a,a:link,a:visited	{ text-decoration: underline; color:#333132; }
a:hover, a:active	{ text-decoration: none; color:#333132; }


.texte
{ font-size:100%; }
.titre
{color:#e2002a; font-weight:bold; }
.texte-erreur
{ color:#ff0000; }

.accroche
{display:block;font-size:115%; font-weight:bold; margin-bottom:5px;}

.accroche-rouge-gras
{display:block;font-size:115%; font-weight:bold; margin-bottom:5px;color:#e2002a; font-weight:bold;}


	div.clear 		{ clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}
	.invisible{display:none;}
	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: arial, verdana, helvetica, sans-serif;
					}

	h1				{ font-size:280%; }
	h2				{ font-size:260%; color:#e2002a; margin-bottom:5px;}
	h3				{ font-size:150%; margin-bottom:5px;}
	h4				{ font-size:125%; margin-bottom:5px;}

   /* style pour le WYSIWYG : utiliser en cas de nécessité car apparait sélectionné par défaut dans la liste des styles */
	/*.mceContentBody{ text-align:left; font-family: arial, verdana, helvetica, sans-serif; font-size:0.7em;}*/

	#contenu ul{margin:0 0 5px 0px; padding:0;}
	#contenu ul li{margin:5px 0 0 0; padding:0 0 0 15px; list-style-type:none; background:url(../../e_img/charte/puce.gif) no-repeat left 5px;  }
	
div#ewb_vue { margin:0; padding:0; width:100%;}
div#ewb_vue table { width:100%; font-size:100%; font-family: arial,verdana,helvetica,sans-serif;text-align:left; }
div#ewb_vue table.vue { width:977px; margin:0; padding:0; text-align:left; font-family: arial, verdana, helvetica, sans-serif;}
div#ewb_vue table #hpColDr{float:left;}
div#overDiv {text-align:left;}

table.white-tab { text-align:left; font-family: arial, verdana, helvetica, sans-serif; font-size:1em;}




html, body {height: 100%;}


body {
	margin : 0;	padding : 0;
	width:100%;
	text-align:center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:0.75em; color:#333132;
  background:#e6e0d7 url(../../e_img/charte/hp-fd-body.jpg) no-repeat center top;
}

body.homepage {  }
body.pageInterne {background:#e6e0d7 url(../../e_img/charte/fd-body.jpg) no-repeat center top;}

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


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

div#container {/*border:solid 1px purple; */ 
	position:relative; 
	margin : 0 auto; padding : 0;
	width:982px; /width:980px;
	height:auto !important; height:644px; min-height: 644px;
	text-align : left;
	}
	div#container h1{display:none;}	

	div#gauche { width:201px; float:left; text-align:left; /*background:blue; height:800px;/* border:solid 1px blue;*/ position:relative;}
	
	/* -------logo------*/
	div#logo 		{ display:block; margin:64px 0 0 32px; margin:65px 0 0 55px; }
	div#logo img 	{ display:block; }

	div#centre {float:left;text-align:left;
		   margin:240px 0px 0px 0px;
		   width:665px;
		   /*background:url(../../e_img/charte/badge.gif) no-repeat 335px top;*/
			/*height:auto !important; height:447px;min-height:447px;*/
			float:left; 
		}	

	.pageInterne div#centre{background:none; /*height:auto !important; height:613px;min-height:613px;*/ width:681px;border:solid #fff; border-width:0 21px 0 21px; margin:240px -21px 0px -21px;}

	/* -------------*/
	a.btDon{position:absolute;top:110px; right:17px;top:110px; right:20px;}

		#hpColG{width:402px;float:left;text-align:left;margin-top:30px;}
	#hpColG #titreSlogan  {display:block;margin-bottom:7px;text-align:left}

	#hpColDr{float:right;margin-top:30px;width:243px;}
	#hpColG .intro{ text-align: left; margin:0 0 5px 30px;font-size:115%;font-family: trebuchet MS, Times New Roman, verdana, sans-serif;}
	#hpColG .intro .signature{text-align:right;color:#ed1c24;font-weight:bold;font-style:italic; margin-top:2px;}

		/* -------header------*/
	
	div#header div#titreSlogan{float:left;}
	div#header a img{margin:15px 0 0 44px;}
	
	/* ------contenu-------*/
	div#contenu { clear:left;background:#e8eef6;height:auto !important; height:505px;min-height:505px; padding:6px 18px 14px 18px; }
	#slogan-basG{
	float: left;
  position:relative;
	background:url(../../e_img/charte/slogan-colG-bas.png) no-repeat 34px bottom;	
	margin:-198px 0 0 0px;
	width:180px; z-index: -10;
  height:198px;
	}
	#slogan-basG.login{margin:0px 0 0 0px;}
	
	div#bottom {
  background: none;
	padding:50px 60px 0 0;
  height:100px;width:843px;
	clear:both;	
	text-align:right;
	}
	.pageInterne div#bottom {
  background:url(../../e_img/charte/fd-bottom.gif) no-repeat;
	padding:24px 60px 0 0;
  height:100px;
  width:843px;
	clear:both;	
	text-align:right;
	}
	
	/* -----  bottom-menu --------*/
	div#bottom-menu ul { margin:0; padding:0;}
	div#bottom-menu li { margin:0 0 0 10px; display:inline; padding:0; }

	div#bottom-menu li a:link, div#bottom-menu li a:visited  { color:#5c5f63; font-size:92%; }
	div#bottom-menu li a:hover 	{ text-decoration: underline; }



div#menu-principal { display:block;margin:76px 0 0 0; }
		#menu-principal ul{ padding:0; margin:0px;}
		#menu-principal ul li{display:block; position: relative;list-style-type:none; padding:0px; margin: 0px 0 3px 0;height:1%;}
		#menu-principal li a,#menu-principal li a img{width:190px; height:59px; }	    
		#menu-principal li a {text-decoration:none;display:block;text-transform:uppercase;font-size:108%; font-family: trebuchet MS, Times New Roman, verdana, sans-serif; letter-spacing:-0.20px; }
		
		/* ------- niveau1-----------*/		
		#menu-principal ul li a.lvl1-4 {background:url(../../e_img/charte/bt-menu4.gif) no-repeat;}
		#menu-principal ul li a.lvl1-5 {background:url(../../e_img/charte/bt-menu5.gif) no-repeat;}
		#menu-principal ul li a.lvl1-17 {background:url(../../e_img/charte/bt-menu17.gif) no-repeat;}
			
		#menu-principal ul li:hover a.lvl1-4, #menu-principal ul li.sfhover a.lvl1-4, #menu-principal ul li a.selected-4{background:url(../../e_img/charte/bt-menu4-on.gif) no-repeat;}
		#menu-principal ul li:hover a.lvl1-5, #menu-principal ul li.sfhover a.lvl1-5, #menu-principal ul li a.selected-5{background:url(../../e_img/charte/bt-menu5-on.gif) no-repeat;}
		#menu-principal ul li:hover a.lvl1-17, #menu-principal ul li.sfhover a.lvl1-17, #menu-principal ul li a.selected-17{background:url(../../e_img/charte/bt-menu17-on.gif) no-repeat;}
	
		/* ------- niveau2-----------*/
		#menu-principal ul.nivo2{background:url(../../e_img/charte/menu-coin.gif) no-repeat left bottom #fff;padding:5px 15px 8px 13px; }		
		#menu-principal ul.nivo2 li{margin:0;}		
		#menu-principal ul.nivo2 li a,#menu-principal ul.nivo2 li a:link,#menu-principal ul.nivo2 li a:visited{height:auto;color:#928787;width:152px; background: url(../../e_img/charte/fleche-menu.gif) no-repeat 162px 10px; padding:3px 17px 4px 7px; }
		
		#menu-principal ul.nivo2 li:hover span.level2 a,#menu-principal ul.nivo2 li:hover span.level2 a:hover,#menu-principal ul.nivo2 li:hover span.level2 a:active,#menu-principal ul.nivo2 li.sfhover span.level2 a,#menu-principal ul.nivo2 li.sfhover span.level2 a:hover,#menu-principal ul.nivo2 li.sfhover span.level2 a:active,#menu-principal ul.nivo2 li span.selected a,#menu-principal ul.nivo2 li span.selected a:link,#menu-principal ul.nivo2 li span.selected a:visited,#menu-principal ul.nivo2 li span.selected a:hover,#menu-principal ul.nivo2 li span.selected a:active
		{color:#c9062a; background: url(../../e_img/charte/fleche-menu-on.gif) no-repeat 162px 10px #e9ecf2;}
		
		
		/* ------- niveau3-----------*/
		#menu-principal ul.nivo3{background:none;padding:5px 5px 5px 15px; }		
		#menu-principal ul.nivo3 li a,#menu-principal ul.nivo3 li a:link,#menu-principal ul.nivo3 li a:visited{height:auto;width:153px;padding:1px 0;font-size:100%; text-transform:none; background: url(../../e_img/charte/fleche-menu.gif) no-repeat right 6px; }
		
		#menu-principal ul.nivo3 li:hover a,#menu-principal ul.nivo3 li:hover a:hover,#menu-principal ul.nivo3 li:hover a:active,#menu-principal ul.nivo3 li.sfhover a,#menu-principal ul.nivo3 li.sfhover a:hover,#menu-principal ul.nivo3 li.sfhover a:active,#menu-principal ul.nivo3 li span.selected a,#menu-principal ul.nivo3 li span.selected a:link,#menu-principal ul.nivo3 li span.selected a:visited,#menu-principal ul.nivo3 li span.selected a:hover,#menu-principal ul.nivo3 li span.selected a:active{color:#c9062a; background: url(../../e_img/charte/fleche-menu.gif) no-repeat right 6px;}
		
div#chemin { text-align:left; background:#e8eef6; margin-top:-3px; }

div#chemin ul {float:left;margin:0;padding:8px 65px 9px 20px; background: #fff url(../../e_img/charte/fd-chemin.gif) repeat-y right top;}

div#chemin li {display:inline;	 margin: 0 0 0 0px; padding: 0px 0 0 17px; background :url(../../e_img/charte/fleche-menu.gif) no-repeat 5px 5px; font-weight:bold;font-size:105%;}

div#chemin li.first {background : none; padding: 0px; margin:0;}
div#chemin li a:link,div#chemin li a:visited, div#chemin li a:hover, div#chemin li a:active {color:#7f7a7a;}

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

div#titre h1 { margin:0 0 5px 0; padding:0;color:#333132;}
div#titre h2 { margin:0; padding:0; color:#333132; font-size:1.2em;}



div#pagination { padding:0; width:100%; margin:0; text-align:center; }
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#formulaire {
		margin:0;
		padding:0;
		voice-family:"\"; }\"";
		voice-family:inherit;
		width:99%;
		}


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

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

	#formulaire legend.login {
		margin:0; padding:0;
		font-family: arial, verdana, helvetica, sans-serif;
		font-style:normal;
		color:#333132;
	}

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

	#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: arial, verdana, 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: arial, verdana, helvetica, sans-serif;width:50%;color:#333132;}
   #formulaire table.mceEditor select{width:20%;}

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

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

	#formulaire div.textinfo { float:left; width:28%; padding:2px 10px 0 0; text-align:right;}
	#formulaire div.texte { margin:0 0 5px 0;}


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

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



  .imgTailleFixe  .blocImage{width:258px;float:left;margin-right:10px;}
  .legende{text-align:right; font-size:92%; font-weight:bold;margin:3px 2px 0 0;}
  .imgTailleFixe .texte{float:left;width:376px;}
 
#contenu img.bordure{border:solid 4px #fff;}

	.lien-retour{display:block; text-align:right;/*margin-bottom:5px;*/}

	.imgLegendeG .legende{text-align:left;}
	.imgLegendeG {float:left; margin-bottom:5px;}
	.imgLegendeDr {float:right; margin-bottom:5px;}
	

div.bannieres {
	
}

div.banniere-exemple {
	text-align:center;
}

div.banniere-exemple div.exemple-allonge {
	float:left;
	width:50%;
}

div.banniere-exemple div.exemple-allonge .image {
	padding:40px 0 0 0;	
	height:110px;
}

div.banniere-exemple div.exemple-portrait {
	float:left;
	width:50%;
}

div.banniere-exemple div.exemple-portrait div.image {
	height:150px;
}

div.mini_form-exemple {
	text-align:center;
}

div.mini_form-exemple div.image {
	padding:10px 0;
}


.code {
	display:block;
	width:100%;
	font-size:11px;
	padding:10px;
	height:150px;	
	background:#ffffff;
	overflow:scroll;
}

div.zone-code {
	height:170px;
	width:80%;
	margin:10px auto;
	background:#ffffff;
}

div.nojs { 
	display:block;
	font-size:110%;
	padding:10px;
	width:500px;
	height:150px;
	overflow:scroll;	
	position:absolute;
}

 div.cadreMap {width:637px;font-size:92%;	border:4px solid #fff;}
    div#map {	overflow: hidden;width:637px;height:600px;}
    div.mapDescriptif {width:300px;}
    div.mapDescriptif strong {	color:red;}
   
	form#formCarte  input#adresseInput{border:solid 1px #b8bcc2;padding:2px;}

		
	div#photoFlipCarrousel{text-align:center;}

	.diaporama{text-align:center; margin-top:10px;}

div.player_flash{text-align:center;}
div.player_flash .titre{margin-top:5px;text-align:center;}
	.alignDrVideo{float:right;}
	.floatLeftVideo{float:left; width:380px;}
	
	
	
			.conteneur-element{width:95%;clear:both;  height:auto; padding:5px 0 0 5px; font-size:100%;}
		.conteneur-element img{margin:0 5px 3px 0;}

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

			.txt-img-g{font-size:100%;}
		.txt-img-g img{margin-right:10px;}
		
		.vignette { text-align:center; float: left; margin:10px 20px; width: 40%;}
		.vignette .legende { color:#AAA; text-align:center; margin:0 0 5px 0;  padding:2px; /*background: #FFF;*/}
	
    #faireundon { background: url(../../e_img/charte/fd-don.gif) no-repeat top left; margin:10px 0 0 30px;}
    #faireundon fieldset { border: none; background: none; padding:80px 0 0 30px;}
    #faireundon legend { display: none; }
    #faireundon div.input { clear: both; margin:6px 0; }
    #faireundon div.input label { font-size:1.2em; font-family:Trebuchet MS, arial; display:block; float:left;text-align:right; width:15%; cursor: pointer;}
    #faireundon div.input input.texte { border:1px solid #e1deda; display:block; float:left; margin:0 0 0 15px; text-align:left; }
    #faireundon div.input input.email { border:1px solid #e1deda; width: 14em; }
    #faireundon div.input input.don { width: 6em; }
    #faireundon div.submit { text-align: right; margin:0 20px 0 0;}
    #faireundon div.submit input {font-size:1.5em; border: none; padding:0px 7px; font-family:DINMedium, arial; color:#FFF; background: url(../../e_img/charte/fd-submit.gif) no-repeat top center; }