@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
dl, dt, dd, ul, li {

margin:0;

padding: 0;


}

img	{ border: 0; 
}

#conteneur {
	position: absolute;
	width: 950px;
	left: 498px;
	margin-top: 8px;
	margin-left: -475px;
	top: 0px;
}

#header {
	height: 115px;

}
#logo {
	float: left;
	}

#nav{
	width: 950px;
	height: 30px;
	float: left;
}

#navigation {
   width: 950px;
   height: 30px;
   background: url(images/fond_nav.gif);
   padding: 0;
   position: relative;
   text-align: center;
}

#navigation li {
   margin: 0px;
   list-style: none;
   position: absolute;
   top: 0px;
}

#navigation li, #navigation a {
   height: 30px;
   display: block;
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #3d3c3f;
   text-decoration: none;
   line-height: 30px;
}

#navigation a:hover {
   color: #FFFFFF;
   text-decoration: none;
}

#nav1 { left: 0;     width: 63px;  }
#nav2 { left: 63px;  width: 116px;  }
#nav3 { left: 179px; width: 203px; }
#nav4 { left: 382px; width: 77px; }
#nav5 { left: 459px; width: 91px; }
#nav6 { left: 550px; width: 60px; }
#nav7 { left: 610px; width: 63px; }
#nav8 { left: 673px; width: 65px; }

#nav1 a:hover, #active1 {
   background: transparent url(images/fond_nav.gif)                0 -30px no-repeat;
   color: #FFFFFF;
}

#nav2 a:hover, #active2 {
   background: transparent url(images/fond_nav.gif)                -63px -30px no-repeat;
   color: #FFFFFF;
}

#nav3 a:hover, #active3 {
   background: transparent url(images/fond_nav.gif)                -179px -30px no-repeat;
   color: #FFFFFF;
}

#nav4 a:hover, #active4 {
   background: transparent url(images/fond_nav.gif)                -382px -30px no-repeat;
   color: #FFFFFF;
}

#nav5 a:hover, #active5 {
   background: transparent url(images/fond_nav.gif)                -459px -30px no-repeat;
   color: #FFFFFF;
}

#nav6 a:hover, #active6 {
   background: transparent url(images/fond_nav.gif)                -550px -30px no-repeat;
   color: #FFFFFF;
}

#nav7 a:hover, #active7 {
   background: transparent url(images/fond_nav.gif)                -610px -30px no-repeat;
   color: #FFFFFF;
}

#nav8 a:hover, #active8 {
   background: transparent url(images/fond_nav.gif)                -673px -30px no-repeat;
   color: #FFFFFF;
   
}

#navigationEN {
   width: 950px;
   height: 30px;
   background: url(images/fond_nav_gb.gif);
   padding: 0;
   position: relative;
   text-align: center;
}

#navigationEN li {
   margin: 0px;
   list-style: none;
   position: absolute;
   top: 0px;
}

#navigationEN li, #navigationEN a {
   height: 30px;
   display: block;
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #3d3c3f;
   text-decoration: none;
   line-height: 30px;
}

#navigationEN a:hover {
   color: #FFFFFF;
   text-decoration: none;
}

#nav1EN { left: 0;     width: 54px;  }
#nav2EN { left: 54px;  width: 104px;  }
#nav3EN { left: 158px; width: 115px; }
#nav4EN { left: 273px; width: 92px; }
#nav5EN { left: 365px; width: 61px; }
#nav6EN { left: 426px; width: 75px; }
#nav7EN { left: 501px; width: 64px; }

#nav1EN a:hover, #active1en  {
   background: transparent url(images/fond_nav_gb.gif)                0 -30px no-repeat;
   color: #FFFFFF;
}

#nav2EN a:hover, #active2en  {
   background: transparent url(images/fond_nav_gb.gif)                -54px -30px no-repeat;
   color: #FFFFFF;
}

#nav3EN a:hover, #active3en  {
   background: transparent url(images/fond_nav_gb.gif)                -158px -30px no-repeat;
   color: #FFFFFF;
}

#nav4EN a:hover, #active4en  {
   background: transparent url(images/fond_nav_gb.gif)                -273px -30px no-repeat;
   color: #FFFFFF;
}

#nav5EN a:hover, #active5en  {
   background: transparent url(images/fond_nav_gb.gif)                -365px -30px no-repeat;
   color: #FFFFFF;
}

#nav6EN a:hover, #active6en  {
   background: transparent url(images/fond_nav_gb.gif)                -426px -30px no-repeat;
   color: #FFFFFF;
}

#nav7EN a:hover, #active7en  {
   background: transparent url(images/fond_nav_gb.gif)                -501px -30px no-repeat;
   color: #FFFFFF;
   
}
#langue {
	width: 150px;
	height: 20px;
	float: right;
	margin-top: 12px;
	margin-right: 15px;
	text-align: right;
}

#visuel_home {
	width: 900px;
	height: 151px;
	margin-top: 15px;
	padding: 25px;
	background: url(images/visuel_happy_user.jpg) no-repeat;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#page_contenu {
	width: 950px;
	float:left;
}

#page_colgche {
	width: 700px;
	float:left;
	margin-bottom: 25px;
}

#page_coldte {
	width: 230px;
	float: right;
	margin-bottom: 25px;
}
#tit_point {
	background-image: url(images/point1.gif);
	background-repeat: repeat-x;
	background-position: center;
	width: 680px;
	margin-left: 20px;
	margin-bottom: 10px;
	clear:both;
}
#encart_ligne {
	width: 700px;
	float:left;
	margin-top: 25px;
}
#encart_col{
	width: 226px;
	float:left;
	margin-right: 7px;
}
#encart_vert{
	width: 204px;
	float:left;
	border:1px solid #bfbfbf;
	background-color: #97bf0d;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
#encart_fil{
	width: 206px;
	height: 93px;
	float:left;
	padding: 10px;
	background-image: url(images/home_encart_bas.gif);
	background-repeat: no-repeat;
}
#encart_liste li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #707173;
	list-style-image: url(images/puce.gif);
	list-style-position: inside;
	line-height: 16px;
}
#bloc{
	width: 229px;
	float: right;
	background-image: url(images/bloc_milieu.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}
#bloc_haut{
	width: 214px;
	height: 20px;
	float: right;
	background-image: url(images/bloc_haut.gif);
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-left: 15px;
}
#bloc_bas{
	width: 229px;
	height: 11px;
	float: right;
	background-image: url(images/bloc_bas.gif);
	background-repeat: no-repeat;
}
#bloc_milieu{
	width: 189px;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#bloc_titre{
	width: 188px;
	height: 17px;
	background-image: url(images/bloc_titre.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 10px;
}
#bloc_txt {
	width: 189px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707173;
	font-size: 10px;
	padding-right: 20px;
	padding-left: 20px;
}
#pied_page {
	float: left;
	width: 950px;
	background-image: url(images/point2.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707173;
	text-decoration: none;
	padding-top: 10px;
}
#pied_page li {
	list-style-type: none;
	display: inline;
	padding-right: 8px;
}
#pied_page a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707173;
	text-decoration: none;
}
#pied_page a:hover {
	text-decoration: underline;
}
#bloc_img_dt {
	width: 345px;
	height: 145px;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}
#bloc_img_gch {
	width: 345px;
	height: 145px;
	float: left;
	margin-bottom: 20px;
}
#bloc_img_ctr {
	width: 700px;
	float: left;
	margin-bottom: 20px;
}
#bloc_img {
	width: 193px;
	float: left;
}
#bloc_img_txt {
	width: 132px;
	height: 121px;
	float: right;
	background-image: url(images/fond_txt.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	font-size: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}
#bloc_img_txt_ctr {
	width: 484px;
	height: 71px;
	float: right;
	background-image: url(images/fond_txt2.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	font-size: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}
#col_dt {
	width: 320px;
	float: right;
	margin-bottom: 20px;
}
#col_gch {
	width: 320px;
	height: 145px;
	float: left;
	margin-left: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
}
#encadre {
	width: 680px;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 15px;
	background-color:#F6F6F6;
	background-image:url(images/point1.gif);
	background-repeat:repeat-x;
	clear: left;
}
.img_dt {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
}
.ar18boldor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #f4a233;
}
.ver11boldvio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7a88dc;
}
.tit_ar18boldvio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #61579e;
	background-color: #FFFFFF;
	font-weight: bold;
}
.tit_ar18boldor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f18b00;
	background-color: #ffffff;
	padding-right: 15px;
}
a.lien_vio11:link, a.lien_vio11:visited {
	color: #61579e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.lien_vio11:hover {
	text-decoration: underline;
}
a.lien_gri11:link, a.lien_gri11:visited {
	color: #9c9e9f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.lien_gri11:hover {
	text-decoration: underline;
}
#page_contenu2 {
	width: 950px;
	float:left;
	margin-top: 40px;
}
.ar14itvio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #61579e;
	background-color: #FFFFFF;
	font-style: italic;
}
.ver11vioita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #61579E;
}
.img_gch {
	float: left;
	margin-bottom: 20px;
	margin-right: 15px;
}