body{
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#0d406e;
	background-color:#76d6ff;
	background-image:url(images/Oplus-Fond.jpg);
	background-repeat:repeat-x;
	line-height:20px;
}

p{ margin:0; padding:0;}

h1{margin:0; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-style:italic; font-weight:normal;}

@font-face { font-family : 'Ma police exotique';
src: url('font/ASENINE_.ttf') format('truetype'); }

h2 { font-family: "Ma police exotique", Helvetica, sans-serif; margin:0; padding:0; background-image:url(images/fond_titres-piscines.gif); width:690px; height:55px; color:#1261a9;text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=); font-size:43px; font-weight:normal; padding-left:10px; padding-top:20px; *font-size:35px; *padding-top:15px; *line-height:40px;}


h3{
	margin:0;
	padding:0;
	font-size:23px;
	margin-bottom:10px;
	line-height: 30px;
}

h4{font-size:16px;}

.spacer{clear:both;}
.flottant_gauche {float:left;display:block;}
.flottant_droite {float:right;display:block;}
.bleu_gras {color:#0d406e; font-weight:bold;}
ul{margin:0; padding:0;}
li{margin:0; padding:0;  margin-left:15px;}

.citation {
	background-image: url(images/icon_quote.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	color: #089bd5;
	font-style:italic;
	font-size:14px;
	width: 90%;
}



#conteneur{ width:940px; margin-left:auto; margin-right:auto; display:block; position:relative}

#bandeau a:hover{ text-decoration:underline; color:#089bd5; font-weight:bold;}
#bandeau a{ color:#0d406e; font-weight:bold; text-decoration:none;}

#bandeau{ margin-bottom:20px; }

.pousse_logo_bando{ margin-right:20px;}
.haut_bando{ text-align:right; font-weight:bold; }

 
/***************************************** CONTENU ******************************************/

/******************************* PAGE ACCUEIL *********************************/
#contenu_gauche{ float:left; width:700px; margin-right:20px; margin-bottom:20px;  -margin-top:-20px;*margin-top:-20px; }
#contenu_droite{
	/*float:left;
	width:220px;
	-margin-top:-20px;
	*margin-top:-20px; 				position: fixed;
	margin-left: 720px;*/
	 position: absolute;
    top: 172px;
	left:720px;
    width: 220px;
}
.cellule-demi-cadre{ float:left; width:300px; margin-left:40px; margin-bottom:20px; }
.cellule-demi-cadre a{ text-decoration:none; color:#0d406e;}
.cellule-demi-cadre a:hover{ text-decoration:underline;}

#contenu_gauche_index{ float:left; width:700px; margin-right:20px; margin-bottom:20px; }
#contenu_droite_index{ float:left; width:220px; }


#fond_diapo{
	background-image:url(images/fond_diaporama_home.png);
	width:690px;
	min-height:316px;
	-height:316px;
	padding-left:10px;
	padding-top:10px;
	z-index:1;
 }
.img_diapo_bas {margin-bottom:15px;}



#pti1{ float:left; width:220px; margin-right:20px;}
#pti1-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:210px;}

#pti2{float:left; width:220px; margin-right:20px;}
#pti2-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:210px;}

#pti3{float:left; width:220px; }
#pti3-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:210px;}

.ecriture_pti{ font-size:16px; font-weight:bold ; line-height:22px;}

.ensavoirplus{ text-align:right; color:#089bd5; font-weight:bold;}
.ensavoirplus a{ text-align:right; color:#089bd5; font-weight:bold; text-decoration:none;}
.ensavoirplus a:hover{ text-decoration:underline; color:#089bd5; font-weight:bold;}

.liennormo, .bleu_clair_gras{  color:#089bd5; font-weight:bold;}
.bleu_clair{color:#089bd5;}
.liennormo a{  color:#089bd5; font-weight:bold; text-decoration:none;}
.liennormo a:hover{ text-decoration:underline; color:#089bd5; font-weight:bold;}

/****************************************** ACTUALITE ACCUEIL *************************************/

.contien_actu{ background-color:#bbeaff; width:690px; height:auto; padding-left:10px; padding-top:10px; padding-bottom:10px; }
.date_actu{ background-image:url(images/fond_date-actus-piscine.png); width:47px; height:52px; float:left; text-align:center; line-height:15px; padding-top:10px; margin-right:10px; }
#contenu_actu{ float:left; width:623px; padding-right:10px;}

.jr{ font-size:20px; color:#1261a9; font-weight:bold;}
.mois{font-size:12px; color:#089bd5; font-weight:bold; margin-top:3px; }
.annee{font-size:10px; color:#0d406e; font-weight:bold;}
.titre, .titre a{font-size:14px; color:#0d406e; font-weight:bold; text-decoration:none;}

.trait_blanc_actu{
border-top-color:#FFF;
border-top-width:3px; 
border-top-style:#solid;
width:700px; 
height:3px;
background-color:#FFF;  }

.voir_news a{ margin-left:560px; margin-top:10px; margin-bottom:10px; font-weight:bold;text-decoration:none;color:#0d406e;}
.voir_news a:hover{ text-decoration:underline;}
.pousse_img_haut{ margin-top:15px;}


/********************************* PIED *******************************/

#pied{ width:100%; background-image:url(images/Oplus-pied-Fond.jpg);background-repeat:no-repeat; background-position:bottom center;}

#conteneur_pied{ 
width:940px; 
margin-left:auto; margin-right:auto; 
border-top-color:#1261a9; border-top-width:3px; border-top-style:solid;
padding-top:15px;
}

#pied a{color:#0d406e; text-decoration:none; display:block; width:100%; height:100%;}
#pied a:hover{color:#1261a9; text-decoration:none; display:block; width:100%; height:100%;}

#conteneur_pied li{ border-top-color:#1261a9; border-top-width:1px; width:100%; border-top-style:solid; list-style-type:none; margin:0; padding:0; height:20px; padding-top:5px; padding-left:5px; }
#conteneur_pied li:hover{ background-color:#9fe2ff; border-top-color:#1261a9; border-top-width:1px; width:100%; border-top-style:solid; list-style-type:none; margin:0; padding:0; height:20px; padding-top:5px; padding-left:5px; }


#conteneur_pied li.bas{ border-bottom-color:#1261a9; border-bottom-width:1px; width:100%; border-bottom-style:solid; list-style-type:none; margin:0; padding:0; height:20px; padding-top:5px; padding-left:5px; }

#conteneur_pied li.haut{ border-top-color:#1261a9; border-top-width:1px; width:100%; border-top-style:solid; list-style-type:none; margin:0; padding:0; height:20px; margin-top:5px; padding-top:5px; padding-left:5px;}


#pied1, #pied2, #pied3, #pied4, #pied5{ float:left; width:140px; margin-right:20px; -margin-right:10px;}

#pied6{ float:left; width:140px;}

.pousse_logo{ margin-right:10px;}
.pousse_img{ margin-bottom:10px;}


.pousse_bas_pied{ text-align:center; font-weight:bold; margin-top:10px;}

.pousse_mini{ margin-left:4px;}

/***************************************** PAGE MODELES ****************************************************/

.contenu_petit_piscine{ width:220px; float:left; margin-right:20px; margin-bottom:10px; margin-top:10px; }
.contenu_petit_piscine2{
	width:220px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	}

.contenu_petit_piscine2 a{ text-decoration:underline; font-weight:bold; color:#0d406e;}
.contenu_petit_piscine2 a:hover{ text-decoration:none; color:#089bd5;}


.contenu_petit_piscine a{ text-decoration:underline; font-weight:bold; color:#0d406e;}
.contenu_petit_piscine a:hover{ text-decoration:none; font-weight:bold; color:#089bd5;}



.contenu_grand_piscine2{width:420px; float:left; }
.contenu_grand_piscine3{width:200px; float:left;}
.liste1{
	width:350px;
	float:left;
}
.liste2{
	width:310px;
	float:left;
	margin-left:20px;
}

.fond_blanc{ background-color:#FFF; padding-right:10px; padding-left:10px; }
.fond_blanc4{ background-color:#FFF; padding-right:10px; padding-left:10px; width:280px; text-align:center; line-height:21px; }


/* example_6 css */
#images_d {	width: 470px;	background-color: #cbd41f;	float: right;	display: block;}

/* example_3 css */  
#example_3 {       
position: relative; /* important */  
overflow: hidden; /* important */  
     width: 460px; /* important */  
     height: 90px; /* important */  
     margin: 0px 0px;  
}  
   
#example_3_frame {	position: absolute;	top: 0px; left:0px; width:460px;}  
#example_3_previous {position: absolute;	top: 8px; left:0px;	cursor: hand; cursor: pointer;}  
#example_3_next {position: absolute;	top: 8px; right:0px;	cursor: hand;	cursor: pointer;}  
#example_3_content {       position: absolute;       top: 0px; margin-left:0pc;   -margin-left: -5px; width: 5418px;  }  
#example_3_content li {       list-style: none;       margin: 0;      padding: 0;	 width:90px;}  
#example_3_content li a img {       margin-left:auto;	 margin-right:auto;}
#container_bd #example_3 ul li { display: block; float: left; margin-left: 3px; margin-right: 3px; margin-top: 12px; margin-bottom: 0px; padding-left: 0px;  padding-right: 0px;padding-top: 0px; padding-bottom: 0px;  }  
#container_bd #example_3 ul li img { border: 2px solid #fff;  }
#container_bd #example_3 ul li img { display: block;  }  
#min_content {width:380px; margin-left:40px; margin-right:40px;position: relative;overflow: hidden;height: 90px;}


/******************************************* BOX *******************************************/

#diapo_rep{
	width:460px;
	float:left;
	margin-top:10px;
	margin-right: 20px;
}
.gros14{ font-size:14px;}

.rouge{
	color:#DC6C00;
}
.barre{ text-decoration: line-through;}
.attraction{
	color:#FF0000;
	font-size: 16px;
	font-weight: bold;
}


/****************************************** PAGE EQUIPEMENTS *******************************/

.contenu_petit_equi{ width:160px; float:left; margin-right:20px; margin-bottom:10px; margin-top:10px; text-align:center; font-weight:bold;}
.contenu_petit_equi2{ width:160px; float:left; margin-bottom:10px; margin-top:10px;  text-align:center; font-weight:bold;}

.contenu_petit_equi2 a{ text-decoration:none; font-weight:bold; color:#0d406e;}
.contenu_petit_equi2 a:hover{ text-decoration:none; color:#089bd5;}


.contenu_petit_equi a{ text-decoration:none; font-weight:bold; color:#0d406e;}
.contenu_petit_equi a:hover{ text-decoration:none; font-weight:bold; color:#089bd5;}


/****************************************** PAGE AVANTAGES *******************************/

#video {float:left; width:425px; height:344px; margin-right:10px;}

#text {
	width:680px;
	padding-right:10px;
	padding-left:10px;
	margin-bottom: 15px;
}

#ptit1{ float:left; width:220px; margin-right:20px;}
#ptit1-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:150px;}

#ptit2{float:left; width:220px; margin-right:20px;}
#ptit2-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:150px;}

#ptit3{float:left; width:220px; }
#ptit3-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:150px;}


/*********************************** ETUDE PERSONNALISEE *********************************/

p.label{ width:80px; float:left; font-weight:bold;}
p.label2{ width:180px; float:left; font-weight:bold;}
p.label8{ width:190px; float:left; font-weight:bold;}

.case2{ margin-right:20px;}
.case20{ margin-right:10px; color:#999; border-color:#CCC; }
.case21{ margin-right:10px; color:#000;border-color:#000;}
#fin {margin-left:10px;}

input{ border-color:#CCC; border-style:solid; border-top-width:2px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; }
input:focus { background:#e7f8ff; border-color:#CCC; border-style:solid; border-top-width:2px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px;}

input.bout{ border-color:#000; border-width:none; border-style:none; }

#vert_form{ font-weight:bold; color:#66b203; background-color:#e6fbc7; border-color:#66b203; border-width:1px; padding:10px; width:97%;margin-bottom:20px;}
#rouge_form{font-weight:bold; color:#b21d03; background-color:#fbcec7; border-color:#b21d03; border-width:1px; padding:10px; width:97%;margin-bottom:20px;}

.pousse_bout_etude{ margin-left:80px; border-color:#000; border-width:none; border-style:none;}


/*********************************** SOCIETE *********************************/

#easy-slide1{ float:left; width:340px; margin-right:20px;}
#easy-slide1-1{ background-color:#FFF; padding-left:10px; padding-right:10px;}

#easy-bloc2{float:left; width:340px;}
#easy-bloc2-1{ background-color:#FFF; padding-left:10px; padding-right:10px;}


/*********************************** PARRAINAGE *********************************/

p.label3{ width:120px; float:left; font-weight:bold;}
.pousse_bout_parr{ margin-left:120px; border-color:#000; border-width:none; border-style:none;}

textarea { border-color:#CCC; border-style:solid; border-top-width:2px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; }
textarea:focus { background:#e7f8ff; border-color:#CCC; border-style:solid; border-top-width:2px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px;}



/********************************* ACTUALITES *****************************************/
#actu {clear:both;}

#actu h3 a {color:#0d406e; text-decoration:none;}
#actu h3 {margin-top:15px;color:#0d406e; text-decoration:none;}
.boite_c_actu {clear:both;}
.pages {float:left;display:block; color:#0d406e; font-weight:bold; padding-top:4px;}

.orange_bold, #actu a.orange_bold {
	background-color:#0d406e;
	border-style: solid;
	border-width: 1px;
	border-color: #0d406e;
	padding:3px;
	margin-left:2px;
	margin-right:2px;
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

#actu a.orange_bold2 {
	background-color:#fff;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	padding:3px;
	margin-left:8px;
	margin-right:2px;
	display:block;
	text-decoration:none;
	width:185px;
	font-weight:bold;
	color: #089bd5;
	clear:both;
}



a.lien_pages {
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	padding:3px;
	margin-left:2px;
	margin-right:2px;
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color: #0d406e;
}

a.lien_pages_long {
	border:0;
	padding:2px 7px 3px 3px;
	margin-left:2px;
	margin-right:18px;
	display:block;
	float:left;
	text-decoration:none;
	width:125px;
	text-align:center;
	font-weight:bold;
	color: #089bd5;
}
a.lien_pages_long2 {
	border:0;
	padding:2px 0 3px 3px;
	margin-left:2px;
	display:block;
	float:right;
	text-decoration:none;
	width:125px;
	text-align:center;
	font-weight:bold;
	color: #089bd5;
}

.centrer_flottants {
float:left;height:35px; padding-bottom:10px; padding-top:10px;
}

.bas_formul{ font-size:10px;}

.ligne_actu2 {clear:both; border-bottom:#000 1px solid;}



/************************* TABLO AVANTAGES ******************************/

.haut_tab{ color:#0d406e; font-weight:bold; font-size:15px;}
.gauche_tab{ color:#0d406e; font-weight:bold; font-size:12px;}
.gauche2_tab{ color:#0d406e;  font-size:12px;}
.gauche3_tab{ color:#0d406e; font-weight:bold; font-size:16px;}
.milieu_tab{ color:#000000; font-weight:bold; font-size:12px;}

table#tabo{ border-collapse:collapse; border:none;  }

table#tabo td{ border-color:#1261a9; border-width:1px; border-style:solid;}

table#tabo td.cache{ 
border-left-color:#1261a9; border-left-width:0; border-left-style:solid;
border-right-color:#1261a9; border-right-width:0; border-right-style:solid;
border-top-color:#fff; border-top-width:0; border-top-style:solid;
border-bottom-color:#1261a9; border-bottom-width:0; border-bottom-style:solid;
}

table#tabo td.cache2{ 
border-left-color:#1261a9; border-left-width:0; border-left-style:solid;
border-right-color:#1261a9; border-right-width:1; border-right-style:solid;
border-top-color:#1261a9; border-top-width:1; border-top-style:solid;
border-bottom-color:#1261a9; border-bottom-width:1; border-bottom-style:solid;
}

table#tabo td.cache3{ 
border-left-color:#1261a9; border-left-width:1; border-left-style:solid;
border-right-color:#1261a9; border-right-width:0; border-right-style:solid;
border-top-color:#1261a9; border-top-width:1; border-top-style:solid;
border-bottom-color:#1261a9; border-bottom-width:1; border-bottom-style:solid;
}

table#tabo td.cache4{ 
border-left-color:#1261a9; border-left-width:1; border-left-style:solid;
border-right-color:#1261a9; border-right-width:1; border-right-style:solid;
border-top-color:#1261a9; border-top-width:1; border-top-style:solid;
border-bottom-color:#1261a9; border-bottom-width:0; border-bottom-style:solid;
}

/************************* PLAN DU SITE ******************************/

ul.tree, ul.tree ul {list-style-type: none; background: url(images/vline.png) repeat-y; margin: 0; padding: 0; } 
ul.tree ul { margin-left: 10px; } 
ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(images/node.png) no-repeat; color: #369; }
.addthis_toolbox{ width:620px; float:left; padding-top:10px;}

/************************ STOCK USINE ********************************/
#offres{color:#2775b9}
.offre0 {width:342px;float:left;}
.offre1 {width:342px; margin-left:16px;float:left;}
.offre_fin_seule {margin-right:352px;}
.gros14_g{font-size:14px; font-weight:bold;}
.gris_offre{color:#434343;}
.prix_offre{color:#fb3e29;font-size:14px; font-weight:bold;}
.jaune{ background-color:#f9f9f9; padding:6px 10px;}
.jauned{float:left; width:180px;}
.jauneg{float:left; width:140px;}
.bblanc {padding:10px; background-image:url(images/pix-stock.jpg); background-repeat:repeat-x;}
.reste{text-decoration:blink;color:#fb3e29;font-size:14px; font-weight:bold;}
#offres input#envoie, #offres input#envoie:focus{background-image:url(images/bouton-envoyer.png); background-repeat:no-repeat; background-color:none; background-color:transparent; width:166px; height:40px; color:#FFF; font-size:14px; font-weight:bold; border:none!important}
.centrer {text-align:center}


/************************ CONCESSIONNAIRE ********************************/

#gd1{ float:left; width:380px; margin-right:10px; margin-top:10px;}
#gd1 h3 {border-bottom-width: 0px;}
#gd1-1{ background-color:#FFF; padding-left:10px; padding-right:10px; height:210px;}
#gd2{ float:left; width:302px; margin-left:3px; margin-top:10px;}
#gd2 h3 {border-bottom-width: 0px;}
#gd2-1{ background-color:#FFF; padding-left:10px; height:210px;}

.service_block_1{ float:left; width:180px;}
.service_block_2{ float:left; width:140px; padding-left:0px; margin-left:40px;}
#map {width:280px; height:175px}
