@charset "iso-8859-1";/* FR : CSS et graphisme par WonkaStudio www.wks.fr  ------------------------------------------------------------------------------------------- *//* EN : CSS and design template by WonkaStudio www.wks.fr  ------------------------------------------------------------------------------------------- *//* FR : Style générale de la page  ------------------------------------------------------------------------------------------- *//* EN : Genral style of every page ------------------------------------------------------------------------------------------------ */body { 	color:#212121;	margin:0;	padding:0;	font-size:11px;	font-family:verdana;	background: url(images/bg_page.png) 0 0 repeat-x #27343c;}#page {	position:relative;	width:950px;	margin-left:auto;	margin-right:auto;}.separator{	clear: both;	background-color:#000000;	visibility: hidden;	margin: 0;	padding: 0;	height: 1px;	line-height: 0px;	font-size: 0em;	}img {  border:none;}/* FR : Style partie haute  ------------------------------------------------------------------------------------------- *//* EN : style of top page header / menu ------------------------------------------------------------------------------------------------ */#top {	width: 950px;	height: 81px;	float:left;	position:relative;	background: url(images/bg_top.png) 0 0 no-repeat;	}#top .logo {  position:absolute;  top:0; left:20px;  }#top #connexion {  position:absolute;  top:26px;  right:20px;  }#top #connexion .input {	background: url(images/bg_input_connexion.png) 0 0 no-repeat;  float:left;  width:106px;  border:none;  height:24px;  padding:5px 2px 2px 2px;   margin:0 0 0 6px;   font-size:11px;  }#top #connexion .bouton {	background: url(images/bouton_connexion.png) 0 0 no-repeat;  float:left;  width:106px;  border:none;  height:24px;  padding:2px;   margin:0 0 0 6px;   }#header {	width: 950px;	height: 197px;	float:left;	position:relative;	background: url(images/bg_header.png) 0 0 no-repeat;	}#menu_top {  width:950px;  height:50px;  margin:0;	border:0px;	float:left;	position:relative;	background: url(images/bg_menu_top.png) 0 0 no-repeat;	}	* html #menu_top {	margin:20px 0 0 10px;}	ul#menu1{	float: left;	list-style: none;	margin:0;	padding:0;  }* html ul#menu1 {	margin:0;}ul#menu1 li{	float: left;	text-align: center;	}ul#menu1 li a{	display: block;	width: 120px;	height: 50px;	line-height:45px;	font-family: verdana;	font-size: 10px;	font-weight: 700;	color: #ffffff;	text-decoration: none;	outline: none;	margin:0 0 0 10px;	}* html ul#menu1 li a {	margin:0;	padding:0;}ul#menu1 li:hover a, ul#menu1 li#current a{	color: #ffffff;	background: url(images/bg_onglet1_hover.png) 0 0 no-repeat;	background-position:top center;}* html ul#menu1 li:hover a {  background-color:#fff;}#info_premium {  position:absolute;  top:20px;  left:20px;  width:330px;  }#info_premium p {  padding:0 20px 0 20px;  color:#ffffff;  }/* FR : Style partie carousel  ------------------------------------------------------------------------------------------- *//* EN : style of carousel ------------------------------------------------------------------------------------------------ */.infiniteCarousel {  width: 548px;  position: relative;  margin:0 0 0 380px;}.infiniteCarousel .wrapper {  width: 440px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */  overflow: auto;  min-height: 15em;  margin: 20px 50px;  position: absolute;  top: 0;}.infiniteCarousel ul a img {  border: 5px solid #ffffff;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;}.infiniteCarousel .wrapper ul {  width: 9999px;  list-style-image:none;  list-style-position:outside;  list-style-type:none;  margin:0;  padding:0;  position: absolute;  top: 0;}.infiniteCarousel ul li {  display:block;  float:left;  padding: 10px;  height: 125px;  width: 125px;}.infiniteCarousel ul li a img {  display:block;}.infiniteCarousel .arrow {  display: block;  height: 65px;  width: 50px;  text-indent: -999px;  position: absolute;  top: 65px;  cursor: pointer;}.infiniteCarousel .forward {  background-position: 0 0;  right: 0;  background: url(images/vision_arrow_right.png) no-repeat 0 0;}.infiniteCarousel .back {  background-position: 0 0;  left: 0;  background: url(images/vision_arrow_left.png) no-repeat 0 0;}.infiniteCarousel .forward:hover {  background-position: 0 -65px;}.infiniteCarousel .back:hover {  background-position: 0 -65px;}/* FR : Style partie étape par étape  ------------------------------------------------------------------------------------------- *//* EN : style of step by step box ------------------------------------------------------------------------------------------------ */#header2 {	width: 950px;	height: 120px;	float:left;	position:relative;	background: url(images/bg_header2.png) 0 0 no-repeat;	}#header2 .step {  width:250px;  float:left;  margin:25px 30px 0 25px;  }#header2 .icone_step {  float:left;  margin:0 10px 10px 0;  }#header2 h2 {  color:#eaeaea;  font-size:16px;  padding:0; margin:0;  }#header2 p {  color:#eaeaea;  }#header2 a {  color:#eaeaea;  }#header2 a:hover {  color:#029ed3;  }#content {  background-color:#ffffff;  width:639px;  padding:20px;  float:left;	background: url(images/bottom_content.png) 0 0 no-repeat #ffffff;	background-position:bottom;  }#content p {  line-height:20px;  }#content .icone_content {  float:left;  margin:20px 20px 20px 0;	background: url(images/bg_header2.png) 0 0 no-repeat;  }#menu_list_category {	width:550px;	float:left;	padding:0 0 0 0;	margin:10px 0 0 20px;	list-style-type: none; 	}ul#menu_list_category li a { 	text-decoration:underline;	color:#0a7fbb; 	font-size:11px;	padding:0 0 0 20px;	height:30px;	width:250px;	float:left;	background: url(images/arrow.jpg) 0 4px no-repeat;  }ul#menu_list_category li a:hover { 	color:#020203; 	}	#sidebar {  float:left;  width:250px;  background-color:#192227;  margin:0;  padding:20px 0 70px 20px;	background: url(images/bg_sidebar_bottom.png) 0 0 no-repeat #192227;	background-position:bottom;  }#menu_list_sidebar {	width:200px;	float:left;	padding:0 0 0 0;	margin:10px 0 0 20px;	list-style-type: none; 	}ul#menu_list_sidebar li a { 	text-decoration:underline;	color:#029ed3; 	font-size:11px;	padding:0 0 0 20px;	height:30px;	width:200px;	float:left;	background: url(images/sidebar_arrow2.png) 0 2px no-repeat;  }ul#menu_list_sidebar li a:hover { 	color:#ffffff; 	background: url(images/sidebar_arrow2.png) 4px 2px no-repeat;	}.input_search {	background: url(images/bg_input_search.png) 0 0 no-repeat;  float:left;  width:206px;  border:none;  height:24px;  padding:2px;   margin:0 0 0 6px;   }/* FR : Style pour la page de contact (page4.htm)  ------------------------------------------------------------------------------------------------ *//* EN : Style of the contact form (page4.htm) ------------------------------------------------------------------------------------------------ */#formulaire label {	font-size:10px;	color:#737373;	float:left;	width:200px;	height:22px;	}#formulaire .ligne {  float:left;  width:500px;  margin:10px 0 10px 0;  }.input_contact {	border:1px solid #b2b2b3;	background:url("images/bg_input.png") repeat-x #ebebeb;	padding:5px;	font-size:11px;	color:#394c52;	width:250px;	}.bouton {	background: url(images/bg_bouton.png) 0 0 no-repeat;  float:left;    width:152px;  height:27px;  text-align:center;  color:#ffffff;  line-height:23px;  text-decoration:none;  margin:10px 0 10px 0;  }.bouton:hover {  background: url(images/bg_bouton_hover.png) 0 0 no-repeat;}/* FR : Pied de page ------------------------------------------------------------------------------------------------ *//* EN : Footer  ------------------------------------------------------------------------------------------------ */#footer {  position:relative;  text-align:center;  float:left;	color:#d5d5d5;   width:950px;	margin:20px 0 40px 0;  }#footer a{  color:#d5d5d5;  font-weight:bold;  }#footer a:hover {  text-decoration:underline;  color:#198ce6;  }