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


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



.texte-erreur
{ color:#cc0000; }

.actu
{}
.mobilisation
{}	

	
	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;
					  font-family: verdana,arial,helvetica,sans-serif;					 
					}

	h1				{ font-size:130%; }
	h2				{ font-size:125%; text-transform:uppercase;}
	h3				{ font-size:115%; }
	h4				{ font-size:100%;}




div#ewb_vue table { width:100%; font-size:100%; font-family: verdana,arial,helvetica,sans-serif; }

div.clear 		{ clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}

html, body {
    height: 100%;
}


body { margin : 0;
	padding : 0;
	width:100%;
	text-align:center;
	height:100%;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color:#ffffff; font-size:0.7em; color:#000000;
}




/* ----- APPLICATION DU MÊME STYLE DE BASE AU CELLULE DE TABLEAU ----*/
td {
	font-family: verdana,arial,helvetica,sans-serif;
	 color:#333333;
	}




div#skip-top {position: absolute; margin:0; padding:0; display: none; }

	div#container {
	   position: relative;
		margin : 0 auto;
		padding : 0;
		text-align : left;
		width:785px;
				
		background:url(../../e_img/charte/page_bordure_ht.gif) no-repeat; 	
		border-top:2px solid #FFFFFF;
		}

		div#container-bk{float:left; width:770px; margin-top:15px; padding: 13px 0px 0px 22px; background:url(../../e_img/charte/page_bordure_cotes.gif) repeat-y;}


div#header {
	margin:0 0 13px 0;
	padding:0;
	text-align:left;
	width:100%;
	
}


	#header h1 { display:none; }


	#logo 		{ display:block; float:left; margin:6px 0 0 10px; }
	#logo img 	{ display:block; }



/*
	div#menu-principal { display:block; float:left; white-space:nowrap; background:#F58225 url(../../e_img/charte/bk_menu.gif) repeat-x; width:auto;margin:16px 0 0 0; width:auto; font-size:85%; }

	

	 div#menu-principal ul {margin:0; padding:2px 0 0 0;  }
	 div#menu-principal li { display:inline; background:url(../../e_img/charte/sep_menu.gif) no-repeat; list-style-type:none; margin:0; padding:5px 7px 6px 10px; }
	 div#menu-principal li.first { background:none !important; }
	 div#menu-principal li.selected { background:url(../../e_img/charte/bk_menu_selected.gif) repeat-x; }
	 div#menu-principal li.firstselected { background:url(../../e_img/charte/bk_menu_selected.gif) repeat-x; }


	 div#menu-principal li a:link { color:#FFFFFF; font-weight:bold; }
 	 div#menu-principal li a:visited { color:#FFFFFF; font-weight:bold; }
	 div#menu-principal li a:hover { color:#FFCC66; text-decoration:none; }*/




	/*div#contenu { padding:0; margin:0; text-align:left; }*/
	div#gauche { width:193px; float:left; text-align:left;}
	#gauche h2{margin-left:8px; margin-bottom:7px}
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV MENU GAUCHE - PAS UTILISE DANS HADILOG
// -----------------------------------------------------------------------------
*/   
    div#menu_gauche_bk{margin-left:5px;}
	
	div#menu_gauche { background:#ffbf19;
		margin:0px;		
		height:auto;
		width:172px;
		margin:0; padding:0;padding:0 5px 10px 11px;
line-height:20px;		
		}
		
	div#menu_gauche a, div#menu_gauche a:hover, div#menu_gauche a:visited, div#menu_gauche a:link { background:url(../../e_img/charte/puce_menu.gif) 0px 3px no-repeat; color:#000000; font-weight:bold; padding-left:21px; }

	
    .bt-savoir-plus{margin:0 0 13px 0;}

	div#centre-bk { background:url(../../e_img/charte/centre_bordure_cotes.gif) repeat-y; 
		position:relative;
		float:left;
		margin:0 0 0 13px;	
		text-align:left;
		width:540px; 		
			}

	div#centre {padding:0 15px 0 16px; line-height:15px;}		
			



	div#content-one-bk {position:relative;
						margin:0 0 0 201px;	
						text-align:left;
					width:540px; }
					
	div#content-one {padding:0 15px 0 16px; float:left;}

	div#content-one-bk h2.actu{background:url(../../e_img/charte/ti_fond_jaune_ss_bordure.gif) no-repeat; padding:10px 10px 10px 40px;}
	
/*	div#content-two { position:relative; float:left; width:430px; }



	div#droite {
		position:relative;
		padding:0;
		margin:0 0 0 432px; width:160px;
		text-align:left;
		height:auto;
		}


	div#titre {
		margin:0;
		padding:0;
		text-align:left;
		width:100%;
		height:auto;
		}

	#titre h1 { margin:0 0 5px 0; padding:0; color:#000000; }
	#titre h2 { margin:0; padding:9px 0 0 40px; color:#000000; text-transform:uppercase;}
	




	div#chemin { text-align:left; margin:0 0 20px 0; padding:4px 0 4px 0; width:100%; font-size:85%;}

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

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


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

div#pagination .precedent a{float:left; background:url(../../e_img/charte/puce_lien_jaune-precedt.gif) 0 2px no-repeat; padding-left:15px;}
div#pagination .suivant a{float:right;background:url(../../e_img/charte/puce_lien_jaune.gif) no-repeat 0 2px; padding-left:15px;}
div#pagination {color:#ff9b19;}
div#pagination a{color:#ff9b19;}



	div#bottom {
		clear:both;
		margin : 0 auto;
		padding: 13px 0px 0px 22px;
		width:770px;  font-size:85%;
		height:auto;
		
		}



    #description {
        float:left;
		margin: 0;
		height:auto; color: #000000;
		text-align:left;
	}

	div#coordo {
        float:right;
		margin: 0;
		margin-right:24px;
		height:auto; color: #000000;
		text-align:right;
	}

#coordo-login{width:770px; margin-top:30px;}

	div#formulaire {
		margin:0;
		padding:0;
		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-family: verdana,arial,helvetica,sans-serif;
		font-style:normal;
		color:#000000;
	}

	#formulaire legend {
		margin-bottom:10px; padding:0;
		font-family: verdana,arial,helvetica,sans-serif;
		font-style:normal;
		color:#000000;
	}

	#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 : arial, helvetica, verdana, sans-serif; font-weight:normal; cursor:pointer; }

	#formulaire input  { margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; }
	#formulaire input.texte { width:19em; font-size:100% }
	#formulaire input.login { width:14em; font-size:100% }
	#formulaire input.textecourt { width:25%; }



	#formulaire select { margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; width:50%; color:#000000;}
    #formulaire table.mceEditor select{width:20%;}

	#formulaire textarea { font-size:100%;margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif;width:99%; color:#000000; }

	#formulaire input.submit { margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; font-size:100%; }
	#formulaire input.submit-login { margin: 0 0 0 10px; padding:0; font-family: verdana,arial,helvetica,sans-serif; font-size:100%; }

	#formulaire div.textinfo { float:left; width:25%; padding-top:5px;}

/*
#plan td {font-family: verdana,arial,helvetica,sans-serif;font-size:11px;color:#669933;}
#plan tr.map{background-color:#fc6;}
#plan td.map{background-color:#fc6;}

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


div.rubrique {line-height:15px;margin-bottom:7px;}
div.rubrique a{font-weight:bold;}

div.txt-lien {float:left; width:256px;padding-top:17px;}
div.img-legende {float:left; margin-left:13px; width:240px; text-align:right;text-align:center;}
div.legende{padding:0px 8px 5px 0;text-align:right;}

div.actu a, div.actu a:hover, div.actu a:link, div.actu a:visited, div.mobilisation a, div.mobilisation a:hover, div.mobilisation a:visited, div.mobilisation a:link {padding-left:15px; font-weight:bold;}

h2.actu{background:url(../../e_img/charte/ti_fond_jaune.gif) no-repeat; padding:10px 10px 10px 40px;}
h3.actu{padding:20px 0 0 0px;}
div.actu h4{color:#ee3024; margin-bottom:15px;}
div.actu .txt-lien{border-top: solid 1px #ffbf19;}
div.actu a, div.actu a:hover, div.actu a:link, div.actu a:visited{color:#ee3024; background:url(../../e_img/charte/puce_lien_rouge.gif) no-repeat 0px 0px;}
div.actu .img-legende {background-color:#ffbf19;}

h2.mobilisation{background:url(../../e_img/charte/ti_fond_vert.gif) no-repeat; padding:10px 10px 10px 40px;}
h3.mobilisation{background:url(../../e_img/charte/tit_hp_fd_vert.gif) 0 0px no-repeat; padding :11px 0 10px 16px; margin:10px 0 12px 2px; width:100%;}
div.mobilisation h4{color:#45850a; margin-bottom:15px;}
div.mobilisation a, div.mobilisation a:hover, div.mobilisation a:visited, div.mobilisation a:link{color:#45850a; background:url(../../e_img/charte/puce_lien_vert.gif) no-repeat 0px 0;}
div.mobilisation .img-legende {background-color:#6db52b;}



div#centre.page-actu   h3{color:#ee3024; border-bottom:1px solid #ffbf19; font-size:125%;margin-bottom:17px;}

div.img-photo{margin-bottom:10px;}
div.resume{float:left; width:257px;}
div.img-photo .image{float:right; margin-left:21px; width:225px;}
div.img-photo img{border: solid 2px #ffbf19;}

div.page-actu a,div.page-actu a:hover, div.page-actu a:link, div.page-actu a:visited{color:#ee3024; background:url(../../e_img/charte/puce_lien_rouge.gif) no-repeat; padding-left:13px; font-weight:bold; font-size:90%; margin-left:5px;}

div.page-actu a.lien,div.page-actu a.lien:hover, div.page-actu a.lien:visited, div.page-actu a.lien:link{color:#ee3024; background:url(../../e_img/charte/puce_lien_rouge.gif) no-repeat; padding-left:13px; font-weight:bold; font-size:90%; margin-left:5px;}

/*******************************Page mobilisons nous*************************/
div#centre.page-mobilisation{margin-left:4px; padding-top:17px;}
div#centre.page-mobilisation #col-g  h3{color:#45850a; border-bottom:1px solid #6db52b; font-size:125%;margin-bottom:17px;}


div#col-g{float:left; width:257px;}

div#col-bas{margin:0 0 5px 0;padding-top:5px;}
div#col-bas a.lien-hp, div#col-bas a.lien-hp:hover, div#col-bas a.lien-hp:visited, div#col-bas a.lien-hp:link {color:#45850a; background:url(../../e_img/charte/puce_lien_vert.gif) no-repeat; padding-left:13px; font-weight:bold; font-size:90%; }

div#col-bas a.lien, div#col-bas a.lien:hover, div#col-bas a.lien:visited, div#col-bas a.lien:link {color:#45850a; font-weight:bold; text-transform: uppercase;}

div#mobilisation-bottom{background:url(../../e_img/charte/centre_bordure_bas_vert.gif) no-repeat; padding:10px; height:17px;}
div#mobilisation-bottom a, div#mobilisation-bottom a:hover, div#mobilisation-bottom a:visited, div#mobilisation-bottom a:link { background:url(../../e_img/charte/puce_fleche_verte.gif) 10px 0px no-repeat; padding:0px 10px 5px 35px;}


/************************ bloc mobilisons-nous**********************/
div#col-dr{float:left; margin-left:31px; padding-bottom:10px; width:215px; text-align:center; background-color:#6db52b;}
div#centre.page-mobilisation #col-dr  h3{background-color:#ffffff; text-align:right; padding-right:10px;}
div#col-dr a img{background:url(../../e_img/charte/puce_fleche_verte.gif) 10px 8px no-repeat; padding:0px 0px 0px 35px; border-bottom:solid 2px #c7fa7d;}
div#col-dr h4{background:url(../../e_img/charte/puce_fleche_verte.gif) 10px 0px no-repeat;margin:8px 0 10px 0; padding:0px 0px 1px 35px; font-size:107%;}

div#envoi-mail{margin:0 5px 5px 8px;}
div#envoi-mail label{font-size:95%; }
div#envoi-mail input.saisi-mail{margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; border:0; margin:0 5px; width:9.5em;}

div.boite-outil{margin:5px 5px 5px 30px; text-align:left; font-weight:bold;}
div.boite-outil .media {color:#c7fa7d; background:url(../../e_img/charte/puce_boite_outil.gif) no-repeat;padding:7px 0 2px 25px;}
div.boite-outil a{font-family: arial,verdana,helvetica,sans-serif;}


/*******************************Page mobilisons nous - video*************************/

div.video{text-align:center;}


div#liste_tps_fort{margin-top:20px; line-height:18px; font-weight:bold; }
div#liste_tps_fort a, div#liste_tps_fort a:hover, div#liste_tps_fort a:visited, div#liste_tps_fort a:link{background:url(../../e_img/charte/puce_lien_jaune.gif) no-repeat; padding-left:15px; margin-left:5px;color:#ff9b19;}

   




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