@charset "UTF-8";

/*** jaune: #FDB813 ***/
/*** bleu bouton: #005a9c

/*@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Passion+One);*/
@import url(http://fonts.googleapis.com/css?family=Francois+One);
cursor:wait {url(../images/refresh.gif); }
/* CSS Document - main.css - Owner:Cylabh.com */
body { clear: both; margin: 0; padding: 0; border: 0; font-size: 100%; color:#005a9c;
	font: inherit;font-family: 'Francois One',sans-serif; /*font-weight: 400*/;
	vertical-align: baseline; line-height: 1; background-position: top center; background-color:#005a9c;}

a{ color:#236aa0; text-decoration:none; }
a img{ border:0 none; }
/*input{border-size:0px;border: none;outline: none;text-decoration: none;}*/
input{ border: 1px solid #005a9c !important; }
input[type="radio"] {border: 0px !important;}
input[type="checkbox"] {border: 0px !important;}
h1,h2,h3,h4 { text-shadow: 1px 1px 1px rgba(255,255,255,1); }
h1,h2,h3,h4,p,a{ text-decoration:none; }
h1, h2{ color:#003768;text-align:left; }
h3{color:#236aa0;text-align:left;}
h4{color:#484848;text-align:left;}
li, p{text-align: justify; color:#54636d;}
hr{color:#005a9c;}

img:disabled { -khtml-opacity:.40; -moz-opacity:.40; -ms-filter:"alpha(opacity=40)";
  	filter:alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.1); opacity:.40;
}

button img{float: left; margin-left:-20px;} /*  *display:inline; */

table img{ text-align:center; }
table input[type="radio"] {display:block; margin:0.5em auto;}
table input[type="checkbox"] {display:block; margin:0.5em auto;}

fieldset{ text-align:left;border-color:#005a9c;-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);box-shadow:2px 2px 20px rgba(0,90,156,0.3);
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}	

.fielGrand { width: 920px;}

/* background */
.fondblue{ width:100%; margin:0 auto;border-top: 2px solid #fdb910;background-image:url(../images/BackgroundTopMenu_side.png);
	background-repeat: repeat-x;}
.fondblueG{ width: 100%; margin:0 auto;background-color:#00518f;background-image:url(../images/BackgroundSlider_sides.png);
	background-repeat: repeat-x;}

.fondgris{ width:100%; margin:0 auto; border-top: 1px solid #fff;
		  background-color:#fff; background-image:url(../images/fond_gris.png); background-repeat: repeat-x; }
		
.fondJaune{color: #000;border: 1px solid #005a9c;background:#f3b20f;background: -moz-linear-gradient(top, #fdb813  0%, #f3b20f 100%);
	background: -webkit-linear-gradient(top, #fdb813  0%, #f3b20f 100%);background: -ms-linear-gradient(top, #fdb813 , #f3b20f);
	background: -o-linear-gradient(top, #fdb813 , #f3b20f);
	-ms-box-shadow: rgba(0,110,190,0.75) 2px 2px 10px;-o-box-shadow: rgba(0,110,190,0.75) 2px 2px 10px;
	-webkit-box-shadow: rgba(0,110,190,0.75) 2px 2px 10px;-moz-box-shadow: rgba(0,110,190,0.75) 2px 2px 10px;box-shadow: 2px 2px 15px #006ebe}		

.cacherStyl{color:#005a9c;font-size:12px; text-align:right;margin-left:5px;
	background-image: url(../images/icons/icon-click.png);background-repeat: no-repeat;background-position:left;}

.bntClose { cursor:pointer; width:31px; height:31px; position:relative; float: right;
	background-image: url(../images/bntClose.png); 
	background-repeat: no-repeat; background-position:right; }
	
/* header */
#socialnet {display:none; }

#menues{ font-weight: lighter;width:960px; height:100px; margin:0 auto;  background-image:url(../images/BackgroundTopMenu.png);
	background-repeat: no-repeat; }
	
#menues a {font-weight: bolder;font-size:12px;text-decoration:none;color:#FFFFFF; padding-right: 5px;}
#menues a:hover, a:active, .link-active, .link-visited { color:#000000;text-decoration:underline;/*text-shadow: 1px 1px 1px rgba(234,240,255,1);*/}
/* com-tires.com
#h_logo{ margin:0 auto; margin-top: 3px;float: left; width:340px; height:80px; background-image:url(../images/logo-Comm-Tire.png);
	background-repeat: no-repeat; position:absolute;z-index:1;}
#h_logo2{margin:0 auto;float: right; width:181px; height:50px;margin-top: 10px; background-image:url(../images/logo-TireMax.png);
	background-repeat: no-repeat; padding: 0px;	z-index:2; }

/* vanzuylen.com
#h_logo{ margin:0 auto; margin-top: 3px;float: left; width:340px; height:80px; background-image:url(../images/Logo-Vanzuylen330x49.png);
	background-repeat: no-repeat; position:absolute;z-index:1;}
#h_logo2{margin:0 auto;float: right; width:181px; height:50px;margin-top: 10px; background-image:url(../images/logo-TireMax.png);
	background-repeat: no-repeat; padding: 0px;	z-index:2; }	
*/	
#h_logo{ margin:0 auto; margin-top: 10px;float: left; width:340px; height:70px; 
	background-image:url(../images/logo-plavoie.png); background-repeat: no-repeat; position:absolute;z-index:1;
}
#h_logo2{margin:0 auto;float: right; width:181px; height:50px;margin-top: 10px; 
	background-image:url(../images/logo-UniPneuMecanique181x50.png); background-repeat: no-repeat; padding: 0px;	z-index:2; }

#idclt	{ max-width:360px; height:25px;font-size:11px; text-align: left; color:#fdb910;position: absolute;top: 80px;}

#h_sousmenu{ float: right;margin-right:100px;min-height:20px; min-width:300px;font-size:13px;padding-left:20px;color:#FFFFFF;z-index:2;
			background-color:#fdb813;padding-top: 3px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;
			 }
#lang{padding-left:20px;}

#h_menu{ float: right; padding-top: 10px;}
#mnuHandicape {float: right;min-width:20px;height:35px;cursor:pointer;
	background-image:url(../images/icons/icon-handicape.png);background-repeat: no-repeat; background-position: 0px 0px;
	}

#mnuHandicape:hover{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg);}

/* Slider Publicitaire (header) */
#h_publicite{ width:100%; height:auto; margin: 0 auto; /*padding:3px;*/}
#publicite{ width:960px;height:120px; margin: 0 auto;background-image:url(../images/BgSliderPetit.png);background-repeat: no-repeat;
	/*border: 1px solid #fdb910;border-radius:15px;*/
	/*-moz-box-shadow: 0px 0px 20px #fdb910 inset; -webkit-box-shadow: 0px 0px 20px #fdb910 inset; 
	box-shadow: 0px 0px 20px #fdb910 inset;box-shadow:2px 2px 20px rgba(253,185,16,0.3);*/}

#logMsg { width:960px;  height:auto; margin: 0 auto; padding:3px;background:#005a9c;color:#fff;}

#wrapper{ clear: both; width:100%;margin:0 auto;/*height:auto;min-height:500px;*/}
/* contenue-promotions */
#contenue {width:960px; margin:0 auto;min-height:500px;}  /* background: #eaf0ff;border: 1px solid #fdb910; */

#divprint {visibility:hidden; display:none;}

.wgeneral {width:960px; height:auto;margin-top: 5px; padding: 5px; color: #000052; font-size: 14px;overflow: hidden;}
 /*
	 background: #eaf0ff;
	-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	border: 1px solid #005a9c;
	-ms-box-shadow: 2px 2px 20px #0027f6 inset;-moz-box-shadow: 2px 2px 20px #0027f6 inset; -webkit-box-shadow: 2px 2px 20px #0027f6 inset;   
	box-shadow: 2px 2px 20px #0027f6, 0 0 0 3px #fdb910 inset;box-shadow:2px 2px 20px rgba(0,39,246,0.4);*/ 	
 
 #politiq { width:942px; height: auto; margin: 0 auto; margin-top:-20px; margin-left: 2px; padding: 7px; color: #000931; 
	text-align: justify;background-color:rgba(234,240,255,0.3);
	/*
	-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;	 
	border: 1px solid #005a9c;box-shadow: 2px 2px 20px #0027f6, 0 0 0 2px #fdb910 inset;
	background-image:url(../images/traces.png); background-repeat: no-repeat;background-position: top right;overflow: scroll;*/}

.cacher{background-image:url(../images/bottomFleche.png); background-repeat:no-repeat; background-position:right 5px bottom 1px;overflow:visible;} 

#promos{height:300px;margin-top:15px; border-bottom-style:solid;border-width: 2px;border-bottom-color:#005a9c;text-shadow:none;}

.promoboit{ margin-top:10px; margin-left:25px;width:294px; height:279px;position:relative; float: left;
	background-color:rgba(0,90,156,0.3);
	-moz-box-shadow: 0px 0px 10px #005a9c inset; -webkit-box-shadow: 0px 0px 10px #005a9c inset; 
	box-shadow: 0px 0px 10px #005a9c inset;box-shadow:2px 2px 10px rgba(0,90,156,0.3);}

.promoBoxG, .promoBoxInd, .promoBoxTex{float: left;}
.promoBoxG{ border-bottom:1px solid #005a9c; width:762px; /*70%;*/}
.promoBoxInd{ border-top:1px solid #005a9c; width:762px; }
.promoBoxTex{ max-width:550px; /*69%;*/padding:3px; margin-top:-20px; }
.promoBoxImg, .promoBoxPrix{float: right;width:198px;/*30%;*/margin-top:-40px;text-align:center;}
.promoBoxPrix {font-size:65px;color:#005a9c;}
.pText{font-size:20%;margin-left:20px;color:#000;}
/*
.integer {display:inline-block;margin-top:-25px;}
.decimal{display:inline-block;transform:matrix(0.6,0,0,0.4,0,-16);}
*/
.integer{ display:inline-block;zoom:1;*display:inline; }
.decimal{ display:inline-block;vertical-align:super;font-size:40%;*display:inline; }

#logoCAA{ width:76px;height:70px;float: right;background-image:url(../images/logoCAA.png);background-repeat: no-repeat; cursor:pointer; }

#textfoot{width:960px;margin:0 auto;text-align:left;color:#54636d;}
#textfoot h3{color:#484848;}
#textfoot p{text-align: justify; color:#54636d;}

.divDialog{display:none;/*position:absolute;z-index: 999000;*/}

#divnull { font-size:1px; color:#005a9c;display:none;}

#menserv {width:960px; height:400px; margin: 0 auto; padding: 5px;}

.captcha{ padding:10px;width:600px; min-height:450px;margin: 0 auto; /*background: #eaf0ff;*/}

.loader{ margin:0 auto 0 auto; width:220px; height:20px;
	position: absolute; top:40%; left: 40%; z-index:1;
	text-align:center; /*display:none;*/
	background-image:url(../images/loader.gif);background-repeat: no-repeat; }
	
.boitstep{float: left;width:200px; height:95px; padding: 0px;}
.savoirplus {color:#fdb910;font-size:13px;font-weight: bold;position: absolute;bottom: 25px;margin-left:10px;}

.titre{ background-image:url(../images/coin-promo.png);background-repeat: no-repeat;background-position:right top;}

.icone-phone{height:20px;background:url('../images/icons/icone-phone.png')no-repeat 0px 0px;}
.icone-fax{height:20px;background:url('../images/icons/icone-fax.png')no-repeat 0px 0px;}
.icone-email{height:20px;background:url('../images/icons/icone-email.png')no-repeat 0px 0px;}

.handicape{ cursor:pointer; float: right; width:42px; height:70px;
	/*background:url('../images/point-handicape.png')no-repeat 0px 0px;*/
	background-image:url(../images/point-handicape.png);background-repeat: no-repeat; background-position: 0px 0px;
	-webkit-transition: background 100ms ease-in;-moz-transition: background 100ms ease-in;
    -ms-transition: background 100ms ease-in;-o-transition: background 100ms ease-in;transition: background 100ms ease-in;}

.handicape:hover{background-image:url(../images/point-handicape.png);background-repeat: no-repeat; background-position: 0px -70px;
	/*background:url('../images/point-handicape.png')no-repeat 0px -70px;*/
	}


#footer{ width:100%; height:50px; margin:0 auto; font: inherit; font-size:12px; color:#3e3e3e; text-align: center;
	border-top: 2px solid #fdb910;background: #005a9c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiMwMDVhOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiMwMDMwNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #005a9c 18%, #00305c 79%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#005a9c), color-stop(79%,#00305c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #005a9c 18%,#00305c 79%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #005a9c 18%,#00305c 79%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #005a9c 18%,#00305c 79%); /* IE10+ */
	background: linear-gradient(to bottom,  #005a9c 18%,#00305c 79%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a9c', endColorstr='#00305c',GradientType=0 ); /* IE6-8 */
}

#footer span{ color:#f3b20f; }
#footer span:hover{ color:#fff; }

.NoScript { border: solid 2px red; background-color: Orange;padding: 5px;margin: 5px;}

.xcursor {cursor:pointer;}

.tit1{ padding: 0px;color:#FDB813; line-height: 80%;/* text-shadow: rgba(253,185,16,0.5) 0 3px 0;*/}
.tit2{ padding: 0px;color:#FDB813; line-height: 80%;/* text-shadow: rgba(0,0,167,0.5) 0 3px 0;*/}
.textJlv{color: #f3b20f;}
.textBlv{color: #005a9c;}
.textj { color: #005a9c;text-align:justify;}
.textc { color: #0000a7;text-align:center;}
.textG {text-align:left;}
.tit1, .tit2{ text-align:left; }
.moytext {font-size: 14px;}
.ptittex {font-size: 12px;}
.tBlanc{color:#fff;}

.tJustify{text-align:justify;}
.tcenter{text-align:center;}
.tLeft{text-align:left;position:relative; float: left;}
.tRight{text-align:right;position:relative; float: right;}

.vide {margin:0 auto;width:95%;height:300px;text-align:center;}	

div.clear { clear: both; }
.droit{position:relative; float: right;}
.cache {visibility:hidden; display:none;}
.centrardiv {text-align:center;margin:0 auto;}
.lavoi-color { /*background-color:rgba(250,250,250,1);color:#fdb910;*/color: #0000a7; }
.rouge{ color:#f2220d !important; }

#fixedNav{ display:none; position: fixed; right: 10px; bottom: 50px; }
@media only screen and (min-width:1100px){
	#fixedNav{ display:block; opacity:.3; filter:alpha(opacity=40); width:28px; padding-left:997px; margin:auto }

	#fixedNav a{ width:35px; height:35px; background:#bfbfbf; position:fixed }

	#fixedNav a span{ margin:12px 0 0 9px; content:" "; display:inline-block; 
		border-color:transparent transparent #005a9c transparent;
		border-style:solid; border-width:0 8px 8px 8px; width:0;height:0 
	}
	#fixedNav:hover{ opacity:1;filter:alpha(opacity=40) }
}