/* Reset CSS ########## */
html,body,div,span,h1,h2,h3,p,a,img,strong,b,u,i,ol,ul,/*li,*/
article,footer,header,nav,section{margin:0;border:0;padding:0;font:inherit;font-size:100%}
article,footer,header,nav,section{display:block}ol,ul{list-style:none}:focus{outline:0}
html,body{height:100%}/* 100% de la hauteur du viewport */
/* Font style ##########  ##########
------------------------------------ */
/* Sizing up the body */body{font-size:62.5%} /* computed size of 10px */ /*the most common default font-size 16px */
/* setting page tempo */body{line-height:1.5} /* computed size of 15px */ /*the most common default line-height 24px */
body{font:normal normal normal 62.5%/1.5 verdana,geneva,sans-serif;color:#333;text-shadow:0 1px 0 #fff;text-align:center}
		/* font-style(normal|italic) font-variant(normal|small-caps) font-weight(normal|bold)*/
body>header,body>section,body>footer,.base-font{font-size:1.5em/*15px*/}
/* Vertical Rhythm */ p,ol,ul{font-size:1em;margin:.5em 0 .5em}
										 h1{font-size:1.5em;margin:.6em 0 .6em}h1.icon.electricien,h1.icon.plombier,h1.icon.vitrier,h1.icon.serrurier{padding-left:30px;background-image:url(http://seo.ziedguermazi.com/img/artisans/icons/home-renovation/30x30-min.jpg);background-repeat:no-repeat}
																			   h1.icon.electricien.black{background-position:0 0}h1.icon.electricien.blue {background-position:0 -30px}h1.icon.electricien.green{background-position:0 -60px}
																			   h1.icon.plombier.black{background-position:0 -90px}h1.icon.plombier.blue {background-position:0 -120px}h1.icon.plombier.green{background-position:0 -150px}
																			   h1.icon.vitrier.black{background-position:0 -180px}h1.icon.vitrier.blue {background-position:0 -210px}h1.icon.vitrier.green{background-position:0 -240px}
																			   h1.icon.serrurier.black{background-position:0 -270px}h1.icon.serrurier.blue {background-position:0 -300px}h1.icon.serrurier.green{background-position:0 -330px}
@media only screen and (max-width:649px){h1{font-size:1.3em;margin:.6em 0 .6em}}
										 h2{font-size:1.3em;margin:.6em 0 .6em}h2.small{font-size:1.2em}h2.smaller{font-size:1.1em}body>header>h2.smaller{margin-top:1.3em}h1.blue+h2>span{color:#0099dd}h1.green+h2>span{color:#99cc33}
@media only screen and (max-width:649px){h2{font-size:1.2em;margin:.6em 0 .6em}h2.small{font-size:1.1em}                           body>header>h2.smaller{margin-top:1em}}
										 h3{font-size:1.2em;margin:.6em 0 .6em}h3.small{font-size:1.1em}h3.smaller{font-size:.9em;margin:.5em 0 .5em}
@media only screen and (max-width:649px){h3{font-size:1.1em;margin:.6em 0 .6em}}
/* Automatic line breaks in narrow columns */
div,p {-webkit-hyphens:auto;-moz-hyphens:auto;-o-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word}
.bold  {font-weight:bold}
/* link pseudo-classes (Keep this order) ##########
--------------------------------------------------- */
/*a {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}*/
a:link    {text-decoration:none;color:#333} 
a:visited {text-decoration:none;color:#333}
a:hover   {text-decoration:none;color:#333}a.striped:hover{text-decoration:line-through}a.underline:hover{text-decoration:underline}a.overline:hover {text-decoration:overline}a.both:hover{text-decoration:overline underline}
a:active  {text-decoration:none;color:#333}								   /* rayé */
/* img style rules ##########
----------------------------- */
img.responsive{max-width:100%;height:auto}
img.block{display:block} /*corrige le retrait d'espace entre deux images diposées verticalement*/
/* Misc ##########
------------------ */
/*Float       */.left{float:left}.right{float:right}.clear{clear:both}.spacer{display:block;height:0/*,visibility:hidden*/}
/*Display     */.hide{display:none}.show,.block {display:block}.inline{display:inline}
/*Visibility*/.hidden{visibility:hidden}
/*Position*/.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}
/*cursor   */.pointer{cursor:pointer}
/*text-transform*/.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.small-caps {font-variant:small-caps}
/*text-align*/.justify{text-align:justify}.center{text-align:center}.align-right{text-align:right}   /* 1° lettre en majuscule */
/*half*/.half{width:48%}.half:nth-child(odd){margin:0 2% 0 0/*top right bottom left*/}.half:nth-child(even){margin:0 0 0 2%/*top right bottom left*/}
/*third*/.third{width:30%}.third:nth-child(2){margin:0 5%}.two-thirds{width:66%;margin:0 4% 0 0/*top right bottom left*/}.two-thirds+.third{margin:0}
/*quarter*/.quarter{width:24%}.quarter:nth-child(2),.quarter:nth-child(3){margin:0 1%}.three-quarters{width:72%;margin:0 4% 0 0/*top right bottom left*/}.three-quarters+.quarter{margin:0}
/*fifth*/.fifth{width:18%}.fifth:nth-child(2){margin:0 3% 0 2%/*top right bottom left*/}.fifth:nth-child(4){margin:0 2% 0 3%/*top right bottom left*/}.four-fifths{width:77%;margin:0 4% 0 0/*top right bottom left*/}.four-fifths+.fifth{margin:0}
/* Body header, sections and footer ##########
---------------------------------------------- */
body>header,body>section,body>footer{text-align:left;margin:0 auto;width:960px;max-width:100%;overflow:hidden/*clear floated childs without any extra markup*/}
body>header{padding-top:10px}body>section{padding:20px 0 20px}body>footer{padding-top:30px}
body>section>article{text-align:justify}

@media only screen and (max-width:920px){/*920*/body>footer>span>span.responsive{display:none}}

div#icons{margin:40px 0 20px;overflow:hidden/*clear floated childs*/}
a.icon{float:left;display:block;margin-right:107px;overflow:hidden/*clear floated childs*/}a#tel{margin-right:0 !important}
/*a#location{width:129px}a#clock{width:110px}a#mail{width:227px}a#tel{width:170px} 129 + 110 + 227 + 170 = 636*/
a.icon#sep{margin-right:0;width:0}
@media only screen and (max-width:649px){a.icon#sep{clear:both}a.icon{margin-right:0}a.icon#clock,a.icon#tel{float:right}}
@media only screen and (min-width:650px) and (max-width:679px){a.icon{margin-right:0}}
@media only screen and (min-width:680px) and (max-width:709px){a.icon{margin-right:10px}}
@media only screen and (min-width:710px) and (max-width:739px){a.icon{margin-right:20px}}
@media only screen and (min-width:740px) and (max-width:769px){a.icon{margin-right:30px}}
@media only screen and (min-width:770px) and (max-width:799px){a.icon{margin-right:40px}}
@media only screen and (min-width:800px) and (max-width:829px){a.icon{margin-right:50px}}
@media only screen and (min-width:830px) and (max-width:859px){a.icon{margin-right:60px}}
@media only screen and (min-width:860px) and (max-width:889px){a.icon{margin-right:70px}}
@media only screen and (min-width:890px) and (max-width:919px){a.icon{margin-right:80px}}
@media only screen and (min-width:920px) and (max-width:949px){a.icon{margin-right:90px}}
@media only screen and (min-width:950px) and (max-width:974px){a.icon{margin-right:100px}}
a.icon>span{float:left;display:block}
a.icon>span.sprite{margin:8px 6px 0 0;width:32px;height:32px;background-image:url(http://seo.ziedguermazi.com/img/artisans/icons/sprite/sprite.png);background-repeat:no-repeat}
@media only screen and (max-width:410px){a.icon>span.sprite{display:none}}
      a.icon>span.location{background-position:0 0}          a.icon>span.clock{background-position:0 -32px}          a.icon>span.mail{background-position:0 -64px}          a.icon>span.tel{background-position:0 -96px}
a.icon.black>span.location{background-position:0 0}    a.icon.black>span.clock{background-position:0 -32px}    a.icon.black>span.mail{background-position:0 -64px}    a.icon.black>span.tel{background-position:0 -96px}
 a.icon.blue>span.location{background-position:-32px 0} a.icon.blue>span.clock{background-position:-32px -32px} a.icon.blue>span.mail{background-position:-32px -64px} a.icon.blue>span.tel{background-position:-32px -96px}
a.icon.green>span.location{background-position:-64px 0}a.icon.green>span.clock{background-position:-64px -32px}a.icon.green>span.mail{background-position:-64px -64px}a.icon.green>span.tel{background-position:-64px -96px}
a.icon>span.txt{font-weight:bold}
a.icon>span.txt>span:not(.responsive){font-weight:normal;font-size:.8em}
a.icon>span.txt>span#paris{font-weight:bold}
@media only screen and (max-width:334px){a.icon>span.txt>span.responsive{font-size:.8em}}

ul#check   {margin:10px 0 20px;padding:0;overflow:hidden/*clear floated childs*/}
ul#check>li{margin:0;padding:0;list-style:none;float:left;/*better than display:inline*/}
ul#check>li.icon{margin-right:86px;overflow:hidden/*clear floated childs*/}ul#check>li.icon#prix{margin-right:0 !important}
ul#check>li.icon#separator{margin-right:0;width:0}
@media only screen and (max-width:713px){ul#check>li.icon#separator{clear:both}ul#check>li.icon{margin-right:0}ul#check>li.icon#dispo,ul#check>li.icon#prix{float:right}}
@media only screen and (min-width:714px) and (max-width:743px){ul#check>li.icon{margin-right:0}}
@media only screen and (min-width:744px) and (max-width:773px){ul#check>li.icon{margin-right:10px}}
@media only screen and (min-width:774px) and (max-width:803px){ul#check>li.icon{margin-right:20px}}
@media only screen and (min-width:804px) and (max-width:833px){ul#check>li.icon{margin-right:30px}}
@media only screen and (min-width:834px) and (max-width:863px){ul#check>li.icon{margin-right:40px}}
@media only screen and (min-width:864px) and (max-width:893px){ul#check>li.icon{margin-right:50px}}
@media only screen and (min-width:894px) and (max-width:923px){ul#check>li.icon{margin-right:60px}}
@media only screen and (min-width:924px) and (max-width:953px){ul#check>li.icon{margin-right:70px}}
@media only screen and (min-width:954px) and (max-width:974px){ul#check>li.icon{margin-right:80px}}
li.icon>span,li.icon>h3{float:left;display:block}
li.icon>span.sprite{margin:8px 6px 0 0;width:32px;height:32px;background-image:url(http://seo.ziedguermazi.com/img/artisans/icons/sprite/sprite.png);background-repeat:no-repeat}
@media only screen and (max-width:394px){li.icon>span.sprite{display:none}}
li.icon>span.check{background-position:0 -128px}li.icon.blue>span.check{background-position:-32px -128px}li.icon.green>span.check{background-position:-64px -128px}
/*li.icon#depannage>h3.txt{width:178px}  38 + 178 +
li.icon#dispo>h3.txt{width:112px}		 38 + 112 +
li.icon#devis>h3.txt{width:148px}		 38 + 148 +
li.icon#prix>h3.txt{width:110px}		 38 + 110 = 700px */
li.icon>h3.txt{font-weight:bold}
li.icon>h3.txt>span{font-weight:normal}
li.icon>h3.txt>span>span{font-size:.9em}     
		  /*aligner à droite avec margin-right:0*/
#artisans{/*margin-left:auto;margin-right:0;width:160px;*/height:40px;background-image:url(http://seo.ziedguermazi.com/img/artisans/icons/home-renovation/40x40-min.jpg);background-repeat:no-repeat}
#artisans,#artisans.black{background-position:0 0}#artisans.blue{background-position:0 -40px}#artisans.green{background-position:0 -80px}
/* Advanced Light Box with CSS ##########
----------------------------------------- */
div.lb{position:fixed;left:0;top:0;z-index:99;width:0;height:0;padding:0;text-align:center;
				overflow:hidden;
				background:transparent url(http://seo.ziedguermazi.com/img/artisans/translucent-bg/black_opacity_90.png) repeat;
	}
.modern div.lb:target/*modern browsers & IE9+ */
		{right:0;bottom:0;width:auto;height:auto;padding-top:60px}
/*close*/div.lb>a.close{
			position:absolute;left:50%;top:40px;z-index:100;overflow:hidden;margin-left:-20px;width:40px;height:40px; 
			background:transparent url(http://seo.ziedguermazi.com/img/artisans/icons/sprite/sprite.png) no-repeat 0 -160px;
			display:block;text-indent:-9999px/*keep for SEO*/
		}
		div.lb>a.close:hover, div.lb>a.close:focus /*4 keyboard navigation*/{
			background-position:-40px -160px
		}
	.modern div.lb>a.close{
			opacity:0.0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";/*Translucent*/
			-khtml-transition:opacity 0.5s linear 0.3s;-webkit-transition:opacity 0.5s linear 0.3s;-moz-transition:opacity 0.5s linear 0.3s;-o-transition:opacity 0.5s linear 0.3s;-ms-transition:opacity 0.5s linear 0.3s;transition:opacity 0.5s linear 0.3s
		} /* Konqueror */												   															   	   /*Opera 10.50*/	 					 /* IE 9 */
	.modern div.lb:target>a.close{/*modern browsers & IE9+ */
			opacity:1.0;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"/*Opaque*/
		}
 /*div*/div.lb>div{
			position:relative;margin:0 auto;padding-top:40px;width:320px;overflow:hidden;/*clear floated childs without any extra markup*/
			color:#fff;text-shadow:2px 2px 1px #000
		}
		@media only screen and (min-width:447px){div.lb>div{width:430px}}
	.modern div.lb>div{
			opacity:0.0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";/*Translucent*/
			-khtml-transition:opacity 0.5s linear 0.3s;-webkit-transition:opacity 0.5s linear 0.3s;-moz-transition:opacity 0.5s linear 0.3s;-o-transition:opacity 0.5s linear 0.3s;-ms-transition:opacity 0.5s linear 0.3s;transition:opacity 0.5s linear 0.3s
		} /* Konqueror */												   																   /*Opera 10.50*/	 					 /* IE 9 */
	.modern div.lb:target>div{/*modern browsers & IE9+ */
			opacity:1.0;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"/*Opaque*/
		}
  /*div>h3*/div.lb>div>h2{/*top, right, bottom, left*/
				padding:0 7px;width:306px;
				font-size:1.6em;font-variant:small-caps;font-weight:bold	
			}
			@media only screen and (min-width:447px){div.lb>div>h2{float:left;padding:0 11px 0 4px;border-right:1px solid #fff;width:94px;text-align:right}}
 /*div>div*/div.lb>div>div{/*top, right, bottom, left*/
				padding:0 7px;width:306px;
				text-align:left
			}
			@media only screen and (min-width:447px){div.lb>div>div{float:right;padding:0 4px 0 11px;width:305px;}}