@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 {
	background:  url("images/bg_page.png") repeat; 
	background-repeat: repeat-x;
	background-color:#fff;
	color:#fff;
	margin:0;
	padding:0;
	font:83%/1.4 verdana, arial, helvetica, sans-serif;
}

.separator{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0px;
	font-size: 0em;
	}
	
#page {
	position:relative;
	width:969px;
	margin-left:auto;
	margin-right:auto;

}
	
.logo {
  width:433px;
  height:108px;
  float:left;
	background: url("images/logo2.jpg") repeat-x #FFFFFF;
  }

.right_part {
  float:right;
  width:400px;
  height:60px;
  }

.toolbar {
  float:left;
  margin:20px 0px 0px 10px;
  }
  
.bloc_newsletter {
  float:left;
  width:404px;
  margin-top:15px;
  height:37px;
  line-height:37px;
	background: url("images/bg_newsletter.png") no-repeat #FFFFFF;
  }
  
.input_newsletter {
  border:0px;
  width:120px;
  margin-left:220px;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#10708d;
  padding:5px;
}
.buton_newsletter {
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#10708d;
  padding:0 5px 0 5px;
  width:30px;
  border:0px;
  height:22px;
  border:1px solid #8fb9d0;
  background:#d4effb;
  }

.icone1 {
  width:90px;
  height:36px;
  line-height:36px;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#10708d;
  float:left;
  padding-left:40px;
	background: url("images/icone1.png") no-repeat #FFFFFF;
  }
.icone2 {
  width:90px;
  height:36px;
  line-height:36px;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#10708d;
  float:left;
  padding-left:40px;
	background: url("images/icone2.png") no-repeat #FFFFFF;
  }
.icone3 {
  width:90px;
  height:36px;
  line-height:36px;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  color:#10708d;
  float:left;
  padding-left:40px;
	background: url("images/icone3.png") no-repeat #FFFFFF;
  }
.icone1:hover {
  text-decoration:underline;
  }
.icone2:hover {
  text-decoration:underline;
  }
.icone3:hover {
  text-decoration:underline;
  }
  
ul#menu1{
	list-style:none;
	position:relative;
	padding:0px;
	margin:0px;
	}
ul#menu1 li {
	float:left;
	border-right:0px solid #10708d;
	border-left:53px solid #10708d;
	border-top:20px solid #10708d;
	border-bottom:20px solid #10708d;
	}
	
ul#menu1 li a{
	float:left;
	width:130px;
	height:30px;
	line-height:30px;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#10708d;
	text-decoration:none;
	background: url("images/bg_menu_top_activ.png") no-repeat;
	text-align:center;
	}

ul#menu1 li a:hover, ul#menu1 li#current a{
	background: url(images/bg_menu_top_hover.png) 0 0 no-repeat;
	}
  

.header {
	background:  url("images/header.png") 0 0 no-repeat;
	height:298px;
	width:967px;
	position:relative;
  }

.bloc_zoom {
  	background:  url("images/bg_bloc_zoom.png") 0 0 no-repeat;
  	height:250px;
  	width:479px;
  	position:absolute;
  	top:50px;
  	left:50px;
    z-index:5;
  }

.button_bloczoom_next {
  	background:  url("images/bg_button_bloc1.png") 0 0 no-repeat;
    width:102px;
    height:24px;
    line-height:24px;
  	position:absolute;
  	top:240px;
  	left:390px;
  	z-index:10;
    color:#10718e;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    padding-left:10px;
  }
.text_bloc_zoom {
    color:#10718e;
    font-size:10px;
    font-style:italic;
    margin:10px 24px 0 0;
    text-align:justify;
  }
.titre_bloc_zoom {
    color:#10718e;
    font-size:12px;
    font-weight:bold;
    font-style:italic;
    margin:10px 10px 0 20px;
  }
.icone1_bloc_zoom {
    float:left;
    margin:10px 20px 0 20px;
  }


.bloc_content {
  width:967px;
  background:#fff;
  float:left;
  }
.bloc_content_left {
  width:435px;
  float:left;
  border-top:20px solid white;
  border-left:20px solid white;
}
.bloc_content_right {
  width:435px;
  float:left;
  border-left:20px solid white;
  border-top:20px solid white;
}
.bloc_content_general {
  width:920px;
  float:left;
  border-left:20px solid white;
  border-top:20px solid white;
}

.title_content_1 {
  color:#10718e;
  font-size:10px;
  font-weight:bold;
  float:left;
  padding-left:80px;
  width:231px;
  padding-top:18px;
  height:35px;
  line-height:33px;
  background:  url("images/bg_title_1.png") 0 0 no-repeat;
  }
.title_content_2 {
  color:#10718e;
  font-size:10px;
  font-weight:bold;
  float:left;
  padding-left:80px;
  padding-top:18px;
  width:231px;
  height:35px;
  line-height:33px;
  background:  url("images/bg_title_2.png") 0 0 no-repeat;
  }
.text_content {
  color:#10718e;
  font-size:10px;
  padding:15px;
  text-align:justify;
  }

ul#liste_numero{
	float: left;
	list-style: none;
	padding:0px;
	margin:20px 0 0 50px;
	}

ul#liste_numero li{
	float: left;
  width:300px;
  text-align:left;
  color:#10718e;
  font-size:10px;
  font-weight:bold;
	height: 26px;
	line-height:26px;
	padding-left:60px;
	margin-bottom:15px;
	}

.bulle1 { 	background:  url("images/bulle1.png") 0 0 no-repeat; }
.bulle2 { 	background:  url("images/bulle2.png") 0 0 no-repeat; }
.bulle3 { 	background:  url("images/bulle3.png") 0 0 no-repeat; }
.bulle4 { 	background:  url("images/bulle4.png") 0 0 no-repeat; }


.footer {
  background:  url("images/bg_footer.png") 0 0 no-repeat;
  width:967px;
  height:247px;
  position:relative;
  float:left;
  }
.text_footer {
  float:left;
  font-size:10px;
  color:#fff;
  font-weight:bold;
  text-align:center;
  height:50px;
  width:967px;
  margin-top:15px;
  margin-bottom:15px;
  }
.footer_next_button {
  height:35px;
  width:35px;
  float:left;
  top:70px;
  left:905px;
  position:absolute;
  background:  url("images/bille_next.png") 0 0 no-repeat;
  }
.footer_before_button {
  height:35px;
  width:35px;
  float:left;
  top:70px;
  left:35px;
  position:absolute;
  background:  url("images/bille_before.png") 0 0 no-repeat;
  }
.bloc_produit_titre {
  font-size:14px;
  color:#10718e;
  font-weight:bold;
  }
.bloc_produit_ref {
  font-size:10px;
  color:#a2a2a2;
  font-weight:bold;
  }
.bloc_produit_text {
  font-size:10px;
  color:#10718e;
  }
.bloc_produit_prix {
  font-size:10px;
  color:#454545;
  margin:8px 0 8px 0;
  }
.bloc_produit_link_bottom {
  font-size:10px;
  color:#10708d;
  font-weight:bold;
  text-decoration:underline;
  }
.bloc_produit_img {
  float:left;
  margin:0 15px 15px 0;
  }
.bloc_produit1 {
  float:left;
  width:380px;
  padding-left:100px;
  padding-top:20px;
  }
.bloc_produit2 {
  float:left;
  width:380px;
  padding-left:20px;
  padding-top:20px;
  }
  
.lien_bottom_page {
  position:absolute;
  color:#a2a2a2;
  font-size:10px;
  font-weight:bold;
  text-decoration:underline;  
  top:210px;
  left:50px;
  width:870px;
  text-align:center;
  }