/*
	Theme Name: FC4 Construction
	Theme URI: 
	Description: FC4 construction
	Version: 1.4.3
	Author: Nao.my
	Author URI: http://nao.my
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	background-color:#666;
}
body {
	font:300 11px/1.4 'Montserrat', Helvetica, Arial, sans-serif;
	color:#444;
	background-color:#333!important;
	box-shadow:0px 20px 40px rgba(0,0,0,0.4) inset;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
br.clear { 
    clear:both 
}
.row{ 
    margin:0;
    padding:0;
}


/*------------------------------------*\
    TEXT STYLE
\*------------------------------------*/

a {
	text-decoration:none;
}
article a {
    color: rgb(227,38,46) !important;
}
article a:hover  {
    color: rgb(227,38,46) !important;
}

h1, h2, h3, h4, h5, h6 { 
    font-family:'Monda'!important 
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
#wrapper {
	width:1600px;
	margin:0 auto;
	position:relative;
	box-shadow:0px 0px 200px rgba(0,0,0,0.5)!important;
	font-family:'Montserrat'
}
.wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}

/* header */
.header {
    padding:20px;
    text-align:center;
    background:url('img/back-head.png');
}

/* logo */
.logo {
    text-align:center;
}

/* nav */
nav.nav {
    font-family:'Monda';
    text-transform:uppercase;
    font-size:130%;
    font-weight:500;
    box-shadow:0px 15px 40px rgba(0,0,0,0.1) inset;
    position:absolute; 
    z-index:99; 
    background:#fff; 
    width:910px; 
	left:340px;
}
nav.nav ul, nav.nav li { 
    list-style:none;
    padding:0;
    margin:0;
}
nav.nav li { 
    float:left; 
    border-right:1px solid #eee; 
    border-bottom:8px solid transparent; 
}
nav.nav li:last-child { 
    border-right:0px;
}
nav.nav li a { 
    padding:25px 20px 15px; 
    display:block;
    color:#666;
}
nav.nav li:hover { 
    border-bottom:8px solid rgb(227,38,46);
}
nav.nav li:hover a { 
    text-decoration:none;
}
nav.nav li#menu-item-16 { 
    background:url('img/back-rouge.png');
}
nav.nav li#menu-item-16  a {  
    color:white;  
}

/* slider */
div#slider {
    height:462px;
    overflow: hidden;
}
.home div#slider { 
    height:inherit;
}

/* section */
section { 
    margin:0px;
    padding:40px; 
}

/* footer */
footer.footer { 
    padding:40px;
    color:white;
	background:url('/img/back-fonce.png');
}
footer.footer .contact {
	text-align:right;
    font-size:24px;
}
footer.footer p.copyright { 
    font-size:12px; 
    color:#ccc 
}
footer.footer .socialicons {
    margin: 20px 0px;
}
footer.footer .socialicons a { 
    margin:10px;
}
footer.footer a { 
    color:white 
}

/*------------------------------------*\
    PAGE ACCUEIL
\*------------------------------------*/

/* home blocks */
#homeblock {
    background: white;
    font-family: 'Monda';
    position:absolute;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.3);
    top:-300px;
    left:0; 
    width:100%;
    padding:25px 25px 25px 40px;
}
#homeblock .gaucherouge {
    border-left: 10px solid rgb(227,38,46);
    font-size:18px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top:50px;
}
#homeblock .gaucherouge h2 {
    color: rgb(227,38,46);
    font-weight: bold;
    font-size:24px;
}
#homeblock .homebloc {
    margin-bottom: 53px;
}
#homeblock .homebloc h3 {
    font-weight: bold;
    text-transform: uppercase;
    font-size:18px !important;  
}
#homeblock .homebloc img {
    margin-right:15px;
}
#homeblock .homebloc:hover { 
    color:rgb(227,38,46);
}

/* lemain */
section#lemain { 
    background:url('img/midback.jpg'); 
    color:#ffffff; 
    padding-top:150px;
    padding-left:200px;
}
section#lemain h1 {
    font-size: 56px;
}
section#lemain h3 {
    margin-bottom:30px;
}
section#lemain p {
    margin: 0 auto;
}

/* middlebloc */
section#middleblocks {
    position: relative;
    background:url('img/back-pale.png') #f1f1f2; 
    text-align:center 
}
section#middleblocks a{
    color:#ffffff;
}
.ruler {
    height: 25px;
    background: url(img/back-ruler.png);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
}
section#middleblocks h1 {
    font-size: 56px;
    margin: 42px 0px;
    font-weight: 900;
}
.midbloc:hover .titre {
    background: url('img/back-blocnoir.png');
    cursor: pointer;
}
.titre {
    background: url('img/back-blocrouge.png');
    color: white;
    font-family: 'Monda';
    text-transform: uppercase;
    padding: 20px;
    text-align: left;
    font-size: 158%;
    font-weight: 600;
}

/* newsletter  */
section#newsletter  { 
    background:url('img/footback.jpg'); 
    color:#ffffff;
}
.newsletterbox input::-webkit-input-placeholder,
.newsletterbox input:-moz-placeholder,
.newsletterbox input::-moz-placeholder,
.newsletterbox input:-ms-input-placeholder,
.newsletterbox p{
    color:#ffffff !important;
}
.newsletterbox {
    background: rgba(227,38,46,0.9);
    padding:15px;
    width: 35%;
    float: right;
}
.newsletterbox p {
    margin: 30px 0px;
}
.main-label {
    color:#ffffff !important;
}
.newsletterbox h3 {
    text-transform: uppercase;
    font-size: 145%;
    font-weight: bold;
}
.newsletterbox input {
    background: transparent;
    border: 0px;
    border-bottom: 2px solid white;
    color: white!important;
    padding-left: 0px;
    text-transform: uppercase;
}
.newsletterbox button.btn.btn-blanc {
    width: 100%;
    margin-top: 15px;

    font-family: 'Monda';
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    background: white;
    border-radius: 0px;
}
.powered-by{
    display: none !important;
}
.submit-button{
        color: #333 !important;
}

/*------------------------------------*\
    PAGES INTÉRIEURES
\*------------------------------------*/
.insidepage {
    background:url('img/midback.jpg'); 
    padding:100px 100px 50px 100px;
    font-size: 127%;
    color:#ffffff !important;
}
hr.tirouge {
    margin-top: 31px;
    margin-bottom: 50px;
    border: 0;
    background: rgb(237, 28, 36);
    height: 5px;
}

/*------------------------------------*
    RESPONSIVE SPÉCIFIQUE
*------------------------------------*/

@media only screen and (max-width: 319px) {
	#wrapper, .wrap { width:100% !important;} 
    nav.nav  { display:none }          
    .navmobile { 
        display:block;
        background:#ffffff;
        padding:20px;
        font-size:30px;   
        text-align: center;
    }
    #homeblock {
        top:-100px;
        padding:15px;
    }    
    section#lemain { 
        padding-top:775px 
    } 
    #homeblock .gaucherouge {
        padding-top:10px;
    }  
    .newsletterbox {
        width:100%;
    } 
    footer.footer .contact, footer.footer .logo {
        text-align: center;
        margin-bottom:25px        
    } 
    h1{
        font-size:30px !important;
    } 
    h2{
        font-size:20px !important;
    }   
    h3{
        font-size:16px !important;
    }        
    #homeblock .homebloc h3{
        font-size:14px !important;
    }
    .midblocks .titre {
        font-size:16px !important;
    }     
    div#slider {
        height:auto;
    }    
}
@media only screen and (min-width: 320px) and (max-width: 479px) {   
	#wrapper, .wrap { width:100% !important;} 
    nav.nav  { display:none }          
    .navmobile { 
        display:block;
        background:#ffffff;
        padding:25px;
        font-size:36px;   
        text-align: center;
    }
    #homeblock {
        top:-100px;
    }   
    section#lemain { 
        padding-top:775px 
    } 
    #homeblock .gaucherouge {
        padding-top:10px;
    }  
    .newsletterbox {
        width:100%;
    } 
    footer.footer .contact, footer.footer .logo {
        text-align: center;
        margin-bottom:25px        
    } 
    h1{
        font-size:30px !important;
    } 
    h2{
        font-size:20px !important;
    }   
    h3{
        font-size:16px !important;
    }        
    #homeblock .homebloc h3{
        font-size:15px !important;
    }
    .midblocks .titre {
        font-size:16px !important;
    } 
    div#slider {
        height:auto;
    }     
    .insidepage {
        padding:25px 15px;
    }      
}
@media only screen and (min-width: 480px) and (max-width: 767px) {   
	#wrapper, .wrap { width:100% !important;} 
    nav.nav  { display:none }          
    .navmobile { 
        display:block;
        background:#ffffff;
        padding:25px;
        font-size:42px;   
        text-align: center;
    }
    #homeblock {
        top:-100px;
    }   
    section#lemain { 
        padding-top:750px 
    } 
    #homeblock .gaucherouge {
        padding-top:10px;
    }  
    .newsletterbox {
        width:100%;
    } 
    footer.footer .contact, footer.footer .logo {
        text-align: center;
        margin-bottom:25px        
    } 
    h1{
        font-size:30px !important;
    } 
    div#slider {
        height:auto;
    }  
    .insidepage {
        padding:25px;
    }      
}    
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#wrapper, .wrap { width:100% !important;} 
    nav.nav  { display:none }          
    .navmobile { 
        display:block;
        background:#ffffff;
        padding:25px;
        font-size:42px;   
        text-align: center;
    }
    #homeblock {
        top:-100px;
    }   
    section#lemain { 
        padding-top:750px 
    } 
    #homeblock .gaucherouge {
        padding-top:10px;
    }  
    .newsletterbox {
        width:50%;
    } 
    footer.footer .contact, footer.footer .logo {
        text-align: center;
        margin-bottom:25px
    } 
    div#slider {
        height:auto;
    }  
    .insidepage {
        padding:50px;
    }      
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#wrapper, .wrap { width:100% !important;} 
    nav.nav  { display:none }          
    .navmobile { 
        display:block;
        background:#ffffff;
        padding:25px;
        font-size:42px;   
        text-align: center;
    }
    #homeblock {
        top:-100px;
    }   
    section#lemain { 
        padding-top:350px 
    }  
    div#slider {
        height:auto;
    }  
    .insidepage {
        padding:75px;
    }      
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	#wrapper, .wrap { width:100% !important;}  
    .navmobile { display:none !important;}     
    nav.nav {
        width:100%; 
        padding-left:200px;
        left:0;
    } 
    div#slider {
        height:auto;
    }  
    .insidepage {
        padding:75px;
    }    
}
@media only screen and (min-width: 1600px){
    .navmobile { display:none !important;}  
}