html{background-color:transparent;font-family:'Lato',sans-serif}

body{color:#626262;font-size:1.1em}

#container{width:100%}

#page{min-height:100%}

#header,#footer{border:none;margin:0;padding:0}

#header p,#footer p{font-size:1em;line-height:normal}

#header,#header a,#footer,#footer a,a{border-bottom:none;color:#010101;text-align:left}

a:hover{color:#e88f23}

#content_box{background:none;background:none}

#content_box #content{float:none;margin:0 auto;max-width:982px;min-width:320px}

#content_box .post_box{margin:0;padding:0}

#content_box #sidebars,#content_box .headline_area{display:none}

#content_box .format_text p{margin-bottom:0}

input,textarea{font-size:12px;font-size:.75rem}

.entry-content h1,.comment-content h1,.entry-content h2,.comment-content h2,.entry-content h3,.comment-content h3,.entry-content h4,.comment-content h4,.entry-content h5,.comment-content h5,.entry-content h6,.comment-content h6{margin:0}

.entry-content embed,.entry-content iframe,.entry-content object,.entry-content video{margin-bottom:0}

html{position:relative;background:#f3f1f1;margin:0!important}

html,body{height:inherit}

body.home{background:url(images/fond.jpg) no-repeat scroll center center / cover rgba(0,0,0,0)}

body.home #page{background:none}

body.home,html{height:100%}

body{background:url(images/ravenna.png) repeat scroll center center rgba(0,0,0,0)}

.site-main{padding-bottom:60px;padding-top:125px;position:inherit !important}

#content-in{background:none repeat scroll 0 0 #fff;margin:15px auto;max-width:1140px;padding:20px 40px 40px;width:96%;overflow:hidden}

h1{color:#183c6b;font-weight:400;margin:25px 0 20px;font-size:35px}

header h1{margin:0}

h2{color:#183c6b!important}

h2.gris{color:#7d7b6d!important;font-size:16px;margin:-15px 0 25px}

#content-in p{font-size:16px}

.logged-in #masthead{top:32px}

#masthead{background:rgba(186, 191, 194, 0.95);position:fixed;top:0;width:100%;z-index:998}

#logo{background: #0a2c74 none repeat scroll 0 0;display: inline-block;float: left;padding-left: 3%;width: 32%;} /*background:rgba(34,29,30,0.85)*/ 

#logo img{height:auto;max-width:342px;width:100%}

#bt_menu{display:none;background:url(images/menu_bt.png) no-repeat;width:39px;height:39px}

#menu{float:right;width:68%}

#menu ul{margin:0;padding:0}

#menu li{border-left:1px solid #183c6b;display:inline-block;font-weight:700;vertical-align:middle;width:16.5%;position:relative;height:125px}

#menu a{color:#333;font-size:16px;font-weight:700;padding:50px 0;text-align:center;text-transform:uppercase;display:block}

#menu a:hover,#menu a.current{color:#183c6b;text-decoration:none}

#menu li:hover ul{display:block}

#menu li ul{background:none repeat scroll 0 0 rgba(34,29,30,0.85);margin:0;padding:0;position:absolute;text-align:center;width:100%;display:none}

#menu li ul li{border-top:3px double #000;border-left:0;height:auto;margin:0;padding:10px;width:100%}

#menu li ul li a{margin:0;padding:0}

#colophon{background: #444;border-top: 6px solid #999;bottom: 0;color: #ccc;position: fixed;width: 100%;z-index: 3333;}

#colophon .tel,#colophon .copyright{font-size:14px;margin:7px 30px}

#colophon .tel{float:right;text-align:left}

#colophon .tel span{font-size: 17px;}

#colophon .tel a.tel{float:none;margin:0;color:#444;cursor:pointer}

#colophon .copyright{text-align:left;float:left;}

#slogan{background: rgba(24, 60, 107,0.5) none repeat scroll 0 0;bottom:0;left: 60%;position:absolute;right:0;top:0;}

#slogan .left,#slogan .right{display:block;height:40px;margin:0 30px;position:absolute;top:34%;width:41px}

#slogan .left{background:url(images/btLeft.png);left:0}

#slogan .right{background:url(images/btRight.png);right:0}

#slogan p{color:#fff;font-size:51px;margin:60% 100px 0;font-weight:700;text-align:center;text-shadow:.1em .1em .2em #000}

.projet{display:inline-block;margin-right:-5px;position:relative;width:33%;border:2px solid #fff}

.projet img{width:100%;height:auto}

.projet h2{background:rgba(24, 60, 107, 0.5);color: #fff !important;margin: 0;max-width: 352px;opacity: 1;padding: 122px 0;position: absolute;text-align: center;top: 0;width: 100%; z-index: 888;}

.projet p{background:url(images/agrandir.png) no-repeat scroll 0 0 rgba(39,173,224,0);color:#fff;font-weight:700;margin:0;opacity:0;padding:10px 0;position:absolute;bottom:0;text-align:center;text-transform:uppercase;width:100%;height:45px;z-index:888;-webkit-transition:opacity .5s;transition:opacity .5s}

.projet p.en{background:url(images/agrandir_en.png) no-repeat scroll 0 0 rgba(39,173,224,0)}

.projet:hover p{opacity:1}

#partenaire{text-align:center}

#partenaire img{margin:0 15px;max-height:70px;max-width:100%}

#list-equipe{position:relative}

.equipe{display:inline-block;margin-right:-5px;position:relative;border:2px solid #fff;width:33%}

.equipe img{width:100%;height:auto}

.equipe p{background:url(images/agrandir.png) no-repeat scroll 0 0 / cover rgba(39,173,224,0);color:#fff;font-weight:700;margin:0;opacity:0;padding:10px 0;position:absolute;bottom:0;text-align:center;text-transform:uppercase;width:100%;height:45px;z-index:888;-webkit-transition:opacity .5s;transition:opacity .5s}

.equipe p.en{background:url(images/agrandir_en.png) no-repeat scroll 0 0 / cover rgba(39,173,224,0)}

.equipe h2{background:rgba(24, 60, 107, 0.5);color: #fff !important;margin: 0;max-width: 352px;opacity: 1;padding: 139px 0;position: absolute;text-align: center;top: 0;width: 100%; z-index: 888;}

.projet.temoignage p{height: auto;text-transform: none;opacity:1;background:rgba(227, 29, 26,0);color:#444;padding: 138px 20px;font-style: italic;font-weight: normal;}

.equipe:hover p{opacity:1}

.membre{display:inline-block;margin:2%;text-align:center;vertical-align:top;width:20%}

.membre img{border-radius:25px;border-radius:150px;opacity:.75}

.membre:hover img{opacity:1}

.membre h2{font-size:20px;margin:21px 0 0}

.membre .poste{margin:0 0 15px;font-weight:700}

.membre .description{text-align:justify}

#soumission{margin:25px 0;overflow:hidden}

#estimation{margin:0 auto;overflow:hidden;padding:7px 15px;width:98%}

#soumission #estimation label.choix{width:15%}

#soumission .titreForm{border-bottom:1px solid #CCC;display:block;font-family:"dosismedium",Helvetica,Arial,sans-serif;margin:15px 0 0;text-transform:uppercase}

#contenu-in #soumission .important{color:#E51937!important;font-style:italic;font-weight:400}

#contenu-in .important{color:#E51937!important;font-weight:700}

#soumission .info{max-width:495px;width:98%;overflow:hidden}

#soumission .info .champs,#soumission .champs{float:left;margin:0 20px 10px 0;width:45%}

#soumission .champs.cListe{margin:0 0 18px;width:100%}

#soumission .champs.cListe input[type="text"]{font-size:12px;font-weight:700}

#soumission .champs.cListe div{margin:5px 0 0}

#soumission label.choix{display:block;float:left;font-weight:400;width:33%}

#soumission label{color:#7B7A7A;display:block;font-size:14px;font-weight:700}

#soumission label.autrechoix,#soumission .autrechoix,#soumission input[type="text"].autrechoix{float:left;margin:5px 0}

#soumission label.autrechoix{clear:both;padding-top:4px;font-weight:400}

#soumission .en label.autrechoix,#soumission .en .autrechoix,#soumission .en input[type="text"].autrechoix{margin:5px 0 5px 3px;width:70px}

#soumission .en label.autrechoix{width:140px;margin:5px 0}

#soumission .moitier{float:left;width:50%}

#soumission .moitier.espace label{font-weight:400}

#soumission textarea{font-size:100%;max-height:120px;min-height:120px;overflow:auto;vertical-align:top;width:100%}

#soumission .clear{clear:both}

#soumission .full{margin:0 auto;width:97%}

#soumission input[type="text"],#soumission input[type="password"],#soumission input[type="email"],#soumission input[type="number"],#soumission input[type="search"],#soumission input[type="tel"],#soumission input[type="url"]{width:96%}

#soumission #fake{cursor: default;opacity: 0;width: 100px}

.btEnvoyer{float:right;margin-top:15px}

.moitier{display:inline-block;padding:0 15px;vertical-align:top;width:70%}

.moitier.bureau{width:28%}

.moitier.bureau a.tel{color:#183c6b;cursor:pointer}

.moitier.bureau a.ouvert,.moitier.bureau a.ouvert:hover{color:#444;text-decoration:none;cursor:text}

button,input[type="submit"],input[type="button"],input[type="reset"]{background:#183c6b!important}

#promo{

    background: #444444;

    padding: 10px 0;

    text-transform: uppercase;

    max-width: 424px;

    width: 100%;

    text-align: center;

    position: relative;

}

#promo img{

    max-width: 90%;

    margin: 0 auto 15px auto;

}

#promo p{

    color: #bbbcbe;

    font-family: myriad Pro, Helvetica, Arial, sans-serif;

    margin: 0 30px;

    font-weight: 600;

    line-height: 1;

}

#promo span{

    display: block;

}

.ligne1{

    font-size: 28px;

}

.ligne2{

    font-size: 21px;

}

.ligne3{

    font-size: 34px;

    margin-top: 20px;

}

.ligne4{

    font-size: 33px;

}

#promo a,

#promo a:hover{

    background: #f1353a none repeat scroll 0 0;

    color: #fff;

    display: block;

    font-weight: 600;

    margin: 10px 39px;

    padding: 10px;

    text-align: center;

}



#promo .text.second{

    margin: 0 20px;



}

#promo .black{

    background: #000000;

    margin: -28px 0 0 0;

    padding: 34px 18px 10px 18px;

    width: 100%;

}



#promo .second .ligne1{

    font-size: 31px;

}



#promo .second .ligne2{

    font-size: 18px;

}



#promo .second .ligne3{

    font-size: 28px;

    margin-top: 10px;

}



#promo .second .ligne4{

    margin-top: 20px;

    font-size: 21px;

}



#promo .second .ligne5{

    font-size: 23px;

    color: #fdfdfd;

}



#promo span.white{

    display: inline;

}



#promo .second .ligne6{

    color: #000;

    text-transform: none;

    font-size: 21px;

}



#promo .second a,

#promo .second a:hover{

    background-color: #68b212;

    margin-top: 20px;

}



#promo .second .ligne4, #promo .second .ligne4, #promo .white{

    color: #fdfdfd;

}



@media screen and (max-width: 1600px) {

#slogan p {margin: 40% 100px 0;}	

}

@media screen and (max-width:1100px) {

#menu a{font-size:12px}

}

@media screen and (max-width:920px) {

#menu{width:78%}



#menu a{padding:41px 0}

#slogan{margin-top:22%}

#soumission .moitier{float:none;width:100%}

#soumission .info{max-width:100%}

#soumission .cListe .moitier{float:left;width:50%}

.membre{width:44%}

}

@media screen and (max-width:850px) {

#colophon .copyright{font-size:14px}

.copyright strong{display:block}

}

@media screen and (max-width:750px) {

#masthead{bottom:55px;width:100%}

#logo{float:none}

#menu{float:none;width:100%}

#menu a{font-size:10px;padding:25px 5px}

#menu li{height:100px}

}

@media screen and (max-width:730px) {

.moitier,.moitier.bureau{display:block;padding:0;width:100%}

.membre{display:block;margin:0 auto;width:93%}

}

@media screen and (max-width:650px) {

#masthead{display:block!important;overflow:hidden!important;position:inherit!important;top:0!important}

#bt_menu{background:url(images/menu_bt.png) no-repeat scroll 0 0 rgba(255,255,255,0.5);cursor:pointer;display:block;float:right;height:39px;width:39px}

#menu{display:none;clear:both}

#menu li{border-top:1px solid #183c6b;border-left:0;display:block;height:auto;width:100%}

#menu a{font-size:15px;padding:10px 0;text-align:center;width:100%}

#menu li ul{background:none repeat scroll 0 0 rgba(34,29,30,0);display:block;position:inherit;top:inherit}

#menu li ul li{border-top:1px solid #183c6b}

#slogan{margin-top:10%}

#slogan p{font-size:24px}

}

@media screen and (max-width:500px) {

#colophon .tel,#colophon .copyright{float:none;text-align:left;margin:7px 15px}

#masthead{bottom:inherit;width:100%}

#logo{width:50%}

#logo img{max-width:200px}

#slogan{display:none}

.site-main{padding-top:115px}

#page{padding:0}

.home #colophon{position:fixed}

#colophon{position:inherit;margin-top:25px}

#soumission .info .champs,#soumission .champs{float:left;margin:0 20px 10px 0;width:100%}

#soumission .moitier.espace label{font-weight:400;margin:15px 0}

}

@media screen and (max-width:450px) {

#promo span{

	display: inline;

	font-size: 16px;

}

#promo a{

	font-size: 16px;	

}

}



#promo {

    display: none;

}