a:link		{ text-decoration: none; color:#454C56;}
a:visited	{ text-decoration: none; color:#454C56;}
a:hover		{ text-decoration: underline; color:#454C56;}


.texte
{ font-size:100%;  }
.lien
{ color : #CC0000; }

.texte-erreur
{ color:#cc0000; }

.bleu
{color:#0295cb;}
.gris
{color:#454C56;}
.fond-gris
{background:#eeeff2; padding:10px 0;}


.bleu-clair
{color:#6e83db;;}
.bleu-violet
{color:#5b59a9;;}
.bordeau
{color:#86134a;;}
.framboise
{color:#d20369;;}
.gris
{color:#454C56;;}
.jaune
{color:#ffae00;;}
.jaune-vert
{color:#bba01f;;}
.marron
{color:#cd5701;;}
.orange
{color:#ff6b00;;}
.turquoise
{color:#00abc3;;}
.vert
{color:#469c8b;;}
.vert-pale
{color:#6fb3a5;;}

.picto-pdf
{background:url(../../e_img/charte/picto-pdf.gif) no-repeat; padding-left:20px; font-weight:bold; text-transform:uppercase;font-size:85%;min-height:16px}
.picto-word
{background:url(../../e_img/charte/ico_doc.gif) no-repeat; padding-left:20px; font-weight:bold; text-transform:uppercase;font-size:85%;min-height:16px}
.picto-excel
{background:url(../../e_img/charte/ico_xls.gif) no-repeat; padding-left:20px; font-weight:bold; text-transform:uppercase;font-size:85%;min-height:16px}
	div.clear 		{ clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}
	abbr, acronym 	{ border-bottom:1px dotted #EFEFEF; cursor:help; }
	img 			{ border:0; }
	form 			{ margin:0; padding:0; border:none; }

	h1,h2,h3,h4		{ margin:0; padding:0; border:none;  }

	h1				{ font-size:130%;display:none; }
	h2				{ font-size:143%; text-transform:uppercase;}/*15px*/
	h3				{font-size:100%; font-weight:bold;}
	h4				{ font-size:100%; }

 .bleu a,.bleu a:link,.bleu a:visited,.bleu a:hover,.bleu a:active{color:#0295cb;}
 .gris a,.gris a:link,.gris a:visited,.gris a:hover,.gris a:active{color:#454C56;}
	
 .invisible{display:none;}
 
 div.txt-plus{float:left;margin-left:5px;}
div#ewb_vue table { width:100%; font-size:100%; font-family: trebuchet MS, Times New Roman, verdana, sans-serif; }

html, body { height: 100%;}

body {
	margin : 0;
	padding : 0;
	width:100%;
	text-align:center;
	height:100%;	
	background:url(../../e_img/charte/fd-page.gif) repeat-x #ffffff; font-size:0.7em; color:#363636;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;
}


/* ----- APPLICATION DU MÊME STYLE DE BASE AU CELLULE DE TABLEAU ----*/
td {color:#363636;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;}


div#skip-top {position: absolute; margin:0; padding:0; display: none; }
div#container {
   position: relative;
	margin : 0 auto; padding : 0 0 0px 0;
	text-align : left;
	width:960px; height:auto;
	background:url(../../e_img/charte/fd-container.jpg) repeat-x #fff;
	}
div#header {margin:0; padding:0; width:100%; height:215px; background:url(../../e_img/charte/fd-header.gif) no-repeat left bottom; overflow:hidden;text-align:left;}	

div#header h1 { display:none; }

div#accessibility-menu	{
		margin:0;
		padding: 0px 0; margin:28px 5px 17px 0px; text-align:right; width:auto; }

div#accessibility-menu ul { margin:0; padding:0;  }
div#accessibility-menu li { display :inline; margin :0; padding :0; }
div#accessibility-menu a { color:#363636;  }

div#handilog 			{ margin:0; padding:0 3px 0 0; display:inline; margin:0 405px 0 10px; }
div#globalsearch 		{ margin:0; padding:0 3px 0 2px; display:inline;}
div#globalsearch form 	{ display:inline;}
div#globalsearch label { margin:0; padding:0; color:#454c56; cursor:pointer;}
div#globalsearch input.searchengine { margin:0; padding:0 0 0 2px; vertical-align: middle; font-size:100%; width:8.5%; height:1.2em; border:1px solid #707070; font-family: trebuchet MS, Times New Roman, verdana, sans-serif;}
div#globalsearch input.submit {margin:0; padding:0; font-style:normal; font-weight:normal; font-size:11px; }
div#globalsearch input.image { margin:1px 0 0 0px; padding:0 0 0 5px; vertical-align: middle; }

div#logo 		{ display:block; float:left; padding:0px 0px 0 38px;}
div#logo img 	{ display:block;}

div#bandeau {float:right; margin:0px 12px 0 0; width:786px; height:117px; background:url(../../e_img/charte/bandeau.jpg) no-repeat right; }


div#contenu { padding:10px 0 0 0; margin:0; text-align:left; height:auto; /*display:inline-block;*/}

div#gauche { width:150px; float:left; text-align:left;} 
div#centre {float:left; width:582px; margin: 0 12px;  background:#fff; padding:12px;}
div#droite {position:relative; padding:0;text-align:left; height:auto; float:left;width:180px;}

div#centre-g {position:relative;margin: 12px 12px 0px 0; text-align:left; float:left; width:189px;}
div#centre-dr { text-align:left; height:auto; padding:0; float:left; width:380px; background:#eeeff2; padding:0px; margin:12px 0 0 0;}	

#centre ul, #centre li {margin:0; padding:0; list-style-type:none;}
#centre li {margin:5px 0 0 0;}


div.col-dr-bordure-ht{height:4px;width:180px; background: url(../../e_img/charte/col-dr-bordure-ht.gif) no-repeat;}
div.col-dr-bordure-bas{height:4px;width:180px; background: url(../../e_img/charte/col-dr-bordure-bas.gif) no-repeat;}
div.col-dr-contenu{background:#caccd3; padding: 0 10px 0px 10px;}
div.col-dr-contenu h2{color:#0295cb;}

	
div#menu-gauche {	width:150px; margin:11px 0 0 0; padding:0; text-align:left; height:auto; line-height:15px;}

div#menu-gauche ul { margin:0; padding:0;}
div#menu-gauche li { padding:0; margin:0; list-style-type:none;}

div#menu-gauche li a, div#menu-gauche li a :link, div#menu-gauche li a:visited, div#menu-gauche li a:active  { color:#fff;display:block; text-decoration:none;}

div#menu-gauche li.level1-item, div#menu-gauche li.level1-selected {margin-bottom:2px; font-size:125%; }
div#menu-gauche li.level1-item a{ background: url(../../e_img/charte/menu-off.gif) no-repeat; padding:6px 0 7px 25px;}
div#menu-gauche li.level1-item a:hover{background: url(../../e_img/charte/menu-on.gif) no-repeat; }
div#menu-gauche li.level1-selected a{padding:6px 0 7px 25px; background: url(../../e_img/charte/menu-on.gif) no-repeat; }

/*------------level2--------------------*/
div#menu-gauche li.level2-item, div#menu-gauche li.level2-selected {font-size:80%;border-top:solid 2px #fff;/*margin-top:2px;*/}
div#menu-gauche li.level2-item a, div#menu-gauche li.level2-item a:link,div#menu-gauche li.level2-item a:visited{ background: url(../../e_img/charte/puce-bleu.gif) no-repeat #caccd3 8px 10px; padding:6px 0 7px 25px; color:#0295cb;}
div#menu-gauche li.level2-item a:hover,div#menu-gauche li.level2-item a:active{ background: url(../../e_img/charte/puce-gris.gif) no-repeat #caccd3 8px 10px; color:#454c56; }

div#menu-gauche li.level2-selected a,div#menu-gauche li.level2-selected a:link,div#menu-gauche li.level2-selected a:visited,div#menu-gauche li.level2-selected a:hover,div#menu-gauche li.level2-selected a:active{  background: url(../../e_img/charte/puce-gris.gif) no-repeat #caccd3 8px 10px; color:#454c56;}

/*------------level3--------------------*/
div#menu-gauche li.level3-item, div#menu-gauche li.level3-selected {font-size:95%; border-top:solid 2px #fff;}
div#menu-gauche li.level3-item a, div#menu-gauche li.level3-item a:link,div#menu-gauche li.level3-item a:visited{ background:#EEEFF2; padding:6px 0 7px 25px; color:#0295cb;}
div#menu-gauche li.level3-item a:hover,div#menu-gauche li.level3-item a:active{ background: #F7F8F9; color:#454c56; }

div#menu-gauche li.level3-selected a,div#menu-gauche li.level3-selected a:link,div#menu-gauche li.level3-selected a:visited,div#menu-gauche li.level3-selected a:hover,div#menu-gauche li.level3-selected a:active{ background: #F7F8F9; color:#454c56;}

div#titre {margin:0;padding:0;text-align:left;width:100%;height:auto;}
div#titre h1 { margin:0 0 5px 0; padding:0; color:#363636; }

	
/* -----------------------------------------  Liste agenda social  ----------------------------------------------------------*/
div.agenda-social{padding:15px 0 15px 0;}
	
div.pagination-agenda-social{ text-align:center;}

/* -----------------------------------------  Liste élus  ----------------------------------------------------------*/
div.elus{text-align:center; padding:20px 0 10px 0;}
div.elus table td{text-align:center}
div.photo-elus{float:left;}
div.texte-elus{margin-left:120px;}

/*-----------------------------------------bt-menu ----------------------------------------------------*/
div.bt-menu {margin-bottom:4px; font-size:125%; position:relative;}
div.bt-menu a{ background: url(../../e_img/charte/bt-menu-dr-off.gif) no-repeat; display:block; text-decoration:none; padding:4px 0 4px 25px; min-height:18px;}
div.bt-menu a, div.bt-menu a :link, div.bt-menu a:visited, div.bt-menu a:hover, div.bt-menu a:active  { color:#fff;}
div.bt-menu a:hover{background: url(../../e_img/charte/bt-menu-dr-on.gif) no-repeat; }

/*---------------------------------- bloc département (carte)--------------------------------------------*/
div.localisation{background:url(../../e_img/charte/fd-carte.gif) no-repeat; height:79px; padding:3px 60px 0 10px;margin-bottom:4px; font-size:125%; }
div.localisation a,div.localisation a:link,div.localisation a:visited,div.localisation a:hover, div.localisation a:active{color:#fff; padding:0px 0px 10px 15px;line-height:110%;}

div.localisation form{margin:3px 0 0 0;}
div.localisation .label{font-size:75%; color:#fff; line-height:90%;}
div.localisation .input{width:2em; height:1em; font-size:80%;vertical-align:top; border:solid 1px #3C8576; margin:6px 0 0 0px;}
div.localisation .bt-ok{margin-top:7px;}

/*-----------------------------------------Titre H2 avec fond ----------------------------------------------------*/
div.titre-seul{margin-bottom:5px;height:100%;}

div.titre h2 {  color:#fff; font-family:arial, verdana, helvetica; font-weight:bold; margin :0; padding:0;}
div.bleu, div.gris   { height:auto;}
div.bleu h2.fd-blanc {  display:inline; padding:2px 10px;color:#fff; margin:0; background:url(../../e_img/charte/coin-ht-dr-bleu-fd-bc.gif) no-repeat right top #0295cb;}
div.gris h2.fd-gris { display:inline; padding:2px 10px;color:#fff; background:url(../../e_img/charte/coin-ht-dr-gris-fonce-fd-gris.gif) no-repeat right top #454C56;}
div.article {  clear:both;  border-top:2px solid #0295cb; }
div.article-gris {  clear:both;  border-top:2px solid #454C56; }
/*-----------------------------------------Titre H3 avec // ----------------------------------------------------*/
div.titre h3 {position:relative;display:block; font-weight:bold;;}

div.bleu h3,div.gris h3, h3.bleu, h3.gris { display:table;margin:5px 0 2px 0; padding:0px 0px 0px 15px;}

div.bleu h3, h3.bleu {background: url(../../e_img/charte/puce-bleu.gif) no-repeat 0px 4px;}
div.gris h3, h3.gris {background: url(../../e_img/charte/puce-gris.gif) no-repeat 0px 4px;}

h3.ss-puce{background:none; font-size:145%; padding-left:0px;}
	
div#centre-dr div#humeurdujour { border-top:2px solid #454C56;float:left; width:380px; float:left; margin:0;padding:10px 0 0 0; }
div#centre-dr div#humeurdujour div#limage { float:left; }
div#centre-dr div#humeurdujour 	div#letexte  { margin:0 10px 0 auto; width:70%}

/*-----------------------------------------lien bt et ligne de séparation----------------------------------------------------*/

div.separation-bleu, div.separation-gris{width:100%;margin:0px 0 0 0 ;display:block;min-height:15px;}

div.separation-bleu{background: url(../../e_img/charte/separation-bleu.gif) repeat-x 0px 7px;}
div.separation-gris{background: url(../../e_img/charte/separation-gris.gif) repeat-x 0px 7px;}

span.fleche{float:right; position:relative;}

div.separation-bleu .fleche{background: url(../../e_img/charte/coin-dr-fleche-bleu.gif) no-repeat right top;}
div.separation-gris .fleche{background: url(../../e_img/charte/coin-dr-fleche-gris.gif) no-repeat right top;}

div.bouton-lien{margin:5px 0;}
a.bt-lien,a:link.bt-lien,a:visited.bt-lien,a:hover.bt-lien,a:active.bt-lien{float:right;position:relative;padding: 0px 5px 0px 5px; margin:0px 14px 0 0;color:#fff; text-transform:uppercase; font-size:90%; font-weight:bold;line-height:15px;}

div.separation-bleu a{background-color:#0295cb;}
div.separation-gris a{background-color:#454C56;}

div#chemin { text-align:left; margin:0 0 20px 0; padding:4px 0 4px 0; background:#eeeff2; }

div#chemin ul { margin:0; padding:0; }
div#chemin li {	display:inline;	list-style:none;margin: 0 0 0 5px; padding: 1px 0 0 10px; background:url(../../e_img/charte/arrow_b.gif) no-repeat 0 7px;			}

div#chemin li.first {background : none;	padding: 1px 0 0 0;}

div#chemin li a:link 	{color:#363636; margin:0 0 0 2px; }
div#chemin li a:visited { color:#363636; margin:0 0 0 2px; }
div#chemin li a:hover 	{ text-decoration:underline; }

/*div#num-page {float:left;position:absolute;  left:156px; color:#0295cb;}*/

div#pagination { padding:0; width:100%;margin:0; text-align:center;color:#0295cb;}
div#pagination li { margin:0; padding:0; text-align:left; float:left; display:inline; }
div#pagination li div.element { margin:0; padding:0; text-align:center; width:90px;  }

div#pagination .precedent a{float:left;}
div#pagination .suivant a{float:right;}


div#bottom {clear:both; height:auto; padding:0;  text-align:left; background:#e1e2e6;color: #454c56; font-size:90%; margin-top:15px;}
div#bottom-info {margin:0 auto; height:auto; width:960px;padding: 5px 0 0 0; 	background:#caccd3;display:table;}


div#bottom-menu-g,div#bottom-menu-dr {margin:0 auto; height:auto; float:left;padding: 0px 0 0 0; }

div#bottom-menu-g {margin:0 50px 0 10px;}
div#bottom-menu-dr {float:right;margin-right:7px;}

div#bottom-menu-g ul, div#bottom-menu-dr ul { margin:0;padding:0; }
div#bottom-menu-g li,div#bottom-menu-dr li { margin:0; display:inline; padding:0px 0 0 0; }

div#bottom-menu-g li a:link, div#bottom-menu-g li a:visited, div#bottom-menu-dr li a:link, div#bottom-menu-dr li a:visited  {color:#454c56;}
div#bottom-menu-g li a:hover,div#bottom-menu-dr li a:hover 	{ text-decoration: underline; }

div#bottom-menu-dr .ht-page{background: url(../../e_img/charte/picto-ht-page.gif) no-repeat right center; padding-right:9px; vertical-align:top;}
div#bottom-menu-g .rss img{vertical-align:middle;}
div#coordo {margin: 0; float:left;height:auto;}
div#coordo-login {margin:10px 0 0 0;text-align:center;}
div#ecedi {clear:both; width:960px; margin:0 auto; padding :5px 10px 5px 0; text-align:right;	font-size:90%;}
div#ecedi a.lien  { color:#454c56; }
div#ecedi a.lien:hover {text-decoration : underline;}


	div#formulaire {margin:0; padding:0; voice-family:inherit; width:99%;}

	#formulaire fieldset {padding:5px; margin:0px auto; border:1px solid #408DD3; width:60%; text-align:left;}

	#formulaire fieldset.login {padding:10px; margin:0 auto; border:1px solid #408DD3; width:40%;}

	#formulaire legend.login {margin:0; padding:0; font-style:normal; color:#363636;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;}

	#formulaire legend {margin-bottom:10px; padding:0; font-style:normal; color:#363636;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;}

	#formulaire .erreur { color: #FF1900}

	#formulaire ul {margin:0; padding:0; border:none;}
	#formulaire li {display:inline; list-style:none; padding:0 10px 0 0; margin:0;}
	#formulaire li.checkbox {display:block; list-style:none; padding:0; margin:0;}

	#formulaire label { margin:0; padding:0; font-family: trebuchet MS, Times New Roman, verdana, sans-serif; font-weight:normal; cursor:pointer; }

	#formulaire input  { margin:0; padding:0; font-family: trebuchet MS, Times New Roman, verdana, sans-serif; }
	#formulaire input.texte { width:19em; font-size:100%; margin:2px 0; }
	#formulaire input.login { width:14em; font-size:100% }
	#formulaire input.textecourt { width:25%; }

	#formulaire select { margin:0; padding:0; width:37.7%;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;color:#363636; margin:0 0 1px 0}
   #formulaire table.mceEditor select{width:20%;}

	#formulaire textarea { font-size:100%;margin:0; padding:0; width:19em;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;color:#363636; }

	#formulaire input.submit { margin:0; padding:0; font-family: trebuchet MS, Times New Roman, verdana, sans-serif; font-size:100%; }
	#formulaire input.submit-login { margin: 0 0 0 10px; padding:0; font-family: trebuchet MS, Times New Roman, verdana, sans-serif; font-size:100%; }
	
	#formulaire div.textinfo { float:left; width:40%; padding-top:5px;}	
	#formulaire div.textinfo2 { float:left; width:20%; padding-top:5px;}	
	#formulaire div.valider {text-align:center;}	
	#formulaire ul#erreurs {margin:0; padding:0; border:none;}
	#formulaire ul#erreurs li {margin:0 0 0 20px; padding:2px 6px 2px 7px;	display:list-item; list-style-type:square; border:none;	color:#0295CB;		}
	#formulaire span.obligatoire { color:#0295CB;		}

#plan td { font-family: trebuchet MS, Times New Roman, verdana, sans-serif;color:#0295CB; font-size:11px;}
#plan a,#plan a:link,#plan a:visited,#plan a:hover,#plan a:active {color:#454C56;}
#plan tr.map{background-color:#0295CB;}
#plan td.map{background-color:#0295CB;}

#plan ul.map  {margin:0;padding:0 0 0 16px;}



#oubliPassword{margin:0;padding:0;}
#oubliPassword legend{display:none;}
#oubliPassword input.texte{width:250px;margin:0;color:#000000;}

		div#glossaire	{margin:0;	padding:0;}

		#glossaire ul {margin:0; padding:0; border:none;}
		#glossaire li {margin:0; padding:6px 6px 6px 7px;	display:inline; list-style:none; border:none; overflow : visible; border-right: 2px solid #FFFFFF; background:#CCCCCC;color:#000000;
			}
		#glossaire li a.lien {color:#F16055;}
		#glossaire li a.lien:visited {color:#F16055;}
		#glossaire li a.lien:hover {text-decoration:underline;}


			.conteneur-element{width:95%;clear:both;  height:auto; padding:5px 0 0 5px; font-size:100%;}
		.conteneur-element img{margin:0 5px 3px 0;}

#news{  background:url(../../e_img/charte/coin-ht-dr-gris.gif) no-repeat right top #caccd3; margin-bottom:4px;}

#form-newsletter{  background:url(../../e_img/charte/coin-bas-dr-gris.gif) no-repeat right bottom;padding:13px 10px 11px 9px}
#form-newsletter label{ display:block;margin:0px 0px 5px 0px}
#form-newsletter input.chp-txt {width:9em; height:1.1em; font-size:100%;vertical-align:top; border:solid 1px #808081; margin-right:3px;}
#form-newsletter input.img-newsletter {margin-top:1px;}

			.txt-img-dr{padding-left:10px; font-size:100%;}
		.txt-img-dr img{margin-left:10px;}



		div#resultat {  clear:both; width:95%; background:#EEEFF2; padding:10px; }
		div#resultat h2 {  padding:10px; }
			div#resultat h3 {  padding:5px 10px; color:#0295CB; }