
/*reset*/

form,input{
	margin:0px;
}

/*general*/

label{
	color:#625718;
}

img{
	margin-bottom:-2px;
}

p{
	color:#555555;
	font-size:14px;
  text-align:left;
	margin:0px 10px 10px 0px;
}


hr{
  margin:10px 0px 10px 0px;
	height:0px;
  border:none;
	border-bottom:solid #b3ac95 1px;
}

h1{
	font-family:Arial;
  font-size:21px;
	font-weight:500;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 0px;
	color:#625718;
}

h1 a{
	color:#625718;
}

h1 a:hover{
	color:#625718;
}

h2{
	font-family:Arial;
  font-size:17px;
	font-weight:400;
  margin:5px 0px 5px 0px;
  padding:0px 0px 0px 0px;
	color:#625718;
}

h2 a{
	color:#625718;
}

h2 a:hover{
	color:#625718;
}

h3{
  font-size:15px;
	font-weight:500;
  margin:5px 0px 5px 0px;
  padding:0px 0px 0px 0px;
	color:#aa730f;
}

h3 a{
	color:#625718;
}

h3 a:hover{
	color:#625718;
}

h6{
	background-color:white;
	font-family:Arial;
  font-size:16px;
	font-weight:bold;
	text-align:center;
  margin:0px 0px 0px 0px;
  padding:5px 10px 5px 10px;
	color:#625718;
}

a{
	text-decoration:none;
	color:#0602ad;
}

a:hover{
	color:#625718;
}

a img{
	border:none;
}


body{
	font-family:Arial;
	padding:0px;
	margin:0px;
  background-color:#e9e3d0;
}

#wrapper{
  position:relative;
  background-color:#e9e3d0;
	width:1040px;
	margin:auto;
	box-shadow:0px 1px 20px #777;
  overflow:hidden;
}

#page{
  background-color:#e9e3d0;
	position:relative;
	width:1040px;
	padding:400px 0 0px 0;
}

#bandeau{
	background-image:url('../images/bandeau.jpg');
  background-color:transparent;
	position:absolute;
	top:150px;
	height:240px;
	width:1000px !important;
	width:1040px;
  padding:10px 20px 0px 20px;
	box-shadow:0px 0px 10px #777;
}

#ckeditor{
	background-color:white;
  background-image:none;
}

#contenu{
	background-color:transparent;
	float:right;
  width:780px !important;
  width:800px;
  padding:10px 0px 0px 20px;
  margin-right:20px;
}

#colonne{
	background-color:transparent;
	float:right;
	width:200px;
  margin-left:20px;
}

#pied{
	background-color:#e1d2b7;
	font-size:13px;
	text-align:center;
	color:#555555;
	width:1040px;
}

#contenu_pied{
	position:relative;
	width:1000px;
  padding:15px 0 15px 0;
	margin:auto;
}

#entete{
	position:absolute;
	top:0px;
	background-image:url('../images/entete.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	height:150px;
	width:1040px;
}

#contenu_entete{
	position:relative;
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	background-position:15px 15px;
	width:1000px;
	height:160px;
	margin:auto;
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:140px;
	text-align:right;
}

#langue{
	position:absolute;
	top:40px;
	right:20px;
	height:20px;
	text-align:right;
}

#contact{
	position:absolute;
	top:20px;
	right:20px;
  width:230px !important;
  width:260px;
  background-color:#dad4c3;
	color:#625718;
  padding:5px 15px 10px 15px;
  border:solid;
  border-color:#bbbbbb;
  border-width:1px;
}

#contact h3{
  font-size:18px;
  color:black;
}


.alert{
  background-color:transparent;
	color:red;
	font-size:14px;
}


#localisation_box{
	background-image:url('../images_template/tpl_localisation.jpg');
	background-repeat:no-repeat;
	background-position:right bottom;
	color:#ffffff;
	margin-bottom:10px;
}

#temperature_box{
	background-image:url('../images_template/tpl_temperature.jpg');
	background-repeat:no-repeat;
	height:150px;
	color:#ffffff;
	font-size:12px;
	margin-bottom:10px;
}

#temperature_box h2{
	color:#ffffff;
	font-size:46px;
	font-weight:700;
	font-style:normal;
	font-family:Arial;
	text-align:center;
	padding:45px 0px 0px 0px;
}

#temperature_box h3{
	color:#ffffff;
	font-size:20px;
	font-weight:700;
	font-style:normal;
	font-family:Arial;
	text-align:right;
	padding:10px 15px 0px 0px;
}


#news_box, #agenda_box{
	color:#555555;
	margin-bottom:10px;
}

.petite_news, .petite_agenda{
	width:190px;
	color:#555555;
	font-size:11px;
	margin:0px 10px 0px 10px;
}

.petite_news a, .petite_agenda a{
	color:#555555;
}

.news, .agenda{
  float:left;
  width:350px !important;
  width:370px;
  background-color:#ffffff;
	color:#555555;
	font-size:11px;
  text-align:justify;
	margin:0px 10px 10px 0px;
	padding:0px 5px 5px 5px;
  border:solid;
  border-color:#bbbbbb;
  border-width:1px;
}

.news table, .agenda table{
  background-color:transparent;
	width:350px;
  text-align:justify;
	color:#555555;
	font-size:11px;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#bbbbbb;
}

.news  th, .agenda th{
  vertical-align:top;
}

.news img, .agenda img{
	padding:2px;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
}

.news_titre, .agenda_titre{
	font-size:12px;
	font-weight:bolder;
}

.news_date, .agenda_date{
	font-family:Arial;
  width:60px;
  text-align:center;
	font-size:20px;
	color:#555555;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
}

.news_date div, .agenda_date div{
	background-color:#625718;
	font-family:Arial;
  text-align:center;
	font-size:16px;
	color:#ffffff;
	padding-bottom:2px;
	margin-bottom:2px;
}


.cachediv{
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

.affichediv {
	visibility: visible;
	overflow: hidden;
	margin-top: 0px;
	position: relative;
}

.referencement{
  display:none;
}

/* PANORAMA */

.pano
{
	float: left;
	color: white;
	background-color: black;
	width: 740px;
	padding: 0px;
	margin: 0px;
	text-align:canter;
}

.pano_picture
{
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url(../images_panorama/panorama-piscine.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 300px;
	width: 740px;
	margin-bottom: 0px;
}

.scrolling_left
{
	float: left;
	height: 300px;
	width: 100px;
	margin-bottom: 0px;
}

.scrolling_right
{
	float: right;
	height: 300px;
	width: 100px;
	margin-bottom: 0px;
}

.nav_bar
{
	text-align:center;
	width:700px;
	margin-top:0px;
}

.conteneur
{
	width: 200px ;
	text-align: left ;
}

.clear
{
  clear:both;
}
/*traduction*/

.champ_traduction{margin:5px auto;padding:5px;background-color:#bbbbbb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:tab-cell;}

/*administration*/

body#control{
  background-image:none;
  background-color:#ffffff;
  padding:10px;
  margin:0;
}

.groupe_bouton{
  margin:-30px 0 20px 0;
  text-align:right;
}

.groupe_bouton a{
  opacity:0.4;
  padding:8px 15px 8px 15px;
  background-repeat:no-repeat;
  background-position:center 0;
  font-weight:700;
}

.groupe_bouton a:hover{
  opacity:1;
}

.box_icone{
  clear:both;
	width:100%
	background-color:#f7f7f7;
	padding:3px;
	margin:0px 10px 10px 0px;
	border:solid;
	border-radius:4px;
	border-width:1px;
	border-color:#bbbbbb;
}

#menu_haut{
  position:absolute;
	top:119px;
	left:360px;
	height:33px;
	width:650px;
	font-size:17px;
	font-family:"Times New Roman";
}

.menu_haut_cellule a{
	line-height:33px;
	padding:5px 15px 5px 15px;
	text-align:center;
	text-decoration:none;
	color:#625718;
}

.menu_haut_cellule a:hover{
  background-image:url('../images/body.png');
	background-repeat:repeat-x;
	background-position:center center;
}

.menu_haut_select a{
  background-image:url('../images/body.png');
	background-repeat:repeat-x;
	background-position:center center;
	color:#625718;
	line-height:33px;
	padding:5px 15px 5px 15px;
	text-align:center;
	text-decoration:none;
}

#menu_gauche{
  background-color:#e1d2b7;
	width:200px;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
  font-family:Arial;
  padding-top:10px;
}

.menu_gauche_cellule a{
	display:block;
	text-align:left;
	text-decoration:none;
	color:#625718;
	padding-left:5px;
}

.menu_gauche_cellule a:hover{
	display:block;
  text-align:left;
	text-decoration:none;
	background-color:#625718;
	color:white;
}

.menu_gauche_select a{
	display:block;
  text-align:left;
	text-decoration:none;
	background-color:#625718;
	color:white;
	padding-left:5px;
}

#menu_pied{
	font-size:12px;
	text-align:center;
	display:inline;
}

#menu_pied a{
  color:#625718;
}

.menu_pied_cellule a{
	padding:7px 10px 0px 10px;
	text-align:center;
	text-decoration:none;
  color:#625718;
}

.menu_pied_cellule a:hover{
	color:#aa730f;
}

.menu_pied_select a{
	padding:7px 10px 0px 10px;
	text-align:center;
	text-decoration:none;
	color:#aa730f;
}

#plan_de_site{
	font-size:14px;
  font-family:Arial}

#plan_de_site td{
	vertical-align:top;
	display:block;
}

.plan_de_site_cellule a{
	text-align:left;
	text-decoration:none;
	color:#625718;
}

.plan_de_site_cellule a:hover{
	color:#625718;
}

.plan_de_site_select a{
	text-align:left;
	text-decoration:none;
	color:#625718;
}

.distribution{
	float:left;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
	margin:0px 9px 9px 0px;
	padding:3px 0px 0px 10px;
	height:150px;
	overflow:hidden;
}

.distribution a{
	color:#555555;
}

.distribution h2 a{
	color:#625718;
}

#fil_ariane{
	position:absolute;
	top:150px;
	left:20px;
	color:#555555;
	font-size:13px;
  text-align:justify;
	padding:0px 10px 10px 0px;
}

.fil_ariane_select{
	display:inline;
	margin:0px;
}

.fil_ariane_select a{
	color:#625718;
	text-decoration:none;
}

.fil_ariane_select a:hover{
	color:#625718;
}
.texte{
	color:#555555;
	font-size:14px;
  text-align:left;
	margin:0px 10px 10px 0px;
}

.photo{
  position:relative;
	color:#625718;
	font-size:13px;
  text-align:center;
	margin:0px 15px 15px 0px;
}

.photo img{
  border:solid;
  border-color:white;
  border-width:3px;
  box-shadow:1px 1px 10px #555;
}

.produit{
  position:relative;
  float:left;
  width:340px !important;
  width:350px;
  height:110px;
	color:white;
  background-color:#dad4c3;
	font-size:12px;
	margin:0px 20px 20px 0px;
	padding:10px;
  border:solid;
  border-color:white;
  border-width:3px;
  box-shadow:1px 1px 10px #555;
  overflow:hidden;
}

.produit h2{
	font-size:16px;
	font-weight:bold;
  margin:0px 0px 0px 0px;
}

.produit h2 a{
	color:#625718;
}

.produit img{
  float:left;
  margin-right:10px;
  border:solid;
  border-color:#bbbbbb;
  border-width:3px;
}

.produit a{
	color:white;
}

.produit .prix_barre{
  position:absolute;
  bottom:50px;
  right:10px;
	color:#555555;
	font-size:14px;
	font-weight:400;
	text-decoration: line-through;
}

.produit .prix{
  position:absolute;
  bottom:25px;
  right:0;
	background-color:#aa730f;
	color:#ffffff;
	padding:3px 5px;
	font-size:14px;
	font-weight:400;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	width:85px !important;
	width:90px;
}

.produit .bouton{
  position:absolute;
  bottom:0;
  right:0;
	background-color:#625718;
	color:#ffffff;
	padding:3px 5px;
	font-size:14px;
	font-weight:400;
	border-top-left-radius:5px;
	width:85px !important;
	width:90px;
}

.produit .retour{
  position:absolute;
  bottom:0;
  left:0;
	background-color:#aa730f;
	color:#ffffff;
	padding:3px 5px;
	font-size:14px;
	font-weight:400;
	border-top-right-radius:5px;
	width:85px !important;
	width:90px;
}

#slider_nouveaute{
  position:relative;
  width:600px;
  top:0px;
}

#slider_nouveaute .produit{
  margin:0 0 10px 0;
  width:700px !important;
  width:700px;
  height:220px;
  border:none;
	padding:5px;
	background-color:transparent;
  box-shadow:none;
}

#slider_nouveaute .produit img{
  border:solid;
  border-color:white;
  border-width:3px;
  max-height:215px;
  box-shadow:1px 1px 10px #555;
}

#slider_nouveaute .produit h2{
  color:#625718;
  text-align:left;
  font-size:25px;
  font-family:"Times new roman";
  margin-bottom:20px;
}

#slider_nouveaute .produit h3 a{
  color:#aa730f;
  text-align:left;
  font-size:18px;
  font-weight:bold;
}

#slider_nouveaute .produit p a{
  color:#625718;
}

#slider_promotion .produit{
  margin:0 0 10px 0;
  width:180px !important;
  width:200px;
  height:200px;
  border:none;
	padding:10px;
	background-color:white;
  box-shadow:none;
}

#slider_promotion .produit img{
  border:solid;
  border-color:white;
  border-width:3px;
  max-height:190px;
  box-shadow:1px 1px 10px #555;
}

#slider_promotion .produit h2{
  color:#aa730f;
  text-align:left;
  font-size:18px;
  font-weight:normal;
	padding-bottom:10px;
}

#slider_promotion .produit p a{
  color:#625718;
}

#produit_fiche{
  position:relative;
  float:right;
  width:400px !important;
  width:430px;
  background-color:#dad4c3;
	color:#625718;
	font-size:12px;
	margin:0px 20px 20px 20px;
  padding:0 15px 35px 15px;
  border:solid;
  border-color:#bbbbbb;
  border-width:1px;
  z-index:1;
}

#produit_fiche h1{
	color:#625718;
	padding-top:10px;
}

#produit_fiche .prix_barre{
  position:absolute;
  bottom:40px;
  right:150px;
	color:#555555;
	font-size:14px;
	font-weight:400;
	text-decoration: line-through;
}

#produit_fiche .prix{
  position:absolute;
  bottom:33px;
  right:0;
	background-color:#aa730f;
	color:#ffffff;
	padding:6px 10px;
	font-size:16px;
	line-height:18px;
	font-weight:400;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	width:125px !important;
	width:145px;
}

#produit_fiche .bouton{
  position:absolute;
  bottom:0;
  right:0;
	background-color:#625718;
	color:#ffffff;
	padding:6px 10px;
	font-size:16px;
	line-height:18px;
	font-weight:400;
	border-top-left-radius:5px;
	width:125px !important;
	width:145px;
}

#produit_fiche .retour{
  position:absolute;
  bottom:0;
  left:0;
	background-color:grey;
	color:#ffffff;
	padding:6px 10px;
	font-size:16px;
	line-height:18px;
	font-weight:400;
	border-top-right-radius:5px;
	width:125px !important;
	width:145px;
}#admin{
  position:fixed;
  top:0px;
  width:100%;
  padding:10px;
  text-align:center;
	background:url('../images/admin.png') repeat;
	font-size:16px;
  color:white;
}

#admin form{
  display:inline;
}

#admin a{
  color:white;
}

#recherche{
	position:relative;
  left:5px;
  line-height:30px;
  width:190px;
}

#recherche input[type=text]{
  font-size:13px;
  color:grey;
  border:grey solid 1px;
  width:150px;
  height:18px;
}

#recherche input[type=submit]{
  font-size:14px;
  text-transform:capitalize;
  color:white;
  background-color:#625718;
  width:30px;
  height:22px;
  border:none;
}

#panier{
	background:url('../images/panier.png') no-repeat bottom;
	position:absolute;
  top:65px;
  left:810px;
	width:170px !important;
	width:175px;
	height:22px !important;
	height:50px;
	padding:28px 5px 0 0;
	text-align:right;
	font-size:12px;
  color:#555555;
}

#panier a{
  color:white;
	font-size:11px;
}

#panier span{
	position:absolute;
	bottom:30px;
	right:0;
	font-size:12px;
}

#compte{
	background:url('../images/compte.png') no-repeat bottom;
	position:absolute;
  top:65px;
  left:605px;
	width:170px !important;
	width:175px;
	height:22px !important;
	height:50px;
	padding:28px 5px 0 0;
	text-align:right;
	font-size:12px;
  color:#555555;
}

#compte a{
  color:white;
	font-size:11px;
}

#compte span{
	position:absolute;
	bottom:30px;
	right:0;
	font-size:12px;
}

#compte span a{
  color:#555555;
}

.table_commerce{
  background-color:#bbbbbb;
  width:815px;
  font-size:14px;
  margin:0 15px 15px 0;
  border-spacing:1px;
}

.table_commerce th{
	background-color:#c9ccb5;
	color:#625718;
	padding:5px;
}

.table_commerce td{
  background-color:white;
	color:black;
	padding:5px;
}

.table_commerce th.prix{
	background-color:white;
	text-align:center;
	color:red;
	padding:5px;
}

.table_commerce td.prix{
  background-color:white;
	text-align:center;
	color:black;
	padding:5px;
}

.table_commerce .bouton, .processus{
	background-color:#c9ccb5;
	color:#625718;
	padding:5px 10px;
	margin:10px 0px 10px 0px;
	font-size:16px;
	font-weight:400;
	border:#555555 solid 1px;
	cursor:pointer;
}
