*{
margin:0;
padding:0;
}

img{
border:none;
}



body{
color:#0b5c95;
font-size:12px;
font-family:verdana;
background-color:#0b5c95;
background-image:url(https://www.alpillespiscinesservices.fr/images/header_body.jpg);
background-repeat:repeat-x;
overflow-x:hidden;
}

p{
line-height:20px;
}

a{
text-decoration:none;
color:#0b5c95
}


h1,h2{
font-family:verdana;
font-size:19px;
font-weight:bold;
}


.inline{
display:inline-block;
vertical-align:top;
}
.clear{
clear:both;
}
#header{
padding:4px 4px 0 4px;
background-color:#fff;
}
#contenant{
width:968px;
margin:auto;
margin-top:-79px;
position:relative;
z-index:1;
}

/********************************style general header******************************/


.logo{
width:205px;
height:274px;
margin-top:32px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:2;
}


/***********************************menu header***********************************/
.menu{
background-color:#0b5c95;
height:28px;
width:100%;
}

#menu_vert {
margin: 0;
padding: 0;
}


#primary-nav{
width:960px;
overflow:hidden;
}


#primary-nav a{
line-height:28px;
}


.clearb {
clear: both;
}


ul#primary-nav a{
font-family:arial;
}


ul#primary-nav li li{
list-style-image:none;
}


ul#primary-nav li{
list-style-type:none;
margin: 0px;
background-image:url(https://www.alpillespiscinesservices.fr/images/separateur.png);
background-repeat:no-repeat;
background-position:center right;
}
ul#primary-nav li.li_63,ul#primary-nav li#li_63{
background-image:none;
}

ul#primary-nav li:hover{
list-style-type:none;
margin: 0px;
}


#primary-nav ul:hover{
list-style-type:none;
}


#primary-nav ul{
list-style-type: none;
min-width: 210px;
padding: 0px;
position: absolute;
z-index:1000;
display: none;
/*padding-top: 9px;*/
background-color:#0b5c95;
margin-left:0px;
}


#primary-nav ul ul{
margin-top: 0px;
margin-left: -1px;
left: 100%;
top: -3px;
}


#primary-nav li{
float: left;
}


#primary-nav li li{
float: none;
position: relative;
}


ul#primary-nav li a{
font-size: 13px;
font-weight: normal;
color: #fff;
padding: 0px 53px 3px 24px;
display: inline-block;
text-decoration: none;
text-transform:uppercase;
}


ul#primary-nav li a#lien_15{
padding: 0px 16px 0px 16px;
width:55px;
}


ul#primary-nav li a.lien_15{
padding: 0px 16px 0px 16px;
width:55px;
}

ul#primary-nav li a.lien_57{
padding: 0px 16px 0px 16px;
width:95px;
}


ul#primary-nav li a#lien_57{
padding: 0px 16px 0px 16px;
width:95px;
}

ul#primary-nav li a.lien_58{
padding: 0px 16px 0px 16px;
width:84px
}


ul#primary-nav li a#lien_58{
padding: 0px 16px 0px 16px;
width:84px
}

ul#primary-nav li a.lien_59{
padding: 0px 16px 0px 16px;
width:98px;
}

ul#primary-nav li a#lien_59{
padding: 0px 16px 0px 16px;
width:98px;
}


ul#primary-nav li a.lien_60{
padding: 0px 16px 0px 16px;
}


ul#primary-nav li a#lien_60{
padding: 0px 16px 0px 16px;
}

ul#primary-nav li a.lien_61{
padding: 0px 16px 0px 16px;
width:93px;
}


ul#primary-nav li a#lien_61{
padding: 0px 16px 0px 16px;
width:93px;
}

ul#primary-nav li a.lien_62{
padding: 0px 16px 0px 16px;

}


ul#primary-nav li a#lien_62{
padding: 0px 16px 0px 16px;

}

ul#primary-nav li a.lien_63{
padding: 0px 0px 0px 16px;
background-image:none;
}


ul#primary-nav li a#lien_63{
padding: 0px 0px 0px 16px;
background-image:none;
}
ul#primary-nav li li a{
padding: 2px 32px 2px 32px;
}


ul#primary-nav li a span{
	display: block;
}


ul#primary-nav li a:hover {
background-color: transparent;
}


ul#primary-nav li span {
color: #fff;
font-weight: normal;
}


ul#primary-nav li li{
background:  none;
}


ul#primary-nav li li span{
background:  none;
color: #fff;
font-weight: normal;
}


ul#primary-nav li:hover span,
ul#primary-nav li.menuh span,
ul#primary-nav li.menuparenth span,ul#primary-nav li a.menuactive span:hover{
/*text-decoration:underline;*/
}


/* IE6 hacks, the JS used for hover effect in IE6 puts class menuh on li, unless they have a class then just an "h" as seen above and below */
ul#primary-nav li li.menuh{
	background:  none;
	font-weight: normal;
}


/* IE6 hacks */
ul#primary-nav li.menuparenth li span {
	background:  none;
	color: #000;
	font-weight: normal;
}


/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuparent span {
/* gif for IE6, as it can't handle transparent png */
	
	color: #000
}


/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuh span{
	background:  none;
	color: #FFF;
	font-weight: normal;
}


/* IE6 hacks */
ul#primary-nav li.menuparenth li.menuparenth{
	background:  none;
	color: #FFF;
	font-weight: normal;
}


ul#primary-nav li.menuactive{
color: #fff;

}


ul#primary-nav li a.menuactive span{
color: #fff;
font-weight:bold;
}


#primary-nav li li a{
width: 100%;
background: none;
}


/* IE6 hacks to above code */
* html #primary-nav li li a {
	padding: 5px 10px;
	width: 165px;
	margin: 0px;
	color: #000;
}


#primary-nav li li:hover {
background: none;
}


#primary-nav li li a:hover {
/*color: #DC005B;*/
font-weight:normal;
}


#primary-nav li.menuparent li a:hover span {
/*color:#DC005B;*/
}


ul#primary-nav li:hover li a span {
color: #fff;
}


#primary-nav li li.menuactive a.menuactive, #primary-nav li li.menuactive a.menuactive:hover {
color: #fff;
/*text-decoration:underline;*/
}


#primary-nav li li.menuactive a.menuactive span{
color:#fff;
font-weight:bold;
}


#primary-nav li li.menuactive a.menuactive:hover span {
color:#fff;

}

ul#primary-nav span:hover{
font-weight:bold;
}
/* IE6 hacks to above code */
#primary-nav li li.menuparenth a.menuparent span{
/* right arrow for menu parent, IE6 gif */
	color: #000
}


/* IE6 hacks to above code */
#primary-nav li li.menuparenth a.menuparent:hover span {
	color: #FFF
}


#primary-nav li li.menuparent a.menuparent span {
/* right arrow for parent item */
	
}


#primary-nav li.menuactive li a:hover span {
	/*color:#DC005B;*/

}


#primary-nav li.menuactive li a:hover span {
/*color: #DC005B;*/

}


#primary-nav li li a.menuactive  span {
/* remove image set in first level */
	background:  none;
	font-weight: normal;
}


#primary-nav li.menuactive li a{
/* second level active link color */
	color: #fff;
	text-decoration: none;
	background: none;
}


#primary-nav li.menuactive li a:hover {

}


#primary-nav li.menuactive li a:hover span {
/* white text to contrast with dark background image on hover */
	/*color: #DC005B;*/

}


#primary-nav li li a:hover span {
/* white text to contrast with dark background image on hover */
	/*color: #DC005B;*/

}


ul#primary-nav li:hover li a span, ul#primary-nav li.menuparenth li a span {
	padding: 0px;
	background:  none;
}


/* this is a special li type from the menu template, used to hold the bottom image for ul set above */
#primary-nav ul li.separator, #primary-nav .separator:hover {
width: 210px;
height: 9px;
margin: 0px 0px -8px;
/*background: url(https://www.alpillespiscinesservices.fr/uploads/ngrey/ulbtmrt.png) no-repeat left bottom;*/
}


/* same as above for next level to insure it shows correct */
#primary-nav ul ul li.separator, #primary-nav ul ul li.separator:hover {
	height: 9px;
	margin: 0px 0px -8px;
	/*background: url(https://www.alpillespiscinesservices.fr/uploads/ngrey/ulbtmrt.png) no-repeat left bottom;*/
}


/* IE6 hacks */
* html #primary-nav ul li.separator {
	height: 2px;
	/*background: url(https://www.alpillespiscinesservices.fr/uploads/ngrey/ulbtmrt.gif) no-repeat left bottom;*/
}


/* IE6 hacks */
* html #primary-nav ul li.separatorh {
	margin: 0px 0px -8px;
	height: 2px;
	/*background: url(https://www.alpillespiscinesservices.fr/uploads/ngrey/ultop.gif) no-repeat left top;*/
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}


/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}


/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}


#primary-nav li li a {
	height: 1%;
}


/*******************************fin menu header************************************/



/****************************fin de style general header******************************/



/****************************************centre***********************************/

.slider{
position:relative;
z-index:1;
}

div#slideshow_nav_1,
div#slideshow_nav_2,
div#slideshow_nav_3,
div#slideshow_nav_4,
div#slideshow_nav_5,
div#slideshow_nav_6,
div#slideshow_nav_7,
div#slideshow_nav_8{
margin:auto;
width: 55%;
padding-bottom:12px!important;
}


#centre{
background-color:#fff;
padding-left:27px;
padding-right:27px;
padding-bottom:20px;
}

#breadcrump{
height:50px;
}
.current{
text-decoration:underline;
}
.breadcrumb{
padding-top:16px;
float:left;
}

.breadcrumb a{
color:#0b5c95
}
.colonne_left{
width:588px;
float:left;
}

.title_h1{
height:35px;
color:#0b5c95;
}
.colonne_right{
width:326px;
float:left;
}

.bloc_texte_colonne_left{
width:560px;
}
galerie_colonne_left{
width:560px;
}

/*****************************bloc actualités et page actu******************************/

.actu_accueil{
margin-bottom:20px;
}

.bloc_actualites{
margin-bottom:20px;
}

.title_h2_bloc_actu{
float:left;
width:252px;
height:31px;
color:#0b5c95;
}

.flux_rss{
float:right;
margin-top:5px;
}

.bloc_texte_actu{
background-color:#eff8fb;
padding:16px;
}
.actu{
background-color:#eff8fb;
padding:16px;
margin-bottom:20px;
}
.title_actu{
margin-bottom:18px;
}

.title_actu a{
font-weight:bold;
text-decoration:none;
}

.vignette_actu{
float:left;
width:90px;
height:90px;
}
.sommaire_actu{
float:left;
margin-left:15px;
width:64%;
}
.sommaire_actu_page_actu{
float:left;
margin-left:15px;
width:80%;
}
.more_actu{
float:right;
}

.more_actu a{
color:#0b5c95;
}
/*************************fin de bloc actualités et page actu*****************************/







/**********************************bloc galerie**************************************/

.galerie{
margin-bottom:20px;
width:350px;
}


/*******************************fin bloc galerie**************************************/
/****************************fin centre*********************************************/





/***********************************footer*****************************************/
#footer{
height:130px;
}

.liens_footer{
background-color:#fff;
height:25px;
text-align:center;
}

.bloc_adresse{
background-color:#66b8dc;
padding:5px 10px 5px 10px;
text-align:center;
}
.bloc_adresse p{
color:#fff;
font-weight:bold;
}

.bloc_copyright{
float:left;
}

.bloc_lien_easy{
float:right;
}

.bloc_copyright p{
color:#fff;
}

.bloc_lien_easy a{
color:#fff;
}
/***********************fin footer******************************/





/*******************************style page contact***********************************/

.bloc_photo{
margin-bottom:30px;
}
.formulaire_contact{
margin-bottom:30px;
}

.form_label,.required{
margin-bottom:5px;
margin-top:10px;
font-weight:bold;
}
#nom_prenom,#email_1,#fbrp__36{
width:238px;
border:1px solid #66b8dc;
height:25px;
}
#message{
width:400px;
border:1px solid #66b8dc;
margin-bottom:20px;
}
.submit_contact input{
border:none;
color:#fff;
background-color:#66b8dc;
float:right;
cursor:pointer;
text-transform:uppercase;
padding:3px;
}
.formulaire_contact,.formbuilderform{
width:400px;
}

/****************************fin style page contact***********************************/

/****************************style page réalisations*********************************/
.bloc_texte_partenaire{
background-color:#eff8fb;
width:397px;
padding:20px;
margin-right:36px;
min-height:103px;
}

.bloc_texte_fournisseur{
background-color:#fffbe5;
width:397px;
padding:20px;
min-height:107px;
}

.partenaire_h3,.fournisseur_h3{
font-size:18px;
margin-bottom:10px;
}


/*************************fin style page réalisations*********************************/


/*****************************style page installations*******************************/
.marge{
margin-right:30px;
}
.bloc_bleu_clair{
display:inline-block;
vertical-align:top;
background-color:#eff8fb;
width:235px;
min-height:95px;
padding:15px;
margin-bottom:15px;
}
.bloc_bleu_gris{
display:inline-block;
vertical-align:top;
background-color:#e6eef4;
width:235px;
min-height:95px;
padding:15px;
margin-bottom:15px;
}

.bloc_jaune{
display:inline-block;
vertical-align:top;
background-color:#fffbe5;
width:235px;
min-height:95px;
padding:15px;
margin-bottom:15px;
}

/***************************fin style page installations******************************/

/* Stylesheet: style general css Modified On 2013-08-20 11:32:33 */