@charset "UTF-8";
/* CSS Document */


html, body{
	background-color:#00528C;
	}


* {
  margin: 0;
  padding: 0;
}



#bande_gris{
width: 100%;
height: 15px;
float:left;
background-color:#666666;
}


#conteneur, #conteneur-galerie {
	width:100%;
	min-width:900px;
	max-width:1075px;
	min-height:600px;

	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/fond_radial.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#partie-gauche{
	float:left;
	margin-left:20px;
	}
/*#partie-gauche{
	width:30%;
	min-width:220px;
	min-height:550px;
	background-color:red;
	position:relative;
	left:0px;
	}*/



																			/*HAUT*/
#slide-top{
width: 100%;
height: 135px;


	}

.galerie-slide-top{
	width:100%;
	min-width:800px;
	max-width:1152px;
	height:135px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}	
	

#page-flip{
/*width:150px;
height:150px;*/
position:absolute;
top:0px;
right:0px;	
z-index:10;	

}


																				/*DATE ET HEURE*/
#date-heure{
width:auto;
height:190px;
float:left;
}


#date{
	font-family: Helvetica;
	font-size: 148px;
	font-weight: bold;
	color: #FFFFFF;
	top: 0px;
	}
#heure{
font-family: Helvetica;
	font-size: 66px;
	font-weight: bold;
	/*top: 135px;
	right:37px;
	position:absolute;*/

position:relative;
top:-45px;
	z-index:3;
	color: #FFED00;}
#baseline{
	
width:210px;
height:15px;
padding-bottom:9px;
padding-top:3px;
position:relative;
top:-35px;
left:156px;
float:left;


position:absolute\9;/* IE8 and below */ 
top:128px\9;/* IE8 and below */ 
right: 39px\9;/* IE8 and below */ 


font-family: Georgia;
font-size: 18px;
font-weight: bold;
font-style:italic;

color:#00528C;
text-align:center;
z-index:1;
background-color:#FFED00;
}

/*hack firefox*/
/*#baseline, x:-moz-any-link{
width:210px;
height:15px;
padding-bottom:10px;
padding-top:3px;
position:absolute;
font-family: Georgia;
font-size: 18px;
font-weight: bold;
font-style:italic;
top:114px;
right: 40px;
color:#00528C;
text-align:center;
z-index:1;
background-color:#FFED00;}

#baseline2{
width:210px;
height:15px;
padding-bottom:10px;
padding-top:3px;
position:absolute;
font-family: Georgia;
font-size: 18px;
font-weight: bold;
font-style:italic;
top:400px;
right: -10px;
color:#00528C;
text-align:center;
z-index:1;
background-color:#FFED00;}*/


/*
}*/






																				/*MENU*/

#menu{
width:200px;
float:left;
clear:left;
margin-top:20px;
margin-bottom:50px;


}


.rub-ok {
	/*margin-right: 20%;*/
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	color:#FFED00;
	text-decoration:none;
	font-style: italic;
	line-height: 19px;/*hauteur de ligne*/
	letter-spacing: 1px;/*espace entre les lettres*/
	
	/*border-bottom: 1px solid #111;*/
}



#contenu, #contenu-form, #contenu-soiree, #contenu-prod, #contenu-txt{
/*position:relative;*/

	width:50%;
min-width:340px;
max-width:550px;
min-height:300px;
position:relative;
float:right;
clear:right;


	margin-right:20px;
	margin-top:10px;
}





h1{
	font-family: Helvetica;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
}
/*titre partie basse ex:p_acc  vos soirees*/
h2{
	font-family: Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	
	}
h3{
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	}	
#contenu p, #contenu-form p, #contenu-prod p, #contenu-txt p{
	margin-top:40px;
	font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	/*background-color:#000000;*/
	color: #FFFFFF;
	line-height: 17px;
	text-align:justify;
	}
#contenu-soiree p{
	/*font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	color: red;
	line-height: 17px;
	text-align:justify;*/
	}



#footer{
width:100%;
float:left;
position:relative;
margin-top:-45px;

}

.centrage{
	width:100%;
min-width:800px;
max-width:1152px;

position:relative;
margin-left:auto;
margin-right:auto;
}

.logo{
	width:220px;
	height:106px;
	float:left;
		margin-left:20px;
	}
	
.pictos{
	width:auto;
	height:45px;
	float:right;
	position:relative;
	
	top:55px;
	margin-right:20px;
	}
	
@media all and (min-width: 1050px) {
.pictos img{
	margin-left:7px;
	margin-right:7px;
	width:45px;
	}
}

@media all and (min-width: 975px) and (max-width: 1050px) {
.pictos img{
	margin-left:5px;
	margin-right:5px;
	width:45px;
	}
}


@media all and (min-width: 800px) and (max-width: 975px) {
.pictos img{
	margin-left:2px;
	margin-right:2px;
	width:45px;
	}
}

@media all and (min-width: 800px) and (max-width: 975px) {
.pictos img{
	margin-left:2px;
	margin-right:2px;
	width:45px;
	}
}

																			/*MAP ET COORDONNEES*/
#coordonnee{
	margin-top:20px;
width:100%;
position:relative;
margin-left:auto;
margin-right:auto;
float:left;
	
}
.adresse{
	width:48%;
	height:auto;
	font-size:13px;
	font-style:normal;
	font-family: Helvetica, sans-serif;
		line-height: 15px;
	text-align:right;
	
	color:#FFED00;
	float:left;
		}
.map{
	width:48%;
	width:145px;
	height:67px;
	margin-top:4px;
	font-style:normal;
	float:left;
	margin-left:1%;
	}

.webdesign{
	/*width: 1152px;
	height:20px;*/
	
	/*top:100px;*/																
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-align:center;
	font-style: italic;
}

/*a:link .webdesigner ,a:visited .webdesigner ,a:active .webdesigner {
color:#FFF;
text-decoration:none;}


 a:hover .webdesigner{
color:#FFED00;
text-decoration:none;}*/


#baseline-mob, .carte-mob, .ligne-3, .marge-mob{
	
	display:none;}
	
.boules{}	

.ligne-1, .ligne-2{
	width:auto;
	position:relative;}
	
.ligne-1{
	float:left;}
	
.ligne-2{
	float:right;}
	
#logo{
	float:left;}	
	
	
																			/*PAGE FLIP*/	

/*TEST COIN CORNE*/
#page-flip {
	position: absloute;
}
#page-flip img {
margin-top:13px;
	width: 85px; height: 85px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#page-flip .msg_block {
margin-top:13px;
	width: 85px; height: 85px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(images/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}


#galerie-produits{
	
	margin-bottom:100px;
	
	}

 #galerie-produits img{
	 max-width:520px;
	 max-height:315px;
	 }

#contenu #galerie-produits {

border: solid 3px #FFED00;

}

#contenu .caption{
	position:absolute; 
	bottom:0px;
	padding-bottom:3px;
	padding-top:3px;
	width:100%;
	max-width:520px;
	left:0px;
	color:#FFF;
	opacity:0.7;
	}
	
.caption{
	font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	background-color:#006689;
	color: #FFFFFF;
	line-height: 17px;
	text-align:justify;
}

.h3{font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	}
p.caption{
	padding-left:10px;}	
	
.rslides_container2 {
	height:300px;
}


.picto_jaune{
	position:relative;

/*
padding-top:5px;
padding-right:15px;
margin-bottom:25px;

position:relative;
float:left;
*/
}/*Titre des pages*/
#titre_pages{
	width: 100%;
	/*background-color:red;*/
	height: 71px;
	position:relative;
	top:7px;
	margin-bottom:10px;
	/*background-color:#FF00FF;*/}
.picto_jaune{
padding-right:15px;
position:relative;
float:left;}





#picto_fb{
width:90px;
height:90px;
position:absolute;
top:255px;
left:35px;
z-index:10;
opacity:0.25;/*depart 0,8*/
filter:alpha(opacity=25); /* IE patch */
}
#picto_google{
width:90px;
height:90px;
position:absolute;
top:335px;
left:135px;
z-index:10;
opacity:0.25;/*depart 0,8*/
filter:alpha(opacity=25); /* IE patch */}

#picto_google img, #picto_fb img{
	width:100%;
	width:90px;}
	
@media all and (min-width: 1100px){	
#picto_fb{
top:255px;
left:35px;

}
#picto_google{
top:335px;
left:135px;
}

}

@media all and (min-width: 900px) and (max-width: 1100px) {	
#picto_fb{
top:235px;
left:35px;

}
#picto_google{
top:315px;
left:135px;
}

}


.prod{
	width:45%;
	height:75px;
	float:left;
	margin-right:5%;
	margin-top:20px;}

.prod img {
	float:left;
	width:20%;
	width:57px;
	height:57px;
	}
.prod p {
	width:70%;
	height:20px;
	float:right;
	position:relative;
	bottom:20px;}	
	
#contenu-prod .prod p{
	color:#FFF;
	text-decoration:none;}
	
#contenu-prod  .prod p:hover {
	color:#FFED00;
	font-style:italic;
	text-decoration:none;}	
	

.torse{
z-index:1;
width:150px;
height:220px;
position:absolute;
top:230px;
left:80px;}

.prog-soiree{
	width:100%;
	max-width:450px;
	min-height:75px;
	float:left;
	margin-right:5%;
	margin-top:20px;
	}
	
.prog-soiree p{
	bottom:20px;
	}



.date{
	width:30%;
	
	float:left;
	max-width: 100px;
	max-height: 46px;
	padding-top:2px;
	

	
	background-color:#FFED00;
	color:#00528C;
	font-family:Helvetica;
	font-size:38px;
	font-weight: bold;
/*max-width: 100px;
max-height: 46px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
left:2px;

background-color:#FFED00;
color:#00528C;
	font-family:Helvetica;
	font-size:38px;
	font-weight: bold;*/
	}
.heure{
	width:60%;
	width:300px;
	height:45px;
	float:left;
	
	color:#FFED00;
	font-family:Helvetica;
	font-weight: bold;
	font-size:21px;
	text-align:left;
	
	/*color:#FFED00;
	font-family:Helvetica;
		font-weight: bold;
	font-size:21px;
	text-align:left;
	vertical-align: top;*/
}



.text-soiree{
	width:100%;
	width:400px;
	height:45px;
	float:left;
	
	}

.heure p, .text-soiree p{
	margin-top:15px;
	margin-left:15px;}
	
.text-soiree p{
	color:#FFF;
	font-family:Helvetica;
	font-weight: normal;
	font-size:14px;
}

#contenu h3, #contenu-txt h3{
	color:#FFED00;}
	

.nos-produits{
	display:none;}