/*-------------------------------------------------------------------------------------*/
/* =  RAZ 					 */
/*-------------------------------------------------------------------------------------*/

 dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,legend { margin : 0; padding : 0; list-style : none;}
 h1,h2,h3,h4,h5,h6,p,input,button, select { font-size : 1em; margin : 0; padding : 0;}

.clear{clear:both;}
.none{display:none;}

a {color:#2E5770; text-decoration:none;}
a:hover {color:#2E5770; text-decoration:underline;}
a img{border:none;}

body{
	font-size : 62.5%;
	font-family : "Trebuchet MS", Verdana, Arial, sans-serif ;
	background:#EBF0E2 url('/global/images/bgEcoCalculateur.gif') repeat-x;
}

img.designed{position:absolute; bottom :300px; right:-15px;}

body#Accueil img.designed{position:absolute; bottom :75px; right:-15px;}

/*-------------------------------------------------------------------------------------*/
/* =  STRUCTURE DU DOCUMENT 					 */
/*-------------------------------------------------------------------------------------*/
#Page{
	width:910px;
	margin:0 auto;
	position:relative;
}

#Header{
	position:relative;
	height:101px;
}

#Tools{
	position:absolute;
	top:0px; right:0px;
	background:#C8DFD9 url('/global/images/bg_tools.gif') top left no-repeat;
	height:17px;
}

#Retour{
	position:absolute;
	top:20px; right:0px;
	}

#TitrePage{
	display:block;
	height:101px; width:800px;
	text-indent:-200em; overflow:hidden;
}

#Content{overflow:auto;}

#ColA,#ColB{float:left;}

#ColA{width:220px; overflow:hidden;}

#ColB{width:690px; overflow:hidden;}

#ColB.Large{width:910px;}

#Article, #ZoneResultat{margin:0 20px;}

#Footer{clear:both;}

/*-------------------------------------------------------------------------------------*/
/* =  Style commun 					 */
/*-------------------------------------------------------------------------------------*/
/* = Tools                                               */
#Tools ul{
	background:transparent url('/global/images/bgToolsUl.gif') top right no-repeat;
	overflow:auto;
	height:17px; width:450px;
	}
	
#Tools li{float:left; margin:0 10px; padding-top:2px;}
ul.pays{
	position:absolute; top:0; right:0px;
	background-image: none !important;
	height:17px !important; width:90px !important;
	overflow:hidden !important;
	}
	ul.pays li{float:left; margin:0 3px;}
	ul.pays li a{
		float:left;
		display:block; width:16px; height:11px;
		overflow:hidden; text-indent:-200em;
		}
			ul.pays li a.fr{background: transparent url('/global/images/fr.gif') no-repeat;
			}
			ul.pays li a.gb{background: transparent url('/global/images/gb.gif') no-repeat;
			}
			ul.pays li a.gbOff{background: transparent url('/global/images/gbOff.jpg') no-repeat;
			}
	
/* = Content ColA                                              */
#ColA h1{font-size:1.6em; color:#486D82; margin-top:5px;}
#ColA h2{font-size:1.3em; color:#486D82; margin-top:5px;}
#ColA p{font-size:1em; color:#000000; line-height:1.3em; margin:0 10px;}

/* = Content ColA SavoirPlus                                               */
#SavoirPlus h2{
	margin-top:10px;
	display:block; width:220px; height:25px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/SavoirPlus_h2.gif') no-repeat;
}

#SavoirPlus{font-size:1.1em;}

#SavoirPlus li{
	display:block;
	margin-top:5px;
	padding-bottom:3px;
	background:transparent url('/global/images/btSavPlus_2.gif') bottom left no-repeat;
	
	}
	
#SavoirPlus li a{
	display:block;
	padding:2px 10px 2px 35px;
	background:transparent url('/global/images/btSavoirPlus.gif') 0px 0px no-repeat;
	}
	#SavoirPlus li a:hover, #SavoirPlus li a.PageActive{
		text-decoration:none;
		background-position:-220px 0px;
	}
	
	
ul.logo{margin-top:10px;}
ul.logo li{float:left; margin-right:10px;}

/* = Content Article                                               */
#Article h1{font-size:1.9em; color:#486D82; margin-top:5px;}
#Article h2{font-size:1.7em; color:#486D82; margin-top:15px;}
#Article h3{font-size:1.3em; color:#486D82; margin-top:15px;}
#Article h4{font-size:1.3em; color:#486D82; margin-top:15px; font-style:italic;}
#Article h5{display:block; margin-top:15px; padding:10px; background:#FF7E0A; font-size:1.4em; color:#FFFFFF; margin-top:5px; text-align:center; font-weight:normal;}
#Article h6{display:block; margin-top:15px; padding:10px; background:#367791; font-size:1.2em; color:#FFFFFF; margin-top:5px; text-align:center; font-weight:normal;}
#Article p{font-size:1.2em; color:#486D82; margin-top:5px; line-height:1.5em;}
#Article a{background-color:#CCFF66; padding:0 3px;}
#Article ul{margin-left:20px; list-style-type:square;}
#Article li{font-size:1.2em; color:#486D82; line-height:1.5em; list-style-type:square; margin:2px 0;}
#Article hr{clear:both;visibility: hidden;}

/* = footer                                               */
#Footer ul{margin-top:10px;}
#Footer ul li{float:left; margin-left:10px; font-size:0.9em;}

#Footer ul.floatRight{float:right;}
#Footer ul.floatRight li{margin-top:10px;}


/*-------------------------------------------------------------------------------------*/
/* =  Style commun a toute page 					 */
/*-------------------------------------------------------------------------------------*/
.pagePre,.pageSuiv{
	display:block !important;
	background:transparent url('/global/images/bg_btsuivPre.gif') no-repeat !important;
	width:177px !important; height:15px !important;
	color:#FFFFFF !important; font-size:1.1em !important;
	padding:5px 10px !important;
	}
	
a:hover.pagePre, a:hover.pageSuiv{color:#FFFFFF !important; text-decoration:none !important;}

.pagePre{float:left !important; text-align:left !important; background-position:top left !important;}
.pageSuiv{float:right !important; text-align:right !important; background-position:top right !important;}

/*-------------------------------------------------------------------------------------*/
/* =  Style pour Dictionnaire 					 */
/*-------------------------------------------------------------------------------------*/
#Recherche {
}
#Recherche h2,#Recherche h3{
	display:block; width:690px;
	overflow:hidden; text-indent:-200em;
}
#Recherche h2{
	height:35px; 
	background:transparent url('/global/images/recherche_h2.gif') no-repeat;
}

#ParLettre{background:transparent url('/global/images/bg_recherche2.gif') repeat-y; padding-bottom:30px;}

#ParLettre h3{
	height:26px; padding-bottom:3px;
	background:transparent url('/global/images/recherche_H3_1.gif') no-repeat;
}

#ParLettre ul{margin:0px 0px 0px 22px; }

#ParLettre li{float:left;}

#ParLettre li.btrecherche a{
	display:block; width:22px; height:22px;
	overflow:hidden; text-indent:-20em;
	float:left; margin-right:3px;
	background:transparent url('/global//images/barreAlphaB.gif') no-repeat;
}

#ParLettre li.A a{background-position:0px 0px;}
#ParLettre li.B a{background-position:-25px 0px;}
#ParLettre li.C a{background-position:-50px 0px;}
#ParLettre li.D a{background-position:-75px 0px;}
#ParLettre li.E a{background-position:-100px 0px;}
#ParLettre li.F a{background-position:-125px 0px;}
#ParLettre li.G a{background-position:-150px 0px;}
#ParLettre li.H a{background-position:-175px 0px;}
#ParLettre li.I a{background-position:-200px 0px;}
#ParLettre li.J a{background-position:-225px 0px;}
#ParLettre li.K a{background-position:-250px 0px;}
#ParLettre li.L a{background-position:-275px 0px;}
#ParLettre li.M a{background-position:-300px 0px;}
#ParLettre li.N a{background-position:-325px 0px;}
#ParLettre li.O a{background-position:-350px 0px;}
#ParLettre li.P a{background-position:-375px 0px;}
#ParLettre li.Q a{background-position:-400px 0px;}
#ParLettre li.R a{background-position:-425px 0px;}
#ParLettre li.S a{background-position:-450px 0px;}
#ParLettre li.T a{background-position:-475px 0px;}
#ParLettre li.U a{background-position:-500px 0px;}
#ParLettre li.V a{background-position:-525px 0px;}
#ParLettre li.W a{background-position:-550px 0px;}
#ParLettre li.X a{background-position:-575px 0px;}
#ParLettre li.Y a{background-position:-600px 0px;}
#ParLettre li.Z a{background-position:-625px 0px;}

#ParLettre li.A a:hover, #ParLettre li.A a.none{background-position:0px -25px;}
#ParLettre li.B a:hover, #ParLettre li.B a.none{background-position:-25px -25px;}
#ParLettre li.C a:hover, #ParLettre li.C a.none{background-position:-50px -25px;}
#ParLettre li.D a:hover, #ParLettre li.D a.none{background-position:-75px -25px;}
#ParLettre li.E a:hover, #ParLettre li.E a.none{background-position:-100px -25px;}
#ParLettre li.F a:hover, #ParLettre li.F a.none{background-position:-125px -25px;}
#ParLettre li.G a:hover, #ParLettre li.G a.none{background-position:-150px -25px;}
#ParLettre li.H a:hover, #ParLettre li.H a.none{background-position:-175px -25px;}
#ParLettre li.I a:hover, #ParLettre li.I a.none{background-position:-200px -25px;}
#ParLettre li.J a:hover, #ParLettre li.J a.none{background-position:-225px -25px;}
#ParLettre li.K a:hover, #ParLettre li.K a.none{background-position:-250px -25px;}
#ParLettre li.L a:hover, #ParLettre li.L a.none{background-position:-275px -25px;}
#ParLettre li.M a:hover, #ParLettre li.M a.none{background-position:-300px -25px;}
#ParLettre li.N a:hover, #ParLettre li.N a.none{background-position:-325px -25px;}
#ParLettre li.O a:hover, #ParLettre li.O a.none{background-position:-350px -25px;}
#ParLettre li.P a:hover, #ParLettre li.P a.none{background-position:-375px -25px;}
#ParLettre li.Q a:hover, #ParLettre li.Q a.none{background-position:-400px -25px;}
#ParLettre li.R a:hover, #ParLettre li.R a.none{background-position:-425px -25px;}
#ParLettre li.S a:hover, #ParLettre li.S a.none{background-position:-450px -25px;}
#ParLettre li.T a:hover, #ParLettre li.T a.none{background-position:-475px -25px;}
#ParLettre li.U a:hover, #ParLettre li.U a.none{background-position:-500px -25px;}
#ParLettre li.V a:hover, #ParLettre li.V a.none{background-position:-525px -25px;}
#ParLettre li.W a:hover, #ParLettre li.W a.none{background-position:-550px -25px;}
#ParLettre li.X a:hover, #ParLettre li.X a.none{background-position:-575px -25px;}
#ParLettre li.Y a:hover, #ParLettre li.Y a.none{background-position:-600px -25px;}
#ParLettre li.Z a:hover, #ParLettre li.Z a.none{background-position:-625px -25px;}

#ParTheme h3{
	clear:both;
	height:26px; margin-bottom:10px; 
	background:transparent url('/global/images/recherche_H3_2.gif') no-repeat;
}

#ParTheme{
	padding-bottom:20px;
	background:transparent url('/global/images/bg_recherche.gif') left bottom no-repeat;
}
#ParTheme select{position:relative; left:20px ;top:-6px;  padding:3px; font-size:1.3em;}


/* = resultat boucle                                               */
#ZoneResultat{margin-bottom:20px;}

#ZoneResultat h1.txtImage{
	display:block; width:320px; height:33px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/zoneResultTxtImage.gif');
	
}

#ZoneResultat  h2.titreDico{font-size:1.7em; color:#486D82; margin-top:15px; border-bottom:1px #FFFFFF solid; padding-bottom:3px;}

#ZoneResultat h1{font-size:1.9em; color:#486D82; margin-top:5px;}
#ZoneResultat h2{font-size:1.7em; color:#486D82; margin-top:15px;}
#ZoneResultat h3{font-size:1.3em; color:#486D82; margin-top:15px;}
#ZoneResultat h4{font-size:1.3em; color:#486D82; margin-top:15px;}
#ZoneResultat p{font-size:1.1em; color:#486D82;}

.boucleResult{margin:10px 0;}
.boucleResult h1.Mot{font-size:1.5em !important; font-weight:bold; color:#274E64; margin: 3px 0 3px 0 !important; padding:0 0 0 0;}
.boucleResult h2.Theme{font-size:1.2em !important; font-weight:bold; color:#486D82; margin: 0 0 2px 0 !important; padding:0 0 0 0;}
.boucleResult h3.Synonyme{font-size:1.2em !important; font-style:italic; font-weight:normal; color:#486D82;margin: 0 0 2px 0 !important; padding:0 0 0 0;}

.definition{margin-top:3px; font-size:1.2em !important; line-height:1.5em !important; color:#486D82;}

/*-------------------------------------------------------------------------------------*/
/* =  Style pour page Accueil 					 */
/*-------------------------------------------------------------------------------------*/
/* = titre page                                               */

body#Accueil #TitrePage.T1{
	background:transparent url('/global/images/TitreAccueil_t1.gif') no-repeat;
}

body#Accueil #TitrePageImg{position:absolute; top:0; left:0;}

body#Accueil #Header{height:70px;}
body#Accueil #ColA{margin-top:40px;}

/* = ColA                                               */
body#Accueil #ColA #Introduction h1{
	display:block; width:220px; height:84px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/introduction_h1.gif') no-repeat;
}

body#Accueil #ColA #Introduction h2{
	display:block; width:220px; height:98px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/introduction_h2.gif') no-repeat;
}
/*body#Accueil #ColB{position:relative; top:-70px; z-index:10000;}*/

/* = ColB                                               */
/*body#Accueil #ColB {position:absolute; top:70px; left:220px; z-index:100;}*/

/*#body#Accueil #Header{position:absolute; float:left;}
#body#Accueil #Header #Tools{position:absolute; left:550px;}
#body#Accueil #ColA{margin-top:101px;}
#body#Accueil #ColB{margin-top:70px;}
*/

/*-------------------------------------------------------------------------------------*/
/* =  Style Pop Up 					 */
/*-------------------------------------------------------------------------------------*/
body#PopUp #Page{
	width:500px;
}

body#PopUp #ColA{
	display:block; width:100px; height:525px;
	background:transparent url('/global/images/imgPopUp.gif') no-repeat;
	}
body#PopUp #ColB{width:400px;}

/*-------------------------------------------------------------------------------------*/
/* =  style pour Navigation guide			 */
/*-------------------------------------------------------------------------------------*/

#NavGuide {margin-bottom:20px;}
#NavGuide ul{overflow:hidden;}
#NavGuide li{float:left;}
#NavGuide li a{
	float:left;
	display:block; width:76px; height:118px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/barreNavGuide.gif') no-repeat;
	}
#NavGuide li a.btNav1{background-position:0 0;}
#NavGuide li a.btNav2{background-position:-76px 0;}
#NavGuide li a.btNav3{background-position:-152px 0;}
#NavGuide li a.btNav4{background-position:-228px 0;}
#NavGuide li a.btNav5{background-position:-304px 0;}
#NavGuide li a.btNav6{background-position:-380px 0;}
#NavGuide li a.btNav7{background-position:-456px 0;}
#NavGuide li a.btNav8{background-position:-532px 0;}
#NavGuide li a.btNav9{background-position:-608px 0; width:81px;}

#NavGuide li a.btNav1:hover,#NavGuide li a.btNav1_active{background-position:0 -120px;}
#NavGuide li a.btNav2:hover,#NavGuide li a.btNav2_active{background-position:-76px -120px;}
#NavGuide li a.btNav3:hover,#NavGuide li a.btNav3_active{background-position:-152px -120px;}
#NavGuide li a.btNav4:hover,#NavGuide li a.btNav4_active{background-position:-228px -120px;}
#NavGuide li a.btNav5:hover,#NavGuide li a.btNav5_active{background-position:-304px -120px;}
#NavGuide li a.btNav6:hover,#NavGuide li a.btNav6_active{background-position:-380px -120px;}
#NavGuide li a.btNav7:hover,#NavGuide li a.btNav7_active{background-position:-456px -120px;}
#NavGuide li a.btNav8:hover,#NavGuide li a.btNav8_active{background-position:-532px -120px;}
#NavGuide li a.btNav9:hover,#NavGuide li a.btNav9_active{background-position:-608px -120px; width:81px;}

/*-------------------------------------------------------------------------------------*/
/* =  formulaire			 */
/*-------------------------------------------------------------------------------------*/
#formulaire h2{margin:20px 0px 0px 0px; border-bottom:1px #235A70 solid; padding-bottom:3px;}
#formulaire input, #formulaire textarea, #formulaire select{border:1px #235A70 solid; font-size:1em; padding:1px;}
#formulaire textarea{width:99%;}
#formulaire input.field_radio, #formulaire  input.inptSubmit{border:none !important; }
#formulaire .line{clear:both;}
#formulaire span.field_titre{margin-right:10px; position:relative; top:-1px;}
#formulaire p.titre2{padding:20px 0 3px 0px; font-weight:bold; font-size:1.3em; border-bottom:1px #2B83A1 solid; color:#2B83A1;}
#formulaire p.titre3{padding:20px 0 3px 0px; font-weight:bold; font-size:1.2em; color:#2B83A1;}