/* CSS Document */

body{
	padding:0px;
	margin:0px;
	color:#5F7A77;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div, ul, h4, h5{
	margin:0px;
	text-align: justify;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: thin none #C8e8E2;
	background-color: #FFFFFF;

}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align:left;
	width:354px;
	height:45px;
	position:absolute;
	top:10px;
	left:6px;
	padding: 0px;
	margin: 0px;
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
	width: 539px;
	height:22px;
	position:absolute;
	top:18px;
	left:422px;
	padding: 0px;
	margin: 0px;
	text-transform: none;
}
img{
	padding: 0px;
	margin: 0px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #5F7A77;
	margin: 1px;
	text-align: justify;
	font-style: normal;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.texte_gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #5F7A77;
	padding: 2px 2px 2px 2px;
	margin: 1px 1px 1px 1px;
	text-align: justify;
	font-weight:bold;
}

ul{
	list-style-type:none;
	clip: rect(auto,auto,auto,auto);
	margin: 0px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: Navy;
	text-decoration: underline;
	text-underline-position: below;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #576773;
	text-decoration: underline;
}

a:visited{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 13px;
	color: #9966FF;
}



/*----MAIN PANEL----*/

#mainPan{
	width:1000px;
	position:absolute;
	margin:0 auto;
}

/*----HEADER PANEL----*/
#Titre1{
	width:331px;
	height:41px;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 2px;
	left: 16px;
	background-image: url(../images/Titre1.gif);
	}
.headerPan{
	width:986px;
	height:70px;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 10px;
	left: 8px;
	background-image: url(../images/banniere/header2.jpg) ;
} 


#headerPub{
	width:200px;
	height:40px;
	position:absolute;
	background: url(../images/icone/fond.png);
	top: 12px;
	left: 800px;
} 
#headerPub #author a{ 
	height:45px;
 	width:50px;
  	display:block;
   	float:left;
	font-size:12px;
	color:#5F7A77;
	text-decoration:none;
	left: 2px;}
#headerPub #author #home {
  margin-left: 3px;
  margin-top: 6px;
  padding: 0 0 0 0px;
  background: url(../images/icone/accueil.png) no-repeat 0 50%;
} 
#headerPub #author #home:hover {
  margin-left: 3px;
  margin-top: 6px;
  padding: 0 0 0 0px;
  background: url(../images/icone/accueil_hover.png) no-repeat 0 50%;
} 
#headerPub #author #feed {
  margin-left: 3px;
  margin-top: 6px;
  padding: 0 0 0 0px;
  background: url(../images/icone/rss.png) no-repeat 0 50%;
 }
#headerPub #author #feed:hover {
  margin-left: 3px;
  margin-top: 6px;
  padding: 0 0 0 0px;
  background: url(../images/icone/rss_hover.png) no-repeat 0 50%;
} 
#headerPub #author #mail {
  margin-left: 3px;
  margin-top: 6px;
  padding: 0 0 0 0px;
  background: url(../images/icone/env.jpg) no-repeat 0 50%;
} 
#headerPub #author #mail:hover {
  margin-left: 3px;
  margin-top: 6px;
  padding: 0 0 0 0px;
  background: url(../images/icone/env_hover.jpg) no-repeat 0 50%;
} 
.video {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	background-color: #999999;
	text-align: center;
	height: 21px;
	width: 145px;
	position: absolute;
	left: 691px;
	top: 44px;
	vertical-align: middle;
}
.resultPan{
	width:auto;
	height:auto;
	position:absolute;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	top: -89px;
	left: -167px;
	margin: 0;
	background-color: #CCFFCC;
} 
/*----/ FIN HEADER PANEL----*/

/*----TOP PANEL----*/
.topPan{
	width:442px;
	height:117px;
	color:#FFFFFF;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 8px;
	left: 359px;
}
.basPub1{
	width:231px;
	height:61px;
	color:#FFFFFF;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 350px;
	left: 585px;
}
.basPub2{
	width:234px;
	height:60px;
	color:#FFFFFF;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 351px;
	left: 350px;
}
.topPub1{
	width:234px;
	height:60px;
	color:#FFFFFF;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 15px;
	left: 756px;
}
.topPub2{
	width:234px;
	height:60px;
	color:#FFFFFF;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 15px;
	left: 523px;
}
.Pan{
	width:201px;
	height:22px;
	color:#006668;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 10px;
	left: 785px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-color: #9EBFE0;
	padding-top: 4px;
	padding-left: 4px;
}
/*----/TOP PANEL----*/


/*----BODY PANEL Banniere----*/
#bodyPan{
	width:1000px;
	background:url(../images/banniere/bodybg.gif) 0 0 no-repeat;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	height: 510px;
	left: 0px;
	top: 88px;
}
/*----Body Left Panel----*/

#leftPan{
	position:absolute;
	width:164px;
	height:auto;
	float:left;
	left: 24px;
	top: 94px;
	font-size:9px;
	color:#5F7A77;
} /*--- 114px---*/

#leftPan ul{
	width:170px;
	line-height:22px;
	float:left;
	font-size:9px;
}

#leftPan ul li{
	width:170px;
	height:22px;
}

#leftPan ul li a{
	width:170px;
	height:24px;
	font-size:15px;
	display:block;
	background:url(../images/banniere/bullet2-normal.gif) 0 10px no-repeat #fff;
	color:#5F7A77;
	text-decoration:none;
	line-height:24px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
	left: 2px;
} /*---102px---*/
.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(../images/icone/feed-icon-14x14.png) no-repeat 0 50%;
} 

#leftPan ul li a:hover{background:url(../images/banniere/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#leftPan ul li span{text-decoration:underline;}

/*----/Body Left Panel----*/

/*----Body Right Panel----*/
#fleche {
	height: 36px;
	width: 300px;
	text-align: left;
	float: none;
	position: absolute;
	left: 196px;
	top: 6px;
}
#fleche a:link{
	color: #2F5958;
	text-decoration: none;
	font-size: 13px;
	text-align: left;
}
#fleche a:hover{
	color: #2F5958;
	text-decoration: none;
	font-size: 13px;
	text-align: left;
	padding-bottom: 0px;
}
#fleche a:visited{
	color: #2F5958;
	/*---background: #6BC7AD;---*/
	text-decoration: none;
	font-size: 13px;
	text-align: justify;
	padding-bottom: 0px;

}

#slide {
	height: 374px;
	width: 600px;
	float: none;
	border: 2px solid #006699;
	color: #006666;
	position: absolute;
	top: 29px;
	left: 76px;
	margin: 1em;
	background-color: #CCFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#conseil{
	width:214px;
	height:30px;
	background-image:url(../images/imagemenu/conseil.jpg);
	color:#828282;
	position:absolute;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 0px;
	left: 473px;
}
#rightPan{
	width:810px;
	float:left;
	border-left:1px solid #C8E8E2;
	height: 424px;
	position: absolute;
	right: 50px;
	left: 184px;
	top: 89px;
	margin: 0px;
	padding: 0;
}/*--- 511px---*/
#texte_gauche{
	width:336px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 404px;
	position: absolute;
	right: 50px;
	left: 4px;
	top: 7px;
	text-indent: 1px;
}
#texte_droit{
	width:446px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 201px;
	position: absolute;
	right: 50px;
	left: 358px;
	top: 135px;
}
#compteur{
	width:203px;
	float:left;
	border-left:1px solid #C8E8E2;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 48px;
	position: absolute;
	right: 50px;
	left: 432px;
	top: 364px;
}
#rightPan img{padding:0px 0px 0px 0px; border: none;}

#rightPan p.moyen_texte_droit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Navy;
	padding: 5px 5px 5px 5px;
	font-style: italic;
	text-align: right;
}

#rightPan p.moyen_texte_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006666;
	font-style: italic;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	left: 627px;
	top: -83px;
	width: 182px;
	height: 16px;
	background-color: #66CCCC;
}


#pane{
	overflow:auto;
	clear:left;
	position:absolute;
	width:810px;
	height:410px;
	margin: 0px;
	top: 26px;
	left: -1px;
}
ul.elements{
	background-color:#FFFFFF;
}
ul.elements li{
	width:200px;
	height:210px;
	font-weight:bolder;
	border:1px solid #FFFFFF;
	text-align:left;
	position: relative;
	background-color:#FFFFFF;
	float:left;
}
ul.elements li p{
	color:#666;
}
ul.elements li a:link{
	color: #2F5958;
	text-decoration: none;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	text-align: center;
	line-height: 10px;
}

ul.elements li a:hover{text-decoration:underline;}

#rightPan h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #006666;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 5px;
	height: 25px;
	float: left;
	font-variant: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	top: 0px;
	position: absolute;
	right: 415px;
	width: 744px;
	padding: 0px;
}
#rightPan h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #006666;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 5px;
	height: 25px;
	font-variant: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
	width: 750px;
	padding: 0px;
	float: left;
}
#rightPan h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #006666;
	font-size: 28px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	height: 30px;
	font-variant: normal;
	position: relative;
	width: 750px;
	float: left;
	margin-top: 40px;
	margin-bottom: 15px;
}
#rightPan ul.evene{
	width:500px;
	height:40px;
	float:left;
	border:0px solid #FFFFFF;
	background:#fff;
	color:#5F7A77;
	position:relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;

}

#rightPan ul.evene li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.evene li{
	width:450px;
	height:20px;

}
#rightPan img{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#rightPan ul.evene li a{
	width:450px;
	height:20px;
	display:block;
	color:#959595;
	text-decoration:underline;
	line-height:20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 12px;
}

#rightPan ul.evene li a:hover{background:url(../images/banniere/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

#titrecontact a{
	height: 70px;
	width: 500px;
	float: none;
	border: 2px solid #006699;
	position: absolute;
	top: 274px;
	left: 18px;
	background: url(../images/imagemenu/titre_contact.jpg);
}
#titrecontact2{
	height: auto;
	width: 525px;
	float: none;
	position: absolute;
	top: 296px;
	left: 6px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	text-align: justify;
}
#plan1{
	width:302px;
	height:200px;
	position:absolute;
	top:36px;
	left:1px
	overflow: hidden;
	left: 22px;
} 
#plan2{
	width:237px;
	height:317px;
	position:absolute;
	top:38px;
	left:1px
	overflow: hidden;
	left: 329px;
} 
#plan3{
	width:237px;
	height:317px;
	position:absolute;
	top:38px;

	left:1px
	overflow: hidden;
	left: 568px;
} 
/*----/Body Right Panel----*/

/*----/BODY PANEL----*/

/*----/MAIN PANEL----*/



/*----FOOTER PANEL----*/

#footermainPan{
	height:64px;
	color:#2F5958;
	position:absolute;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #D3F0F0;
	background-image: url(../images/banniere/footerbg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	width: 810px;
	left: 184px;
	top: 519px;
}

#footerPan{
	width:814px;
	height:63px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: absolute;
	top: 0px;
	left: -1px;
}



#footerPan ul.home{
	width:585px;
	height:20px;
	text-align: justify;
	background-color: #FFFFFF;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 230px;

}

#footerPan li{
	float:left;
	text-align: center;

}

#footerPan ul.home li a{
	color:#2F5958;
	background:#EBF8F7;
	text-decoration:none;
	font-size:13px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#footerPan ul.home li a:hover{text-decoration:underline;}



#footerPan p.copyright{width:250px; margin:10px 0 0 92px;}



#footerPan ul.templateworld{
	width:814px;
	height:auto;
	background:#D3F0F0;
	color:#007163;
	display:block;
	font-size:10px;
	text-align: justify;

}

#footerPan ul.templateworld li{
	height:20px;
	margin-left: 150px;
}

#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}

#footerPan ul.templateworld li a:hover{text-decoration:underline;}


.petit_texte {

	font-family: cursive;

	font-size: 10px;

	color: Navy;

	font: italic;

	padding: 10px 0px 0px 10px;

}

/*----/FOOTER PANEL----*/