/***************************************************************



* templates HTML 



***************************************************************/

body { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	background-color: #FFFFFF;
	margin: 0px;
	text-align: center;
	padding: 0em;
	_text-align:center;
}



form {
	z-index : 1;
}



div.container {
	width:90.1em;
	border-left: 0.09em solid #ffffff;	
 	border-right: 0.09em solid #ffffff;
	margin-right: auto;
	margin-left: auto;
}

.fondBlanc { background-color: #FFF; }

.alignRight { text-align: right; }

.alignJustify { text-align: justify; }

.alignCenter { text-align: center; }

.titreColonne{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color: #FFF; letter-spacing: -1px; padding-left: 0.5em; background-color:#2b6b98; height:24px; line-height: 24px;}

/*.titreColonneLabel{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color: #4181ae; letter-spacing: -1px; padding-left: 0.5em; }*/


.menuCacemStyle { list-style: none; margin-bottom: 8px; background-repeat: no-repeat; padding-left: 20px; background-image:url(../images/puce.gif); }


img.spacer-gif { display:block; clear:both; border:0; }


/**************************************************************/

div.header_bandeau { width:90.3em!important;width:89.7em; background-color:#FFF /*#7E7E7E*/; height:1.93em; }

ul.header { float:right; text-align:right; margin:0.27em 0.09em 0.27em 0em; padding:0em; background-color:#FFF /*#7E7E7E*/; }


ul.header li { float:left; list-style-type:none; list-style:none; padding-right: 0.72em; }

/*ul.header li { float:left; padding-right: 0.72em; margin-left:1.72em; list-style-image: url(../images/puceBlanche.gif); }
*/
ul.header li img { float: left; margin-right: 0.72em; margin-top: 0.09em; }

div.ligne_foothead{
	background-color:#7E7E7E;
	height : 2px;
}
div.espaceur1 {height: 0.40em; }

ul.header2{text-align:center;width:40em;margin:0.5em auto 0em auto; padding:1em auto; background-color:#FFF /*#7E7E7E*/; }

ul.header2 li { float:left; list-style-type:none; list-style:none; padding-right: 0.72em; }

ul.header2 li img{ margin-right:3px }
/*##################### rootline et titre##########################*/

situation {text-transform: none ;font-size : 13px; color :#3299CC ;}

#root_jaune {/*border: solid #F0E36B ;*/ height : 35px; /*border-width: 0px 0px 1px 0px;*/ margin-bottom : 1em;}

div#titre {border: solid #F0E36B ; height : 17px; border-width: 0px 0px 4px 0px; margin-bottom : 1em; color:#3299CC ;font-size:15px; font-weight: bold}

#root_bleu {/*border: solid  #3299CC;*/ height : 35px; /*border-width: 0px 0px 1px 0px;*/ margin-bottom : 1em;}

div#titre_bleu {border: solid #3299CC ;height : 17px; border-width: 0px 0px 4px 0px; margin-bottom : 1em; color:#3299CC ;font-size:15px; font-weight: bold ; }

#root_vert {/*border: solid  #16B84E ;*/ height : 35px; /*border-width: 0px 0px 1px 0px;*/ margin-bottom : 1em;}

div#titre_vert {border: solid #16B84E ; height : 17px; border-width: 0px 0px 4px 0px; margin-bottom : 1em; color:#3299CC ;font-size:15px; font-weight: bold}

#root_rose {/*border: solid  #DB0073 ;*/ height : 35px; /*border-width: 0px 0px 1px 0px;*/ margin-bottom : 1em;}

div#titre_rose {border: solid #DB0073 ; height : 17px; border-width: 0px 0px 4px 0px; margin-bottom : 1em; color:#3299CC ;font-size:15px; font-weight: bold}

#root_orange {/*border: solid  #F4661B ;*/ height : 35px; /*border-width: 0px 0px 1px 0px;*/ margin-bottom : 1em;}

div#titre_orange {border: solid #F4661B ; height : 17px; border-width: 0px 0px 4px 0px; margin-bottom : 1em; color:#3299CC ;font-size:15px; font-weight: bold}

#root_violet {/*border: solid  #a100ff ;*/ height : 35px; /*border-width: 0px 0px 1px 0px;*/ margin-bottom : 1em;}

div#titre_violet {border: solid #a100ff ; height : 17px; border-width: 0px 0px 4px 0px; margin-bottom : 1em; color:#3299CC ;font-size:15px; font-weight: bold}

ul.rootline { padding-left:0em ; list-style:none; text-transform: capitalize;    width : auto; height : 20px; padding-bottom:0.2em ; color : #3299CC; }

ul.rootline li { text-align:right;  display : inline ; }

ul.rootline li a { color : #1E80CC; }

/*************************************************************/

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


//.actualite { height : auto; text-align:left; }
ul.actu_arch , ul.actu  { text-align : center ;  margin: 0 ;
	padding: 0 ; margin-left : 2.5em ; margin-right : 1.5em;}
ul.actu_acc {list-style:none; text-align:left; margin: 0 ;
	padding: 0 ;}

ul.actu_acc  li {text-align : left ; float:left; display : inline ;  width : 0em;  border : solid #fff ;border-width:1.2em; background-color:#dee7f1;}
ul.actu li{ list-style:none; list-width : auto; border : solid #2b6b98 ;border-width:thin; background-color:#dee7f1;}
ul.actu_arch li{ list-style:none; }

div.news-latest-container {vertical-align: top ; text-align : left;background-color:#FFF}
div.news-latest-container H2,div.news-latest-gotoarchive{background-color:#2B6B98}
div.news-list-item {vertical-align: top ;}

div.news-latest-item a{ text-align:center; }

div.news-latest-item .news-latest-date a{color:#000 ;}
div.news-latest-item .news-latest-date {text-align : left;}

div.news-latest-item .news-title {text-align : center;height : 20px ; background-color : #dee7f1;}
div.news-latest-item  .news-title a { color : #000;  }
div.news-latest-item .news-subtitle {text-align : left; }

div.news-latest-item  .news-image {}
div..news-list-container {background-color: #fff;}

div.news-list-item{ margin-bottom : 1em; border : solid #fff ;border-width:9px; background-color:#dee7f1; }
div.news-list-title {text-align : left; background-color:#2b6b98; height : 20px ; color : #fff;}
div.news-list-title a { color : #fff;  }
div.news-list-date {text-align : left; color : #000; }
div.news-list-auteur{text-align : right; color : #000;}
div.news-list-image {text-align : center ; }
div.news-list-morelink{margin-bottom : 10px;}

div.news-single-item{ margin-bottom : 1em; border : solid #fff ;border-width:9px; background-color:#FFF;}
div.news-single-item H2{ color:#3299cc;}
div.news-single-title {text-align : left; background-color:#2b6b98; height : 20px ; color : #fff;}
div.news-single-title a {   }
div.news-single-date {text-align : left;color : #000; }

div.news-single-contenu {text-align : left; }

div.news-single-auteur {text-align : left;}
div.news-latest-morelink { float:both;color : #000; }

tr td.tx-ttnews-browsebox-SCel { background-color:#666666; }
/*************************************************************/


/*##################Accueil##############*/

div.acc_titre{background-color:#2b6b98; height : 25px;color : #fff; font-size : 12px; text-align : center; font-weight:bold;}

acc_liste_left{}

acc_liste_right{}

div .acc_table{float : left ;}
#tv { text-align : center;}

tr.acc_tr{width: 25em;}
//Ajout NASDY / Kevin
td.acc_tr_2col{width: 50em;}

div.acc_ville {text-align : center;display :inline;}
/***********************************************/

div.bandeau { width:90em;}

/****************************/
/****AJOUT NASDY : KEVIN ****/
/****************************/
div.bandeau{
	border-left : 1px solid #cbc9c9;
}
/****************************/
/**FIN AJOUT NASDY : KEVIN **/
/****************************/

div.container div.espaceur {height: 0.90em; }

/*div#content3cols { text-align: left; vertical-align: top; width:91em;}*/
div#contenuPage { text-align: left; vertical-align: top; width:91em;}

div.fondColonneGauche { width: 19.3%; background-image: url(../images/decodroite2.gif); _background-image: url(../images/decodroite.gif); background-repeat: repeat-y;  vertical-align: top;}

*+html div.fondColonneGauche { float : left ; background-image: url(../images/decogauche.gif); background-repeat: repeat-y; width: 17.5em;}

div#colonnegauche { float: left; width: 19.3%; background-color:#DEE7F1; vertical-align: top}

/* Ajout NASDY : Kévin */
div#colonnegauche h1 { font-size : 15px;color : #666666}
div#colonnegauche #my_poll,div#colonnegauche #my_newsletter{ padding-left: 10px;}

div#page2cols {display: inline; float: left; width: 800px/**80.6%/79.3%**/; text-align: left; margin: 0em; padding: 0em;  z-index: 1; background-color: #FFF; background-repeat:repeat-x;border}
div#story {display: inline; float: left; width: 800px/**80.6%/79.3%**/; text-align: left; margin: 0em; padding: 0em;  z-index: 1; background-color: #FFF; background-repeat:repeat-x;border}

div#colonnemilieu {z-index:10; background-color : #FFF;padding: 0em 0.5em 0em 1.5em;float:left; width: 51.82em; _width: 52.82em;  background-color: #FFF; display: inline; overflow: hidden; }







div#page1col { text-align: left; vertical-align: top; width:17.82em; background-color:#FFF}

div#contentcolonnedroite { text-align: right; vertical-align: top; width:auto; vertical-align: top;}

div#colonnedroite {float: right; width: 17.82em; padding-bottom: 0.45em; background-color:#DEE7F1;}

/*div#colonnedroite { width:20%; _width:17.27em; padding-bottom: 0.45em;  overflow: hidden; }

div#colonnedroite { width:20%; padding-bottom: 1.00em; }*/

div.fondColonnedroite { background-image: url(../images/decodroite.gif); _background-image: url(../images/decodroite.gif); background-repeat: repeat-y; }

*+html div.fondColonnedroite { background-image: url(../images/decodroite.gif); background-repeat: repeat-y; }

div#footer { clear: both; background-color:#FFF /*#7E7E7E*/; width:90.1em; height: 1.75em;text-align:center }/* MODIF NASDY width:90em */

div.footer_sub { text-align:center;width:auto;}

span.copyright {text-align:center; /*margin:0.27em 0em 0em 0.09em*/;background-color:#FFF /*#7E7E7E*/; }

#contenu {margin-left : 1.5em ; margin-right : 0.5em;text-align:justify;}



div#colonnegauche .topLeft { background-image: url(../images/top_left.gif); background-repeat: no-repeat;  background-position: top right; padding: 0.42em 0em 0em 1.18em;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color:#FFFFFF; padding-top: -0.5em; letter-spacing: -1px; }

div#colonnegauche .enteteMenuGauche { background-color:#2b6b98; margin-bottom:0.45em; padding:0.18em 0em 0.27em 0.27em; }

div#colonnegauche .enteteMenuGauche div { float:right; margin-top:-0.18em; }

div#colonnegauche div.listeCommunes { text-align: center;}

div#colonnegauche div.listeCommunes form { margin: 1em; z-index:1;}

div#colonnegauche div.listeCommunes label { display: none; }

div#colonnegauche div.listeCommunes input { text-align: center; margin: 0em auto 0em auto; }

div#colonnedroite .titreRecherche { background-image: url(../images/top_recherche.gif); background-repeat: no-repeat; padding: 0.42em 0em 0em 1.18em;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-bottom: -1em; font-weight: bold; font-size:12px; letter-spacing: -1px; }

div#colonnedroite div.search { margin: 0.27em 0em 0.45em 3.27em; }

div#colonnedroite div.search form { margin: 0em 0em 0.27em 0em; }

div#colonnedroite div.search label { display: none; }

div#colonnedroite div.search input { vertical-align: middle; margin: 0em 0.36em 0em 0em; }



html:not([lang*=""]) div#colonnedroite { border-right:0; }

div#colonnedroite span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #FFF;
	margin-left: 1.27em;
}


/***************************************************************

* MENU DEROULANT :

***************************************************************/

/* CODE FOR MENU 2ND OUTER TABLE */

#menunav{
			width:90.3em!important;
			width:89.7em; /* MODIF NASDY : KEVIN 90em*/
			height: 2em; 
			/*background:url(../images/menu_repeat.jpg);*/ 
			background-repeat:repeat-x; 
			margin: 0em; 
			padding: 0em; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			z-index:3;
			}

#menunav ul 	{
			width:89.7em; /* MODIF NASDY : KEVIN 90em*/
			height: 2em; 
			/*background:url(../images/menu_repeat.jpg);*/ 
			background-repeat:repeat-x; 
			margin: 0em; 
			padding: 0em; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			z-index:3;
			border: 1px solid #A5DCF1;
			}



/* TOP LEVEL MARGINS, FONT FACE & FONT COLORS & PADDING */



#menunav a 		{

	display:block;
	margin-top:1px;
	padding:0.38em 1.99em 0.37em 2.07em;
	font-size:10.15px;
	color:#FFF;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#2b6b98;
	/*background-image:url(../images/puceLayer_off.gif);*/
	background-repeat:no-repeat;
	background-position:0.58em 0.42em;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF; 
			}



/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */



#menunav li 		{

			position: relative; float: left; list-style: none; margin: 0em;

			background-position:0.58em 0.42em;

			text-align : left;
			
			}



/* TOP LEVEL HOVER FONT COLOR */



#menunav li a:hover	{

		background:#4995ca;

		/*background-image:url(../images/puceLayer_off.gif);*/

		background-repeat:no-repeat;

		background-position:0.58em 0.42em;

		font-family:Verdana, Arial, Helvetica, sans-serif;

			}



/* TOP LEVEL HOVER BACKGROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */



#menunav li:hover, #menunav li.IEMhover
			{

			background-color: #FFF;

			font-family:Verdana, Arial, Helvetica, sans-serif;

			border-width: 0px 1px 0px 0px;	/* THIS IS A RIGHT BORDER */

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			}



/* SUB LEVEL FONT & FONT COLOR & PADDING */



#menunav li ul a 	{

			text-transform: none;

			color: #fffff;

			font-weight: normal;

			text-decoration: none;			

			text-indent: 20px;			

			padding: 4px 0px 4px 0px;

			font-size : 11px;

			cursor: pointer;

			list-style: none;

			border-left: 0px solid #cbc9c9;

			border-right: 0px solid #cbc9c9;			

			border-bottom: 0px solid #cbc9c9;

			}



/* SUB LEVEL FONT HOVER COLOR */



#menunav li ul a:hover 	{

	font-weight: normal;

	text-decoration:none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background:#4995ca;

	/*background-image:url(../images/puceLayer_off.gif); padding-top:inherit;*/

	background-repeat:no-repeat;

	background-position:0.58em 0.42em;

	padding: 4px 0px 4px 0px;

			}



/* SUB LEVEL OUTER BORDER */



#menunav li ul 		{

			position: absolute;

			left: -999em;

			height: auto;

			width: 200px;				

                        border-top: 0px; 

			/*border-top: 1px solid #cbc9c9;*/

			/*border-bottom: 1px solid #cbc9c9;*/

			/*border-width: 1px 1px 1px 1px;*/

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			margin: 0

			}



/* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */



#menunav li ul li 	{

			z-index : 20;

			background-image: none;

			background: #2b6b98;

			border-top: 1px solid #FFF;

			border-width: 0px 0px 0px 0px;			

			font : left;

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			
			}



/* SUB LEVEL HOVER BACKGROUND AND BORDERS */



#menunav li ul li:hover, #menunav li ul li.IEMhover
			{

			background: #4995ca;

			}



/* SUB MENU WIDTH - ALSO EDIT TWO BELOW AND ONE ABOVE TO MATCH */



#menunav li li {

	padding-right: 0px;

	width: 200px;

}



/* SUB MENU LINK WIDTH */



#menunav li ul a {

	width: 200px;

}



/* FOR 3rd LEVEL MENU LOCATION */





#menunav li ul ul {


	margin: -21px 0px 0px 200px;

}



#menunav li:hover ul ul, #menunav li:hover ul ul ul, #menunav li.IEMhover ul ul, #menunav li.IEMhover ul ul ul

{ left: -999em; }

#menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.IEMhover ul, #menunav li li.IEMhover ul, #menunav li li li.IEMhover ul

{ left: auto; }



/***************************************************************

* MENU GAUCHE :

***************************************************************/



div#menuGauche ul { margin: 0em; padding: 0em; list-style: none; font-weight: bold; color: #EB1608; }

div#menuGauche a { display: block; text-decoration: none; padding: 0.18em 0em 0.18em 0.45em; }

div#menuGauche a:hover { background-color: #CCCCCC; }

div#menuGauche ul li {  _height: 1%; }

*+html div#menuGauche ul li { height: 1%; }


div#menuGauche ul ul { font-weight: normal; margin-left: 1.18em; }

div#menuGauche ul ul li a { background-image: url(../images/puce.gif); background-repeat: no-repeat; background-position: 0em 0.63em; padding-left: 0.55em; }

div#menuGauche ul ul ul { margin-left: 0.72em; }

div#menuGauche ul ul ul li a { display: inline; background: none; padding: 0em; }



/***************************************************************

* MENU style :


***************************************************************/

ul.general,ul.menuRaccourcis, ul.menuInfos, ul.menuExtranet, ul.menuDroite{ margin: 0em ; padding-left: 0.8em; list-style: none; text-align : left; }

ul.general li,ul.menuRaccourcis li, ul.menuInfos li, ul.menuExtranet li, ul.menuDroite li{ padding: 0.27em 0em 0.27em 0.8em; list-style-type: none;}

ul.menuRaccourcis li a ,ul.menuInfos li a, ul.menuExtranet li a, ul.menuDroite li a { display: block; padding: 0em 0em 0em 2.27em;  text-decoration: none; background-image: url(../images/sousMenu_puce2.gif); background-repeat: no-repeat; background-position: 0.2em 0em; }


ul.general li a { display: inline; padding: 0em 0em 0em 1em; background-image: url(../images/sousMenu_puce2.gif); background-repeat: no-repeat; text-decoration: none; background-position: -0.8em 0em;}



ul.general li ul.mgs_menu_item_1  {background-color: #DFF2FF; padding: 0em 0em 0em 0em ; margin-left: 2em}




.label { color:#FF0000; }

.labelStandard { }

.comment { font-weight:bold; }

.content{ font-size:11px; color: #666666;}

td { font-size:11px; }

p { font-size:11px; margin:0em; }



/***************************************************************

* Styles de texte

***************************************************************/


.margeGauche10px { padding-left:10px; }

.texteBlanc { font-size: 11px; color: #FFFFFF; text-decoration: none; }
.texteGris { font-size: 11px; color: #7E7E7E; text-decoration: none; }

.titreBlanc { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none ; }

.titreBlanc12px { font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none ; }


a:link { font-size: 11px; color: #2b6b98;  text-decoration: none; }

a:visited { font-size: 11px; color: #2b6b98;text-decoration: none; }

a:hover { font-size: 11px; color: #2b6b98;  text-decoration: underline; }



a.texteBlanc:visited { font-size: 11px; color: #FFF; text-decoration: none; }

a.texteBlanc:link { font-size: 11px; color: #FFF; text-decoration: none; }

a.texteBlanc:hover { font-size: 11px; color: #FFF; text-decoration: none; }


ul.header  a.texteBlanc:visited { font-size: 11px; color: #7E7E7E; text-decoration: none; }

ul.header  a.texteBlanc:link { font-size: 11px; color: #7E7E7E; text-decoration: none; }

ul.header  a.texteBlanc:hover { font-size: 11px; color: #7E7E7E; text-decoration: none; }


a.texteGris:visited { font-size: 11px; color: #7E7E7E; text-decoration: none; }

a.texteGris:link { font-size: 11px; color: #7E7E7E; text-decoration: none; }

a.texteGris:hover { font-size: 11px; color: #7E7E7E; text-decoration: none; }




input#inputSearch { font-size: 10px; color: #666666; border: 1px #999999 solid; text-align: left; }

.inputStyle { font-size: 10px; color: #666666; border: 1px #999999 solid; text-align: left; }



/***************************************************************

* en savoir plus


***************************************************************/

 

.ensavoirplus { background:#f2f2f2; border:1px solid #c8c8c8; /**/ margin-top:20px; position:relative; }
.ensavoirplus .picto { position:absolute; top:-12px; left:4px; }
.ensavoirplus p { color:#999; padding:10px 10px 10px 27px; }