@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{
	
}



/*NON*/
.boules{
	display:none;}



@media all and (max-width: 900px) {
#slide-top{
width:100%;
min-height:150px;
	}

#page-flip{
	display:none;
}

#date-heure{
width:auto;
height:75px;
z-index:10;
position:absolute;
top:20px;
right:50px;
opacity:0.75;


}

/**/

#date{
	font-family: Helvetica;
	font-size: 65px;
	font-weight: bold;
	color: #FFFFFF;
	top: 0px;
	}
#heure{
font-family: Helvetica;
	font-size: 29px;
	font-weight: bold;
position:relative;
top:-15px;
	z-index:3;
	color: #FFED00;}

#baseline{
display:none;
}

#baseline-mob{
	width:210px;
height:15px;
padding-bottom:9px;
padding-top:3px;
position:relative;
left:12%;
top:0px;
font-family: Georgia;
font-size: 18px;
font-weight: bold;
font-style:italic;

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

#menu{
width:100%;
padding-bottom:10px;
margin-top:30px;

}





/*CONTENU*/
#contenu, #contenu-form, #contenu-soiree, #contenu-prod, #contenu-txt {
width:100%;
min-width:250px;
max-width:500px;
min-height:300px;
margin-top:30px;
position:relative;
margin-left:auto;
margin-right:auto;
}

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-prod p, #contenu-txt p{
	margin-top:30px;
	font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	/*background-color:#000000;*/
	color: #FFFFFF;
	line-height: 17px;
	text-align:justify;
	padding-bottom:65px;
	}

 #contenu-form p{
	margin-top:30px;
	font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	/*background-color:#000000;*/
	color: #FFFFFF;
	line-height: 17px;
	text-align:justify;
	}



/*FOOTER*/


#footer{}

#foot-mob{
width:100%;
min-height:300px;
}

#logo{
	width:50%;
	position:absolute;
	top:115px;
	/*background-color:green;*/}
	
	

.logo{
	/*width:75px;
	height:75px;
	position:absolute;
	top:115px;
	left:45px;
	z-index:10;*/
	width:220px;
	height:106px;
	/*background-color:red;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:999;
	}
.logo img{
	float:left;
	z-index:10;}
}
																			/*PICTO*/
@media all and (min-width: 580px) and (max-width: 900px) {	
.pictos{
	width:560px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;

	}
	
.pictos img{
	width:60%;
	width:45px;
	position:relative;
	}

.ligne-1, .ligne-2{
	width:100%;}
	
.ligne-1, .ligne-2{
	width:560px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	}

.ligne-3{
	width:280px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
	
.ligne-2{
	margin-top:75px;
	margin-bottom:75px;
	}	

.ligne-1 img, .ligne-2 img{
	display:inline-block;
	position:relative;
	margin-left:4%;
	margin-right:4%;}


.ligne-3{
	}
.ligne-3 img{
	display:inline-block;
	position:relative;
	margin-left:8%;
	margin-right:8%;}

.marge-mob{
	display:none;
	}	
}


@media all and (min-width: 240px) and (max-width: 580px) {	
.pictos{
	width:350px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;

	}
	
.pictos img{
	width:60%;
	width:40px;
	position:relative;
	}

.ligne-1, .ligne-2{
	width:100%;}
	
.ligne-1, .ligne-2{
	width:350px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	}

.ligne-3{
	width:280px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
	
.ligne-2{
	margin-top:75px;
	margin-bottom:75px;
	}	

.ligne-1 img, .ligne-2 img{
	display:inline-block;
	position:relative;
	margin-left:2%;
	margin-right:2%;}


.ligne-3{
	}
.ligne-3 img{
	display:inline-block;
	position:relative;
	margin-left:8%;
	margin-right:8%;}

.marge-mob{
	display:none;
	}	
}


@media all and (min-width: 240px) and (max-width: 400px) {	
.pictos{
	width:280px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;

	}
	
.pictos img{
	width:60%;
	width:45px;
	position:relative;
	}

.ligne-1, .ligne-2{
	width:100%;}
	
.ligne-1, .ligne-2{
	width:280px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	}

.ligne-3{
	width:280px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
	
.ligne-2{
	margin-top:75px;
	margin-bottom:75px;
	}	

.ligne-1 img, .ligne-2 img{
		display:inline-block;
	position:relative;
	margin-left:8%;
	margin-right:8%;}


.ligne-3{
	}
.ligne-3 img{
	display:inline-block;
	position:relative;
	margin-left:8%;
	margin-right:8%;}
.marge-mob{
	display:block;
	}	
	
}



																			/*MAP ET COORDONNEES*/
@media all and (min-width: 400px) and (max-width: 900px) {
#coordonnee{
	width:100%;
min-height:50px;
position:relative;
margin-left:auto;
margin-right:auto;

margin-top:40px;

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%;
	height:67px;
	margin-top:4px;
	font-style:normal;
	float:right;
	margin-left:1%;
	}

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

}


@media all and (min-width: 485px) and (max-width: 900px) {
.adresse{
	font-size:13px;}
}
@media all and (min-width: 400px) and (max-width: 485px) {
.adresse{
	font-size:11px;}
}


@media all and (min-width: 240px) and (max-width: 400px) {
#coordonnee{
	width:100%;/*
min-height:50px;
position:relative;
margin-left:auto;
margin-right:auto;

margin-top:40px;*/

	
}
.adresse{
	width:100%;
	height:auto;
	font-size:13px;
	font-style:normal;
	font-family: Helvetica, sans-serif;
	line-height: 15px;
	text-align:center;
	
	color:#FFED00;
	float:left;
		}
.map{
width:100%;
	height:67px;
	margin-top:4px;
	font-style:normal;
	float:left;
	padding-bottom:25px;
	padding-top:25px;
	}
	
.map img{
	width:50%;
	width:145px;
	position:relative;
	margin-left:25%;
		}	

.webdesign{
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-align:center;
	font-style: italic;
}
}



@media all and (min-width: 400px) and (max-width: 580px) {	
#slide-top{
width:100%;
height:150px;
	}

#page-flip{
display:none;
}

#date-heure{
width:auto;
height:75px;
z-index:10;
position:absolute;
top:20px;
right:50px;
opacity:0.75;
}

#menu{
width:90%;
margin-left:auto;
margin-right:auto;

padding-bottom:10px;
margin-top:30px;



}


.carte-mob{
	width:260px;
	height:185px;
	border:solid 2px #FFED00;
	margin:20px auto 20px auto;/*top right bottom left*//*second 20 marge itineraire*/
	
	}
	
.carte-mob img{
	margin-top:10px;
}


/*CONTENU*/
#contenu, #contenu-form, #contenu-soiree, #contenu-prod, #contenu-txt {
width:80%;
min-width:250px;
max-width:500px;
margin-top:30px;
position:relative;
margin-left:auto;
margin-right:auto;
}

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: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	}	
#contenu p, #contenu-form p, #contenu-prod p, #contenu-txt p{
	margin-top:30px;
	font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	/*background-color:#000000;*/
	color: #FFFFFF;
	line-height: 17px;
	text-align:justify;
	}




/*FOOTER*/


#footer{}

#foot-mob{
width:100%;
min-height:300px;
}

#logo{
	width:185px;
	position:absolute;
	top:125px;
	left:30px;
	}
	
	

.logo{
	/*width:75px;
	height:75px;
	position:absolute;
	top:115px;
	left:45px;
	z-index:10;*/
	width:185px/*220px*/;
	height:90px/*106px*/;
	/*background-color:red;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:999;
	}
.logo img{
	float:left;
	z-index:10;
	width:185px;
	height:90px;}

#baseline-mob{
	width:185px;
height:15px;
padding-bottom:9px;
padding-top:3px;
position:relative;
	left:30px;
top:0px;
font-family: Georgia;
font-size: 16px;
font-weight: bold;
font-style:italic;

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

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


AJOUT 10/02/13

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/





@media all and (max-width: 400px) {	
#slide-top{
width:100%;
height:10px;
display:none;
	}

#page-flip{
display:none;
}

#date-heure{
display:none;

}

.galerie-slide-top{
	display:none;}

#menu{
width:90%;
padding:inherit;
margin:inherit;

margin-left:auto;
margin-right:auto;
padding-top:80px;


padding-bottom:10px;



}


.carte-mob{
	width:260px;
	height:185px;
	border:solid 2px #FFED00;
	margin:20px auto 20px auto;/*top right bottom left*//*second 20 marge itineraire*/
	
	}
	
.carte-mob img{
	margin-top:10px;
}


/*CONTENU*/
#contenu, #contenu-form, #contenu-soiree, #contenu-prod, #contenu-txt {
width:80%;
min-width:250px;
max-width:500px;
margin-top:30px;
position:relative;
margin-left:auto;
margin-right:auto;
}

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: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	}	
#contenu p, #contenu-form p, #contenu-prod p, #contenu-txt p{
	margin-top:30px;
	font-family: Helvetica;
	font-size: 14px;
	font-style:normal;
	/*background-color:#000000;*/
	color: #FFFFFF;
	line-height: 17px;
	text-align:justify;
	}




/*FOOTER*/


#footer{}

#foot-mob{
width:100%;
min-height:300px;
}



#logo{
	width:200px;
	left:30px;
	position:absolute;
	top:27px;
	
	}
	

.logo{

	width:185px;
	height:90px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:999;
	}
.logo img{
	float:left;
	z-index:10;
	width:185px;
	height:90px;}




#baseline-mob{
	width:185px;
height:15px;
padding-bottom:9px;
padding-top:3px;
position:relative;
	left:30px;
top:0px;
font-family: Georgia;
font-size: 16px;
font-weight: bold;
font-style:italic;

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



/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


FIN AJOUT 10/02/13

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/




#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;
}
@media all and (min-width: 580px) and (max-width: 900px) {	

#contenu{
	height:450px;

}
#contenu-prod{
		height:700px;

}

#contenu-txt{
	height:450px;
	}

}
@media all and (min-width: 450px) and (max-width: 580px) {	

#contenu{
	height:400px;
}

#contenu-prod{
		height:725px;
}

#contenu-txt{
	height:500px;
	}

}


@media all and (min-width: 400px) and (max-width: 450px) {	

#contenu{
	height:350px;
}

#contenu-prod{
		height:1300px;
}

#contenu-txt{
	height:525px;
	}

}

	
@media all and (min-width: 240px) and (max-width: 400px) {	
	
#contenu {
	height:100px;
}

#contenu-prod{
		height:1350px;

}
}







.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_google, #picto_fb{
	display:none;}
	






.prod{
	height:75px;
	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;}	
@media all and (min-width: 500px) {	

.prod{
	width:45%;
	float:left;
	margin-right:5%;
	}

.prod img {
	width:57px;
	height:57px;
	}
/*.prod p {
	width:70%;
	height:20px;
	float:right;
	position:relative;
	bottom:20px;}	
	
.prod p:link{
	color:#FFF;
	text-decoration:none;}
	
.prod p:hover {
	color:#FFED00;
	text-decoration:none;}	*/
}

@media all and (min-width: 500px){	

.prod{
	width:45%;
	float:left;
	margin-right:5%;
	}

.prod img {
	width:50px;
	height:50px;}
/*.prod p {
	width:70%;
	height:20px;
	float:right;
	position:relative;
	bottom:20px;}	
	
.prod p:link{
	color:#FFF;
	text-decoration:none;}
	
.prod p:hover {
	color:#FFED00;
	text-decoration:none;}	*/
	

}


@media all and (max-width: 500px) {	

.prod{
	width:100%;
	float:left;
	}

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

@media all and (max-width: 475px) {	
.space{
	display:none;
	}
}


.torse{
display:none;}


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

.date{
	
	max-height: 46px;
	padding-top:2px;
		
	background-color:#FFED00;
	color:#00528C;
	font-family:Helvetica;
	font-size:38px;
	font-weight: bold;

	}
.heure{
	height:45px;
	
	color:#FFED00;
	font-family:Helvetica;
	font-weight: bold;
	font-size:20px;
	text-align:left;
	
}

.text-soiree{
	height:45px;
	float:left;
	}


	
.text-soiree p{
	color:#FFF;
	font-family:Helvetica;
	font-weight: normal;
	font-size:14px;
}

@media all and (min-width: 450px){	
.prog-soiree{
	width:100%;
	max-width:450px;
}

.date{
	width:30%;
	max-width: 100px;
	float:left;

}

.heure{
	width:50%;
	width:300px;
	float:left;

}

.text-soiree{
	width:100%;
	width:400px;
}

.heure p, .text-soiree p{
	margin-top:15px;
	margin-left:15px;}

}

@media all and (max-width: 450px){	
.prog-soiree{
	width:100%;
	max-width:450px;

}
.date{
	width:100%;
	max-width: 100px;
	float:left;

}

.heure{
	width:100%;
	width:300px;
	float:left;
	

}

.text-soiree{
	width:100%;
	width:300px;
}

.heure p, .text-soiree p{
	margin-top:15px;
	}
	
}

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

.nos-produits{
width:auto;
height:15px;
position:relative;

/*
padding-bottom:9px;
padding-top:3px;
left:0px;
top:0px;
*/

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

margin-left:30px;

color:#FFED00;


/*
text-align:center;
z-index:1;
background-color:#FFED00;
*/
	}


@media all and (max-width: 450px){	
/*.jarte-galerie-heure{
	display:none;
	
}*/
.caption .h3{
	font-size:12px;
	}
	
.caption p, p.caption{
	font-size:10px;} 

}

.rub-ok{
	font-style:italic;
	color:#009CC3;}
	
.viens-viens{
	position:absolute;
	width:100%;
	text-align:center;	
	top:0px;
	
	}
	
.carte-mob{
	width:260px;
	height:345px;
	border:solid 2px #FFED00;
	margin:20px auto 0px auto;/*top right bottom left*//*le second 20 est pour le lien d itineraire*/
	
	}

.carte-mob img{
	margin-top:30px;
}
	
	
.carte-mob a:link, .carte-mob a:visited, .carte-mob a:active{
	color:#00528C;
	background-color:#FFF;}

.carte-mob a:hover{
	color:#00528C;
	background-color:#FFF;}
	
.adresse-periph{
	width:100%;
	height:auto;
	font-size:13px;
	font-style:normal;
	font-family: Helvetica, sans-serif;
		line-height: 15px;
	text-align:center;
	
	color:#00528C;
		}