
@font-face {
  font-family: progbot;
  src: url('../font/progbot.ttf');
}


/*reset*/

form,input{
	margin:0px;
}

/*general*/

label{
	color:#c000ff;
}

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:dotted #bbbbbb 1px;
}

h1{
	font-family:progbot;
  font-size:30px;
	font-weight:500;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 0px;
	color:#c000ff;
}

h1 a{
	color:#c000ff;
}

h1 a:hover{
	color:#c000ff;
}

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

h2 a{
	color:#c000ff;
}

h2 a:hover{
	color:#c000ff;
}

h3{
	font-family:Times New Roman;
  font-size:13px;
	font-weight:500;
  margin:5px 0px 5px 0px;
  padding:0px 0px 0px 0px;
	color:#c000ff;
}

h3 a{
	color:#c000ff;
}

h3 a:hover{
	color:#c000ff;
}

h6{
	font-family:Arial;
  font-size:17px;
	font-weight:400;
	text-align:center;
  margin:0px 0px 10px 0px;
  padding:5px 10px 5px 10px;
	color:#c000ff;
}

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

a:hover{
	color:#c000ff;
}

a img{
	border:none;
}


body{
	background-image:url('../images/body.jpg');
	background-repeat:repeat;
	font-family:Arial;
	padding:0px;
	margin:0px;
}

#navigateur{
  padding-bottom:15px;
}

#page{
  background-color:white;
	position:relative;
	width:990px !important;
	width:1000px;
  padding:55px 0px 0px 10px;
	margin:100px auto 0px auto;
	border-radius:10px;
}

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

#contenu{
	background-color:transparent;
	float:right;
  width:770px;
	padding:0px;
}

#colonne{
	background-color:transparent;
	float:right;
	width:210px !important;
	width:220px;
  padding:0px 10px 10px 0px;
}

#pied{
	font-size:13px;
	line-height:25px;
	text-align:center;
	color:#555555;
}

#contenu_pied{
	position:relative;
	width:980px !important;
	width:1000px;
  padding:0 10px 0 10px;
	margin:auto;
}

#entete{
	position:absolute;
	top:0px;
	height:100px;
	width:100%;
}

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

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


.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:#c000ff;
	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:110px;
	left:10px;
	background-image:url('../images/body.jpg');
	background-repeat:repeat;
	height:35px;
	width:980px;
	font-size:15px;
	font-weight:700;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.menu_haut_cellule a{
	line-height:35px;
	padding:0px 25px 0px 25px;
	text-align:center;
	text-decoration:none;
  color:#ffffff;
}

.menu_haut_cellule a:hover{
	color:#c000ff;
}

.menu_haut_select a{
	color:#c000ff;
	line-height:35px;
	padding:0px 25px 0px 25px;
	text-align:center;
	text-decoration:none;
}

#menu_gauche{
	background-image:url('../images_template/tpl_menu_gauche.gif');
	background-repeat:repeat-y;
	background-position:left bottom;
	width:195px;
	vertical-align:top;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
  font-family:Arial}

.menu_gauche_cellule{
	display:block;
}

.menu_gauche_cellule a{
	text-align:left;
	text-decoration:none;
	color:#555555;
}

.menu_gauche_cellule a:hover{
	color:#c000ff;
}

.menu_gauche_select{
	display:block;
}

.menu_gauche_select a{
	text-align:left;
	text-decoration:none;
	color:#c000ff;
}

#menu_pied{
  background-color:#ddd;
	height:30px;
	width:960px;
	font-size:13px;
	font-weight:700;
}

.menu_pied_cellule a{
	height:23px !important;
	height:30px;
	padding:8px 15px 0px 15px;
	text-align:center;
	text-decoration:none;
  color:#000;
}

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

.menu_pied_select a{
	height:23px !important;
	height:30px;
	padding:8px 15px 0px 15px;
	text-align:center;
	text-decoration:none;
	color:#c000ff;
}

#plan_de_site{
  width:1200px;
  margin-left:-600px;
  position:relative;
  left:50%;
	vertical-align:top;
	font-size:14px;
  font-family:Arial}

#plan_de_site td{
	vertical-align:top;
}

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

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

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

.distribution{
	float:left;
	background-color:black;
	margin:0px 10px 10px 0px;
	padding:0px;
	height:140px;
	width:375px;
	overflow:hidden;
	font-size:15px;
}

.distribution a{
	color:white;
}

.distribution h2 a{
	color:#c000ff;
}

#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:#c000ff;
	text-decoration:none;
}

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

.photo{
  position:relative;
	color:#c000ff;
	font-family:Times New Roman;
	font-size:13px;
  text-align:center;
	margin:0px 15px 15px 0px;
}

.diaporama{
  text-align:center;
	padding:0px 10px 10px 0px;
}

.formulaire{
	color:#555555;
	padding:0px 0px 10px 0px;
}

.formulaire table{
  border:solid;
  border-color:#bbbbbb;
  border-width:1px;
}

.formulaire td{
  vertical-align:top;
  text-align:right;
}

.formulaire th{
  vertical-align:top;
}

.fichier{
	color:#555555;
	font-size:12px;
	padding:0px 10px 10px 0px;
}

.fichier a{
	color:#0602ad;
}

.fichier img{
	margin:0px 0px -3px 0px;
}

.produit{
  background-color:black;
  position:relative;
  float:left;
  width:220px !important;
  width:240px;
  height:170px;
	color:white;
	font-size:12px;
	margin:0px 15px 15px 0px;
  border:solid;
  border-color:black;
  border-width:1px;
}

.produit h2{
  display:inline;
	font-size:14px;
  margin:0px 0px 10px 0px;
	color:#ffffff;
	padding:3px 6px;
	line-height:25px;
	font-size:14px;
}

.produit h2 a{
	color:#ffffff;
}

.produit img{
  float:left;
  margin-right:10px;
}

.produit a{
	color:#555555;
}

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

.produit .prix{
  position:absolute;
  bottom:25px;
  right:10px;
  color:white;
	font-size:18px;
	font-weight:400;
}

.produit .bouton{
  position:absolute;
  bottom:0;
  right:0;
	background-color:#c000ff;
	color:#ffffff;
	padding:3px 6px;
	font-size:14px;
	font-weight:400;
	border-top-left-radius:5px;
}

#slider_nouveaute .produit,#slider_promotion .produit{
  margin:0 0 10px 0;
  width:200px !important;
  width:200px;
  height:200px;
}

#produit_fiche{
  position:relative;
  float:right;
  width:425px !important;
  width:440px;
  background-color:white;
	color:#555555;
	font-size:12px;
	margin:0px 15px 15px 0px;
  padding:0 0 50px 15px;
  border-left:solid;
  border-bottom:solid;
  border-color:#bbbbbb;
  border-width:1px;
  z-index:1;
}

#produit_fiche h1{
	color:#c000ff;
	font-family:Arial;
	font-size:25px;
}

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

#produit_fiche .prix{
  position:absolute;
  bottom:35px;
  left:15px;
  color:#c000ff;
	font-size:18px;
	font-weight:400;
}

#produit_fiche .bouton{
  position:absolute;
  bottom:0;
  left:0;
	background-color:#c000ff;
	color:#ffffff;
	padding:6px 9px;
	font-size:16px;
	font-weight:400;
	border-top-right-radius:5px;
  border:none;
  cursor:pointer;
}

#produit_fiche .retour{
  position:absolute;
  bottom:0;
  right:0;
	background-color:gray;
	color:#ffffff;
	padding:6px 9px;
	font-size:16px;
	font-weight:400;
	border-top-left-radius:5px;
}

.acheter a{
	float:right;
  background-image:url('../images_template/tpl_acheter.jpg');
	background-repeat:no-repeat;
  width:78px;
  height:24px !important;
  height:28px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	color:#ffffff;
  text-align:center;
	font-size:16px;
	font-family:Times New Roman;
}

.acheter a:hover{
	color:#ffffff;
}

.hebergement{
	float:left;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
  width:235px;
  height:225px;
	margin:0px 10px 10px 0px;
	padding:0px 0px 0px 0px;
}

.hebergement .photo img{
	border:none;
	padding:0;
}

.hebergement th{
	text-align:right;
}

.hebergement table{
	width:215px;
	margin:0 10px 0 10px;
	border-spacing:0px;
}

.hebergement a{
	color:#555555;
}

.hebergement h2{
	padding:0px 0px 0px 10px;
}

.hebergement h2 a{
	color:#c000ff;
}

.calendrier{
	color:#555555;
	font-size:12px;
	padding:0px 10px 10px 0px;
}

.calendrier h2{
	width:100%;
}

#contenu_droite .calendrier table{
	background-color:#bbbbbb;
	color:#555555;
	font-size:12px;
}

#contenu_droite .calendrier table td{
  padding:1px;
}

.calendrier span{
  border:solid;
  border-color:#bbbbbb;
  border-width:1px;
}

.map{
  position:relative;
	color:#c000ff;
	font-family:Times New Roman;
	font-size:13px;
  text-align:center;
	margin:0px 10px 5px 0px;
	padding:3px;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
}
#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;
}

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

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

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

#compte{
	background:url('../images/compte.png') no-repeat bottom;
	position:absolute;
  top:25px;
  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:755px;
  font-size:14px;
  margin:0 15px 15px 0;
  border-spacing:1px;
}

.table_commerce th{
	background-color:#889f3f;
	color:white;
	padding:5px;
}

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

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