/* oO oO oO oO oO oO oO oO oO oO oO oO
--------------------------------------
  v3.2.0  |   STYLE.CSS   | jalis 2k14
--------------------------------------
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:66.666666%; margin: 0;}
.colonne_1-3, .col_1-3{ position:relative;  float:left; width:32.333333%; 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:25%; margin: 0;}
.colonne_40{ position:relative;  float:left; width:39%; margin: 0;}
.colonne_60{ position:relative;  float:left; width:60%; margin: 0;}

.included{
	float:left;
	width:25%;
	margin: 0 10px 0 0;
}


*{
}


::selection {
	background: #716d5d;
	color: #ffffff;
	text-shadow: none !important;

	
}
*::-moz-selection {
	background: #716d5d;
	color: #ffffff;
	text-shadow:none !important;
	
}
*::-webkit-selection {
	background: #716d5d;
	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;
	display:block;
	min-width:950px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;;
	margin:0 auto 0 auto;
}



/***** CONTENU *****/
#contenu, .contenu  {
	position:relative;
	margin: 0;
	padding: 15px;
	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;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 Pro", sans-serif;
    color:#dadada; 
    background:#606060 ;
}


#total_site{
    z-index:2;
}


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



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

h1{
    text-align:right;
    font-size:0.8em;
    text-transform:uppercase;
    color:#938e79;
    padding: 5px;
    position:absolute;
    top:77px; right:10px;
}


h1 a, h1 a:visited{
    color:#52d2db;
}




h2{
    font-family:"Source Sans Pro", sans-serif;
    font-size:2.3em;
    color:#52d2db;
    margin: 0 0 5px 0;
    text-align: left;
    padding:3px 0;
}


h2 a, h2 a:visited{
    
}




h3{
    font-family:"Source Sans Pro", sans-serif;
    font-size:1.8em;
    color:#52d2db;
    margin: 0;
    padding:3px 0;
}


h3 a, h3 a:visited{
    
}


h4{
	font-family:"Source Sans Pro", sans-serif;
    font-size:1.4em;
    color:#52d2db;
}



.txt_contenu{
    font-size:1.05em;
    margin: 0;
}


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


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


a:hover{
    text-decoration:none;
}


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









/*======= DECO SITE =======*/
#deco_site{
    position:fixed;
    top:0; left:0; z-index:1;
    width:100%; height:100%;
}
/*===== FIN DECO SITE =======*/












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

#header
{
    position:relative; z-index:3; padding:0;
    background:url(../images/interface/back_black_65.png);
    background:rgba(0,0,0,0.7);
    border-bottom:1px solid #52d2db;
}


#header > .centrage{
	z-index:2;
	text-align:left;
	background:url(../images/interface/slogan.png) no-repeat 0px 5px;
}



#logo
{
    position:relative; z-index:2; display:block;
    padding: 5px 0 15px 0;
}

#logo > img{
	display:block;
	width:217px;
	max-width:100%;
}

#tel{
	position:absolute; z-index: 4; 
	top:43px; right:0; display:block;
	padding: 5px 15px 5px 45px;
	
	background: url(../images/interface/ico_tel.svg) no-repeat 15px center;
	background-size: auto 25px;
}


#tel > span{
	display:block;
	padding: 2px 10px;
	border-radius:3px;
	background:#52d2db;background:-webkit-linear-gradient(top,#52d2db,#399399);background:-moz-linear-gradient(top,#52d2db,#399399);background:-ms-linear-gradient(top,#52d2db,#399399);background:-o-linear-gradient(top,#52d2db,#399399);background:linear-gradient(top,#52d2db,#399399);;
	color:#000000;
	font-weight:700;
	font-size:1.5em;
}


#nav2{
	position:absolute; z-index:98;
	top:0; right:0;
	padding: 0 0 0 100px;
	background:url(../images/interface/back_nav_2.png) repeat-y;
	background-size:100% auto;
}


#nav2 > a{
	display:inline-block;
	letter-spacing:2px;
	color:#ffffff;
	margin: 0;
	padding: 3px 20px;
	font-size:15px;
}

#nav2 > a:hover, #nav2 > a.active{
	color:#ffffff;
	background:#399399;
}

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




















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

#nav
{
    position:relative; z-index:4;
    background:url(../images/interface/back_bleu.png);
    background:rgba(82,210,219,0.5);
}

body.scrolled #nav{
	position:fixed;
	width:100%; min-width:950px;
	top:0; left:0;
	background:#42a8af;
}
body.scrolled #header{
	margin-bottom:30px;
}

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


#nav > ul > li
{
    position:relative;
	z-index:1;
    display:block;
    float:left;
    text-align:left;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;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: 5px 36px; margin: 0;
    font-family:"Source Sans Pro", sans-serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#000000;
    text-shadow:0px 1px 0 rgba(255,255,255,0.15);
	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;	
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function: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:#52d2db;
	background:#000000;
	text-shadow:0px -1px 0 rgba(0,0,0,0.15);
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}



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


#nav > ul > li > a.spe{
	background:#ffffff;
	color:#52d2db;
	text-shadow:none;
}





/*Sous Menu CSS only*/
#nav > ul > li > ul, #nav > ul > li > span > ul{
    background: #000000;
    top:-22%; width:100%; left:0;
    opacity:0; visibility:hidden; 
    
    position:absolute; z-index:2;
    overflow:hidden;
    
    -webkit-transition-property:all;-webkit-transition-duration:125ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in;-moz-transition-property:all;-moz-transition-duration:125ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in;-ms-transition-property:all;-ms-transition-duration:125ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in;-o-transition-property:all;-o-transition-duration:125ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in;transition-property:all;transition-duration:125ms;transition-delay:0ms;transition-timing-function:ease-in;}



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


#nav > ul > li:active > ul, #nav > ul > li:active > span > ul{
	opacity:1
	-webkit-transition-property:opacity;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-out;-moz-transition-property:opacity;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-out;-ms-transition-property:opacity;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-out;-o-transition-property:opacity;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-out;transition-property:opacity;transition-duration:225ms;transition-delay:0ms;transition-timing-function: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:"Source Sans Pro", sans-serif;
    color:#ffffff;
    
    font-size:1.1em;
    text-transform:uppercase;
    
	-webkit-transition-property:all;-webkit-transition-duration:125ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in;-moz-transition-property:all;-moz-transition-duration:125ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in;-ms-transition-property:all;-ms-transition-duration:125ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in;-o-transition-property:all;-o-transition-duration:125ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in;transition-property:all;transition-duration:125ms;transition-delay:0ms;transition-timing-function: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:#ffffff;
	background:#52d2db;
	
	-webkit-transition-property:all;-webkit-transition-duration:125ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in;-moz-transition-property:all;-moz-transition-duration:125ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in;-ms-transition-property:all;-ms-transition-duration:125ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in;-o-transition-property:all;-o-transition-duration:125ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in;transition-property:all;transition-duration:125ms;transition-delay:0ms;transition-timing-function: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;
}

.img_medium2{
	background-size:contain !important;
}


.miniatures{
	position:relative;
	margin: 0 0 0 0;
	padding: 5px;
	background:url(../images/interface/back_blakc_65.png);
	background:rgba(0,0,0,0.7);
}

.images{
	position:relative;
}

.images > .miniatures{
	position:absolute;
	top:5px;
	left:5px;
	z-index:2;
	width:150px;
}

.images > .img{
	z-index:1;
}

.miniatures .img_medium{
	margin: 0 0 0 0;
}

.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;
	height:230px;
}

.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 5px;
	
	text-align :center;
	font-size:2em;
	font-weight:700;
	color:#ffffff;
	text-transform:uppercase;
	
	box-shadow: 0px 2px 3px rgba(0,0,0,0.35);
	
	background:#52d2db;
}


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





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;
}


.bloc{
	padding: 10px;
	margin: 0 0 30px 0;
	position:relative;
	background:url(../images/interface/back_black_65.png);
	background:rgba(0,0,0,0.7);
}

.bloc .txt_contenu{
	border-left:3px solid #48463d;
	border-left-color:rgba(255,255,255,0.2);
	padding-left:10px;
	margin-left:5px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;;
}









/*===== CHEQUE CADEAU =====*/
/* MODIFS SYLVAIN BON CADEAU 20130612 */
button.bt.full {
	border: 0;
	width: 100%;
}
.gift_empty {
	background-color:red;
}

#cheque {
	position:relative;
	width:610px;
	width:calc(100% - 280px);
	margin: 0;
	margin-left: 230px;
	height:288px;
	background-image: url(../site/images/boncadeau_affichage2.jpg);
	background-repeat:no-repeat;
	background-size: contain;
	font-size: 13px;
	color: #103e6a;
	font-family:sans-serif;
}

#cheque > div, #cheque > span{ z-index:70; display:block; position:absolute;}

#cheq_form
{
	float: left;
}








/* 20130702 PERSO CHEQUE CADEAU PIERRE*/


/*formulaire*/

#cheq_form{
	background-color:#ffffff;
	
	width:280px;
}



#cheq_form .flash_info{
	background:none;
	box-shadow:none;
	margin:0;
}


#cheq_form .flash_info li{
	margin: 10px 0 0 0;
	padding:7px 5px 5px 5px;
	border:none;
	background:#f0f0f0;
	
	border-radius: 10px;
}


#cheq_form .flash_info li h4{
	border-radius: 5px 5px 0 0;
}

#cheq_form .bt{
	border-radius:5px;
}


#cheq_form input[type=text], #cheq_form select, #cheq_form input[type=email], #cheq_form textarea{
	border: 1px solid #e4e4e4;
	background:#fafafa;
	border-radius: 3px;
}







#cheque{
	background-color:#52d2db;
	background-image:url(../images/boncadeau_fond_web.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size:100% auto;

	margin:0; float:left;
	border-left: 1px solid #fffffa;
	
	padding: 100px 10px 10px 10px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	color:#000000;
}


#cheque h3{
	margin:0;
}


#cheque > ul{
	padding: 5px;
}


#cheque li{
	display:block;
	width:55%;
	margin: 10px;
}



#cheque li.infos{
	position:absolute;
	top:10px; right:5px;
	text-align:right;
	
	text-shadow: 0px -1px 0 rgba(255,255,255,0.15);
}


#cheque li.infos h3{
	color:#000000; text-align:right;
	font-size:1.35em
}

#cheque li.infos > span{
	display:block;
	padding: 0 10px 0 0;
}




#cheque li.presta{
	font-family:"Source Sans Pro", sans-serif;
	font-size:1.35em;
}





#cheque li.fin{
	text-align:center;
	padding: 5px;
	background:#42a8af;
	font-style: italic;
	
	margin: 30px 0 0 0;
	
	border-radius:10px;
	font-size:0.85em;
}



#cheque li.benef{
	font-family:"Source Sans Pro", sans-serif;
	font-size:1.35em;
	margin-bottom:20px;
}



.cheq_prestation{
	font-family:sans-serif;
	font-size:0.7em;
	font-style:italic;
	
	margin: 3px 0 0 0;
}




.gift_empty + span{
	display:none;
}
/*======= FIN CONTENU =======*/














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

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

/*Formatage par d�faut d'une annonce*/
.annonce
{
    position:relative;
    margin: 0 0 20px 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;}



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

.annonce h2 a, .annonce h2 a:visited
{
    display:block;
    color : #52d2db; 
    text-decoration : none;
    font-weight:normal !important;
    
    -webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function: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;}


.annonce_contenu{
    position:relative;
    text-align:justify;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function: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:#fdf4d0;
    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 Pro", sans-serif;
}













.annonce.spe{
	
}

.annonce.spe .gauche{
	padding:3px;
	background:url(../images/interface/back_black_65.png);
	background:rgba(0,0,0,0.7);
	width:auto;
	float:none;
	margin:0;
	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;;
}


.annonce.spe .gauche h2{
	position:absolute;
	bottom:10px;
	right:0;
	background:#000000;
	padding: 0 5px;
	font-size:2em;
}


.annonce.spe .panneau{
	opacity:0;
	-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px);}

.annonce.spe .txt_contenu{
	position:absolute;
	top:0; right:0;
	width:100%;
	z-index:1;
	opacity:0;
	
	padding:6px;
	background:url(../images/interface/back_black_65.png);
	background:rgba(0,0,0,0.7);
	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;;
}

.annonce.spe .txt_contenu .bt{
	margin: 5px 0 0 5px;
	opacity:0;
	-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;;
}

.annonce.spe:hover .txt_contenu{
	right:100%;
	opacity:1;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;;
}


.annonce.spe:hover .panneau{
	opacity:1;
	-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;;
}

.annonce.spe:hover .txt_contenu .bt{
	opacity:1;
	-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:175ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:175ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:175ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:175ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:175ms;transition-timing-function:ease-in-out;;
}










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



.mono .annonce{
	padding:0px; 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{
	width: 103%; left:-1.5%;
}


.fx .annonce{
	float:left; 
	width:30.33%; 
	margin:1.5%; 
	overflow:hidden;
}




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



.fx .annonce:hover h2 a{
	color:#3f3d34 !important;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}




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

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

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





/*annonces std*/
.fx .annonce .gauche{
	float:none; width:auto; margin:0;
}




/* liens utiles */

.lu .annonce{
	width: 48%;
	margin: 1%;
	float:left;
	padding: 5px;
	background:url(../images/interface/back_black_65.png);
	background:rgba(0,0,0,0.7);
	
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

.lu .img_medium2{
	width:10%; height:90px;
	margin: 0 5px 10px 0;
	background-position: top center !important;
}















/* Pagination */
.pPage{
    margin: 20px 0 15px 0;
    padding: 5px 10px;
    color: #ffffff; 
    font-weight:400; letter-spacing:1px;
    text-transform:uppercase;
    line-height:21px;
    border-bottom:1px solid #716d5d; 
}

.ligne_annonce + .pPage, .annonce.spe + .pPage{
	border-bottom:none;
	border-top:1px solid #716d5d; 
}

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

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

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


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


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












/*======= FLASH INFO =======*/
.flash_info {
    padding:8px;
	margin: 0 0 15px 0;
    background:#fdf4d0;
    position:relative;
    color:#4d4d4d;
    
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}


/*formatage du titre*/
.flash_info h2{
	font-size:1.55em;
}

.flash_info h3{
	 font-size:1.55em;
	 margin:0 0 5px 0; text-align:center;
}

.flash_info h3, .flash_info h3 a, .flash_info h3{
	color:#52d2db;
}

.flash_info h3 a:hover{
    
}

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

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


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









/*======= ADRESSE =======*/
.adresse{
	position:relative;
	margin: 0 0 30px 15px;
	padding: 0 0 0 10px;
	border-left:3px solid #606060;
	border-left-color:rgba(255,255,255,0.2);
	color:#ffffff;
	font-size:16px;
	 -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

ul.adresse a{
	color:#ffffff;
	font-size:1.3em;
}

ul.adresse li{
	display:block;
	padding: 5px 0;
}

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

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

ul.adresse a.bt{
	font-size:1em;
	margin: 10px 0 0 0;
}


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









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

/*boutons*/

.bt, .bt:visited{
    display:block; position:relative; float:left;
    
    padding: 7px 15px;
	margin: 0 3px 0 0;
    background: #52d2db;
	
	font-family:"Source Sans Pro", sans-serif;
	
    color:#ffffff !important;
    text-transform:uppercase;
    font-size:1em;
    font-weight:normal !important;
    
    cursor: pointer;
    
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;        
    -webkit-transition-property:all;-webkit-transition-duration:250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in;-moz-transition-property:all;-moz-transition-duration:250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in;-ms-transition-property:all;-ms-transition-duration:250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in;-o-transition-property:all;-o-transition-duration:250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in;transition-property:all;transition-duration:250ms;transition-delay:0ms;transition-timing-function:ease-in;}


.bt:hover{
    background: #42a8af;
    color:#ffffff !important;
    text-decoration:none !important;
    
    -webkit-transition-property:all;-webkit-transition-duration:250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-out;-moz-transition-property:all;-moz-transition-duration:250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-out;-ms-transition-property:all;-ms-transition-duration:250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-out;-o-transition-property:all;-o-transition-duration:250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-out;transition-property:all;transition-duration:250ms;transition-delay:0ms;transition-timing-function:ease-out;}

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


.bt.alt{
	background: #716d5d;
	color:#ffffff !important;
}

.bt.alt:hover{
	background: #5a574a;
	color:#ffffff !important;
}


.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;
}

/* boutons fiche*/
.fiche .bts{
	float:none;
	margin: 0 0 10px 0;
}

/* encart social fiche */

#social{
	position:relative;
	float:right;
	margin: 0 0 5px 10px;
	border-radius:0 3px 3px 0;
	background:url(../images/interface/back_black_65.png);
	background:rgba(60,60,60,0.8);
	padding: 0;
}


.floatright > #social{
	/*right:auto;
	left:100%;*/
}

#social a{
	display:block;
	padding: 8px 10px;
	width:23px;
}

#social a > img{
	display:block;
	width:100%;
}

#social > a:first-child{
	border-radius: 3px 0 0 0;
}

#social > a:last-child{
	border-radius: 0px 0px 0 3px;
}

#social a:hover{
	background:#52d2db;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


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














/*====== SLIDESHOW ====== */


/* SLIDESHOW (SLIDER) */
.slideshow{
	position:relative; height:400px; margin: 0 0 0 0;
	overflow:hidden; z-index:1;
}

.slideshow .slide > span{
    position:absolute; max-width:32.333333%;
    display:block;
    background:url(../images/interface/back_black_50.png);
    background:rgba(0,0,0,0.5);
    right:0; bottom:50px; z-index:2; text-align:right;
    padding:5px;
    font-size:1em; color:#dadada;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}


.slideshow:hover >  .slide.active > span{
	background:url(../images/interface/back_black_85.png);
	background:rgba(0,0,0,0.85);
	-webkit-transform:scale(1.04);-webkit-transform-origin:center right;-moz-transform:scale(1.04);-moz-transform-origin:center right;-ms-transform:scale(1.04);-ms-transform-origin:center right;-o-transform:scale(1.04);-o-transform-origin:center right;transform:scale(1.04);transform-origin:center right;	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

.slideshow:hover .slide.active > span > span{
	color:#52d2db;
	-webkit-transition-property:background;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:background;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:background;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:background;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:background;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;;
}

.slideshow .slide > span > h3{
    display:block; color:#52d2db; 
    font-size:2em;
    font-family:"Source Sans Pro", sans-serif;
    text-align:right; margin:0;
}

.slideshow .slide > span > span{
	display:block;
	text-align:right;
	margin: 5px 0;
	color:darker;
}

.exemple_bt_slideshow{
	display:none;
}


.bts_slideshow{
	position:relative;
	z-index:2;
	margin: -30px 0 30px 0;
	text-align:center;
}

.bts_slideshow > span.bt_slideshow{
	display:inline-block;
	position:relative;
	cursor:pointer;
	box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	
	width:20px; height:20px;
	line-height:20px;
	
	background:#716d5d;
	color:#ffffff;
	
	text-align:center;
	font-weight:bold;font-size:10px;
	
	border-radius:20px;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

.bts_slideshow > span.bt_slideshow:hover{
	background:#5a574a;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.bts_slideshow > span.bt_slideshow.active{
	background:#52d2db;
	-webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}



/*DIAPORAMA SLIDESHOW*/

#bloc_diaporama{
	position:relative;
	z-index:1;
	height:100%;
	overflow:hidden;
	border-bottom: 1px solid #ffffff;
}


#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;
	background:url(../images/interface/back_black_50.png);
	background:rgba(0,0,0,0.5);
}


.diaporama{
	position:relative;
	height:420px;
	overflow:hidden;
	margin: 0 0 30px 0;
}


.diaporama_page{
	position:relative;
	height:420px;
	overflow:hidden;
	margin: 0 0 30px 0;
}

.diaporama_page .slide{
	background-size:contain !important;
	background-position : top center !important;
}







/*====== TRANSITIONS SLIDESHOW ======*/

/*transition de base*/

.slide{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background:transparent;
	z-index:1;
	opacity:0;
	-webkit-transition-property:opacity;-webkit-transition-duration:0ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:0ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:0ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:0ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:0ms;transition-delay:0ms;transition-timing-function:ease-in-out;}




.slide.init{
	opacity:0.99;
}


.slide.rolling{
	z-index:998;
	opacity:0.9;
	-webkit-transition-property:opacity;-webkit-transition-duration:2500ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:2500ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:2500ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:2500ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:2500ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slide.active{
	opacity:1;
	-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:200ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:200ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:200ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:200ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

.slide.unactive{
	opacity:0.1;
	-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:200ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:200ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:200ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:200ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slide.apres{
	opacity:0;
	-webkit-transition-property:opacity;-webkit-transition-duration:2500ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:2500ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:2500ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:2500ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:2500ms;transition-delay:0ms;transition-timing-function:ease-in-out;}




/*diaporama fond*/

#diaporama .slide{
	background-attachment: fixed !important;
	top:100%;
	left:0;
	opacity:1;
}

#diaporama .slide.init{
	left:0;
	top:0;
	opacity:1;
}


#diaporama .slide.rolling{
	z-index:998;
	top:0;
	opacity:1;
	-webkit-transition-property:top;-webkit-transition-duration:1225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-out;-moz-transition-property:top;-moz-transition-duration:1225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-out;-ms-transition-property:top;-ms-transition-duration:1225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-out;-o-transition-property:top;-o-transition-duration:1225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-out;transition-property:top;transition-duration:1225ms;transition-delay:0ms;transition-timing-function:ease-out;}


#diaporama .slide.active{
	opacity:1;
}

#diaporama .slide.unactive{
	opacity:1;
}


#diaporama .slide.apres{
	top:-100%;
	opacity:1;
	-webkit-transition-property:top;-webkit-transition-duration:1225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-out;-moz-transition-property:top;-moz-transition-duration:1225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-out;-ms-transition-property:top;-ms-transition-duration:1225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-out;-o-transition-property:top;-o-transition-duration:1225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-out;transition-property:top;transition-duration:1225ms;transition-delay:0ms;transition-timing-function:ease-out;}





/* slideshow */
.slideshow .slide{
	position:absolute;
	width:100%; height:100%;
	top:-100%; left:100%;
	background:#990000;
	z-index:1;
	opacity:0.49;
	-webkit-transition-property:left;-webkit-transition-duration:0ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:left;-moz-transition-duration:0ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:left;-ms-transition-duration:0ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:left;-o-transition-duration:0ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:left;transition-duration:0ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slideshow .slide.init{
	left:0;
	top:0;
}


.slideshow .slide.rolling{
	left:0;
	top:0;
	z-index:998;
	opacity:1;
	-webkit-transition-property:left, opacity;-webkit-transition-duration:1250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:left, opacity;-moz-transition-duration:1250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:left, opacity;-ms-transition-duration:1250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:left, opacity;-o-transition-duration:1250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:left, opacity;transition-duration:1250ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slideshow .slide.active{
	opacity:1;
	-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:200ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:200ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:200ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:200ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

.slideshow .slide.unactive{
	opacity:0.5;
	-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:200ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:200ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:200ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:200ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slideshow .slide.apres{
	left:-100%;
	top:0;
	-webkit-transition-property:left, opacity;-webkit-transition-duration:1250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:left, opacity;-moz-transition-duration:1250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:left, opacity;-ms-transition-duration:1250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:left, opacity;-o-transition-duration:1250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:left, opacity;transition-duration:1250ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


/*pour le retour en arriere*/


.slideshow.previous .slide{
	top:-100%; left:-100%;
	-webkit-transition-property:left;-webkit-transition-duration:0ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:left;-moz-transition-duration:0ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:left;-ms-transition-duration:0ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:left;-o-transition-duration:0ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:left;transition-duration:0ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slideshow.previous .slide.init{
	left:0;
	top:0;
	/*-webkit-transition-property:left;-webkit-transition-duration:0ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:left;-moz-transition-duration:0ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:left;-ms-transition-duration:0ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:left;-o-transition-duration:0ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:left;transition-duration:0ms;transition-delay:0ms;transition-timing-function:ease-in-out;*/
}


.slideshow.previous .slide.rolling{
	left:0;
	top:0;
	z-index:999;
	-webkit-transition-property:left;-webkit-transition-duration:1250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:left;-moz-transition-duration:1250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:left;-ms-transition-duration:1250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:left;-o-transition-duration:1250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:left;transition-duration:1250ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slideshow.previous .slide.active{
	opacity:1;
	-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:200ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:200ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:200ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:200ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

.slideshow.previous .slide.unactive{
	opacity:0.5;
	-webkit-transition-property:opacity;-webkit-transition-duration:200ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:opacity;-moz-transition-duration:200ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:opacity;-ms-transition-duration:200ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:opacity;-o-transition-duration:200ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:opacity;transition-duration:200ms;transition-delay:0ms;transition-timing-function:ease-in-out;}


.slideshow.previous .slide.apres{
	left:100%;
	top:0;
	-webkit-transition-property:all;-webkit-transition-duration:1250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:1250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:1250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:1250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:1250ms;transition-delay:0ms;transition-timing-function:ease-in-out;}






















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

/* style general*/
#footer{
    position:fixed; z-index:3;
    width:100%; bottom:0;
    color:#c6bfa3;
    background:url(../images/interface/back_black_65.png);
    background:rgba(0,0,0,0.65);
    font-size:13px;
    
    border-top:1px solid #606060;
    
    -webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

#footer:hover{   
	background:url(../images/interface/back_black_85.png);
    background:rgba(0,0,0,0.85);
    border-color:#52d2db;
    -webkit-transition-property:all;-webkit-transition-duration:225ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-property:all;-moz-transition-duration:225ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in-out;-ms-transition-property:all;-ms-transition-duration:225ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in-out;-o-transition-property:all;-o-transition-duration:225ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in-out;transition-property:all;transition-duration:225ms;transition-delay:0ms;transition-timing-function:ease-in-out;}

/* dans le centrage */
#footer > .centrage{
    
}

/* 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;
    padding: 8px 68px 8px 127px;
}

/*zone referencement*/
#zoneCachee{
    position:relative;
    height:0px; overflow:hidden;
     -webkit-transition-property:height;-webkit-transition-duration:250ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in;-moz-transition-property:height;-moz-transition-duration:250ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in;-ms-transition-property:height;-ms-transition-duration:250ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in;-o-transition-property:height;-o-transition-duration:250ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in;transition-property:height;transition-duration:250ms;transition-delay:0ms;transition-timing-function:ease-in;}

/*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 Pro", sans-serif; font-weight:300;;
    color:#c6bfa3;
    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 : #aaa48c !important;
    text-decoration : none;
    border-left:0px solid transparent;
    -webkit-transition-property:all;-webkit-transition-duration:125ms;-webkit-transition-delay:0ms;-webkit-transition-timing-function:ease-in;-moz-transition-property:all;-moz-transition-duration:125ms;-moz-transition-delay:0ms;-moz-transition-timing-function:ease-in;-ms-transition-property:all;-ms-transition-duration:125ms;-ms-transition-delay:0ms;-ms-transition-timing-function:ease-in;-o-transition-property:all;-o-transition-duration:125ms;-o-transition-delay:0ms;-o-transition-timing-function:ease-in;transition-property:all;transition-duration:125ms;transition-delay:0ms;transition-timing-function:ease-in;}

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

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






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

 form input[type=text], form textarea, form select, form input[type=password], form input[type=email]{
    position:relative;
    width:100%; padding: 5px; margin: 0 0 5px 0;
    background:#b0b0b0;
    border:1px solid #cbc4a7;
    color:#303030;
    font-family:"Source Sans Pro", sans-serif; font-size:1em;
    outline:0;
    font-size:1em;
    border-radius: 3px;
    			
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; }
 
 form input[type=text]:focus, form textarea:focus, form select:focus, form input[type=password]:focus, form input[type=email]:focus{
    background:#ffffff;
    color:#3d3d3d;
    border-color:#b5ae95;
 }
 
 
 
 
 /*formulaire page contact*/
 form.contact{
 	padding: 5px;
 	background:url(../images/interface/back_black_65.png);
 	background:rgba(0,0,0,0.7);
 }
 
  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;
}

 /*======= 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 : #303030;
    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 : #52d2db;
	font-weight:bold;
}

.fiche_technique table td + td
{
    color : #7f7a68;
    width:70%;
}

.fiche_technique h3{
	margin: 0;
}

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


















/*======= RESPONSIVE =======*/
@media screen and (max-width:1280px){
	.colonne_2.spe{
		float:none;
		margin: 0 0 30px 0;
		width:auto;
	}
}


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


@media screen and (max-width:800px){
	
	/* le grand reset 
	
	
	
	#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;
	}
	
	
	.img.laius{
		width:35%;
	}
	
	
	form.floatleft{
		float:none;
	}
	
	form.floatleft > .floatleft{
		float:none;
	}
	
	form{float:none !important; width:auto !important;}
	
	
	.lu .img_medium2{
		width:20%;	
	}
	*/

}


@media screen and (max-width:640px){
	/* les annonces
	.fx .annonce{
		float:none;
		margin:0 0 30px 0;
		width:auto;
	}
	
	
	.mono .annonce{
		margin: 0 0 30px 0;
	}
	
	.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
	}
	*/
	
}


@media screen and (max-width:480px){
	/*
	.img.laius{
		width:auto;
		float:none;
		margin: 0 0 30px 0;
	}
	*/
	
}


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

}









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

body.ie.ie8 .colonne_2.spe{
	float:none;
	margin: 0 0 30px 0;
	width:auto;
}


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



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


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


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