/*	SimpleGrid - a fork of CSSGrid by Crowd Favorite (https://github.com/crowdfavorite/css-grid)
 *	http://simplegrid.info
 *	by Conor Muirhead (http://conor.cc) of Early LLC (http://earlymade.com)	
 *  License: http://creativecommons.org/licenses/MIT/	*/

/* CONTAINERS */
body {padding: 0;}
.grid{ margin:0 auto; padding: 0 10px; width:460px; }
.grid-header{ margin:0 auto; padding: 0; width:460px;display:block;height:140px}
.grid-footer{ margin:0 auto; padding: 0; width:460px;display:block;}
.grid-video{ margin:0 auto; padding: 0; width:460px; height:259px;  }
.video-vimeo2 {width:460px;height:259px;}


/* Slots Setup */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-1-2,.slot-1-2-3,.slot-1-2-3-4,.slot-1-2-3-4-5,.slot-2-3,.slot-2-3-4,.slot-2-3-4-5,.slot-3-4,.slot-3-4-5,.slot-4-5,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-7-8,.slot-7-8-9,.slot-8-9{ display:block; float:left; margin-left:0; }

/* 6-Col Grid Sizes */
.slot-0,.slot-1,.slot-2,.slot-3,.slot-4,.slot-5{ width:460px; } /* Sixths */
.slot-0-1,.slot-1-2,.slot-2-3,.slot-3-4,.slot-4-5{ width:460px; margin-bottom:25px} /* Thirds */
.slot-0-1-2-3,.slot-1-2-3-4,.slot-2-3-4-5{ width:460px; } /* Two-Thirds */
.slot-0-1-2-3-4,.slot-1-2-3-4-5{ width:460px; } /* Five-Sixths */

/* 4-Col Grid Sizes */
.slot-6,.slot-7,.slot-8,.slot-9{ width:460px; } /* Quarters */
.slot-6-7-8,.slot-7-8-9{ width:460px; } /* Three-Quarters */

/* 6-Col/4-Col Shared Grid Sizes */
.slot-0-1-2,.slot-1-2-3,.slot-2-3-4,.slot-3-4-5, .slot-6-7,.slot-7-8,.slot-8-9{ width:460px; } /* Halves */

/* Full-Width */
.slot-0-1-2-3-4-5, .slot-6-7-8-9{ width: 460px; } 
.slot-all{ width:460px;}

/* HEADER */
.header {height:140px; background-position:center bottom;background-size:600px 100px;}
.slot-logo {
display:block; float:left; width:460px;margin:0 0 10px 0;
}

.header-right {display:none}


/* MENU */
.logotop{position:relative;width:350px;right:inherit;height:50px;display:block;margin:0 auto 0 auto;z-index:9999999;padding-top:40px;}
.container-menu-mobile {width:100% !important; height:50px;}
#catmenucontainer {display:none }

.shadowmenu{
width:480px;	height:10px;display:block;padding:0;	margin:0 auto;
background:#f8f8f8 url(images/shadowmenu.png);background-position:bottom center; background-repeat:no-repeat;background-size:100% 10px
}

.primary-nav {display: none;} /* cache le menu standard */

/* HOME */
#home .bloc-home a h1 {font-size:22px;}
#home .bloc-home a:hover h1 {letter-spacing:4px;	}
#home .bloc-home a {background-image: url(images/icone-home-vide.png);background-position: 50% 0; background-repeat:no-repeat; background-size:450px 333px;}

.row-actu {display:block;width:490px;height:1600px;float:left;margin:0 0 0 -30px; padding:0 !important;}
#actu .title-actu {width:410px;padding:5px 5px 5px 45px;}
#actu .slot-actu {display:inline-block;float:left;width:460px;height:400px;margin: 0 0 0 30px}
#actu .title-slot-actu a {width:460px;}
#actu .slot-actu img {
	width:450px; height:253px;padding:5px 5px 13px 5px;
	background-size:460px auto;
	}

.postinfobottom{
width:98%;float:left;line-height:30px;text-align:left;font-size:0.95em
}

.txt-title-index {
width:460px; height:40px;font-size:22px;	
}

/* SEARCH */
#s {
width:422px;padding:8px 8px 8px 30px; 
}

/* CONTENT */
.title-page h2 {padding-left:0px;letter-spacing:0;}
.cat-portfolio a,.cat-portfolio a:link {width:120px;height:78px;padding:42px 0 0 0;text-align:center;-webkit-border-radius: 62px;-moz-border-radius: 62px; border-radius: 82px;display: inline-block;float:left;transition: all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;font-family:'bebas_neueregular';font-size:16px;color:#fff;font-weight:normal !important;border:2px solid #444;margin:0 14px 20px 14px;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px; box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
background-color:#000;background-image: url(images/off.jpg);background-position: 0 0; background-repeat:no-repeat; background-size:120px 120px;}

.cat-portfolio a:hover, .cat-portfolio a:active {background-image: url(images/on.jpg);background-color:#000;border:2px solid #02a8e3;color:#fff;-webkit-box-shadow: rgba(0,159,227,0.8) 0px 0px 7px; -moz-box-shadow: rgba(0,159,227,0.8) 0px 0px 7px; box-shadow: rgba(0,159,227,0.8) 0px 0px 7px;}

.title-section {width:440px;	}

.bloc-contact-bottom {width:438px;height:145px;}
.bloc-contact-bottom-mail a {margin:10px 0 0 0px;}
.bloc-contact-bottom-tel {margin:10px 0 0 10px;	}

.aligncenter {display: block;width:450px; height:253px;margin:5px auto 0 auto;padding:5px 5px 13px 5px;
	background-image: url(images/shadow-img.png);background-position: bottom center; background-repeat:no-repeat; background-size:100%;
	}

.post-archives {height:410px;margin-bottom:10px;}
	
.postimg{display: block;width:450px; margin:5px auto 0 auto;padding:5px 5px 13px 5px;
	background-image: url(images/shadow-img.png);background-position: bottom center; background-repeat:no-repeat; background-size:100%;
	}
.title-post-archives h2 {font-size: 20px;}
	
.left-archive {display:block;float:left;width:460px;}

.slot-archive {width:460px;display:inline-block;float:left;margin-right:0}
.slot-archive:nth-child(3n) {
 
}

.readmore-center a {width:240px;padding:12px 0 0 40px;height:30px; background-position: 7px 8px}

.devis-center a {width:400px;padding:12px 0 0 40px;height:27px; background-position: 10px 5px}

.bloc-commercial {line-height:24px;height:200px}
.bloc-commercial span{font-weight:700;font-size:20px}

/* PRESTATIONS */

.forfait h3 {padding:10px;margin: 0;
	color:#fff;font-family: 'bebas_neuebook', 'Helvetica', sans-serif;font-size: 24px;font-weight:normal;text-transform:uppercase; letter-spacing:1px;text-align:center;
	background-color:#009fe3;background-image:url(images/glow.png);background-position:50% 1px; background-repeat:no-repeat;background-size: 300px 30px;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
	
.forfait ul {margin:0;padding:15px 20px; list-style-position:inside; list-style:inside;
background-color:false;background-color:#ffffff;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),color-stop(100%, #f6f6f6));background-image:-webkit-linear-gradient(top, #ffffff,#f6f6f6);background-image:-moz-linear-gradient(top, #ffffff,#f6f6f6);background-image:-ms-linear-gradient(top, #ffffff,#f6f6f6);background-image:-o-linear-gradient(top, #ffffff,#f6f6f6);background-image:linear-gradient(top, #ffffff,#f6f6f6);}

.tarif-forfait {display:block; float:left;width:100%;height:95px;padding:20px 0 0 0;text-align:center;color:#fff;background-image:url(images/tarif-forfait.png);background-position:bottom center; background-repeat:no-repeat;background-size: 100% auto;font-size: 16px;font-weight:normal;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}

.tarif-forfait span{font-family: 'bebas_neuebold', 'Helvetica', sans-serif;font-size: 26px;font-weight:normal;}


/* FOOTER */
.footer {width:460px;}
.bottom-bloc h3 {
font-size:25px;padding:9px 0 0 0; height:38px;letter-spacing:2px;
}

/* FORMULAIRE CONTACT */

.wpcf7-text {width:448px;}
.wpcf7-select {width:458px;}
.wpcf7 textarea {width:448px;}
