/* oO oO oO oO oO oO oO oO oO oO oO oO
--------------------------------------
  v3.0.2  |   STYLE.CSS   | jalis 2k13
--------------------------------------
oO oO oO oO oO oO oO oO oO oO oO oO */



/***** VALEURS PAR DEFAUT *****/
br {letter-spacing:0px;}
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object {
    margin: 0;  padding: 0; border: 0;  outline:none;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {text-align: left; font-weight:normal;}
p {margin:0;}
li {list-style-type: none;}
/***** CONTENUS *****/
.txt_contenu {font-size:1em; text-align:justify;}
.txt_contenu a, .txt_contenu a:visited{font-weight:bolder;}
.txt_contenu a:hover{text-decoration:underline;}
/***** ELEMENTS *****/

.floatleft, .left{  float:left !important;  position:relative;}
.floatright, .right{float:right !important; position:relative;}
.floatnone{ float:none !important;  position:relative;}
.clear, .aplat{ clear:both;}
.block {display:block;}
.colonne_2, .col_2{ position:relative;  float:left; width:49%; margin: 0;}
.colonne_3, .col_3{ position:relative;  float:left; width:32.333333%; margin: 0;}
.colonne_4, .col_4{ position:relative;  float:left; width:24%; margin: 0;}
.colonne_2-3, .col_2-3{ position:relative;  float:left; width:65.6666666%; margin: 0;}
.colonne_1-3, .col_1-3{ position:relative;  float:left; width:32.3333333%; margin: 0;}
.colonne_3-4, .col_3-4{ position:relative;  float:left; width:74%; margin: 0;}
.colonne_1-4, .col_1-4{ position:relative;  float:left; width:24%; margin: 0;}

*{
}


::selection {
	background: #231f20;
	color: #ffffff;
	text-shadow: none !important;

	
}
*::-moz-selection {
	background: #231f20;
	color: #ffffff;
	text-shadow:none !important;
	
}
*::-webkit-selection {
	background: #231f20;
	color: #ffffff;
	text-shadow:none !important;
	
}

/***** STRUCTURE *****/
#total_site {position:relative; z-index:2;}

/* ici on change la valeur pour mobiles + responsive */
.centrage {
	position:relative;
	width:950px;
	margin:0 auto 0 auto;
}



/***** CONTENU *****/
#contenu, .contenu  {
	position:relative;
	margin: 0;
	padding: 15px;
	
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;		  
}


.separateur{ clear:both; margin: 10px 0;}


#gauche{
	position:relative;
}

#droite{
	position:relative;
}


/*======= MISE EN PAGE GENERALE =======*/
html{}

body{
    font-size:12px;
	
    font-family:"source_sans_proregular", sans-serif;
    color:#ffffff; 
    background:#d9313e ;
}


#total_site{
    z-index:2;
    background:url(../images/interface/fond.jpg) no-repeat top center;
}


#total_site > .centrage{
	z-index:2;
	background:transparent;
}



/*--- formatage de base ---*/

h1{
    text-align:right;
    font-size:0.8em;
    text-transform:uppercase;
    color:#231f20;
    padding: 5px;
}


h1 a, h1 a:visited{
    color:#000000;
}




h2{
    font-family:"ubuntu_titlingbold", sans-serif;
    font-size:3em;
    color:#ffffff;
    margin: 0 0 20px 0;
    text-align: left;
    padding:3px 0;
}


h2 a, h2 a:visited{
    
}




h3{
    font-family:"ubuntu_titlingbold", sans-serif;
    font-size:1.8em;
    color:#ffffff;
    margin: 0 0;
    padding:3px 0;
}


h3 a, h3 a:visited{
    
}


h4{
	font-family:"ubuntu_titlingbold", sans-serif;
    font-size:1.4em;
    color:#d9313e;
    background:#000000;
    padding:3px;
    border-radius:3px;
    margin: 0 0 10px 0;box-shadow:0px 2px 3px rgba(0,0,0,0.35);
}


h4.enseigne{
	background-image:url(../images/interface/pastille.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left:30px;
}






h5{
	font-family:"ubuntu_titlingbold", sans-serif;
    font-size:1.2em;
    color:#ffffff;
}









.txt_contenu{
    font-size:1.05em;
}


.txt_contenu li{
	list-style: disc inside;
	margin: 0 0 0 10px;
}


a, a:visited {
    text-decoration:none;
    color:#ffffff;
}


a:hover{
    text-decoration:none;
}


/*======= FIN MEP GENERALE =======*/









/*======= DECO SITE =======*/
#deco_site{
    position:relative;
    top:0; left:0; z-index:1;
    width:100%; height:100%;
    background:#000000 url(../images/interface/intro.jpg) no-repeat center center;
    overflow:hidden;
    border-bottom: 5px solid #d9313e;
}

.blocCentre{
	position:relative;
	
	transition: top 225ms 0ms ease-in-out; -moz-transition: top 225ms 0ms ease-in-out; -webkit-transition: top 225ms 0ms ease-in-out;
}


#btIntro{
	position:relative;
	z-index:3;
	width:150px;height:150px;
	left:0; top:0;
	cursor:pointer;
	transition: top 225ms 0ms ease-in-out; -moz-transition: top 225ms 0ms ease-in-out; -webkit-transition: top 225ms 0ms ease-in-out;
}

#btIntro #fleche_g{
	position:absolute;
	right:100%;
	top:0;
	width:75px;
	height:149px;
	background:url(../images/interface/fleche_gauche.png) no-repeat center center;
	
	transition: all 225ms 0ms ease-out; -moz-transition: all 225ms 0ms ease-out; -webkit-transition: all 225ms 0ms ease-out;
}

#btIntro #fleche_d{
	position:absolute;
	left:100%;
	top:0;
	width:75px;
	height:149px;
	background:url(../images/interface/fleche_droite.png) no-repeat center center;
	
	transition: all 225ms 0ms ease-out; -moz-transition: all 225ms 0ms ease-out; -webkit-transition: all 225ms 0ms ease-out;
}

#btIntro #logo_intro{
	position:absolute;
	width:150px; height:150px;
	top:0; left:0;
	border-radius:100px;
	background-color:#d9313e;
	background-image:url(../images/interface/logo_intro.png);
	background-repeat:no-repeat;
	background-position:center center;
	box-shadow: 0px 0px 10px rgba(0,0,0,1); 
	
	transition: all 225ms 0ms ease-out; -moz-transition: all 225ms 0ms ease-out; -webkit-transition: all 225ms 0ms ease-out;
}



#btIntro:hover #logo_intro{
	width:200px; height:200px;
	top:-25px; left:-25px;
	transition: all 225ms 0ms ease-in; -moz-transition: all 225ms 0ms ease-in; -webkit-transition: all 225ms 0ms ease-in;
}

#btIntro:hover #fleche_g{
	right:120%;
	transition: all 150ms 65ms ease-in; -moz-transition: all 150ms 65ms ease-in; -webkit-transition: all 150ms 65ms ease-in;
}

#btIntro:hover #fleche_d{
	left:120%;
	transition: all 150ms 65ms ease-in; -moz-transition: all 150ms 65ms ease-in; -webkit-transition: all 150ms 65ms ease-in;
}






#blocRestos{
	padding: 10px 0;
	z-index:2;
	position:relative;
	background:url(../images/interface/back_bloc_restos.png);
	
	height:0;
	overflow:hidden;
	padding:0;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;;
	
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}



.resto{
	position:relative; float:left;
	display:block; width:28.33333%; margin: 0 2.5%;
	cursor:pointer;
	opacity:0;
	top:30px;
	z-index:1;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}

.resto .img_medium{
	width: 100%;
	height:308px;
	border-radius:200px;
	border:10px solid #d9313e;
	box-shadow:0px 0px 5px rgba(0,0,0,0.8);
	display:block;
	position:relative;
	z-index:2;
	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;;
}

.resto .img_medium .logo_resto{
	width:60%; height:60%;
	background:url(../images/interface/back_black_85.png);
	border-radius:150px;
	left:20%; top:20%;
	position:absolute;
	display:block;
	text-align:center;
	padding: 10%;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;;
}




.resto .img_medium .logo_resto img{
	position:relative;
	display:block;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}



.resto:hover .img_medium .logo_resto{
	
	width: 70%; height:70%;
	left:15%; top:15%;
	padding: 15%;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}

.resto:hover .img_medium .logo_resto img{
	
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}

.resto:hover{
	z-index:9999;
	-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}





.resto .adresse{
	position:absolute;
	width:300px; left:0;
	top:0;
	padding-left: 120px;
	left:97px;
	z-index:1;
	opacity:0; visibility:hidden;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}

.resto+.resto+.resto .adresse{
	padding-left:0;
	padding-right:120px;
	left:auto; right:0;
}

.resto:hover .adresse{
	left: 155px;
	opacity:1; visibility:visible;
	transition: all 225ms 300ms ease-in; -moz-transition: all 225ms 300ms ease-in; -webkit-transition: all 225ms 300ms ease-in;
}

.resto+.resto+.resto:hover .adresse{
	right:155px;
}




#arrowBottom{
	position:absolute;
	width: 100%;
	bottom:20px; left:0;
	text-shadow: 0px 1px 0 rgba(0,0,0,1);
	font-size:1.3em;
	z-index:1;
	text-align:center;
	cursor:pointer;
	text-transform: uppercase;
	color:#d9313e;
	padding: 100px 0 0 0;
	background:url(../images/interface/arrow.png) no-repeat center 0px;
	
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}


#arrowBottom:hover{
	background-position: center 10px;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}




body.sesame .blocCentre{
	/*top:65px !important;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;*/
}



body.sesame #blocRestos{
	height:289px;
	overflow:visible;
	top:-200px;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}



body.sesame #btIntro{
	top:-250px;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}

body.sesame .resto{
	opacity:1;
	top:10px;
	transition: all 225ms 150ms ease-in; -moz-transition: all 225ms 150ms ease-in; -webkit-transition: all 225ms 150ms ease-in !important;
	-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;;
}


body.sesame .resto+.resto{
	transition: all 225ms 250ms ease-in; -moz-transition: all 225ms 250ms ease-in; -webkit-transition: all 225ms 250ms ease-in !important;

}

body.sesame .resto+.resto+.resto{
	transition: all 225ms 350ms ease-in; -moz-transition: all 225ms 350ms ease-in; -webkit-transition: all 225ms 350ms ease-in !important;

}






/*===== FIN DECO SITE =======*/












/*======= HEADER =======*/

#header
{
    position:relative; z-index:3; padding:0; height:80px;
    background:#000000;
    
    box-shadow: 0px 0px 5px rgba(0,0,0,0.55);
}


#header > .centrage{
	z-index:2;
	text-align:left;
	height:100%;
}



#logo
{
    position:relative; z-index:2; display:block;
    text-align:center;
}


#slogan{
	position:absolute; z-index: 1; 
	bottom: -90px; right:0;
	
	color:#ffffff;
	font-size: 3em;
	font-family: "ubuntu_titlingbold", sans-serif;
	text-shadow :-1px 1px 0 rgba(0,0,0,0.35);
}

#www{
	position:absolute; z-index:3;
	top: 85px; left:275px;
	
	text-transform: uppercase;
	font-size:0.8em;
	color:#231f20;
}

#tel2{
	position:absolute; z-index: 4; 
	top:5px; right:0;
}


#tel3{
	position:absolute; z-index: 4; 
	top:30px; right:0;
}


#tel4{
	position:absolute; z-index: 4; 
	top:55px; right:0;
}



#venteenligne{
	position:absolute;
	display:block;
	top:0;left:0;
	z-index:20;
	background:white;
	color:#d9313e;
	padding: 5px;
	font-size:17px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

/*======= FIN HEADER =======*/






/*DIAPORAMA*/

#bloc_diaporama{
	position:relative;
	z-index:1;
	height:350px;
	overflow:hidden;
}


#diaporama{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0;
	left:0;
}


#cache_diaporama{
	position:absolute; 
	z-index:2;
	width:100%; 
	height:100%;
	top:0; 
	left:0;
}


#diaporama_accueil{
	position:relative;
	height:420px;
	overflow:hidden;
	margin: 30px 0 0 0;
}


#diaporama_page{
	position:relative;
	height:400px;
	overflow:hidden;
	margin: 0;
}








/*======= NAV =======*/

#nav
{
    position:relative; z-index:4;
    background:#231f20;
    border-top:1px solid #A7A9AC;
    border-bottom:2px solid #000000;
}

#nav > ul{
    position:relative; z-index:2; text-align:center;
}


#nav > ul > li
{
    position:relative;
	z-index:1;
    display:inline-block;
    text-align:left;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}


#nav > ul > li:hover{
	z-index:99999;
}


/*Style du bouton principal*/
#nav > ul > li > a, #nav > ul > li > span > a
{
    display : block; position:relative; z-index:3;
    padding: 10px 30px; margin: 0;
    font-family:"ubuntu_titlingbold", sans-serif;
    font-size:1.5em;
    color:#ffffff;
	
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}


/* pour exception menu premier lien*/
#nav > ul > li:first-child > a, #nav > ul > li:first-child > span > a{
	
}

/* pour exception menu dernier lien*/
#nav > ul > li:last-child > a, #nav > ul > li:last-child > span > a{
	
}


/*survol + bouton actif*/
#nav > ul > li:hover > a, #nav > ul > li.active > a, #nav > ul > li:hover > span > a, #nav > ul > li.active > span > a
{
	color:#d9313e;
	background:#000000;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}


#nav > ul > li.active > a, #nav > ul > li.active > span > a
{
	color:#d9313e;
	background:#ffffff;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	
	-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}



#nav > ul > li:hover > a, #nav > ul > li:hover > span > a
{
	top:0;
}






/*Sous Menu CSS only*/
#nav > ul > li > ul, #nav > ul > li > span > ul{
    background: #ff3c3c;
    top:-22%; width:110%; left:-5%;
    opacity:0; visibility:hidden; 
    
    position:absolute; z-index:2;
    overflow:hidden;
    
    transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}



#nav > ul > li:hover > ul, #nav > ul > li:hover > span > ul{
	top:100%; opacity:1; visibility:visible;
	
	transition: all 225ms 0ms ease-out; -moz-transition: all 225ms 0ms ease-out; -webkit-transition: all 225ms 0ms ease-out;
}


#nav > ul > li:active > ul, #nav > ul > li:active > span > ul{
	opacity:1
	transition: opacity 225ms 0ms ease-out; -moz-transition: opacity 225ms 0ms ease-out; -webkit-transition: opacity 225ms 0ms ease-out;
}


/*Style du lien du sous menu*/
#nav > ul > li > ul > li > a, #nav > ul > li > span > ul > li > a{
    display:block; position:relative;
    padding: 5px 10px;
    text-align:center;
    
    font-family:"ubuntu_titlingbold", sans-serif;
    color:#ffffff;
    
    font-size:1.1em;
    text-transform:uppercase;
    
	transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}


/*survol du lien du sous menu*/
#nav > ul > li > ul > li > a:hover, #nav > ul > li > span > ul > li > a:hover, #nav > ul > li > span > ul > li.active > a, #nav > ul > li > ul > li.active > a{
	
	color:#d9313e;
	background:#ffffff;
	
	transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}


/*
#nav > ul > li > span > ul > li:first-child > a{border-radius: 3px 3px 0 0;}
#nav > ul > li > span > ul > li:last-child > a{border-radius: 0 0 3px 3px;}
*/
/*======= FIN NAV =======*/










/*======= CONTENU =======*/

/* FORMAT IMAGES */

/* reset format images */
.img{
	position:relative; display:block; overflow:hidden;
}

.img > img{width:100%; position:relative; display:block; z-index:1;}

/*le laius ne doit pas depasser 3 lignes, donc petite image*/
.img.laius{
	width:15%; float:right;
	margin: 0 0 0 10px;
}



.img_medium, .img_medium2{
    position:relative; display:block; overflow:hidden; height:200px;
}


.miniatures{
	position:relative;
}

.miniatures .img_medium{
	margin: 0 0.5% 0.5% 0; height: 57px; width: 9.5%; float:left;
}

.miniatures.m4 .img_medium{
	margin: 0 0.5% 0.5% 0; height: 97px; width: 24.5%; float:left;
}


.img_medium.portrait{
	float:left;
	width:40%;
	height:400px;
	margin: 0 15px 5px 0;
}


.img_medium.pano{
	height:450px;
	margin: 0 0 20px 0;
}

.img_medium.accueil{
	width: 49%; margin:1% 1% 1% 0; float:left;
}

.img_medium.accueil+.img_medium.accueil{
	margin:1% 0 1% 1%; 
}



/*PANNEAUX ANNONCE + FICHE*/
.panneau{
	position:absolute; z-index:2;
	top:5%; left:0;
	padding: 3px 0px;
	width:100%;
	text-align :center;
	font-size:1.2em;
	font-weight:700;
	text-transform:uppercase;
	box-shadow : 0px 2px 3px rgba(0,0,0,0.35);
	
	
	
	background:#ffffff;
}


.panneau.vide{padding:0; box-shadow:none;}


.panneau.rotok{
	-webkit-transform-origin: center top;
	-webkit-transform : rotate(-45deg);
	
	-moz-transform-origin: center top;
	-moz-transform : rotate(-45deg);
	
	transform-origin: center top;
	transform : rotate(-45deg);
	left:-35%; top:30px;
}





p.mention{
	text-align:center;
	font-style:italic;
	color:lighter;
	margin: 0 0 3px 0;
}


p.mention.mention2{
	text-align:left;
	font-style:italic;
	color:lighter;
	font-size:smaller;
	margin: 0 0 3px 0;
}





.carte{
	position:relative;
}


.carte li{
	background:#ffffff;
	padding:3px;
	margin: 10px 0;
	
	border-radius:3px;
	color:#231f20;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
}

.carte li h3{
	color:#231f20;
}

.carte li h3 > span{
	font-family:"source_sans_proregular", sans-serif;
	font-size:0.5em;
	font-weight:bold;
	font-style:italic;
}

.carte li span.prix{
	display:block;
	float:right;
	margin: 0 0 0 5px;
	position:relative;
	
	padding:5px; border-radius:3px;
	background:#d9313e;
	color:#ffffff;
	
	font-size:1.15em;
	font-weight:bold;
}


/*======= FIN CONTENU =======*/








/*======= ANNONCE =======*/

.ligne_annonce{
    position:relative;
    margin:0;
}

/*Formatage par d�faut d'une annonce*/
.annonce
{
    position:relative;
    margin: 0 0 20px 0;
    
    background:#f5f5f5;
    padding:5px;
    border-radius:3px;
    color:#352f30;
    
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
    box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;
}


.annonce:hover{
	box-shadow: 0px 2px 6px rgba(0,0,0,0.75);
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}



/*Titre*/
.annonce h2{
	font-size:1.6em;
	text-align:left;
	margin:0;
	box-shadow:none; 
	color : #d9313e; 
}

.annonce h2 a, .annonce h2 a:visited
{
    display:block;
    color : #d9313e; 
    text-decoration : none;
    font-weight:normal !important;
    
    transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
    
    box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;
}


.annonce a{
	color : #d9313e; 
}


.annonce_contenu{
    position:relative;
    text-align:justify;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}


/*img_medium*/
.annonce_contenu .gauche{
	position:relative; float:left; width:23%; margin: 0 10px 5px 0;
}

/*pour avoir l'image à droite*/
.rightTof .gauche{float:right;}


.annonce_contenu .img_medium, .annonce_contenu .img_medium2{
    float:none; height:230px; width:auto;
}


.annonce_contenu .img_medium2{
    float:left; height:80px; width:9%;
}

/*texte*/
.annonce_contenu .txt_contenu{
    margin: 0;
}




/*zone boutons*/
.annonce_contenu .bts{
    position:relative; display:block; padding:1% 0 0 0;
}

/*style du bt*/
.annonce_contenu .bts .bt{
    float:right; margin:0;
}

/*detail (prix, ref...)*/
.detail{
    padding:3px; 
    background:#ff3c3c;
    font-size:1.2em;
    font-weight:bolder;
    color:#fff;
    text-align:center;
    margin: 10px 0;
    
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3) inset;
}

.detail span{
	font-size:1.2em;
	font-weight:bold;
}

h2 .detail{
	font-size: 0.35em;
	text-align:right;
	font-family:"source_sans_proregular", sans-serif;
}










.ligne_annonce.mono{
	margin: 20px 0;
}



.mono .annonce{
	margin:0;
	
    -webkit-transition : all 250ms; -moz-transition : all 250ms; transition : all 250ms;
	
}


.mono .annonce h2{
	font-size:2em;
}


.mono .annonce:hover{
	-webkit-transition : all 250ms; -moz-transition : all 250ms; transition : all 250ms;
}



.mono .bts .bt+.bt{
	margin: 0 2px !important;
}












.fx{
	
}


.tetris{
	float:left;
	position:relative;
	width:49%;
}

.tetris+.tetris{
	float:right;
}

.fx .annonce, .tetris .annonce{
	margin:0 0 20px 0; 
	overflow:hidden;
}




.fx .annonce h2, .tetris .annonce h2{
	font-size:2em;
	padding: 5px;
	text-align: center;
}



.fx .annonce:hover h2 a, .tetris .annonce:hover h2 a{
	color:#400f0f !important;
	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}




.fx .annonce .img_medium, .tetris .annonce .img_medium{
	float:none; width:auto; height:190px;
}

.fx .annonce .panneau.rotok, .tetris .annonce .panneau.rotok{
	left:-110px;
}

.fx .annonce .annonce_contenu, .tetris .fx .annonce .annonce_contenu{
	float:none; width:auto;
	padding: 0px; text-align:justify;
}








/*annonces std*/
.fx .annonce .gauche, .tetris .fx .annonce .annonce_contenu{
	float:none; width:auto; margin:0 0 10px 0;
}












/*annonces spéciales*/


.fx .annonce .visible{
	position:absolute; top:0; width:100%; left:0;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}


.fx .annonce .visible h2{
	font-size:1.5em;
	background:url(../images/interface/back_white_85.png);
}


.fx .annonce .bt_annonce{
	position:absolute; bottom:-150px; width:100%; left:0;
	padding: 3px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	text-shadow: none;
	background:url(../images/interface/back_titre.png);
	
	color:#303030; text-align:center;
	
    -webkit-transition : all 350ms 125ms ease-in; -moz-transition : all 350ms 125ms ease-in; transition : all 350ms 125ms ease-in;
}



.fx .annonce:hover .bt_annonce{
	bottom:0;
	
    -webkit-transition : all 250ms ease-in-out; -moz-transition : all 250ms ease-in-out; transition : all 250ms ease-in-out;
}



.fx .annonce .bt_annonce.bt{
	float:none; width:auto;
	text-align:center;
}



.fx .annonce .bt_annonce > span.imgs{
	display:block; position:relative;
	background:none; margin:3px 0;
}

.fx .annonce .bt_annonce > span.imgs:hover{
	background:none;
}


.fx .annonce .bt_annonce > span.imgs > span.img_medium{
	width:24%; height:52px !important; margin:0.5%; display:block; float:left;
}





.fx .annonce .bt_annonce > span.bt{
	top:100px;
	transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}


.fx .annonce:hover .bt_annonce > span.bt{
	top:0;
	transition: all 250ms 350ms ease-out; -moz-transition: all 250ms 350ms ease-out; -webkit-transition: all 250ms 350ms ease-out;
}







.lu .img_medium2{
	width:10%; height:90px;
	margin: 0 5px 10px 0;
}















/* Pagination */
.pPage{
    margin: 20px 0 15px 0;
    padding: 5px 10px;
    background: #e43341;
    color: #ffffff; 
    font-weight:400; letter-spacing:1px;
    text-transform:uppercase;
    line-height:21px;
    box-shadow: 0px -1px 1px rgba(0,0,0,0.3) inset,
    			0px 1px 1px rgba(255,255,255,0.8) inset;
}

/*page actuelle*/
.pPage span
{
    padding : 2px 5px;
    background-color : #ff3c3c;
    color : #ffffff; 
    text-decoration : none;
}

/*autres pages*/
.pPage a
{
    color: #410f13; 
    text-decoration : none;
    padding : 2px 5px;
}

.pPage .floatleft{
	margin: 0px 10px 0 0;
	padding: 0px 0 0 10px;
	border-left: 1px solid #b82a35;
}


.pPage .floatleft:first-child{
	border:none;
}


.pPage select{
	background: #ffffff;
	color: #000000;
	border-radius:0;
}
/*======= FIN ANNONCE =======*/












/*======= FLASH INFO =======*/
.flash_info {
    padding:8px;
	margin: 0 0 15px 0;
    background:#3d3638;
    position:relative;
    box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;
    color:#ffffff;
    
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	border-radius:3px;
}


.flash_info h2{
	font-size:1.75em;
}



/*formatage du titre*/
.flash_info h3{
	 font-size:1.75em;
	 margin:0 0 5px 0; text-align:center;
}

.flash_info h3, .flash_info h3 a, .flash_info h3{
	color:#ffffff;
}

.flash_info h3 a:hover{
    color:#d9313e;
}

/* format contenu flash info*/
.flash_info .txt_contenu{
	margin: 10px 0;
}

/*couleur des liens dans le flash info*/
.flash_info .txt_contenu a{
	
}


.flash_info.ficheForm{
	background:#d9313e;
}

/*======= FIN FLASH INFO =======*/









/*======= ADRESSE =======*/
.adresse{
	position:relative;
	margin: 0 0 15px 0;
	background:#f5f5f5;
	color:#231f20;
	
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	border-radius:3px;
}



ul.adresse a{
	color:#d9313e;
}

ul.adresse li{
	display:block;
	padding: 10px 5px;
	
	background-repeat:no-repeat;
	background-position: 3px center;
	
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
}

ul.adresse li:first-child{
	border-top:none;
}

ul.adresse li:last-child{
	border-bottom:none;
}


ul.adresse li.maps{
	background-image:url(../images/interface/ico_plan.png);
	padding: 10px 5px 10px 35px;
}

ul.adresse li.tel{
	background-image:url(../images/interface/ico_tel.png);
	padding: 10px 5px 10px 35px;
}

ul.adresse li.hours{
	background-image:url(../images/interface/ico_hours.png);
	padding: 10px 5px 10px 35px;
}


ul.adresse li.fb{
	background-image:url(../images/interface/ico_fb.png);
	padding: 10px 5px 10px 35px;
}


/*======= FIN ADRESSE =======*/









/*======= BT =======*/
.fiche .bts{
	margin: 0 0 10px 0;
	padding:5px;
	background:#f0f0f0;
	border-radius:5px;
}

.bts .social{
	float:right;
	position:relative;
}


.bt, .bt:visited{
    display:block; position:relative; float:left;
    
    padding: 7px 15px;
	margin: 0 3px 0 0;
    background: #3c3536;
	
	font-family:"source_sans_proregular", sans-serif;
	
    color:#ffffff !important;
    text-transform:uppercase;
    font-size:1em;
    
    border-radius: 3px;
    
    cursor: pointer;
    
    box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    
    transition: all 250ms 0ms ease-in; -moz-transition: all 250ms 0ms ease-in; -webkit-transition: all 250ms 0ms ease-in;
}


.bt:hover{
    background: #51474a;
    color:#ffffff !important;
    text-decoration:none !important;
    
    transition: all 250ms 0ms ease-out; -moz-transition: all 250ms 0ms ease-out; -webkit-transition: all 250ms 0ms ease-out;
}

.bt.full{
	float:none !important; width:auto; text-align:center; padding:7px 0;
}


.bt.alt{
	background: #231f20;
	color:#ffffff !important;
}

.bt.alt:hover{
	background: #1c191a;
	color:#ffffff !important;
}


.bt.fb{
	background-color:#3B5998;
}

.bt.fb:hover{
	background-color:#4d74c6;
}


.bt.half{
	padding: 7px 0;
	width:49%;
	float:left !important;
	text-align:center;
	margin: 5px 1% 5px 0 !important;
}

.bt.half+.bt.half{
	margin: 5px 0 5px 1% !important;
}


/*======= FIN BT =======*/








/*====== SLIDER ======*/
#slider{
    position:relative; height:400px; margin: 0 0 40px 0;
}

#bloc_slider{
    position:absolute; width:100%; height:100%;
    left:0px; top:0px; overflow:hidden; z-index:1;
}

.element_slider, .element_slider:link, .element_slider:visited{
    display:block; position:absolute; width:100%; height:100%; overflow:hidden;
    top:0; left:0;
}


.element_slider_diapo, .element_slider_diapo:link, .element_slider_diapo:visited{
    display:block; position:absolute; width:100%; height:100%; overflow:hidden;
    top:0; left:0;
}

.element_slider > img{
    position:absolute; z-index:1;
}

.element_slider > span{
    position:absolute; width:80%;
    background:url(../images/interface/back_white.png);
    left:10%; bottom:0%; z-index:2; text-align:center;
    padding:5px;
    font-size:1em; color:#333333;
    
    box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;
}

.element_slider > span > h3{
    display:block; color:#d9313e; 
    font-size:2em;
    font-family:"ubuntu_titlingbold", sans-serif;
    text-align:center; margin:0;
}

#exemple_bt_slider{display:none;}

.bts_slider{
    position:absolute; bottom:-25px; left:0; z-index:2; width:100%; text-align:center;
}

.bt_slider, .bt_slider:link, .bt_slider:visited{
    display:inline-block; width:10px; height:10px;
    background: #b82a35; margin: 0 0 0 5px;
    border-radius:10px; cursor:pointer;
}


.bt_slider:hover{
    background:#6d191f;
}


.bt_slider_actif{
    background:#d9313e;
}

.bt_slider_actif:hover{
    background:#ff3b4a;
}





















/*======= FOOTER =======*/

/* style general*/
#footer{
    position:fixed; z-index:3;
    width:100%; bottom:0;
    color:#c0c0c0;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.95);
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}

#footer:hover{   
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}

/* dans le centrage */
#footer > .centrage{
    background:#231f20; min-width:980px; width:100%;
}

/* couleur des liens dans le footer*/
#footer a, #footer a:link, #footer a:visited, #footer #address div+div span:first-child{
    color:#ffffff;
    cursor:pointer;
}

/*logo jalis*/
#logo_jalis{
    position:absolute; top:-2px; right:10px;
}

#bt_footer{
    position:absolute; left:10px; top:9px; display:block;
    cursor:pointer; 
    color:#ffffff; 
    font-size:0.9em;
    text-transform: uppercase;
}

/*bande visible avec adresse*/
#address {
    text-align:center; font-size : 1em;
    background:#231f20;
	color:#d9313e;
    padding: 8px 68px 8px 127px;
}

/*zone referencement*/
#zoneCachee{
    position:relative; width:95%; margin:0 auto 0 auto; 
    height:0px; overflow:hidden;
}

/*format des colonnes de liens*/
#zoneCachee > div > ul{
    float : left; width : 27%; margin : 0 3%; position:relative;
}

/*format du premier li (titre)*/
#zoneCachee > div > ul > li > h3{
    font-size:1.25em; 
    
    margin:0 0 4px 0;
    font-family:"source_sans_prolight", sans-serif;
    color:#ffffff;
    box-shadow:none;
    background:none;
    text-align:left;
}

/*format des liens dans les colonnes*/
#zoneCachee > div > ul > li a{
    display : block;
    padding : 5px 0 5px 10px;
    margin : 0 0 2px 0;
    text-align : left;
    color : #ffffff !important;
    text-decoration : none;
    border-left:0px solid transparent;
    transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}

/*format des liens au survol*/
#zoneCachee > div > ul >li a:hover{
    border-left:3px solid #ffffff;
	transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}

#zoneCachee #zoneCachee_text{
    clear:both;
    text-align:justify;
    margin:15px 25px;
}






/*======= FORMULAIRES =======*/

 form input[type=text], form textarea, form select, form input[type=password]{
    position:relative;
    width:100%; padding: 5px; margin: 0 0 5px 0;
    background:#f0f0f0;
    border:none;
    color:#5d5d5d;
    font-family:"source_sans_proregular", sans-serif; font-size:1em;
    outline:0;
    font-size:1em;
    border-radius: 3px;
    			
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
 }
 
 form input[type=text]:focus, form textarea:focus, form select:focus, , form input[type=password]:focus{
    background:#ffffff;
    color:#3d3d3d;
 }
 
 
 
 
 /*formulaire page contact*/
 form.contact{
 	
 }
 
  form.contact .colonne_2{
  	width:49%; margin: 0 1% 0 0;
  }
  
  
  form.contact .colonne_2+.colonne_2{
  	width:49%; margin: 0 0 0 1%;
  }
 
 
 
 /*formulaire pagination*/
 .pPage form input[type=text],  .pPage form textarea,  .pPage form select{
 	width:auto; display:inline-block; padding: 1px 5px;
 }
 
 
 /* formulaire dans fiche*/
 .ficheForm{
 	position:relative; float:right; width:30%; margin: 0 0 5px 10px;
 }
 
 
 .ficheForm h3{
 	font-size:1.3em; text-align:center;
 	margin:0 0 10px 0;
 }
 
 
 
 
 
 .alerte, .alerte[type=text], .alerte[type=radio]{
	border:1px solid #ff0000 !important;
	color:#ffffff !important; font-weight:bolder !important;
	background:transparent url() !important;
	background-image:none;
	background-color:#550107 !important;
}

 
 
 
 
 
 
 
 
 /*FORMULAIRE D'ESTIMATION*/
.enrobage{
	position:relative; padding:10px 2%;
	color:#ffffff;
	box-shadow:0px 0px 2px rgba(0,0,0,0.85);
	background:#e6e6e6;
}

.formulaire{
	color:#ffffff;
}

.formulaire h3{
	color:#d9313e;
	font-size:18px; margin: 10px 0 0 0;
}

.formulaire h4{
	color:#ffffff;
	font-weight:700;
	font-size:13px;
}

.formulaire .item{
	position:relative; padding:10px;
	margin:10px 0 0 0;
	background:#f2f2f2;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.5);

}


.formulaire .item div{
	font-size:12px; text-transform:uppercase; 
	color:#000000;
	margin: 10px 0 0 0;
}


.formulaire input[type=text], .formulaire textarea, .formulaire select{
	display:block; position:relative; width:96%; margin: 5px 0; padding: 2px 2%;
	
	font-family:"source_sans_proregular", sans-serif;
	font-size:12px;
	color:#ffffff;
	
	/* Anciens navigateurs */
	background:#e6e6e6;
	
	border:1px solid #808080;
	border-radius:3px;
	box-shadow: -2px -2px 5px rgba(0,0,0,0.15) inset;
}


.formulaire input[type=text]:focus, .formulaire textarea:focus{
	border:1px solid #808080;
	background:#f2f2f2;
	color:#000000;
}


.formulaire select:focus{
	color:#aaaaaa;
}






.formulaire_resume{
	position:relative;
	padding:5px;
	border:1px solid #94C094;
	margin:0 0 10px 0;
	/* Anciens navigateurs */
	background: #94C094 url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #94C094;
	background: #94C094\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFDBEADB, endColorstr=#FF94C094);
	/* Navigateurs récents */
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#DBEADB),
		to(#94C094)
	);
	background-image: -webkit-linear-gradient(
		top,
		#DBEADB,
		#94C094
	);
	background-image: -moz-linear-gradient(
		top,
		#DBEADB,
		#94C094
	);
	background-image: -o-linear-gradient(
		top,
		#DBEADB,
		#94C094
	);
	background-image: linear-gradient(
		top,
		#DBEADB,
		#94C094
	);
}

.formulaire_resume h4{
	color:#4D964C; font-size:16px;
}


.formulaire_resume .item{
	position:relative; border-bottom:1px dotted #DBEADB;
}

.formulaire_resume .item h5{
	position:relative; float:left; width:30%;
	font-size:13px; font-weight:bolder; color:#3A7039;
}

.formulaire_resume .item span{
	display:block; position:relative; float:right;
	width:67%; color:#202020;
}


.frmItem{
	position:relative; width:24%; float:left; margin:0 1% 0 0 !important;
	text-align:center;
}

.frmItem .clear{margin:0 !important;}
 
 
 
 
 /*======= FIN FORMULAIRES =======*/








/*======= FICHE TECHNIQUE =======*/
.fiche_technique, .panier_table
{
    margin : 20px 0;
}

.fiche_technique table, .panier_table table
{
    border-spacing : 2px;
    border-collapse : collapse;
    width : 100%;
    border: 1px solid #ffffff;
}

.fiche_technique table td, .panier_table table td
{
    color : #6d191f;
    padding : 6px 10px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    width:30%;
}

.fiche_technique table tr:last-child td{
	border-bottom:none;
}

.fiche_technique table td:last-child{
	border-right:none;
	color : #d9313e;
	font-weight:bold;
}

.fiche_technique table td + td
{
    color : #801e1e;
    width:70%;
}

.fiche_technique h3{
	margin: 0;
}

.panier_table table td
{
    width: auto !important;
}
/*======= FIN FICHE TECHNIQUE =======*/
















/*======= TABLEAU TARIFS =======*/
table.tabAnn{
	border-collapse: collapse;
	width:100%;
}


table.tabAnn th{
	font-weight:700;
	padding: 5px 0;
	background:#433b3d;
}

table.tabAnn tr{
	position:relative; margin:0;
	border-left:1px solid #3d3638;
	transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}


table.tabAnn tr:hover{
	background:#433b3d;
	transition: all 125ms 0ms ease-in; -moz-transition: all 125ms 0ms ease-in; -webkit-transition: all 125ms 0ms ease-in;
}


table.tabAnn td{
	width: 17%; text-align:center;
	padding: 5px; vertical-align:middle;
				
	border-right:1px solid #3d3638;
	
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}


table.tabAnn td+td{width:37%;}

table.tabAnn td+td+td{width:12%;}

table.tabAnn a.image{display:block; width:100%; text-align:center;}

table.tabAnn a.image img{max-width:100%; max-height:80px;}

table.tabAnn h2{
	text-align:center; font-size:1.6em;
}


table.tabAnn h2:hover a{
	color:#231f20; !important;
}
/*======= FIN TABLEAU TARIFS =======*/












/*======= RESPONSIVE =======*/
@media screen and (max-width:1024px){
	
}


@media screen and (max-width:980px){
	/* retrait du footer
	#footer{
		display:none;
	}*/
}


@media screen and (max-width:800px){
	
	/* le grand reset
	.mono .annonce_contenu .txt_contenu{
		float:none; width:auto;
	}
	
	.mono .annonce_contenu .gauche{
		float:none; width:auto;
	}
	
	.mono .annonce_contenu .bt, .mono .annonce_contenu a.bt+a.bt{
		float:none; width:auto; text-align:center;
		margin: 0  0 5px 0 !important
	}
	
	
	#footer #zoneCachee{
		display:none;
	}
	
	.colonne_2, .colonne_2-3, .colonne_1-3, .colonne_3-4, .colonne_1-4, form.contact .colonne_2, form.contact .colonne_2 + .colonne_2{
		width:auto; float:none !important; margin:0 0 20px 0; clear:both;
	}
	
	
	form.floatleft{
		float:none;
	}
	
	form.floatleft > .floatleft{
		float:none;
	}
	
	form{float:none !important; width:auto !important;}
	*/
	

}


@media screen and (max-width:640px){

}


@media screen and (max-width:480px){

}


@media screen and (max-width:320px){

}









/*===== IE8- compat =====*/

body.ie #nav > ul > li > ul, #nav > ul > li > span > ul{
    display:none;
}



body.ie #nav > ul > li:hover > ul, #nav > ul > li:hover > span > ul{
	display:block;
}


body.ie #nav > ul > li{
	display:block; float:left;
}


body.ie form input[type=text], body.ie form textarea, body.ie form select{
	border:1px solid #821d25;
}