/* oO oO oO oO oO oO oO oO oO oO oO oO
--------------------------------------
  v3.2.1  |   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{}
/***** 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%; width:calc(50% - 7px); margin: 0;}
.colonne_3, .col_3{ position:relative;  float:left; width:32.333333%; width:calc(33.333333% - 7px); margin: 0;}
.colonne_4, .col_4{ position:relative;  float:left; width:24%; width:calc(25%-7px); margin: 0;}
.colonne_2-3, .col_2-3{ position:relative;  float:left; width:65.666666%; width:calc(66.666666% - 7px); margin: 0;}
.colonne_1-3, .col_1-3{ position:relative;  float:left; width:32.333333%; width:calc(33.333333% - 7px); margin: 0;}
.colonne_3-4, .col_3-4{ position:relative;  float:left; width:74%; width:calc(75% - 7px); margin: 0;}
.colonne_1-4, .col_1-4{ position:relative;  float:left; width:24%; width:calc(25% - 7px); margin: 0;}
.colonne_40{ position:relative;  float:left; width:39%; width:calc(40% - 7px); margin: 0;}
.colonne_60{ position:relative;  float:left; width:59%; width:calc(60% - 7px); margin: 0;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clear:before,
.clear:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}

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


*{
}


::selection {
	background: rgb(0,159,227);
	color: rgb(255,255,255);
	text-shadow: none !important;

	
}
*::-moz-selection {
	background: rgb(128,128,128);
	color: rgb(255,255,255);
	text-shadow:none !important;
	
}
*::-webkit-selection {
	background: rgb(128,128,128);
	color: rgb(255,255,255);
	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;
	width:950px;
	/*width:75%;
	min-width:950px;*/
	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: open-sans, Arial, sans-serif;
    color: #000000; 
    background: #ffea32  url(https://869e5b.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/fd_site.jpg) bottom right no-repeat;

    background-attachment: fixed;

	
}


#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: #000000;
    padding: 5px;
}


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




h2{
    font-family:"QuestrialRegular", sans-serif;
    font-size:2.6em;
    color: #E20909;
    margin: 0 0 10px 0;
    text-align: left;
    padding:3px 0;
}


h2 a, h2 a:visited{
    
}




h3{
    font-family:"QuestrialRegular", sans-serif;
    font-size:1.8em;
    color: #E20909;
    margin: 0;
}


h3 a, h3 a:visited{
    
}


h4{
	font-family:"QuestrialRegular", sans-serif;
    font-size:1.4em;
    color: #E20909;
}



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


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


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


a:hover{
    text-decoration:none;
}


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









/*======= DECO SITE =======*/
#deco_site{
    position: absolute;
    top:50px; left:0; 
	z-index:1;
    width:100%; 
	height: 110px;
	
	background: url(https://4e8c15.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/deco_site.jpg) top left repeat-x;
}

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







#fb{
	z-index:999;
	position: absolute;
	top: 0px;
	right:  0px;
				

}





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


#acc{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	


	padding: 0px 0px 0px 0px;

    background:transparent;
}


.bloc{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 48%;
	height: 200px;	

	padding: 0px 0px 0px 0px;
    margin: 0px 1% 15px 1%;
}

.bloc span{
	z-index: 2;
	position: absolute;

	top: 0px;
	left:0px;

	height: auto;
	width: 100%;
	
	padding: 5px;
	font-size: 18px;	
	
	color: #ffea32;
	text-align: center;
	background: url(https://06f577.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_black_65.png) repeat;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;		
		


}

.bloc:hover span{
	padding: 15px 5px 15px 5px;

	background: #000000;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;



}




#header{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background:transparent;
}


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



#logo{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;	

	padding: 0px 0px 0px 0px;
    margin: 25px 0px 15px 0px;
	
	text-align: center;


}

#logo > img{
	float: none;

}


#slogan{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height:  auto;	
	
	font-size: 25px;
	font-weight: 700;
	color: #E20909;
	text-align: center;	
	font-weight: 700;
	margin: 25px 0px 0px 0px;	


}

#www{
	z-index: 2;
	position: absolute;

	top: 15px;
	left:0px;

	height: auto;
	width: 100%;
	
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	text-align: center;
	font-weight: 400;
	letter-spacing: 3px;

}

#tel, #fax{
	z-index:3; 
    position: relative;

	float: left;
	display: inline-block;

	width: auto;
	height: 50px;
	line-height: 50px;
	
	font-size: 25px;
	font-weight: 700;
	color: #000000;
	text-align: left;	
	font-weight: 700;	

}


#fax{
	float: right;
	text-align: right;	
}

#tel span, #fax span{

	font-weight: 100;	

}



#decoDroite{
	z-index: 2;
	position: absolute;

	top: 45px;
	right: -50px;
	

}

#decoGauche{
	z-index: 2;
	position: absolute;

	top: 45px;
	left: -50px;
	

}

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




















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

#nav{
	z-index: 800; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	

	padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
    background:transparent;


    background: url(https://3d8a50.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/fd_nav.png) center left repeat-x;
}

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


#nav > ul > li{
    position:relative;
	z-index:1;
    display:inline-block;
    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{
	z-index: 800; 
	
    display : block; position:relative; 
	
    padding: 10px 40px; margin: 0;
    font-size:1.5em;
    color: #000000;
	background: url(https://965d6f.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/puce_noir.png) right center no-repeat;
		
	
	
	-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{
		z-index: 800; 
	color: #ffffff;
	background: #e20909 url(https://280222.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/puce_blanc.png) right center no-repeat;
	-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;
}






/*Sous Menu CSS only*/
#nav > ul > li > ul, #nav > ul > li > span > ul{
	z-index: 800; 
    background:  #e20909;
    top:-22%; width:100%; left:0;
    opacity:0; visibility:hidden; 
    
    position:absolute; 
    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{
	z-index: 800; 
    display:block; position:relative;
    padding: 5px 10px;
    text-align:center;
    
    font-family:"QuestrialRegular", sans-serif;
    color:rgb(255,255,255);
    
    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: #E20909;
	background:rgb(255,255,255);
	
	-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{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: 200px;	


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background:transparent;



}



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

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


.miniatures{
	position:relative;
}

.miniatures .img_medium{
	margin: 0 0.5% 0.5% 0; height: 57px; width: 19%; 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%;
	width: calc(50% - 7px);
	margin:0 7px 0 0;
	float:left;
	height:230px;
}

.img_medium.accueil+.img_medium.accueil{
	margin:0 0 0 7px; 
}



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




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;
}
/*======= FIN CONTENU =======*/














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

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

/*Formatage par defaut 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;
}

.annonce h2 a, .annonce h2 a:visited
{
    display:block;
    color : rgb(112,112,112); 
    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: 49%; margin: 0 2% 0 0;
}

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


.annonce_contenu .img_medium{
    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{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

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

/*detail (prix, ref...)*/
.detail{
    padding:3px; 
    background:rgb(13,127,182);
    font-size:1.2em;
    font-weight:bolder;
    color:#fff;
    text-align:center;
    margin: 10px 0 0 0;
}

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

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










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



.mono .annonce{
	padding:0px; margin:0;
	background: url(https://44d329.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_white_35.png) repeat;
	
    -webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
	
}


.mono .annonce .gauche{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 49%;
	height: auto;	
	
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}


.mono .annonce .annonce_contenu{
	z-index:3; 
    position: relative;

	float: right;
	display: block;

	width: 49%;
	height: auto;
	padding: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			
	
	
	
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}


.mono .annonce_contenu .txt_contenu {
    margin: 0px 0px 15px 0px;
}

.mono .annonce h2{
	font-size:2em;
	padding: 0px 15px 0px 0px;
	margin: 15px 0px 15px 0px;
}


.mono .annonce:hover{
	background: url(https://eda58e.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_white_65.png) repeat;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
}

.mono .bts .bt{
	float: left;
	padding: 10px 30px 10px 30px;
}

.mono .annonce_contenu .bts .bt+.bt {
    float: right;
	border: 2px solid #000000;

}

.mono .annonce h2 a, .mono .annonce h2 a:visited {
	color: #E1001E;

}





.fx .wrapImg{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	

	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background:transparent;	
	
	

}



.fx .annonce_contenu .txt_contenu{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background:transparent;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			

}


.fx .wrapTxt .txt_contenu{
	color: #ffffff;
		

}

.wrapTxt{
	opacity: 0;
	z-index: 2;
	position: absolute;

	top: -15px;
	left: -15px;


	height: 100%;
	width: 100%;
	
	background: url(https://0b9540.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_black_85.png) ;
	padding: 5px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */		
	
	
		
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}

.annonce:hover .wrapTxt{
	opacity: 1;
	position: absolute;

	top: 0px;
	left:0px;

	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;	

}


.txtPro{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;
	
	color: #ffffff;	


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background:transparent;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			


}



.fx{
	width: 100%; 
}


.fx .annonce{
	float:left; 
	width: 24%; 
	margin: 0px 1% 0px 0px;	 
	overflow:hidden;
	padding: 5px;
	
	
	border: 1px solid #F3E9D5;
	background: #ffffff;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
	
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;		
	
	
}

.fx .annonce:hover{
	border: 1px solid #0C4682;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
	
}


.fx .annonce_contenu .img_medium{
	height: 160px;
	margin: 0px 0px 0px 0px;

}





.fx .annonce h2{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	
	
	font-size: 1.4em;
	font-weight: 700;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
	text-align: left;

}



.fx .annonce h2 a{
	color: #0C4682 !important;
	padding: 0px 0px 5px 0px;

	transition: all 225ms 0ms ease-in-out; -moz-transition: all 225ms 0ms ease-in-out; -webkit-transition: all 225ms 0ms ease-in-out;
}

.marque{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	

	padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
	
	font-size: 1em;
	font-weight: 300;
	color: #A0A0A0;
	text-align: left;	
	


}





.fx .annonce .img_medium2{
	float: left; width:100%; 
	height: 160px;
	border-bottom: 1px solid #E9E9E9 ;
	margin: 0px 0px 10px 0px;
}

.fx .annonce .panneau.rotok{

}

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








/*annonces std*/
.fx .annonce .gauche{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: auto;
	height: auto;


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}












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


.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(https://25b98b.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/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;
}




#colGauche .fx .annonce{
	width: 100%; 

	
}












/* TETRIS & LIENS UTILES */

.lu .annonce{
	padding: 3px;
	background:rgb(224,224,224);
	margin: 0 0 15px 0;
	z-index:1;
}

.lu .annonce:hover{
	z-index:99;
}

.lu .annonce h2{
	text-align:center;
}

.lu .annonce .txt_contenu{
	position:absolute;
	top:0; left:0;
	z-index:2;
	width:100%;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.85);
	padding: 5px;
	
	opacity: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;	-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;;
}

.lu .annonce .txt_contenu .bt{
	margin: 5px 0 0 0;
}


.lu .annonce:hover .txt_contenu{
	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;;
}


.tetris{
	position:relative;
	float:left;
	width:24%;
	width:calc(25% - 7px);
	margin:0px 7px 0 0;
}













/* Pagination */
.pPage{
    margin: 15px 0;
    padding: 5px 10px;
    color: #000000; 
    font-weight:400; letter-spacing:1px;
    text-transform:uppercase;
    line-height:21px;
	background: url(https://44d329.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_white_35.png) repeat; 
    border-bottom:1px solid rgb(230,230,230); 
	
}

.ligne_annonce + .pPage, .ligne_annonce + .clear + .pPage{
	border-bottom:none;
	border-top:1px solid rgb(230,230,230); 
}

/*page actuelle*/
.pPage span{
    padding : 2px 5px;
    background : #E1001E;
    color : rgb(255,255,255); 
    text-decoration : none;
}

/*autres pages*/
.pPage a
{
    color: rgb(67,67,67); 
    text-decoration : none;
    padding : 2px 5px;
}

.pPage .floatleft{
	margin: 0px 10px 0 0;
	padding: 0px 0 0 10px;
	border-left: 1px solid rgb(190,190,190);
}


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


.pPage select{
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	border:1px solid rgb(230,230,230); 
	border-radius:0;
}
/*======= FIN ANNONCE =======*/












/*======= FLASH INFO =======*/
.flash_info {
    padding: 0px 0px 0px 0px;
	margin: 0 0 15px 0;
    background: #000000;
    position:relative;
    color:rgb(255,255,255);
    
    -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;
	color:rgb(255,255,255);
}

.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: #E1001E;
	margin: 10px 0px 0px 0px;
}

.flash_info h3 a:hover{
    
}

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

.flash_info a{
	color:rgb(255,255,255);
}

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


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









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



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




/* Contactez nous*/


#agence{
	position: relative;
	float: left;
	display: block;
	background: #d4d4d4 ;
	width: 100%;
	height: auto;
	
	
	font-size: 16px;	
	color: #000000 !important;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 4px solid #E9E9E9;

	

	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			

}

.nomAgence{
	position: relative;
	float: left;
	display: block;
	
	background: #E1001E  ;
		
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	
	
	font-weight: 700;
	color: #ffffff !important;
	font-size: 20px;
	text-align: center;
	
}

.nomAgence span{
	font-weight: 700;
	
}

.adresse{
	position: relative;
	float: left;
	display: block;
	
	width: 100%;
	
	background: url(https://fb0477.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/img/interface/ico-adress.png) left center no-repeat ;
	background-position: 10px center;
	
	text-align: center;
	
	
	color: #000000;
	font-size: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			

}

.bla{
	position: relative;
	float: left;
	display: block;
	
	width: 100%;
	background-position: 10px center;
	
	text-align: center;
	
	
	color: #000000;
	font-size: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			

}



.plan, .plan:visited {
	position: relative;
	float: left;
	display: block;
	
	width: 80%;
	margin: 5px 0px 5px 10%;
	padding: 2px 0px 2px 0px;
	
	background: #E1001E  ;

	
	text-align: center;
	
	
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;	
	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			

}

.plan:hover{
	background: #000000 ;

}

.separateur{
	position: relative;
	float: left;
	display: block;
	
	width: 80%;
	height: 1px;
	margin: 10px 0px 10px 10%;

	
	background: #f0f0f0 ;

	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			

}



.tel{

	position: relative;
	float: left;
	display: block;
	
	width: 100%;
	
	background: url(https://225a72.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/img/interface/ico-tel.png) left center no-repeat ;
	background-position: 10px center;
	
	text-align: center;
	
	
	color: #000000;
	font-size: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
	
			
}


.fax{

	position: relative;
	float: left;
	display: block;
	
	width: 100%;
	
	background: url(https://9d21da.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/img/interface/ico-fax.png) left center no-repeat ;
	background-position: 10px center;
	
	text-align: center;
	
	
	color: #000000;
	font-size: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
	
			
}

.mail{
	position: relative;
	float: left;
	display: block;
	
	width: 100%;
	
	background: url(https://7ff5ea.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/img/interface/ico-mail.png) left center no-repeat ;
	background-position: 10px center;
	
	text-align: center;
	
	
	color: #000000;
	font-size: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
	
}



.mail a, .mail a:visited{
	color: #000000;

}

.mail:hover{
	color: #000000 !important;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}


.equipe{

	position: relative;
	float: left;
	display: block;
	
	width: 100%;
	
	background:#c7deeb url(https://1a9844.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/equipe.png)  left center no-repeat ;
	background-position: 10px center;
	
	text-align: center;
	
	
	color: #ea1d38;
	font-size: 15px;	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
		
}

.equipe span{
	font-weight: 700;
		
}

.equipe:hover{
	font-weight: 700;
	background:#606e79;
	color: #ffffff;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
		
}


.horaire {
    -moz-box-sizing: border-box;
    background: url(https://c99525.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/img/interface/horaire.png) no-repeat scroll 10px center transparent;
    color: #000000;
    display: block;
    float: left;
    font-size: 14px;
    position: relative;
    text-align: center;
    width: 100%;
}



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


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









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

/*boutons*/

.bt, .bt:visited{
    display:block; position:relative; float:left;
    
    padding: 7px 15px;
	margin: 0 3px 0 0;
    background: #E1001E url(https://280222.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/puce_blanc.png) 10px center no-repeat;
	border: 2px solid #E1001E;
	
	font-family:"QuestrialRegular", sans-serif;
	
    color:rgb(255,255,255) !important;
    text-transform:uppercase;
    font-size:1em;
    font-weight:normal !important;
    
    cursor: pointer;
	
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			
	
	
    
    -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: #ffffff url(https://965d6f.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/puce_noir.png) 15px center no-repeat ;
    color: #E1001E !important;
    text-decoration:none !important;
	
	border: 2px solid #E1001E;
	
	
	
	
    
    -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;
	margin: 3px 0 0 0;
}


.bt.alt{
	background:  #000000;
	color:rgb(255,255,255) !important;
	border: 2px solid #000000;
}

.bt.alt:hover{
	background: rgb(102,102,102);
	color:rgb(255,255,255) !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(https://06f577.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/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:rgb(0,159,227);
	-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;
}

.slideshow .slide > span{
    position:absolute; width:80%;
    background:url(https://0c3d54.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_white.png);
    left:10%; bottom:0%; z-index:2; text-align:center;
    padding:5px;
    font-size:1em; color:#333333;
    
    -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 .slide > span > h3{
    display:block; color: #E20909; 
    font-size:2em;
    font-family:"QuestrialRegular", sans-serif;
    text-align:center; margin:0;
}

.exemple_bt_slideshow{
	display:none;
}


.bts_slideshow{
	position:relative;
	margin: 5px 0 5px 0;
	text-align:center;
}

.bts_slideshow > span.bt_slideshow{
	display:inline-block;
	position:relative;
	cursor:pointer;
	
	width:20px; height:20px;
	line-height:20px;
	
	background:rgb(128,128,128);
	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:rgb(102,102,102);
	-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:rgb(0,159,227);
	-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 rgb(255,255,255);
}


#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{
	position:relative;
	height:420px;
	overflow:hidden;
	margin: 0 0 15px 0;
}


.diaporama_page{
	position:relative;
	height:420px;
	overflow:hidden;
	margin: 0 0 15px 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;}



/* slideshow */
.slideshow .slide{
	position:absolute;
	width:100%; height:100%;
	top:-100%; left:100%;
	background:rgb(255,255,255);
	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:rgb(224,224,224);
    background: #000000;
    
    -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{   
    -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: #E1001E;
    cursor:pointer;
}

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

#bt_footer{
    position:absolute; left:-75px; top:9px; display:block;
    cursor:pointer; 
    color:rgb(255,255,255); 
    font-size:0.9em;

}

/*bande visible avec adresse*/
#address {
    text-align:center;
    font-size : 1em;
    padding: 8px 68px 8px 30px;
}

/*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:sans-serif;
    color:rgb(224,224,224);
    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 : rgb(192,192,192) !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 rgb(192,192,192);
	-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: #646464;
    border:1px solid rgb(230,230,230);
    color:#ffffff;
    font-family: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:#000000;
    color:#ffffff;
    border-color:rgb(205,205,205);
 }
 
 
 
 
 /*formulaire page contact*/
 form.contact{
 	padding: 4px;
 	border:1px solid rgb(230,230,230);
 	background: #d4d4d4;
 }
 
  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(/assets/www.comptoirdupneu34.com/site/css/style.css) !important;
	background-image:none;
	background-color:#550107 !important;
}

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








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

.fiche_technique table, .panier_table table
{
    border-spacing : 2px;
    border-collapse : collapse;
    width : 100%;
    border: 1px solid rgb(216,216,216);
}

.fiche_technique table td, .panier_table table td
{
    color : rgb(112,112,112);
    padding : 6px 10px;
    border-bottom: 1px solid rgb(216,216,216);
    border-right: 1px solid rgb(216,216,216);
    width:30%;
}

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

.fiche_technique table td:last-child{
	border-right:none;
	color : rgb(0,159,227);
	font-weight:bold;
}

.fiche_technique table td + td
{
    color : rgb(7,64,91);
    width:70%;
}

.fiche_technique h3{
	margin: 0;
}

.panier_table table td
{
    width: auto !important;
}

.panier_table img {
	margin: 0 3px 0 0;
}
/*======= FIN FICHE TECHNIQUE =======*/















#btMenu{
	display: none;
}



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


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

}


@media screen and (max-width:950px){
	
	
#nav > ul > li > a, #nav > ul > li > span > a {

    padding: 10px 20px;

    font-size: 1.5em;

}
.centrage {

    width: 100%;
    margin: 0px auto;
}	

#tel, #fax {
	margin: 0px 0px 0px 15px;}	
	
#www {
    font-size: 10px;

    letter-spacing: 0px;
}	


#decoDroite, #decoGauche {
	display: none;
}

}



@media screen and (max-width:800px){
.mono .annonce .gauche {

    width: 100%;
	margin: 0px 0px 15px 0px;

}	

.mono .annonce .annonce_contenu {

    width: 100%;
	margin: 0px 0px 15px 0px;
}

.fx .annonce {
    width: 48%;
    margin: 0px 1% 15px 0px;

}
#btMenu{
	z-index: 9999;
	display: block;
	position: fixed;
	top: 80px;
	left:  0px;
	cursor: pointer;
					
	padding: 0px 5px 0px 50px;
	height: 50px;
	line-height: 50px;
	background: url(https://90bc98.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/btmenu.png) no-repeat #e20909;
	background-position: 2px center;
	background-size: 50px auto;
	
	color: #ffffff;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
}

body.scrolled #btMenu {
	top: 0px;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;		
}



body.active #btMenu{
	left:  -100%;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
}



#ferme {
    z-index: 999;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px !important;
    height: 60px;
    width: 60px;
    background: url("https://af28a8.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/btcroix.png") no-repeat scroll right top #e20909;
    margin: 0px;
}
	
	
	#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%;	
	}
	
	.tetris{
		width:49%;
		width:calc(50% - 15px);
	}
	





#nav, body.acceuil #nav {
	z-index: 1000;
	position: fixed;

	top: 0px;
	left:-100%;

	height: 100%;
	width: 100%;

	background: url(https://ba4dfe.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/logo.png) no-repeat  #000000;	
	background-position: center 10px;
	background-size: center auto;	
	
	
	padding: 100px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */			
	

	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;	

}










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


#nav > ul > li{
    position:relative;
	z-index:1;
    display: block;
    text-align:left;
	width: 100%;
		clear: both;
    -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 , #nav > ul > li > span > a, #nav > ul > li > span > span{
    display : block; 
	position:relative; 
	width: 100%;
	z-index:3;
 
	margin: 0;
    font-size:1.5em;
	font-weight: 700;
    color: #ffffff;
	text-transform: uppercase;
	
	-webkit-border-radius: 0px;
	border-radius:  0px;
	clear: both;
	line-height: normal;
	height: auto;	
	padding: 5px 0px 5px 15px;
	background: none;
	text-align:center;
	
	
	-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: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;
}












#nav > ul > li > ul, #nav > ul > li > span > ul{
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	


	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    top:0%; 
	width:100%; 
	left:0;
    opacity:1; 
	visibility: visible;
	background: none; 
	
    
    z-index:2;
    overflow:hidden;
	
	clear: both;
	background: #4D4D4D;
    
    -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:0%; 
	opacity:1; 
	visibility:visible;
	
	z-index:3; 
    position: relative;

	float: left;
	display: block;

	width: 100%;
	height: auto;	

	clear: both;
	
	background: #474747;

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


/*Style du lien du sous menu*/
#nav > ul > li > ul > li > a, #nav > ul > li > span > ul > li > a{
	clear: both;
    display:block; position:relative;
    padding: 10px 10px 10px 30px;
    text-align: left;
    
    font-family: dosis, Arial, sans-serif;
    color: #FFEA32;

    font-size:1.2em;
    text-transform:uppercase;
	text-align: center;
    
	-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: #E31F24;
	background: url(https://2986d4.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/back_white_85.png) repeat ;
	
	-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;
}


#lesBt{
	display: block;
	
	z-index: 2000;
	position: fixed;

	top: 0px;
	left:0px;
	

	width: 100%;
	height: 50px;
	
	font-size: 1em;
	color: #ffffff;
	text-align: left;
	background: #141a20;	
	border-bottom: 1px solid #46474b;

}



#lesTel span{
	width: auto;

}








#total_site {
	
	padding: 0px 0px 0px 0px;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}

body.active #nav{
	left:0px;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}


body.active #nav > ul > li:hover > span > a, body.active #nav > ul > li.active > span > a, body.active #nav > ul > li:hover > span > span, body.active #nav > ul > li.active > span > span{
	background: url(https://374472.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/fd_color.png) repeat-x ;
    background-size: contain;		

	color: #ffffff;
	-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;

}











}


@media screen and (max-width:640px){
	
#tel, #fax {

    font-size: 1.4em;

}	
	
#www {
	display: none;
}	


	
	.mono .annonce{
		margin: 0 0 30px 0;
	}
	
	.mono .annonce_contenu .txt_contenu{
		float:none; width:auto;
	}
	
	.mono .annonce_contenu .gauche{
		float:none; width:auto;
	}
	

.colonne_1-4, .col_1-4 {
    width: 100%;
    margin: 0px 0px 10px 0px;
}


.colonne_3-4, .col_3-4 {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
	
}



@media screen and (max-width: 550px){
	
#logo {
	text-align:right;
	
}	
	
#logo > img {
	width: 70%;
	margin: 0px 15px 0px 0px;
	
}	
		
	
}



@media screen and (max-width:480px){
	
.colonne_60, .colonne_40 {
	width:100%;
	margin: 0px 0px 15px 0px;
}	
	
	
.fx .annonce {
    width: 100%;
    margin: 0px 0% 15px 0px;

}	
	
.tetris {
    width: 100%;
	margin: 0px 0px 15px 0px;
}
	.img.laius{
		width:auto;
		float:none;
		margin: 10px 0 30px 0;
	}
	
	
#logo > img {
	width: 70%;
	margin: 15px 15px 0px 0px;
	
}	

#nav, body.acceuil #nav {

    background: url("https://ba4dfe.claudeassets.com/20180616224505im_/https://www.comptoirdupneu34.com/site/images/interface/logo.png") no-repeat scroll center 10px #000;

background-position:  center 15px;
background-size: 60% auto;

padding: 70px 10px 0px;

}

	
}

@media screen and (max-width:400px){
	
.mono .bts .bt {
	width: 100%;
    margin: 0px 0px 10px 0px;
}	
	
}



@media screen and (max-width:380px){
	
	
#logo > img {
	width: 60%;
	margin: 15px 15px 0px 0px;
	
}		
#slogan {

    margin: 30px 0px 0px;
}

.bloc {
    width: 100%;
    height: 150px;
    padding: 0px;
    margin: 0px 0% 15px;
}	

}



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


}









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

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 form input[type=text], body.ie form textarea, body.ie form select{
	border:1px solid rgb(134,134,134);
}




/*
     FILE ARCHIVED ON 09:03:53 Oct 18, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:16:15 Jul 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.604
  exclusion.robots: 0.063
  exclusion.robots.policy: 0.05
  esindex: 0.009
  cdx.remote: 20.268
  LoadShardBlock: 71.832 (3)
  PetaboxLoader3.datanode: 98.203 (4)
  PetaboxLoader3.resolve: 83.156 (2)
  load_resource: 154.581
*/