@font-face {    font-family: 'novecento_sans_widelight';    src: url('../fonts/Novecentosanswide-Light-webfont.eot');    src: url('../fonts/Novecentosanswide-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentosanswide-Light-webfont.woff') format('woff'),
         url('../fonts/Novecentosanswide-Light-webfont.ttf') format('truetype'),
         url('../fonts/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'novecento_sans_widebook';    src: url('../fonts/Novecentosanswide-Book-webfont.eot');    src: url('../fonts/Novecentosanswide-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentosanswide-Book-webfont.woff') format('woff'),
         url('../fonts/Novecentosanswide-Book-webfont.ttf') format('truetype'),
         url('../fonts/Novecentosanswide-Book-webfont.svg#novecento_sans_widebook') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'novecento_sans_widenormal';    src: url('../fonts/Novecentosanswide-Normal-webfont.eot');    src: url('../fonts/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentosanswide-Normal-webfont.woff') format('woff'),
         url('../fonts/Novecentosanswide-Normal-webfont.ttf') format('truetype'),
         url('../fonts/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'novecento_sans_widemedium';    src: url('../fonts/Novecentosanswide-Medium-webfont.eot');    src: url('../fonts/Novecentosanswide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentosanswide-Medium-webfont.woff') format('woff'),
         url('../fonts/Novecentosanswide-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Novecentosanswide-Medium-webfont.svg#novecento_sans_widemedium') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'novecento_sans_widedemibold';    src: url('../fonts/Novecentosanswide-DemiBold-webfont.eot');    src: url('../fonts/Novecentosanswide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentosanswide-DemiBold-webfont.woff') format('woff'),
         url('../fonts/Novecentosanswide-DemiBold-webfont.ttf') format('truetype'),
         url('../fonts/Novecentosanswide-DemiBold-webfont.svg#novecento_sans_widedemibold') format('svg');    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'novecento_sans_wide_bookbold';    src: url('../fonts/Novecentosanswide-Bold-webfont.eot');    src: url('../fonts/Novecentosanswide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Novecentosanswide-Bold-webfont.woff') format('woff'),
         url('../fonts/Novecentosanswide-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Novecentosanswide-Bold-webfont.svg#novecento_sans_wide_bookbold') format('svg');    font-weight: normal;    font-style: normal;}







body {font-family:"Georgia", Arial, Helvetica, sans-serif;font-size: 14px;color: #444
}

@media (min-width: 992px){body{    font-size: 16px;}

}


body.noScroll {overflow: hidden;}


p{line-height: 1.8
}


a{color:#cf9847;}

a:hover, a:active{text-decoration: none;color:#cf9847;}


.btn-primary {color: #cf9847;background-color: transparent;border-color: #cf9847;font-family: "novecento_sans_widemedium", Arial, Helvetica, sans-serif;text-transform: lowercase;letter-spacing: 1px;border-radius: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {color: #fff;background-color: #cf9847;border-color: #cf9847;}




h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{line-height:1.1em;font-weight:normal;color: #111;}


h1,.h1{    font-size: 36px;font-family:"novecento_sans_widedemibold", Arial, Helvetica, sans-serif;}

h2,.h2{    font-size: 32px;font-family:"novecento_sans_widedemibold", Arial, Helvetica, sans-serif;margin-bottom: 0;margin-top: 0;}

.soustitre{color: #cf9847;color: #666;font-family:"Georgia", Arial, Helvetica, sans-serif;font-size: 18px;margin-bottom: 50px;line-height: 1.4;font-style: italic
}

h3,.h3{font-size:22px;text-transform: lowercase;font-family:"novecento_sans_widemedium", Arial, Helvetica, sans-serif;}


h4,.h4{font-size:13px;}

h5,.h5, h6,.h6{font-size:12px;}




@media (min-width: 768px){h1,.h1{    font-size: 48px;}

}

@media (min-width: 992px){h1,.h1{    font-size: 62px;}

h2,.h2{    font-size: 42px;}

.soustitre{font-size: 22px;}

}

@media (min-width: 1199px){h1,.h1{    font-size: 72px;}


h2,.h2{    font-size: 52px;}

}





section .soustitre{color:#cf9847;}





#accueil{background-image: url(../charte/images/accueil.jpg);background-position: 50% 50%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-attachment:fixed;padding: 0;}

#accueil .container{position: relative;display: table;}

#accueil .container .nomm{position: relative;z-index: 85;display: table-cell;vertical-align: middle;}


#accueil .container div span{display: block;    -webkit-transform-origin:0 0;   -moz-transform-origin:0 0;         -o-transform-origin:0 0;            transform-origin:0 0;}


#accueil h1{margin: 0;}

#accueil .soustitre{font-size: 20px;margin: 0;color: #666;}

@media (max-width: 767px){#accueil .container{width: 100%;}

#accueil #grid {padding: 0 70px !important;}

}


@media (min-width: 768px){#accueil .soustitre{font-size: 22px;}

}


@media (min-width: 992px){#accueil .soustitre{font-size: 30px;}

}





#propos ul, #propos li{margin: 0;padding: 0;list-style: none;}

#propos li{line-height: 1.9;}

#propos li i{font-size: 13px;color: #cf9847;margin: 0 5px 0 0;}







#realisations article.wrapper{height: 150px;background: #333333;position: relative;overflow: hidden;margin-bottom: 20px;}


@media (min-width: 768px){#realisations article.wrapper{height: 170px;}

}


@media (min-width: 992px){#realisations article.wrapper{height: 200px;}

}


@media (min-width: 1200px){#realisations article.wrapper{height: 250px;}

#realisations .real .col-xs-6:nth-child(3n+4) {  clear:both;}

}



#realisations article.wrapper img.bg{position: absolute;display: block;z-index: 1;left: 50%;top: 50%;margin: -250px 0 0 -200px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}


#realisations article.wrapper div{width: 100%;height: 100%;position: relative;display: table;}

#realisations article.wrapper div div{display: table-cell;vertical-align: middle;text-align: center;}

#realisations article.wrapper div img{position: relative;z-index: 2;display: block;margin: 0 auto;max-width: 70%;max-height: 70%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

#realisations article.wrapper a{z-index: 3;position: absolute;display: block;top:0;left:0;width: 100%;height: 100%;color: #FFF;font-size: 24px;text-align: center;opacity:0;background: rgba(39,54,145,0.7);font-family:"novecento_sans_widedemibold", Arial, Helvetica, sans-serif;text-transform: uppercase;-webkit-transform: scale(1.2);   -moz-transform: scale(1.2);     -o-transform: scale(1.2);        transform: scale(1.2);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

#realisations article.wrapper a span{z-index: 4;position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -30px;display: block;width: 60px;height: 60px;line-height: 60px;background: #FFF;color: rgba(39,54,145,1.0);font-size: 24px;text-align: center;border-radius: 50%;}


#realisations article.wrapper:hover img{opacity:0.5;-webkit-filter: blur(2px);   -moz-filter: blur(2px);     -o-filter: blur(2px);        filter: blur(2px);-webkit-transform: scale(0.8);   -moz-transform: scale(0.8);     -o-transform: scale(0.8);        transform: scale(0.8);}

#realisations article.wrapper:hover a{opacity:1.0;-webkit-transform: scale(1);   -moz-transform: scale(1);     -o-transform: scale(1);        transform: scale(1);}





#realisation{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #f0f0f0;z-index: 100;width: 100%;height: 100%;overflow: auto;}


#realisation .container{position: relative;padding-bottom: 50px;}

#realisation #ferme{position: absolute;right: 20px;top: 20px;color:#FFF;font-family:"novecento_sans_widedemibold", Arial, Helvetica, sans-serif;font-size: 40px;z-index: 10
}


#realisation .head{width: 100%;height: 200px;margin: 0 0 30px;background-position: 50% 50%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}

@media (min-width: 768px){#realisation .head{height: 400px;}

}



#realisation .head div{width: 100%;height: 100%;position: relative;display: table;}

#realisation .head div div{display: table-cell;vertical-align: middle;text-align: center;}

#realisation .head div img{position: relative;z-index: 2;display: block;margin: 0 auto;width: auto;height: auto;max-width: 70%;max-height: 70%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}




#realisation .titre {margin-bottom: 50px;}


#realisation .soustitre{margin: 0;}


#realisation .screen{border: 1px solid #CCC;padding: 25px 0 0 0;background: #CCC;border-radius: 5px 5px 0 0;margin: 20px 0;}


#realisation .screen img{max-width: 100%;}



#realisation .role{background: #FFF;padding: 20px;margin-bottom: 20px;}


#realisation .btn{margin: 18px 0 0 0;}



.clear{clear:both;height:0;line-height:0;font-size:0;}




.form-control{border: 0;border: 1px solid #aaa;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;font-size: 14px;height: 44px;}

@media (min-width: 992px){.form-control{font-size: 16px;}

}


.form-control:focus {  border-color: #000;  outline: 0;  -webkit-box-shadow: none;          box-shadow: none;}


#blocFormulaire ..btn-primary{background-color: #fff;}