/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2015 POINT WEB
type : screen
categorie : structure site
Auteur : SERCO POINTWEB
site : 
**************************************************************************/

/************* COOKIES **************/
#impliedsubmit{ background:#fff; color:#000; font-family: 'robotoregular'; padding:5px 10px; border:none; font-size:12px;}
#cookiesdirective{opacity: 1 !important; margin: 0 auto !important; text-align: left !important; background-color: #fff6ce !important; border: 1px solid #bcb17b; color: #434343 !important;}
#cookiesdirective a{color: #434343 !important; text-decoration: underline;}
#impliedsubmit{background: none !important;  color: #434343 !important;}
#impliedsubmit:hover{cursor: pointer;}

/************* ANTI IE7 **************/
#anti-ie7{width:100%;position: absolute; top:0; left:0;margin:0;padding:5px;background-color:#000; z-index:5000;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:white;padding:10px}
.titreAntiIe{font-size:30px;margin:0;margin-bottom:10px;padding:0;font-weight:bold}
#anti-ie7 a{color:#000;font-weight:bold;text-decoration:none}
#anti-ie7 a.close{float:right;text-decoration:none;}
.close{display:block; font-size:14px; width:76px; height:20px; padding:2px 0 0 30px; background:url(../images/btn-close.gif) no-repeat;
margin-right:10px; float:right; margin-top:20px}
.btn-ie{display:block; width:103px; height:19px; padding:3px 0 0 30px;  background:url(../images/btn-ie.gif) no-repeat; margin-top:20px; float:left}

/************* FONT **************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 27, 2014 */


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

}

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

}

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

}

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

}

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

}

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

}

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

}


strong{font-family: 'robotobold'; font-weight: normal; font-style: normal;}
/************* GENERAL **************/
* {
    margin: 0;
    padding: 0;
    outline: none;
    list-style-position: inside;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline:none; }
section,article,header,footer,nav,aside,hgroup {
    display: block;
}
table,td,blockquote,code,pre,textarea,input,video {
  max-width: 100%;
}
p, dd, ul{
	word-wrap: break-word; 
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto; 
	-o-hyphens: auto; 
	hyphens: auto;
}
li {
    list-style-type: none;
}
input, textarea, button {
    -webkit-appearance: none;
    -webkit-border-radius: 0; 
}

.global{
    width: 995px;
    margin: 0 auto;
    clear: both;
}

body {
    font-family: sans-serif;
    font-size: 13px;
    font-family: 'roboto';
}

img {
    border: none;
    max-width: 100%;
/*    width: 100%;*/
    height: auto;
}

a {
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

a:hover {
    text-decoration: none;
}

.important {font-size: 16px;}
.paragraphe {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 19px;
    text-align: justify;
}

hr{
    outline: none;
    border: none;
}

.clear {
    clear: both;
    background: none;
    outline: none;
    border: none;
}

.separateur{
    display: block;
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    margin: 10px auto;
}
/* Font-Size */
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-25 {font-size: 25px;}
.fs-30 {font-size: 30px;}

/* Mise en forme */
.txt_align_c {text-align: center;}
.txt_align_l {text-align: left;}
.txt_align_r {text-align: right;}
.justify {text-align: justify;}
.bold {font-weight: 600;}
.black {font-weight: 800;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.underline {text-decoration: underline;}

/* Color */
.red{color: #c33730;}
.yellow{color: #d99e3a;}

/* Détection JS */

#jserror {
    background: #FFFFCC;
    border: #FF0000 solid 1px;
    color: #FF0000;
    padding: 10px;
    margin: 0 0 10px 0;
    float: left;
}
#jserror dt {
    font-weight: bold;
}

.myhr {
    border: none;
    outline: none;
}

/* ScrollToTop */
#scrollToTop a{
	position: fixed;
	right: 2%;
	bottom: 2%;
	border-radius: 60px;
	width:50px; height:50px;
	color: white;
    opacity: 0.8;
	outline: none;
	display:none;
    background: #4d4d4d;
    text-align: center;
    padding-top: 15px;
}
#scrollToTop a:hover{
	opacity: 1;
}

address{font-style: normal;}
/*----------------------------------------------------< HEADER >---------------------------------------------------*/
#header{}
    .fondH1{background-color: #303640; padding: 10px 0;}
        h1{font-family: 'robotolight_italic'; font-size: 12px; color: #8e96a7;}

    #logo{float: left; padding: 20px 0;}
        #logo a{font-size: 0; }

    #coordonneesHeader{float: right; padding: 33px 0; text-align: right; font-family: 'robotomedium';}
        #coordonneesHeader strong{font-size: 16px;}
        #coordonneesHeader span{text-transform: uppercase;}
        #coordonneesHeader a{color: #000000;}
            #coordonneesHeader a:hover{text-decoration: underline;}

/*----------------------------------------------------< MENU >---------------------------------------------------*/
#menu{clear: both; background-color: #c33730;}
    #menu ul{}
    #menu li{display: inline-block; padding: 20px; margin-left: 59px;}
        #menu li:first-child{margin-left: 0;}
        #menu li:hover{background-color: #942621;}
    #menu a{ color: #FFFFFF; text-transform: uppercase; font-family: 'robotomedium'; }

#menu ul li {position: relative; z-index: 10;}
    #menu ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        z-index: 10;
        background-color: #c33730;
    }
#menu ul ul li {float: none; padding: 10px; margin-left: 0;}
    #menu ul ul li:hover {background-color: #942621;}
        #menu ul ul a {
            line-height: 120%;
            z-index: 10;
            padding: 5px 10px;
            display: block;
            width: 100%;
        }
            #menu ul li:hover > ul {display: block; z-index: 10;}
/*----------------------------------------------------< SLIDER >---------------------------------------------------*/
#slider{position: relative;}
.txtSlider{position: absolute; top: 30%; left: 40%; width: 470px;}
    .txtSlider h2{background: url("../images/bt-slider-y.jpg") no-repeat left center; font-family: 'robotobold'; font-size: 13px; color: #FFFFFF; text-transform: uppercase; padding: 14px 19px 14px 60px; background-color: #d99e3a; float: left;}
    .txtSlider p{background: url("../images/bt-slider-g.jpg") no-repeat right center; font-family: 'robotolight'; color: #b5b5b5; padding: 14px 60px 14px 19px; background-color: #323742; float: right;}

/*----------------------------------------------------< CONTENT >---------------------------------------------------*/
a.fl-real{background: url("../images/fl-left.jpg") no-repeat left center; background-size: 10px; padding-left: 20px; color: #323742; text-decoration: underline; text-align: right; float: right;}
    a.fl-real:hover{text-decoration: none;}

#news{background-color: #d99e3a; margin: 30px auto; padding: 30px 0;}
    .titleNews{
        background-image: url("../images/news.png"), url("../images/right.png");
        background-position: left center, right center;
        background-repeat: no-repeat;
        background-size: 71px, 33px;
        padding-left: 94px;
        padding-right: 50px;
        cursor: pointer;
    }
        .titleNews a{font-family: 'robotobold'; font-size: 15px; color: #FFFFFF; text-transform: uppercase; }
        .titleNews p{font-family: 'robotolight'; font-size: 14px; color: #fff5e4; padding-top: 10px;}

.titleContent{float: left; padding: 20px 0; width: 100%;}
    .titleContent p{color: #323742; font-family: 'robotoblack'; font-size: 16px; float: left;}
    .titleContent h2{background: url("../images/fl-title.png") no-repeat left center; background-size: 10px; padding-left: 20px; color: #b2bacc; font-family: 'robotobold'; font-size: 13px; float: right;}

.blocContent{ width: 50%; float: left; padding: 0 10px 30px;}
    .blocContent:last-child{border-top: dotted 1px #9f9fa1;}
        .blocContent p{margin-bottom: 20px;}
        .blocContent p:nth-child(3){margin-bottom: 0;}
        .blocContent ul{clear: both;}
            .blocContent li{float: left; list-style-type: disc; list-style-position: inside; padding-right: 20px;}
        .blocContent img.photo{
            -webkit-box-shadow: 0 0 5px rgba(0,0,0,.48);
            -moz-box-shadow: 0 0 5px rgba(0,0,0,.48);
            box-shadow: 0 0 5px rgba(0,0,0,.48);
            border: solid 10px #fff;
            width: 81%;
        }

.titleTel{background: url("../images/tel.png") no-repeat left center; background-size: 66px; padding-left: 80px;}
    .titleTel p{font-family: 'robotobold'; font-size: 15px; color: #c33730; margin: 45px 0;}
        .titleTel p span{color: #d99e3a;}

        .titleContent h2.news{background: none; padding-left: 0; color: #323742; font-family: 'robotoblack'; font-size: 16px; float: left;}

#gallery .blocgallery{width: 35%; float: left;}
#gallery .galleryContent{width: 60%; float: right; margin-bottom: 20px;}

/*----------------------------------------------------< FOOTER >---------------------------------------------------*/
#footer{background-color: #f1f1f1; clear: both;}
    .blocLeft{float: left; width: 395px; padding: 30px 0;}

        #coordonneesFooter{font-family: 'robotomedium'; color: #5a606e; padding: 20px 0;}
            #coordonneesFooter strong{font-size: 16px;}
            #coordonneesFooter span{text-transform: uppercase;}
            #coordonneesFooter a{color: #5a606e;}
                #coordonneesFooter a:hover{text-decoration: underline;}

        #copy{font-family: 'robotolight'; color: #818898; font-size: 11px;}
            #copy strong{font-family: 'robotomedium'; text-transform: uppercase;}
            #copy a{color: #818898;}
                #copy a:hover{text-decoration: underline;}

    .blocRight{float: right; width: 600px; background-color: #e5e5e5; padding: 30px 50px;}

        .titleDevis{background: url("../images/calculator.png") no-repeat left center; background-size: 48px; padding-left: 65px; margin-bottom: 30px;}
            .titleDevis h3{font-family: 'robotobold'; font-size: 15px; text-transform: uppercase; color: #c33730;}
                .titleDevis h3 span{color: #323742;}
            .titleDevis p{font-size: 12px; color: #7e8698;}

        .colForm{width: 47.5%; float: left;}
            .colForm:first-child{margin-right: 5%}
        .colForm input, .colForm textarea{width: 100%; padding: 5px 10px; font-family: 'robotoitalic'; font-size: 12px; color: #7e8697; }
            .colForm input{margin-bottom: 20px;}
            .colForm textarea{height: 68px;}
        #btSubmit{
            width: 100%;
            background-color: #5a606e;
            color: #FFFFFF;
            font-family: 'robotobold';
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
            padding: 23px;
            border: none;
        }

/*----------------------------------------------------< CONTACT >---------------------------------------------------*/
.formContact{border: none; float: left; width: 50%; padding: 5px;}
    .labelContact{width: 100%; padding: 5px 0}
    .inputContact input, .inputContact textarea{width: 100%; padding: 5px;}

#pointweb_appbundle_contact_submit{
    width: 100%;
    background-color: #5a606e;
    color: #FFFFFF;
    font-family: 'robotobold';
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 23px;
    border: none;
    margin: 20px 0 50px;
}

/*----------------------------------------------------< COOKIES >---------------------------------------------------*/
/*----------------------------------------------------< CAPTCHA >---------------------------------------------------*/
#captcha{
    clear: both;
    margin: 10px 0;
    font-size:13px;
    color: #404040;
    line-height: 20px;
    border: 1px solid #b5b5b5;
    padding: 10px;
}
#captcha *{
    /* Enlever cette ligne pour aligner à droite */
    text-align: center;
}
#captcha legend{
    font-weight: normal;
}
#captcha input{
    background: white;
    border: 1px solid #b5b5b5;
}
#captcha .captcha_question{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#captcha .captcha_question span{
    color: #ac0000;
}
#captcha input::-webkit-input-placeholder {
    color: #4e4e4e;
    opacity: 1;
    font-size: 13px;
    text-align: center;
}
#captcha input::-moz-placeholder {
    color: #4e4e4e;
    opacity: 1;
    font-size: 13px;
    text-align: center;
}
#captcha input:-ms-input-placeholder {
    color: #4e4e4e;
    opacity: 1;
    font-size: 13px;
    text-align: center;
}
#captcha input:-moz-placeholder {
    color: #4e4e4e;
    opacity: 1;
    font-size: 13px;
    text-align: center;
}


.flash-notice{
    background-color: black;
    border-radius: 40px;
    color: white;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
    box-shadow: -3px 3px 10px black;
}