/* Import de la CSS de base */


body {
  font : 12px arial; 
  color : #333;
  padding : 0px; 
  margin : 0px;
}

div#global{
  width : 988px;
  text-align : left;
  margin : 0px;
}

img {
  border : 0px;
}

div, span, ul, img, form{
  margin : 0px; 
  padding : 0px;
}

.skiplink{
  display : none;
}

.clear{
  clear : both;
}

/****************************/
/********** Titres **********/
/****************************/

h1,h2,h3,h4,h5,h6{
  font-family : normal 12px arial, verdana, lucida, helvetica, sans-serif;
  font-weight : bold;
  margin : 10px 0px 5px 0px;
  color : #333;
}

.accueil h1, .accueil h2, .accueil h3, .accueil h4, .accueil h5, .accueil h6{
  color : #4C4C4C;
}


h4,h5,h6{
  margin-top : 5px;
  margin-bottom : 2px;
}

h1 {
  font-size : 20px;
  margin-top : 0px;
}

h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

/* fin titres */


/*******************************/
/********** Les liens **********/
/*******************************/

a:link, a:visited, a:hover, a:active {
  font-weight : bold;
  text-decoration : none;
}

a:hover{
  text-decoration : underline;
}

/* fin liens */


/***********************************/
/********** Contenu texte **********/
/***********************************/

p, p.bodytext{
  font : normal 12px arial, verdana, lucida, helvetica, sans-serif;
  margin : 0px;
  padding : 0px;
}

/* fin contenu texte */


/***********************************/
/********** Colonnes **********/
/***********************************/

div#colonneGauche, div#colonneDroite{
  float : left;
}

div#colonneGauche{
  width : 220px;
}

div#colonneDroite{
  width : 768px;
}

/* fin colonnes */


/****************************/
/********** entete **********/
/****************************/

div#entete{
  margin-top : 5px;
  height : 167px;
  width : 100%;
  text-align : center;
}

div#titreSite{
  height : 56px;
  font: bold 16px Arial;
  color : #333;
}

div#titreSite span{
  width : 100%;
}
	
/* fin entete */


/*************************************/
/********** Barre recherche **********/
/*************************************/

div#recherche{
  height : 88px;
  width : 100%;
  text-align : left;
  font: bold 16px Arial;
  color : #333;
}

div#recherche form{
  float : left;
  padding : 0px;
  margin : 20px 10px 0px 10px;
  display : inline;  /* bug IE */
}

div#recherche label{
  float : left;
  width : 100%;
  margin : 7px 0px 3px 0px;
}

div#recherche #search-input {
  float : left;
  background-color : #fff;
  border : 1px solid #999;
  width : 150px;
  height : 18px;
  font-size : 12px;
  margin : 0px 7px 0px 0px;
}

* html div#recherche #search-input {
  margin-top : 1px;
}

div#recherche #search-input:focus {
  float : left;
  border : 1px solid #ccc;
}

div#recherche .valid{
  width : 28px;
  height : 18px;
  border : none;
  cursor : pointer;
  float : left;
  margin-top : 2px;
}
	
/* fin barre recherche */


/**************************/
/********** Menu **********/
/**************************/

div#menu{
  width : 100%;
  text-align : left;
  display : inline; /* bug IE */
}

#menu ul, #menu li {
  list-style: none;
  width : 100%;
}

#menu .niveau1, #menu .niveau1active{
  font : normal 18px arial;
  padding-bottom : 1px;
}

#menu .niveau1 a, #menu .niveau1active a{
  padding : 15px 5px 15px 20px;
  font : normal 18px arial;
  text-decoration : none;
  display : block;
}

#menu .niveau1 a:hover{
  text-decoration: underline;
}

#menu .niveau2 a, #menu .niveau2active a, #menu .niveau2last a, #menu .niveau2lastactive a{
  font : normal 14px arial, verdana, lucida, helvetica, sans-serif;
  text-decoration: none;
  display : block;
  padding : 10px 5px 10px 20px;
}

#menu .niveau2active a, #menu .niveau2 a:hover, #menu .niveau2lastactive a, #menu .niveau2last a:hover{
  color : #333;
}	

#menu .niveau3 a, #menu .niveau3active a, #menu .niveau3last a, #menu .niveau3lastactive a{
  background-position: 20px 15px;
  padding : 10px 5px 10px 35px;
}

#menu .niveau3 a:hover, #menu .niveau3last a:hover, #menu .niveau3active a{
  background-position: 20px 15px !important;
}

* html #menu .niveau3 a:hover, #menu .niveau3last a:hover{
  border-right : 1px solid white;
}

div#logoRegion{
  width : 100%;
  margin : 30px 0px;
  text-align : center;
}

/* fin menu */


/*********************************/
/********** Menu Outils **********/
/*********************************/

div#navmenu{
  height : 67px;
  width : 100%;
}

div#navmenu a{
  color : #fff;
}

div#navmenu div{
  float : left;
}

div#navmenu #lienAccueil{
  margin-left : 2px;
}

div#navmenu .ongletGauche, div#navmenu .ongletDroit{
  height : 37px;
  width : 3px;
}

div#navmenu .ongletGaucheActive, div#navmenu .ongletDroitActive{
  height : 55px;
  width : 3px;
}

div#navmenu .ongletDroit, div#navmenu .ongletDroitActive{
  margin-right : 2px;
}

div#navmenu ul{
  font : 12px Arial;
  float : left;
  list-style-type : none;
}

div#navmenu li{
  margin : 0px;
  float : left;
  margin-top : 30px;
}

div#navmenu li a{
  display : block;
  float : left;
  padding : 10px;
  height : 17px;
}

div#navmenu li.navemenuactive{
  margin-top : 12px;
  height : 55px;
}

div#navmenu li.navemenuactive a{
  padding : 10px 10px 28px 10px;
  color : #fff;
}

* html div#navmenu li a{
  padding-bottom : 12px;
}

* html div#navmenu li.navemenuactive a{
  padding-bottom : 30px;
}

/* fin menu outils */


/*********************************/
/********** Menu langue **********/
/*********************************/

div#navmenu #langues{
  float : right;
  margin-top : 40px;
  margin-right : 20px;
}

div#navmenu #langues img{
  margin-right : 30px;
}
/* fin menu langue */


/***********************************/
/********** Bandeau photo **********/
/***********************************/

div#photo{
  width : 768px;
}

div#photo img{
  
}

/* fin bandeau photo */


/*****************************/
/********** Contenu **********/
/*****************************/

div#content{
  padding : 17px 18px 20px 18px;
  float : left;
}

* html div#content{
  margin-top : -3px; 
}

div#texte{
  width : 545px;
}

div#texte.accueil{
  float : left;
  width : 482px;
}

/* fin contenu */

/********************************/
/********** Actualités **********/
/********************************/

div#actualite{
  float : left;
  margin-left : 10px;
  width : 240px;
}

div#actu{
  /*background : url(../images/barre1.gif) repeat-x !important;*/
  /*margin-top : -5px;*/
}

div#actu dl{
  margin : 0px;
}

div#actu dt{
  margin : 0px;
  font : bold 14px Arial;
  background : url(charte_B/images/barre2.gif) repeat-x;
  padding-top : 8px;
  margin-top : 8px;
}

div#actu dd{
  margin : 0px;
}


/* fin actualités */


/****************************
*** Fil d'ariane (miette) ***
****************************/

div#miette{
  margin-bottom : 12px;
}

div#miette ul {
  list-style: none;
}

div#miette ul li{
  display : inline;
}

/* fin fil d'ariane (miette) */


/****************************/
/********** Footer **********/
/****************************/

#footer{
  width : 100%;
  height : 70px;
}

div#footerDroit{
  float : right;
  width : 315px;
  color : #fff;
  font : normal 11px arial;
  height : 100%;
}

div#footerDroit a, div#footerDroit span{
  float : left;
  line-height : 70px;
  font-weight : normal;
}

div#footerDroit a{
  margin : 0px 3px 0px 5px;
}

div#footerDroit #lien_bas{
  height : 8px;
  width : 75px;
  margin : 31px 0px 0px 3px;
  display : inline; /* Bug IE */
}

#lien_bas span{
  display : none;
  visibility : hidden;
}

div#footerDroit #logoMap{
  display : block;
  width : 60px;
  height : 70px;
  margin : 0;
}

/* fin footer */


/********************
*** Liste à puces ***
********************/

div#texte ul{
  list-style-position : outside;
}

div#texte ul, div#texte ol{
	padding-left : 16px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 10px;
}

div#texte ol{
  list-style-position : inside;
  padding-left : 2px;
}

div#texte ol ol{
  margin-left : 16px;
}

div#texte ol ul{
  margin-left : 16px;
}

div#texte ul ul, div#texte ol ol, div#texte ul ol, div#texte ol ul{
  margin-top : 5px;
  margin-bottom : 5px;
}

div#texte ol li, div#texte li ol li, div#texte li li ol li{
  list-style-type : decimal;
  list-style-image : none;
}

/* fin liste à puces */


/*******************************************/
/********** Formulaire de contact **********/
/*******************************************/

#content .csc-mailform{
  width : 100%;
  padding : 10px 0px 0px 0px;
}

#content .csc-mailform-field{
	clear : both;
  text-align: left;
  width: 98%;
  margin-bottom: 4px;
}

/*submit button*/
#content .csc-mailform-submit{
  text-align: center;
  margin-left: 130px;
  margin-top: 4px;
  padding: 1px 6px;
  width: auto;
}

.csc-mailform-field label{
  float: left;
  width: 130px;
  font-size: 1.1em;
}

#content .csc-legend{
  display: none;
}

#content .legend-no-display{
  display: none;
}

.legend-no-display{
  display: none;
}

#content fieldset.legenddisplay{
  border: 1px solid #CCC;
  padding: 0.5em 1em 1em 1em;
  margin: 0.5em 15em 1.5em 0em;
  width: auto;
}

.csc-mailform-radio fieldset legend{
  display : none;
}

#content .csc-mailform-radio fieldset{
  margin : 0px;
  padding : 0px;
}

.csc-mailform-radio fieldset label{
  margin-left : 10px;
  padding : 0px;
  float : none !important;
  text-align : left;
  width : auto;
}

.csc-mailform-radio input{
  margin : 1px 0px;
  padding : 0px;
}
/* fin formulaires */


/*************************************/
/********** Les Formulaires **********/
/*************************************/

#content form{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  width: 98%;
}

#content fieldset{
  border-color: #000;
  border-width : 0px;
  border-style: solid none none none;
  padding: 10px;
  margin: 0px;
}

#content form div textarea{
  width: 300px;
  padding: 1px 3px;
  margin: 0px;
}

#content form div input{
  padding: 1px 2px;
  margin: 0px;
}

#content select{
  font-size: 1em;
}

/* Fin import de la css de base */

/* Import de la CSS divers_commun */

hr{
  border-bottom : 0;
  border-left : 0;
  border-right : 0;
}

/********************
****** Indice ******
********************/

sub{
  line-height: 0.8em;
} 

sup{
  line-height: 0.8em;
} 

/* fin indice */


/**************************
*** page des actualites ***
***************************/

dl.newsitem{
  margin: 0px;
  padding: 0px 5px 20px 0px;
  font-size: 1em;
}
	
.newsitem dt {
  margin: 0px;
  padding: 0px 0px 2px 18px;
  background: #FFF url(images/pictoactus.gif) no-repeat;
  color: #333;
  font-size: 1.15em;
  font-weight: bold;
  text-align: left;
}

.newsitem dd{
  margin: 0px;
  padding: 0px 0px 0px 30px;
  color: #333;
  text-align: left;
}

dd.date{
  margin: 0px;
  padding: 0px 0px 4px 30px;
}
	
#news-single-item p.date{
  margin: 0px;
  padding: 0px 0px 6px 8px;
  color: #999;
  text-align: left;
}

#news-single-item p.backlink{
  margin: 0px;
  padding: 0px 0px 0px 8px;
  color: #999;
  text-align: left;
}

.backlink a{
  margin: 0px;
  padding: 0px 6px 0px 0px;
}
	
.backlink img{
  margin: 0px;
  padding: 0px 6px 0px 0px;
}

.tx-ttnews-browsebox{
  border : none;
  background-color : #fff;
  border-top : 1px solid black;
}

.tx-ttnews-browsebox a{
  margin: 0px;
  padding: 0px 6px 0px 0px;
}

.news-single-author{
  font-size:11px;
}

/* fin page des actus */


/***************
*** Tableaux ***
***************/
table {
  font-family:arial,verdana,lucida,helvetica,sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
}

/* fin tableaux */


/*****************
*** Google map ***
*****************/
.tx-lumogooglemaps-pi1{
  font-family : arial, verdana, lucida, helvetica, sans-serif;
  font-size : 12px;
  line-height : 10pt;
}

/* fin ggmap */


/********************
*** Texte & image ***
********************/
.csc-textpic{
  margin : 10px 0px;
  width : 100%;
}

.csc-textpic ul{
  list-style-position: inside;
}

/* fin texte & image */


/********************
*** Galerie photo ***
********************/
.tx-gooffotoboek-pi1 table, .tx-gooffotoboek-pi1 tr, .tx-gooffotoboek-pi1 td{
  margin : 0;
  padding : 0;
}

.tx-gooffotoboek-pi1 table{
  width : 520px;
}

/* Fin style Galerie Photo */

.align-center{
  text-align: center;
}

.align-left{
  text-align: left;
}

.align-right{
	text-align: right;
}



/* Fin import de la css divers_commun */

/* Personnalisation */

div#content {
  float : none;
}

div#langues{
  display : none;
}

div#texte{
  width : 100%;
}

.titlePart{
  background-color : #CED9E2;
  font-family : trebuchet MS;
  font-weight : bold;
  font-size: 18px;
  text-align : center;
  margin-bottom : 5px;
}

.bodyPart{
  margin : 0 10px 10px 10px;
}

.formLabel, .formInput{
  float : left;
}

.formLabel{
  font-weight : bold;
  margin-right:10px;
  text-align : right;
  width : 166px;
}

#formFermeture .formLabel{
  width : 255px;
}

.formPart{
  margin : 5px 0;
}

.divSubmit{
  margin : 20px 0 20px 0;
}

#btSubmit{
  border : 1px solid black;
}

.clear{
  clear : both;
}

#content form div.bodyPart textarea {
  margin : auto;
  padding : auto;
  width : auto;
}

div#plugin_pandemie{
  float:left;
  font-family:arial,verdana,lucida,helvetica,sans-serif;
  font-size:12px;
  font-style:normal;
  font-weight:normal;
  margin-left:20px;
  padding:0;
}

#content #formRessource fieldset{
  border : 1px solid #ccc;
  margin : 10px 0;
}

#content #formRessource input{
  width : 100%;
}

#content #formRessource textarea{
  width : 100%;
}

#content #formRessource input.checkBox{
  width : 20px;
}

.formInput{
  width : 70%;
}

#formFermeture .formInput{
  width : auto;
}

.formPart{
  margin : 5px 0;
}

.divSubmit{
  margin : 20px 0 20px 0;
}

#btSubmit, #btChangeStatus{
  border : 1px solid black;
}

#content #formRessource #btSubmit{
  width : 200px;
  margin-left : 176px;
}

#btChangeStatus{
  margin-left : 10px;
}

span.etoile{
  color : #FE0101;
  font-size : 16px;
}

.divRessource{
  margin : 10px 0 0 0;
  float : left;
  width : 100%;
}

.divGestion{
  width : 20%;
  float : left;
  margin-top : 15px;
}

/* Fin personnalisation */
.wfqbe_browser{
width: 750px;
}
.news-grid-item{

width :33%;
float:left;
padding-bottom:0px;
height:320px;

}

a.desc{
margin-bottom:5px;
}
.news-grid2-item{
width :25%;
float:left;
padding-bottom:0px;
height:280px;

}
.news-list-item{
width :100%;
float:left;

}
.imageliste{
border:#3D7603 1px solid;
float: left;
display:block;
}
.news-grid-item h5{
font-size:12px;
font-weight:bold;
width:230px;
clear:both;
padding:5px 0;
}
.accesliste{
float:left;
width:550px;
border:1px solid;
}
.acces a{
background:#F97F7F;
border:#fe6566 1px solid;
padding:3px;
color:#fff;
font-weight:bold;
}

a.acces span{
  background: transparent url('../images/boutdv.gif') no-repeat top right;
  display: block;
  padding: 0px 10px 4px 2px;/*Set 10px to be equal or greater than'padding-left' value above*/
}

a.acces{
  background: transparent url('../images/boutgv.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold 13px Arial; /* Change 13px as desired */
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 24px; /* Height of button background height */
  padding-left: 6px; /* Width of left menu image */
  text-decoration: none;
  color:#fe6566;
}


/* View Type: List */
.product-shop { float:right; width:320px; padding-left:30px; }

/* CSS Document */

.clearer {
clear : both;}
.product-collateral {clear:both; padding-top:10px;
width:100%;
margin : 0;
}

.tabs  { padding:0; display : block;
margin:0;list-style:none; /*background: url(../images/bkg_tabs.gif) 0 0 repeat-x; height:24px;*/ }
.tabs li {  padding:0; display : block;
margin:0;list-style:none; float:left; /*height:24px; *//*padding-bottom:0px; background:#7a7aa7 url(../images/fleche_bas2.gif) 0 -100px no-repeat; */}
.tabs a { float:left; font:12px/24px Arial, Helvetica, sans-serif; padding:0 16px; text-decoration:none !important; color:#444; }
.tabs li.first a { list-style:none; border-left:0; }
.tabs li a:hover { background:#A8A8C6 /* url(../images/fleche_bas2.gif) 0 -100px no-repeat; */}
.tabs li.active a,
.tabs li.active a:hover { list-style:none; font-weight:bold; background:#A8A8C6; color:#fff; border:0; }
.tabs li.active { padding:0;
margin:0;
background-position:50% 100%; border:0;
list-style:none;
}
/*.product-collateral .tabs li.tab-tips { background:none !important; }
.product-collateral .tabs li.tab-tips a { background:#A8A8C6 !important; font-weight:normal !important; color:#fff !important; }
.product-collateral .tab-content { padding:20px 0 0; }
.product-collateral .tab-content h3 { margin:0 0 1em; }*/
.std {

clear:both;
padding:10px;
background:#E0E2EF;
margin:0;
float : left;
}




.accesdroite{
width:180px; float:right;
text-align:right;
padding:10px 0;
margin:0;
}

#logopartenaire {
float:left;
width : 200px;
position: relative;
bottom: 0;
padding-left:15px;
height:100%;
}

#logopartenaire .col1 {
float:left;

/*padding-left:5px;*/

}
#logopartenaire .col2 {
float:right;
/*padding-right:10px;*/

}

#fondgris {
width:100%;
height:105px;
background : #eeeeee;
}
#fondgris h2 {
padding : 40px 0 0 20px;
font-size : 1.4em;
font-weight: bold;
color:#666;
margin : 0;
}

#fondgris h3 {
padding-left:20px;
font-size : 1.2em;
font-weight: bold;
color:#666;
margin : 0;
}
.csc-mailform-field label{
text-align:right;
margin-right:10px;
}

/***************** TAB CNPR *******************/

div#titre {
	float:left;
	/* width:452px; */
	margin-top:0px;
	font-size: 18px;
	font-weight: bold;
}
div.clearer {
	clear:both;
}
div#ident{
	text-align:center;
}
table#cnpr {
	border:2px solid #517B2B;
	margin-top:20px;
}
tr#tabTete, tr.tabTete {
	background-image:url(images/fond_titre_table_vert.jpg);
	background-repeat:repeat-x;
	color:white;
	font-weight:bold;
	height:39px;
}
.titreActi {
	 font-weight: bold;
	 width:30%;
	 border-right:#FFFFFF solid 2px;
	 vertical-align : top;
}

tr#tabTete .titreActi, tr.tabTete .titreActi{
  vertical-align : middle;
}

.numero {
  	width:20px;
	text-align:center;
	border-right:#FFFFFF solid 2px;
}
.titreNiveau {
	 font-weight: bold;
	 border-right:#FFFFFF solid 2px;
}
.gris {
  	background-color:#F0F0F0;
}
.centre {
	text-align:center;
}
div#accueil {
  	margin:15px 0;
	padding:15px;
  	font-size:12px;
	border:2px solid #517B2B;
}

/******** FIN TAB CNPR *************/ 

div#texte td.listeRessource ul{
  margin : 0;
  padding : 0;
}

div#texte td.listeRessource li{
  /*text-align : right;*/
  list-style-type : none;
  list-style-image : none;
}

td.listeRessource li div{
  float : left;
}

td.listeRessource li div.linkRess{
  width : 420px;
}

td.listeRessource li div.linkAdmin{
  width : 130px;
  margin-left : 20px;
}

.tx-pandemiegestionfichiers-pi1 .titreActi {
  width : 20%;
}

.tx-pandemiegestionfichiers-pi1 table {
  margin-bottom : 20px;
}

.tx-pandemiegestionfichiers-pi1 #formRessource{
  margin-bottom : 20px;
}

.msgAlert{
  color : #EB121B;
  font-weight : bold;
  background : url(images/important.png) no-repeat left center;
  padding-left : 20px;
}

#recapHistory .msgAlert{
  color : #333;
}

#recapHistory #recapEtat{
  color : #EB121B;
}

a.linkDel{
  background : url(images/button_cancel.png) no-repeat left center;
  padding-left : 20px;
}

a.linkEdit{
  background : url(images/pencil.png) no-repeat left center;
  padding-left : 20px;
}

* html .msgAlert{
  background : url(images/important.gif) no-repeat left center;
}

* html a.linkDel{
  background : url(images/button_cancel.gif) no-repeat left center;
}

* html a.linkEdit{
  background : url(images/pencil.gif) no-repeat left center;
}

#content fieldset{
  border : 1px solid #333;
  padding: 10px;
  margin: 0px;
}

div#pdfGuide{
  margin : 20px 0;
  text-align : center;
}