@charset "UTF-8";



@font-face {
    font-family: 'latoblack';
    src: url('../_fonts/lato-bla-webfont.eot');
    src: url('../_fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-bla-webfont.woff') format('woff'),
         url('../_fonts/lato-bla-webfont.ttf') format('truetype'),
         url('../_fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../_fonts/lato-bol-webfont.eot');
    src: url('../_fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-bol-webfont.woff') format('woff'),
         url('../_fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../_fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('../_fonts/lato-lig-webfont.eot');
    src: url('../_fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-lig-webfont.woff') format('woff'),
         url('../_fonts/lato-lig-webfont.ttf') format('truetype'),
         url('../_fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../_fonts/lato-reg-webfont.eot');
    src: url('../_fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lato-reg-webfont.woff') format('woff'),
         url('../_fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../_fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*:focus{ outline:none;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body {background:#282c2f url(../_img/bg.jpg) no-repeat top center;font-family: 'latoregular', sans-serif;color:#3b4042;font-size:12px}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}  
.clear {clear:both;}
.right{float:right}
.left{float:left}
button, input, textarea{border:none; font-family: 'Lato', sans-serif;;color:#312a22;font-size:13px}
input.wysija-input{background-color:#EDEDEE}
button:hover {cursor:pointer}
#toolTip {position: absolute; background: #356197; background:#7d7163;color:#FFF;font-size:13px; padding: 5px 10px 5px 10px; border-radius: 7px; visibility: hidden; }
a{text-decoration:none}
img.alignleft{margin:0 20px 10px 0; float:left}
strong,bold,b{font-family: 'latobold'}
em, i{font-style:oblique}

.btn{font-size:12px;text-transform:uppercase;padding:9px 0 0 10px;font-family: 'latolight';color:#FFF}
.btn2{font-size:12px;text-transform:uppercase;padding:9px 7px 0 45px;font-family: 'latolight';color:#FFF}
.btn a{color:#FFF}
aside #btnPartenaire, aside #btnRegister{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.edit-link{float:right}
.vcenter{width:50%; height:50%; overflow:auto; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;}
#archivesNav {text-align:right}
#archivesNav li{display:inline-block;background:#79858c;color:#FFFFFF;padding:2px;text-align:center;margin-left:1px;width:22px;height:22px;padding-top:3px}
#archivesNav li.active{background:#9cacb5}
#archivesNav li a{color:#FFFFFF;font-size:12px;}
/* //////////////////////// STRUCTURE //////////////////////// */ 
#sitewrapper, #firstheader #navHeader{width:85%;min-width:1000px;max-width:1450px;  margin:0 auto;}

/* //////////////////////// GENERAL //////////////////////// */ 
#menuRub a,#menuRub2 a,#menuint li a{-webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in;}
h2{font-family: 'latolight', sans-serif;font-style: normal;font-weight:100;font-size:28px;margin-bottom:10px} 
h2.bloctitle{margin-bottom:10px;}
.sep{width:115px;height:5px;background:#79858c;margin-bottom:20px;}
.rubtitle{margin:10px 0;font-family: 'latoblack', sans-serif;font-size:32px;text-transform: uppercase}
.bigtitle{font-family: 'latolight';font-size:42px;margin-bottom:20px}
#contentWrapper .bigtitle p{line-height:40px}
h5{font-size:14px;color:#79858c;margin-bottom:10px;line-height:22px;text-transform:uppercase}
.btnplus{background:#79858c url(../_img/ico_plus.png) right no-repeat;width:auto;height:29px;float:left;margin:10px 0;padding-right:60px}
#maincontent .btnplus a, #contenthome .btnplus a{color:#FFFFFF;display:block;width:100%;height:100%;}
.btnplus2{background:#79858c url(../_img/ico_plus.png) left no-repeat;width:auto;height:29px;float:left;margin:10px 0}
.partnerlist{float:right}

.cols2{-moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2; -moz-column-gap:40px; -webkit-column-gap:40px; -o-column-gap:40px; column-gap:40px; text-align:justify;line-height: 20px;margin-bottom: 20px;}
.round{-moz-border-radius:5x;-webkit-border-radius:5px;border-radius:5px;}
#filterform{float:right;color:#79858c;margin-top:10px;font-family: 'latobold';text-transform:uppercase}
#filterform select{background:#262a2c;color:#FFFFFF;border:none;padding:5px;font-family: 'lato';text-transform:uppercase;color:#79858c}
#filterform option{margin:2px 0;border:none}
/* //////////////////////// HEADER ET NAV //////////////////////// */ 
#menuSecond{font-size:12px;margin-top:10px;color:#bbbbbb;text-transform:uppercase}
#menuSecond  {float:right;text-align:right}
#menuSecond  a {color:#bbbbbb;text-decoration:none}
#menuSecond  ul{float:left;margin-left:2em;}
#menuSecond  li, #navHeader #menuSecond li {display:inline-block; padding: 0 .12em;}
#menuSecond  li:after, #navHeader #menuSecond li:after{content: " | ";margin: 0 0 0 .25em;}
#menuSecond  li:last-child, #navHeader #menuSecond li:last-child{padding:0;margin:0 } 
#menuSecond  li:last-child:after, #navHeader #menuSecond  li:last-child:after{ content: " ";margin: 0} 
#supHeader .logo{margin-top:10px;height:40px;width:auto}
#navHeader .logo{margin-top:0px}
#menuSecond .compenser {color: #EE9902;font-family: 'latobold', sans-serif;}
#navHeader #menuSecond{font-size:10px;margin-top:0;position:relative}
#navHeader #menuSecond li:after{font-size:10px;margin-top:0}
#navHeader #menuSecond #lang, #navHeader #menuSecond #lang_sel_list{position:absolute;top:-3px;right:0}
#menuSecond .btnsoutenir{margin-top:10px;}
#menuSecond .btnsoutenir a{color:#FFF}
#navHeader .btn {padding-top:6px;font-size:10px}

#menuSecond  #lang a{color:#7A858C}
#menuSecond #lang .langactive a{color:#bbb}
#navHeader{margin:5px 0;font-size:13px;text-transform:uppercase;color:#FFF;position:relative;z-index: 100; }
#navHeader ul{float:left;}

#navHeader nav li {display:inline-block;padding:0 .25em 5px .25em;font-weight:300}
#firstheader #navHeader nav li {display:inline-block;padding-top:5px}
#navHeader nav li a{color:#FFF;}
#navHeader nav li:after {content: " / ";margin: 0 0 0 .50em;color:#bbbbbb;font-size:18px;font-weight:300}
#navHeader nav li:last-child:after { content: " "; padding: 0;margin:0} 
#navHeader nav li:hover:after {color:#464a4d;} 
#navHeader nav li:hover{background:#464a4d;}
#menuSecond form{float:right;}


#menuMain .sbmenu {position: absolute;left: -99999px;width:100%;list-style: none;padding:10px 20px 30px 20px;z-index: 20;background:#464a4d;margin-top:5px;text-transform:none;dispa}
#menuMain .sbmenu .left_sbmenu {width:26%;height: auto;height: auto;border-right:#79858c solid 1px;max-width: 250px;}
#menuMain .sbmenu .left_sbmenu, #menuMain .right_sbmenu {float: left;display: block;padding: 0 1% 1% 1%;margin-top:5px;}
#menuMain .sbmenu .left_sbmenu .tit_section {font-size: 27px;margin-bottom: 15px;}
#menuMain .sbmenu .left_sbmenu .img_section {width:100%;height:150px;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;max-width: 250px;margin-bottom: 10px;}
#menuMain .sbmenu .left_sbmenu .fondation{  background-image:url(../_img/fondation.jpg);  }
#menuMain .sbmenu .left_sbmenu .programmes{background-image:url(../_img/programmes.jpg); }
#menuMain .sbmenu .left_sbmenu .partenaires{background-image:url(../_img/partenaires.jpg); }
#menuMain .sbmenu .left_sbmenu .actualites{background-image:url(../_img/actualites.jpg); }
#menuMain .sbmenu .left_sbmenu .thematiques{background-image:url(../_img/thematiques.jpg); }
#menuMain .sbmenu .left_sbmenu .action{background-image:url(../_img/action.jpg)}
#menuMain .sbmenu .left_sbmenu .pres_section {font-size: 13px;line-height: 20px;font-family: 'latolight';}
#menuMain .sbmenu .right_sbmenu {height: auto;margin:10px 0 0 20px;padding:0 1%;font-size:13px;overflow:hidden}
#menuMain .sbmenu .right_sbmenu li{display:list-item; float:left;margin-right:20px;width:200px;padding: 1px .25em;}
#menuMain .sbmenu .right_sbmenu li:before {content: "› ";margin: 0 .25em 0 0 ;color:#bbbbbb}
#menuMain .sbmenu .right_sbmenu li:after { content: " "; padding: 0 } 
#menuMain ul li:active div, #menuMain ul li:hover div {left: 0;}
#menuMain .sbmenu .right_sbmenu li.menuh2:before {content: "";margin:0;}
#menuMain .sbmenu .right_sbmenu li.menuh2 a {font-family: 'latobold'; font-size:16px}
#menuMain .sbmenu .right_sbmenu li.menuh2 ul li a {font-family: 'latolight'; font-size:13px}
#menuMain .sbmenu .right_sbmenu li.menuh2 ul {margin:5px 0 20px 0}
#menuMain .sbmenu .right_sbmenu li:nth-child(3n+1) {clear: both;}

#firstheader {width:100%;background:#282c2f;height: 40px;padding-top:5px;margin-bottom: 30px}
#firstheader #navHeader img{float:left;margin-right: 20px}
#firstheader #navHeader{font-size:11px;font-family: 'latolight';}
#firstheader #navHeader a{color:#bbbbbb;}
#firstheader #navHeader .right_sbmenu a{color:#fff;}
.btnsoutenir{background:#ff3358 url(../_img/ico_soutenir.png) right no-repeat;width:auto;height:29px;float:right;padding-right:45px}
.btnsoutenir a{color:#FFFFFF;display:block;width:100%;height:100%;}
#navHeader .btnsoutenir{background-size: 27px 20px;padding-right:38px;height:20px;position: absolute;right:0;top:0}
#navHeader #toptools{float:right;margin-right:5px;}
#navHeader .btnfb{float:right;height:20px;width:20px;background:#464a4d url(../_img/i_facebook.png) no-repeat -1px -3px;background-size: 30px 30px;;margin-right:135px;}
#navHeader .btnfb a{display:block;width:100%;height:100%}
#searchHeader input[type="text"]{height:20px;width:0px;background:#464a4d;padding:2px 5px;color:#bbbbbb;display:none }
#searchHeader input[type="submit"]{height:20px;width:26px;background:#464a4d url(../_img/i_search.png) center no-repeat;cursor:pointer}



#menuSecond  #actionlink {margin-top:10px;font-family: 'latobold', sans-serif;}
#firstheader #navHeader  a.compenser {color: #eeaf02;}
#firstheader #navHeader  a.soutenir {color: #ff3358}

#follow .btnsoutenir{margin-top:5px}
#follow .btnsoutenir a{color:#FFFFFF;}
#menuRub .page_item a, #menuRub2 .page_item a{color:#fff;font-size:12px;display:table-cell;vertical-align: middle;height: 55px;width:120px;padding:0 10px}
#menuRub .home a{display:table-cell;vertical-align: middle;height: 55px;width:50px;padding:0 10px;background-image:url(../_img/home.png);background-repeat: no-repeat;background-position: center center;
}
#menuRub li, #menuRub2 li{float:left;margin-right:1px;vertical-align: middle;background:#40474b;height:55px;color:#FFFFFF;text-align:center;text-transform:uppercase;}
#menuRub2 li.current_page_item, #menuRub2 li.current_page_ancestor{background:#79858c}
#menuRub li:last-child, #menuRub2 li:last-child{margin-right:0 }
#btnShowmenu a{display:block;width:30px;height:27px;background-image:url(../_img/b_arrowdown.png);position:absolute;top:20px;right:5%;background-repeat: no-repeat;background-position: center;}


#smenurub li{float:left;margin-right:1px;vertical-align: middle;background:#40474b;height:55px;color:#FFFFFF;text-align:center;text-transform:uppercase;margin-top:1px}
#smenurub li a {color: #fff;font-size: 12px;display: table-cell;vertical-align: middle;height: 55px;width: 120px;
padding: 0 10px;text-transform:uppercase}
#smenurub li.current_page_item{background:#79858c}


#menuint{float:left;width:130px}
#menuint li a{display:inline-block;height:60px;width:120px;text-align:center;padding:20px 10px 10px 10px;color:#FFF;font-size:11px;text-transform:uppercase;color:#FFF}
#menuint li a.active, #menuint li.current_page_item a, #menuint li.current_page_parent a{background-image:url(../_img/bg_menuint.png);width:130px;padding-right:20px}
#menuint li a:hover{background-color:#40474b}
#menuint li a.active:hover{background-color:none}

#smenuint{}
#maincontent #smenuint a{color:#fff;font-size:11px;display:table-cell;vertical-align: middle;height:40px;width:120px;padding:0 10px;font-family: 'latolight'}
#maincontent #smenuint li, #maincontent.contenttext #smenuint li{float:left;margin-right:1px;vertical-align: middle;height:47px;color:#FFFFFF;text-align:center;text-transform:uppercase;margin-bottom:20px;list-style: none;padding:0;margin-left: 0;}
#smenuint li.current_page_item a{background-color:#40474b}
#smenuint li.current_page_item {background:url(../_img/arrow_bottom.png) bottom center no-repeat}
#smenuint li:last-child{margin-right:0 }
#maincontent .contenttextint{min-height:360px}
#maincontent .contenttextint strong, #maincontent .contenttextint bold {font-family: 'latoblack';}
#responsiv-btn, .responsiv-btnsmenu, .responsiv-smenu{display:none}
.responsiv-smenu{width:100%}

/* //////////////////////// FOOTER //////////////////////// */ 
#follow{margin:20px 0;background:#fff;padding:10px 20px;font-size:14px;height:65px}
#follow a{color:#3b4042}
#follow h3 {float:left;font-family: 'latobold', sans-serif;text-transform: uppercase;padding:15px 10px 0 0}
#follow .follow{float:left}
#follow .follow ul{width:auto;float:left; margin-right: 10px}
#follow .follow li{display:inline-block;margin-right:10px;font-family: 'latolight';height:45px;}
#follow .follow li div{border-radius:23px;-moz-border-radius:23px;-webkit-border-radius:23px; width:45px;height:45px;background-color:#79858c;display:block;float:left;margin-right:5px}
#follow .follow li span{display:inline-block;padding-top:15px;font-size:12px}
#follow .follow li.fb{background:url(../_img/social.png) -200px no-repeat}
#follow .follow li.tw{background:url(../_img/social.png) -400px no-repeat}
#follow .partnersfoot{float:right}
#follow .partnersfoot h3:before {content: " | ";margin: 0 20px 0 0 ;}
#follow h3{margin-right:0 }
#follow .partnersfoot .jcarouselpart{width:auto;float:left;overflow: hidden; width:84px;}
#follow .partnersfoot .jcarouselpart ul { width: 20000em; position: relative;}
#follow .partnersfoot li{display:inline-block;margin-right:2px;}
#follow .partnersfoot img{width:80px;height:auto}
#follow .arr1, #follow .arr2{width:7px;height:13px;background: no-repeat;float:left;margin:15px 10px 0 10px}
#follow .arr1 a, #follow .arr2 a{display:block;width:100%;height:100%}
#follow .arr1{background:url(../_img/arrow_l.png)}
#follow .arr2{background:url(../_img/arrow_r.png)}

footer{text-align: center;}
footer img{float:left}
footer ul{padding-top:10px;  display: block;} 
footer li {display:inline-block; padding: 0 .12em;color:#bbbbbb}
footer li:after {content: " | ";margin: 0 0 0 .25em;}
footer li:last-child:after { content: " ";margin: 0} 
footer ul a{color:#bbbbbb}

/*///////////////////////// HOME/////////////////////////////////*/
#actusHome{margin-top:20px}
#diapo {position:relative;}
#diapo .clickZone{position:absolute; width:100%; height:100%; cursor:pointer; top:0; left:0;}
#diapo .diapoimg{position:relative; width:100%; height:auto; overflow:hidden;}
#diapo img{width:100%;height:auto; position:absolute; cursor:pointer;}
#diapo .diapotitle{position:absolute;width:100%;top:15px;padding:20px;text-align:right}
#diapo #sep {width: 115px;height: 5px;margin-bottom: 20px;float:right}
#diapo h3{font-size:14px; color:#FFFFFF;font-family: 'latobold', sans-serif;font-size:30px;clear:both;text-shadow: 0px 0px 22px rgba(0, 0, 0, 0.50);}  
#diapo h2{margin:10px 0;font-family: 'latoblack', sans-serif;font-size:70px;text-shadow: 0px 0px 22px rgba(0, 0, 0, 0.50);} 
/*#diaponav li{display:inline-block;;margin-right:1px;background:#30363a;color:#FFFFFF;width:104px;text-align:center;padding:5px 3px;height:40px;float:left;vertical-align:middle;text-transform:uppercase;}
*/
#diaponav{position:absolute;bottom:0; overflow:hidden;width:100%;background:#282c2f}
#diaponav li{position:relative; display:inline-block; float:left;/*border-right: solid 1px #282c2f;*/background:#30363a;height:55px;background:#30363a;color:#FFF;text-align:center;padding:5px 3px;text-transform:uppercase; cursor:pointer; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;line-height:45px;}
#diaponav li + li{margin-left:1px;}
#diaponav li:last-child{border-right:none } 
#diaponav li:hover  .color{opacity:1; visibility:visible}
#diaponav li.active  .color{opacity:1; visibility:visible}

#diaponav li span {display:inline-block; position:relative; vertical-align:middle; line-height:1.2;}

#diaponav li .color {transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out; display:block; position:absolute; top:0; left:0; width:100%; height:55px; opacity:0; visibility:hidden}

#agendaHome{ background:#30363a;margin:20px 0;padding:10px 20px;color:#FFF;font-size:14px;}
#agendaHome h3{color:#97a1a7;float:left;font-family: 'latobold', sans-serif;}
#agendaHome h3 a{color:#97a1a7}
#agendaHome h3:after {content: " | ";margin: 0 10px 0 .25em;}
#agendaHome .agendamarquee{float:left;font-size:13px;width:90%;overflow:hidden}
#agendaHome  span{;margin:0 10px 0 20px;font-style:italic;font-size:11px;color: #79858c;}
#agendaHome a{color:#FFF}
#actusHome a{color:#bbbbbb;font-size:14px;}

#actus{width:68%;background:#30363a;float:left;height:330px;padding:20px;position:relative}
#actus .btnplus{margin-top:20px}
#actus article{float:left;width:32%;overflow:hidden;margin-right:2%;font-size: 13px;line-height:15px}
#actus article:last-of-type{margin-right:0;}
#actus .thumb {height: 140px;overflow: hidden;margin-bottom: 10px;}
#actus .thumb img {width: 100%;height: auto;}
#actus article:last-child{margin-right:0 } 
#actusHome .allactu a{display:block;background-color:#79858c;color:#FFFFFF;width:20px;height:18px;text-align:center;position:absolute;bottom:10px;right:10px;padding-top:1px}
#actusHome .rssgpi a{display:block;position:absolute;bottom:10px;left:20px;padding-bottom:5px;font-size:11px;color:#79858c;}
#direct{width:30%;background:#30363a;float:left;margin-left:2%;height:330px;padding:20px;position:relative}
#direct h2{font-size:21px;margin-top: 10px} 
#direct a:nth-child(2), #direct a:nth-child(3){display:none}
#direct li{padding-bottom: 20px}
#direct .thumb {width:100px;height:57px;overflow:hidden;float:left;margin:0 20px 10px 0}
#direct .thumb img{width:100px;height:auto;margin-top:0px}
#direct article{clear:left;padding-bottom: 20px}

/*/////////////////// CONTENT ////////////////////////////*/
#contentWrapper{background:#fff url(../_img/bg_int.png) repeat-y;margin-top:20px;color:#3b4042;font-size:14px;position:relative;min-height:600px}
#contentWrapper p{line-height:22px;}
#contenthome{padding:50px 20px 50px 140px}
#contenthome a{color:#3b4042}
#contenthome .pres{margin-bottom:20px;max-width:880px}
#contenthome .mainthumb{float:left;margin:0 30px 0 -140px;max-width:627px;position:relative;overflow:hidden}
#contenthome .mainthumb img{;position:relative;width:100%;height:auto}
#actusprog{width:490px;float:left;margin-bottom:20px;height:320px;overflow:hidden;position:relative}
#actusprog article{float:left;width:31.9%;overflow:hidden;margin-right:10px; line-height:20px;position:relative}
#actusprog article:last-child{margin-right:0 } 
#actusprog  .allactu a{display:block;background-color:#79858c;color:#FFFFFF;width:20px;height:20px;text-align:center;right:10px;bottom:20px;position:absolute; font-size: 18px;}
#focusprog{float:left;margin-left:30px;height:320px;overflow:hidden;position:relative;width:300px;}
#contenthome #focusprog p{line-height: 18px;}
#focusprog .btnplus, #actusprog .btnplus{position:absolute;bottom:0}
#focusprog .thumb {margin-bottom:5px;overflow:hidden;width:300px;height:200px}
#focusprog .thumb img{max-width:300px;height:auto}
#contenthome .listactus p,#actusHome p{font-size:13px;line-height:18px;text-align:left}
#maincontent{float:right;width:85%;padding:50px 60px 40px 20px;min-height: 530px;}
#maincontent a{color:#7B898D}
.contenttext a:hover{text-decoration:underline;}
#maincontent p, #contenthome p{line-height:20px;margin-bottom:20px;text-align:justify}
#contenthome .bigtitle p {text-align:left}
#maincontent h1{font-size:42px;font-family:'latolight';margin-bottom:20px;text-transform:uppercase;}
#maincontent h1.smalltitle{font-size:30px;font-family:'latobold';margin-bottom:20px;text-transform:none;}
#maincontent h4{font-size:14px;font-family:'latolight';text-transform:uppercase;line-height:20px;margin-bottom:20px}
#maincontent h3{font-size:16px;font-family:'latobold';margin:10px 0;text-transform:uppercase;line-height:20px}
#maincontent h2{font-size:20px;font-family:'latobold';margin:20px 0;text-transform:uppercase;line-height:20px}
#maincontent h2.bigtitle{font-family: 'latolight';font-size:42px;margin-bottom:20px}
/*#maincontent iframe{width:100%;min-height:630px}*/
#fichevideo iframe{width:100%;min-height:630px}
#maincontent .imgcaption{overflow:hidden;position:relative;}
/*#maincontent .mainimg{margin:0px -60px 5px 30px;width:60%;max-height: 400px;overflow:hidden}*/
/*#maincontent .mainimg{margin:0px -60px 5px 30px;width:60%;overflow:hidden;text-align: right;}*/
/*#maincontent .imgcaption img{margin:0;padding:0;height:auto;width:100%;position:relative}*/
/*#maincontent .imgcaption img{margin:0;padding:0;height:400px;width:auto}*/

#maincontent .mainimg {margin: 0px -60px 5px 30px; max-width: 60%; overflow: hidden; text-align: right;}
#maincontent .imgcaption img { margin: 0; padding: 0; position: relative; max-width: 100%; max-height: 466px; width: auto; height: auto;}



#maincontent .fullimg{margin:0px -60px 5px 30px;width:auto;max-height:40%}
#maincontent .fullimg img{max-height:350px;width:auto;max-width:350px;}


.caption{color:#FFF;font-size:11px;padding:10px;text-align:center;width:100%;height:auto;position:absolute;bottom: -180px}
#alphaWrapper{margin-top:20px;color:#fff;font-size:14px;position:relative;min-height:600px}
#alphaWrapper p{line-height:22px;}
#alphaWrapper #maincontent{float:none;width:100%;padding:0px}
#contentfullWrapper{margin-top:20px;color:#3b4042;font-size:14px;position:relative;min-height:600px}
#contentfullWrapper #maincontent{float:none;width:100%;padding:40px;background:#FFF;min-height:600px}
#contentfullWrapper #maincontent h1{font-family:'latobold'}
#maincontent .applat{padding:16px;background:#EDEDEE;line-height:20px;text-align:justify;clear:both}
.infodate{margin:10px 0;color:#999}


#maincontent em{font-style:italic}
#maincontent.contenttext li{list-style:square;padding:2px 0;margin-left:15px;line-height: 20px;}
#maincontent.contenttext ul{margin-bottom:20px;}


#pagetools{position:absolute;left:20px;bottom:50px;width:120px;padding:0 5px;text-transform:uppercase;color:#0fa7c2;font-size:11px}
.btnFacebook a, .btnTweet a{display:block;width:52px;height:52px; background-image:url(../_img/b_facebook.png);margin:10px 0 0 10px }
.btnTweet a{background-image:url(../_img/b_tweet.png)}
.postlist article{clear:both;margin:20px 0;height:150px;padding-right:20px;position:relative;-webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in;}
.posters article{clear:both;margin:20px 0;height:180px;padding-right:20px;position:relative;-webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in;}
.postlist article:hover{background:#ececed;}
.postlist article img{width:230px;height:auto;}
.postlist article h3{text-transform:uppercase;font-family:'latobold';font-size:18px;padding-top:10px}
.postlist article .thumb{float:left;margin-right:20px;position:relative;height:150px;overflow:hidden}
.posters article .thumb{float:left;margin-right:20px;position:relative;height:180px;overflow:hidden}
.postlist article .btnplus2{position:absolute;z-index:99;left:193px;top:102px}
.posters article .btnplus2{position:absolute;z-index:99;left:250px;top:132px}
.livres article .btnplus2{position:absolute;z-index:99;left:240px;top:112px}
.livres article .thumb{float:left;margin-right:20px;position:relative;height:150px;width:220px;text-align:center}
.livres article img{width:auto;height:150px;}
.btnaction{float:right;margin-left:20px;text-align:center;font-size:14px;font-family: 'latobold';}
 .jauge { width:150px; height:120px;}
/*.postlist article .jauge text{display:none}*/
#maincontent .btnsoutenir{margin-top:50px;margin-left:30px;margin-right:-30px}
#maincontent .btnsoutenir a{color:#FFF}

#mapProjets{width:100%;height:350px;border:#ececed solid 10px; margin-bottom:30px}
#contentWrapper .partnerlist{padding-left:20px}

#maincontent .partnerlist div{float:right}

.partnerlist p, #contenthome .partnerlist p, #maincontent .partnerlist p{width:110px;text-align:right;padding:10px 10px 0 0;font-size:12px;float:left;color:#b6b6b6;line-height: 22px;margin:0}
.partnerlist ul{border-left: solid 1px #b6b6b6;float:left;}
#maincontent .partnerlist ul{border:none;float:left}
.partnerlist li{display:inline-block; padding: 0 .12em;}
.partnerlist img{height:65px;width:auto}

.fichecontent img{max-width:400px;height:auto}
#maincontent td{padding:7px}
#maincontent tr:nth-child(odd){background:#EDEDEE}

/*/////////////////// PARTENAIRES ////////////////////////////*/
#listpartners li{width:19%;background:#FFF;float:left;margin:0.6% 0;text-align:center;padding:0px 0;margin-right:1%}
#listpartners li:nth-child(5){margin-right:0}
#listpartners li img{width:100%;height:auto}
.popupPartenaire{display:none;width:600px;padding:20px}
.popupPartenaire .imgStruct{float:left;margin-right:20px}
.popupPartenaire .contentStruct{float:left;width:300px}
.popupPartenaire a{color:#79858c;margin-bottom:10px;display:block}
.popupPartenaire p{margin:10px 0;line-height:20px}
.popupPartenaire h3{color:#79858c;font-family: 'latobold', sans-serif;font-size:16px;text-transform:uppercase}


/*////////////////// AGENDA /////////////////////////////*/
#agendaMois {width:100%;background-color:#e9eaea;padding:5px 5px;margin-bottom:10px;text-align:center}
#agendaMois li{display:inline-block;background-color:#7A858C;padding:5px 5px;margin:5px 2px;width:65px;height:20px;text-transform:uppercase;text-align:center;font-size:12px}
#agendaMois li.activemonth{background-color:#40474b}
#agendaMois li a{color:#FFFFFF}
#agendaFocus{float:left;width:20%;margin:10px 0;text-align:right; font-size:13px;color:#7e8080}
#agendaFocus p {text-align:right;}
#agendaList{float:left;width:75%;margin-left:4%}
#agendaList .agendaDate {background-color:#7A858C;color:#FFFFFF;width:70px;padding:5px 5px;text-align:center;float:left;clear:both;margin-top:10px;font-size:12px;line-height:15px}
#agendaList .agendaContent{float:left;margin: 0 20px;width:85%}
#agendaList  a{color:#3b4042}

/* FANCY*/
.fancybox-overlay {width: 100%;height: 100%;background: url('../_img/fancybox_overlay.png');z-index: 10;position: fixed;top: 0;}
.fancybox-skin {position: relative;background: #fff;width:500px}



/*/////////////////// BARRE LATERALE ////////////////////////////*/
#toolsbar{height:100%;width:80px;position:fixed;top:0;right:0;padding:15% 5px 20% 5px; overflow:hidden;}
#toolsbar_arrow{height:100%;width:10px;position:absolute;top:0;right:0;}
	#toolsbar_arrow .pointe{position:absolute;width:20px; height:20px;top:50%; margin-top:-10px; margin-left:-5px;}
#toolsbar_content{height:100%;width:40px;position:absolute;top:0;right:0;padding:15% 5px 20% 5px; cursor:pointer;}
	#toolsbar_content ul{position:absolute; top:50%;}
	#toolsbar_content li{position:relative; width:300px}
	#toolsbar_content li + li{margin-top:10px}
		#toolsbar_content li .tiroir{position:absolute;white-space: nowrap; color:#FFF; display:inline-block; padding:5px 9px 5px 5px; box-sizing:border-box;-moz-box-sizing:border-box;left:50px; }
		#toolsbar_content li .tiroir a{display:inline-block;}
		
		/*/////////////////// SLIDER VIDEOS ////////////////////////////*/
div#wrapperGalerie {position:relative; margin-top:30px;}
div#videoWrapper {width:100%; overflow:hidden; position:relative;}
div#videoWrapper .video{width:100%;float:left; margin-left:3px}
div.video > span.title {color: #1c376d; font-family: 'latobold'; font-size: 22px; text-transform: uppercase; display:block}
div#excholder {margin:10px 0;}
div#excholder > span.title {font-family: 'latobold'; font-size: 22px; text-transform: uppercase; display:block; margin-bottom:5px;}
div#excholder > span.more{padding:0 5px;margin-top:20px}
div#excholder > span.more > a {padding:0;}

div.encartVideo {font-family: 'latolight'; color: #FFF;font-size: 13px; text-transform:uppercase; margin:0; font-size: 22px; text-transform: uppercase; display:block; float:left; background-image:url(../_img/arrow_diapo.png); background-position:bottom right; background-repeat:no-repeat; font-style:italic; padding:30px; box-sizing:border-box; -moz-box-sizing:border-box; margin-left:2px;margin-top:2px;height:136px;width: 136px;background-color: #0EA8C3;}
				
div.wrapperGalerieThumbs {margin:10px 30px 0 17px}
div.thumbBlock {width:136px; float:left; line-height:1.2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; position:relative; margin-left:2px;margin-top:2px;height:136px; font-size:12px; text-align:center;background:#e0e1e1;overflow:hidden; position:relative;}
div.thumbBlock:hover, div.thumbBlock.active {background:#AAA; }
div.thumbBlock:hover > strong{bottom:5px;}
div.thumbBlock strong{font-family: 'latoregular';display:block; position:absolute; bottom:-60px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;color:#FFF; display:block; width:126px; margin-left:5px; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; }

div.thumbBlock a {color:#333333; background:url(../_img/playThumbs.png) 100px 102px  no-repeat; display:block; position:absolute; width:136px; height:136px; }
div.thumbBlock a:hover {text-decoration:none;}
div.thumbBlock div.thumb {width:100%; height:100%; overflow:hidden; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; text-align:center}
div.thumbBlock div.thumb img {width:auto; height:126px;display:inline-block}

/* BACKGROUND GALLERY */
#FullScreenGalerieImages{position:fixed; top:0; left:0; width:100%; height:100%;  background:#000;overflow:hidden; display:none;}
#bggallery {background-color:#121212;}
#bggallery div {position:absolute; vertical-align: middle;background-color:#080E12; text-align:center}
#bggallery div img{width:auto;height:auto; margin:0 auto;vertical-align: middle;}
#galleryControls{position:fixed; top:0; left:0; background-color:#e84264;}
#galleryControls .btn_prev{position:fixed; top:50%;margin-top:-20px; left:10px;height:40px; width:40px;padding:10px;background: url(../_img/elmnts/fleche_gauche.png) #000 no-repeat center;float:left; cursor:pointer; transition:background-color 0.3s ease-out;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;}
#galleryControls .btn_next{position:fixed; top:50%;margin-top:-20px; right:10px; height:40px; width:40px;padding:10px;background: url(../_img/elmnts/fleche_droite.png) #000 no-repeat center;float:left; cursor:pointer; transition:background-color 0.3s ease-out;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;}
#galleryControls .btn_stop{display:none;height:35px; width:35px;padding:10px;background: url(../_img/elmnts/play-pause.png) #FFF no-repeat;background-position:-0px -35px;float:left; cursor:pointer; transition:background-color 0.3s ease-out;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;}
#galleryControls .btn_stop:hover, #galleryControls .btn_prev:hover, #galleryControls .btn_next:hover{background-color:#333}
#photoCredits{position:absolute; font-size:14px; padding:10px; background-color:#282c2f; color:#FFF;visibility:hidden; font:condensed; bottom:126px;font-family:'latolight', Arial, Helvetica, sans-serif;font-size:12px}
#wrapperFooter{position:absolute; width:100%; bottom:-120px; height:200px; z-index:20 }
#wrapperFooter .thumbs{position:absolute; padding:0; bottom:0px;left:0px; padding:10px 20px; width:10000px; height:90px; background-color:#444444; background-color:rgba(31, 31, 31, 0.9)}
#wrapperFooter .thumb{float:left;margin-right:1px; height:74px; width:70px; text-align:center; overflow:hidden; opacity:0.5; cursor:pointer;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
#wrapperFooter .thumb:hover,#wrapperFooter .active{background-color:#FFF;opacity:1}
#wrapperFooter .thumb img{display:block;  height:70px; width:auto; cursor:pointer;}
#timeBar{position:absolute; bottom:93px; left:0; height:3px; width:0;background-color:#e84264}
#FullScreenGalerieImages div.btnClose {width:40px; height:40px; background:url(../_img/croix.png) no-repeat center; position:absolute; top:10px; right:10px; cursor:pointer}

div.encartDiapo {font-family: 'latolight'; color: #FFF; text-transform:uppercase; margin:0; font-size: 19px; text-transform: uppercase; display:block; float:left; background-image:url(../_img/arrow_diapo.png); background-position:bottom right; background-repeat:no-repeat; font-style:italic; padding:50px 10px ; box-sizing:border-box; -moz-box-sizing:border-box; margin-top:2px;margin-left:2px; height:136px;overflow:hidden;width:136px; cursor:pointer; transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
div.encartDiapo:hover{background-color:#79858c;background-position:110px 110px;}


div.thumbBlockImg {width:136px; float:left; line-height:1.2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; position:relative; margin-left:2px;margin-top:2px;height:136px; font-size:12px; text-align:center;background:#e0e1e1;overflow:hidden; position:relative;}
div.thumbBlockImg:hover, div.thumbBlockImg.active {background:#AAA; opacity:0.8; }
div.thumbBlockImg:hover > strong{bottom:5px;}
div.thumbBlockImg strong{font-family: 'latoregular';display:block; position:absolute; bottom:-60px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;color:#FFF; display:block; width:126px; margin-left:5px; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; }

div.thumbBlockImg a {color:#333333;  display:block; position:absolute; width:136px; height:136px; }
div.thumbBlockImg a:hover {text-decoration:none;}
div.thumbBlockImg div.thumb {width:100%; height:100%; overflow:hidden; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; text-align:center}
div.thumbBlockImg div.thumb img {width:auto; height:100%;display:inline-block}
div.wrapperGalerieImagesThumbs{margin-bottom:20px}
/*//////////////////////  DON ///////////////////////////// */
#maincontent.formpage .mainimg {width: 34%;margin-top:-50px}
#maincontent.formpage h1{color:#ff3358}
#maincontent.formprojet h1{color:#f18400;}
#maincontent.formpage #donoption{margin:0px -60px 20px -60px }
#maincontent.formpage #donoption em{font-size:10px }
#maincontent.formpage #donoption .ou{position:absolute;left:-25px;top:40px;color:#ff3358;background:#FFF;border-radius:23px;-moz-border-radius:23px;-webkit-border-radius:23px; width:45px;height:45px;display:block;padding:14px 13px}
#maincontent.formpage #donoption h3{color:#FFF}
#maincontent.formpage #donoption .box{width:35%;color:#FFF;float:left;background:#ff3358;padding:20px 40px;position:relative;height:145px}
#maincontent.formpage #donoption .choice1{background:#AD233C}
#maincontent.formprojet #donoption .choice1{background:#f18400}
#maincontent.formpage #donoption .fiscal{background:#ececed;width:30%; color:#ff3358;line-height:25px}
#maincontent.formprojet #donoption .fiscal{background:#ececed;width:30%; color:#f18400;line-height:25px}
#maincontent.formpage #donoption .fiscal #donamount{font-weight:bold}
#maincontent.formpage #donoption .fiscal #deduction{font-weight:bold;font-size:30px}
#maincontent.formpage #donoption .fiscal input{color:#ff3358}
#maincontent.formpage #donoption .option{float:left;margin-right:5px}
#maincontent.formpage #donoption label{margin-right:20px}
#maincontent.formpage input{padding:5px;margin-bottom:10px}
#maincontent.formpage h2{color:#ff3358}
#maincontent.formprojet h2{color:#f18400}
#maincontent.formpage button{background-color: #ff3358}
#maincontent.formprojet button{background-color: #f18400}
#maincontent.formpage .colright{float:right;width:35%;padding-left:40px;text-align:left}
#maincontent.formpage .colright h3{font-size:14px}


#maincontent.formpage .forminfo input[type="text"],#maincontent.formpage .forminfo select{background:#ececed;float:left;width:300px}
#maincontent.formpage .forminfo label{float:left;margin-right:10px;display:block;clear:both;width:150px;padding-top:5px}
#maincontent.formpage .forminfo label.error{float:left;width:400px;color:#ff3358;padding-left:160px;margin-top:-15px;margin-bottom:10px}

#maincontent.contenttext #sitemap li{list-style:none}
#maincontent.contenttext #sitemap li.firstelmt{margin-top:5px;text-transform:uppercase;font-family: 'latoblack';}
#maincontent.contenttext #sitemap li.firstelmt li{text-transform:none;font-family: 'latoregular';}
/*#maincontent.contenttext #sitemap li.firstelmt ul li{float:left;margin-right:20px}
#maincontent.contenttext #sitemap li.firstelmt ul li li{float:none;}
#maincontent.contenttext #sitemap li.firstelmt ul li:nth-child(3){clear:both}
*/

/*//////////////////////  MAP ///////////////////////////// */
.infomap {
	width: 180px;
	font-size:15px;
	top:-10px;
	text-align: center;

}
.infomap h3{font-family: 'latoblack';margin:10px}
.infomap a{color:#79858c}
.infomap img{width:100px;height:auto;margin-bottom:10px}
.infomap-body {
	width: 170px;
	height: 100px;
	margin: 2px 0;
		padding-left:10px;
	overflow: hidden;
}
.gmnoprint {
	margin-top:100px
}
/*////////////////////  FORMULAIRE CALCUL ///////////////////*/
#maincontent #useractions{float:right; color: #f18400;text-transform:uppercase;font-size:12px}
#maincontent #useractions a{color: #f18400;}
#maincontent fieldset{padding:20px;background:#ececed;margin:20px 0}
#maincontent fieldset .formrow{margin:10px 0}
#maincontent fieldset label{width:160px;margin-right:20px;float:left; text-align:left;padding-top:5px}
#maincontent fieldset p.longlabel label{width:auto;font-family: 'latobold';;margin-bottom:20px;font-weight:}
#maincontent fieldset
#maincontent fieldset p.longlabel select{float:right}
#maincontent fieldset p.longlabel{margin-bottom:0}
#maincontent fieldset input[type="text"],#maincontent fieldset input[type="password"]{padding:5px;width:200px}
#maincontent fieldset select {padding:5px;margin:0}
#maincontent fieldset input[type="submit"]{padding:5px;background:#f18400;color:#FFFFFF;margin-left:180px}
#maincontent .msgalert{color:#FF0000}
#maincontent #navcalcul{margin-bottom:20px;height:80px}
#maincontent #navcalcul li{float:left;text-align:center;font-size:10px;background:#e53369;height:80px;;width:14.2%}
#maincontent #navcalcul li a{display:block;width:100%;height:100%;color:#FFFFFF;padding:50px 5px 0 5px}
#maincontent #navcalcul li.energiebtn{background:#e53369 url(../_img/calcul/energie.png) no-repeat center 10px}
#maincontent #navcalcul li.deplacbtn{background:#39a4e8 url(../_img/calcul/deplacements.png) no-repeat center 10px}
#maincontent #navcalcul li.aerienbtn{background:#f15b00 url(../_img/calcul/aerien.png) no-repeat center 10px}
#maincontent #navcalcul li.restaubtn{background:#f15b00 url(../_img/calcul/restau.png) no-repeat center 10px}
#maincontent #navcalcul li.fretbtn{background:#4eb327  url(../_img/calcul/fret.png) no-repeat center 10px}
#maincontent #navcalcul li.hebergbtn{background:#4eb327  url(../_img/calcul/heberg.png) no-repeat center 10px}
#maincontent #navcalcul li.fretbtn2{background:#0fb892  url(../_img/calcul/fret.png) no-repeat center 10px}
#maincontent #navcalcul li.consombtn{background:#9038ad url(../_img/calcul/consom.png)  no-repeat center 10px}
#maincontent #navcalcul li.immobtn{background:#0fb892  url(../_img/calcul/immo.png) no-repeat center 10px}
#maincontent #navcalcul li.resultsbtn{background:#40474b url(../_img/calcul/co2.png) no-repeat center 10px}
#maincontent fieldset label.longlabel{width:auto}
#maincontent #barchart{width:40%;float:left;margin-right:20px;height:30px;background-image:url(../_img/calcul/stripes.png)}
#maincontent .barchart{width:40%;float:left;margin-right:20px;height:20px;background: #ececed;}
#maincontent .barchart .bar{background-image:url(../_img/calcul/stripes.png);height:20px;float:right}

#resultsdetails{clear:both;margin-left:40%;margin-right:20px;padding-left:20px;padding-top:10px;color: #999;line-height:20px}

#formDataBase{text-align:center;margin-top:40px; padding:20px 0; background:#ececed}
#formDataBase > button{ font-size:18px; text-transform:uppercase; padding:6px 20px; background:#f18400; color:#FFF; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
#formDataBase > button:hover{ background:#f8ab26;}


#resultsdetails.action-carbone {color:#f18400;line-height:25px}
#resultsdetails strong{font-size:20px;}
 #resultsdetails span{font-family: 'latoblack', sans-serif;color:#f18400;display:block;font-size:24px;margin-top:10px}
 #maincontent .infobulle{;background:#999;color:#FFF;padding:1px 5px;cursor:pointer;border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; margin-left:5px;font-size:12px}
#maincontent #result, #maincontent .result{margin-bottom:20px}
#maincontent #emissions, #maincontent .emissions{width:50%;float:left;margin-right:20px}
#maincontent #barchart{background-color:#f18400}
#maincontent #emissions span{font-family: 'latoblack', sans-serif;font-size:32px;color:#f18400}
#maincontent .emissions span{font-family: 'latoblack', sans-serif;font-size:20px;}
.emissions{line-height:20px}
#maincontent .formenergie #barchart, .energie .barchart .bar {background-color:#e53369}
#maincontent .formdeplacements #barchart, .deplacements .barchart .bar{background-color:#39a4e8}
#maincontent .formdeplacementsaeriens #barchart, .deplacementsaeriens .barchart .bar{background-color:#f15b00}
#maincontent .formfret #barchart, .fret .barchart .bar{background-color:#4eb327}
#maincontent .formconsommables #barchart, .consommables .barchart .bar{background-color:#9038ad}
#maincontent .formimmo #barchart, .immo .barchart .bar{background-color:#0fb892}
#maincontent .formenergie h3, #maincontent .formenergie h2,#maincontent .formenergie h4, #maincontent .formenergie #emissions span, .energie span, .formenergie #resultsdetails span{color:#e53369}
#maincontent .formrestauration h2,#maincontent .formrestauration  h3, .formrestauration #resultsdetails span{color: #f18400;}
#maincontent .formdeplacements h2, #maincontent .formdeplacements h3, #maincontent .formdeplacements h4, #maincontent .formdeplacements #emissions span, .deplacements .emissions span, .formdeplacements #resultsdetails span{color:#39a4e8}
#maincontent .formdeplacementsaeriens h2, #maincontent .formdeplacementsaeriens h3, #maincontent .formdeplacementsaeriens h4, #maincontent .formdeplacementsaeriens #emissions span, .deplacementsaeriens .emissions span, .formdeplacementsaeriens #resultsdetails span{color:#f15b00}
#maincontent .formfret h2, #maincontent .formfret h3, #maincontent .formfret h4, #maincontent .formfret #emissions span, .fret .emissions span, .formfret #resultsdetails span{color:#4eb327}
#maincontent .formconsommables h2, #maincontent .formconsommables h3, #maincontent .formconsommables h4, #maincontent .formconsommables #emissions span, .consommables .emissions span, .formconsommables #resultsdetails span{color:#9038ad}
#maincontent .formimmo h2, #maincontent .formimmo h3, #maincontent .formimmo h4, #maincontent .formimmo #emissions span, .immo .emissions span, .formimmo #resultsdetails span{color:#0fb892}
#maincontent .button_footer button{margin-right:10px}
#maincontent button.btn{padding-top:0;font-family: 'latoblack', sans-serif}
#maincontent .formcalcul label.error {width: 400px;color: #f18400;padding-left: 10px;margin-bottom: 10px;float:none}
#maincontent .divintrocalc{width:32%;margin-right:1%;padding:10px 20px;float:left;text-align:center;background-color: ;color:#FFFFFF;min-height:300px;position:relative}
#maincontent .divintrocalc h3{color:#FFF;font-size:13px;margin-bottom:90px}
#maincontent .divintrocalc a{display:block;background:#FFFFFF;color:#f18400;text-transform:uppercase;padding:5px 0;bottom:20px;position:absolute;width:87%}
#maincontent .divintrocalc p{text-align:center}
#maincontent .divintrocalc.btnpart{background:#FF3459 url(../_img/calculateurs/i_part.png) no-repeat center 60px}
#maincontent .divintrocalc.btnent{background:#eeaf02 url(../_img/calculateurs/i_ent.png) no-repeat center 60px}
#maincontent .divintrocalc.btnevnt{background:#1cba93 url(../_img/calculateurs/i_evnt.png) no-repeat center 60px}
#lostpassword, #createaccount{display:none}
#listcalculs  div{float:right}
#maincontent.contenttext #listcalculs li{list-style:none;margin-bottom:10px;padding-bottom:10px;border-bottom:#ececed 1px solid}
#listcalculs  div a {padding:2px 10px;background: #ececed;margin-left:10px;font-size:11px;text-transform:uppercase}
.button_footer .calculactions2{float:right}
.button_footer .calculactions{float:left}
.button_footer .calculactions div{margin-right:10px}
#resultsaction{float:right}
#resultsaction div{margin-right:10px}

/* ENTREE CALCULATEUR PARTICULIER */
#maincontent .wrapperdivintrocalcpart{width:600px; margin:0 auto; height:300px; }
#maincontent .divintrocalcpart{width:45%;margin-right:1%;padding:10px 20px;text-align:center;background-color:#ff3358 ;color:#FFFFFF;min-height:300px;position:relative; float:left;}
#maincontent .divintrocalcpart h3{color:#FFF;font-size:13px;margin-bottom:110px}
#maincontent .divintrocalcpart a{display:block;background:#FFFFFF;color:#ad223b;text-transform:uppercase;padding:5px 0;bottom:20px;position:absolute;width:87%}
#maincontent .divintrocalcpart p{text-align:center}
#maincontent .divintrocalcpart.btnvoyage{background:#ff3358 url(../_img/calculateurs/i_part.png) no-repeat center 60px;float:left;}
#maincontent .divintrocalcpart.btnannuel{background:#ad223b url(../_img/calculateurs/i_part.png) no-repeat center 60px;float:right; }
/* */

/*////////////////////  GALERIE VIDEOS  ///////////////////*/
#postgalery article{float:left;position:relative;margin:0 20px 20px 0}
#postgalery article.bigitem .videocursor{background: url(../_img/iplayer.png) no-repeat; width:47px;height:47px;position:absolute;z-index:10;left:10px;bottom:60px}
#postgalery .bigitem{width:500px;height:280px;overflow:hidden}
#postgalery .bigitem  .titlewrap{width:100%;background:#282c2f;position:absolute;bottom:0;opacity:0.85}
#postgalery .bigitem h3{color:#FFFFFF;padding:0 10px;font-size:14px}
#postgalery .bigitem img{width:100%;height:auto}
#postgalery .smallitem{width:245px;min-height:180px}
#postgalery .smallitem .thumb{width:245px;height:140px;overflow:hidden}
#postgalery .smallitem .thumb img{width:100%;height:auto}
#postgalery article.smallitem .videocursor{background: url(../_img/iplayer.png) no-repeat; width:47px;height:47px;position:absolute;z-index:10;left:10px;top:70px}
#postgalery .smallitem h3{color:#FFFFFF;padding-right:10px;font-size:14px}
#postgalery .smallitem p{color:#FFFFFF;padding-right:30px;margin:0;line-height:normal}
#fichevideo{background:#FFFFFF;color: #79858c;}
#fichevideo .videopres{float:left;width:70%;padding:20px}
#fichevideo .videopres h1{font-size:24px}
#fichevideo .videoinfo {float:left;width:30%;padding:20px; text-align:right;color: #79858c;}
#fichevideo .videoinfo p{color:#79858c}
.videoheader .btn{float:right}



#maincontent.contenttext #equipgrid li{list-style:none;width:150px;height:180px;margin:1px;background:#79858c;float:left;display:block;overflow:hidden;cursor:pointer}
#maincontent.contenttext #equipgrid li div{width:152px;height:182px;background:#40474b;color:#FFF;display:table-cell;vertical-align:middle;margin:0 auto;text-align:center;padding:0 5px}

#maincontent.contenttext #bdgrid li{list-style:none;width:150px;height:180px;margin:1px;background:#79858c;float:left;display:block;overflow:hidden;cursor:pointer}
#maincontent.contenttext #bdgrid li div{width:152px;height:182px;background:#40474b;color:#FFF;display:table-cell;vertical-align:middle;margin:0 auto;text-align:center;padding:0 5px}

/*STYLES WORDPRESS PAR DEFAUT */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; margin:10px 0 1em 1em}
.alignleft {float:left; margin:10px 1em 1em 0}}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption{width:300px}
.wp-caption img{width:300px}
.wp-caption-text{font-size:10px;font-style: italic;}
.wp-caption img{width:auto}


/* //////////////////////// COLOR //////////////////////// */ 

#toolsbar_arrow,
#toolsbar_arrow .pointe,
#toolsbar_content,
#toolsbar_content li .tiroir,
#menuRub a.active,
#menuRub a:hover,
#btnShowmenu a,
#menuint li a,
.caption,
.btnFacebook a, 
.btnTweet a, #menuRub li.current_page_ancestor,.sep,
div.thumbBlock strong,
div.encartDiapo,
#menuRub li.current_page_item{background-color: #79858c}
h2,
.rubtitle,
#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4,
#follow h3,
.bigtitle,
h5,
#agendaHome marquee span,
#pagetools{color:#79858c}

#agendaList .action-carbone .agendaDate, #menuint li a.action-carbone, .action-carbone .btnplus2,div.encartDiapo.action-carbone {background-color:#ff7b00}
#maincontent .action-carbone h3, #maincontent h3.action-carbone,#maincontent h1.action-carbone {color:#ff7b00}
#agendaList .ocean .agendaDate, #menuint li a.ocean, .ocean .btnplus2,div.encartDiapo.ocean {background-color:#0EA8C3}
#maincontent .ocean h3, #maincontent h3.ocean,#maincontent h1.ocean {color:#0EA8C3}
#agendaList .sensibiliser-et-informer .agendaDate, #menuint li a.sensibiliser-et-informer, .sensibiliser-et-informer .btnplus2,div.encartDiapo.sensibiliser-et-informer {background-color:#1cba93}
#maincontent .sensibiliser-et-informer h3,#maincontent h3.sensibiliser-et-informer,#maincontent h1.sensibiliser-et-informer {color:#1cba93}
#agendaList .rse .agendaDate, #menuint li a.rse, .rse .btnplus2,div.encartDiapo.rse {background-color:#eeaf02}
#maincontent .rse h3, #maincontent h3.rse,#maincontent h1.rse {color:#eeaf02}
#agendaList .vivre-ensemble .agendaDate, #menuint li a.vivre-ensemble, .vivre-ensemble .btnplus2,div.encartDiapo.vivre-ensemble {background-color:#c8a968}

#maincontent .vivre-ensemble h3,#maincontent h3.vivre-sensemble,#maincontent h1.vivre-ensemble{color:#c8a968}
#maincontent h3.vivre-sensemble{color:#c8a968}

#agendaList .60solutions .agendaDate, #menuint li a.60solutions, .60solutions .btnplus2,div.encartDiapo.60solutions {background-color:#93b000}
#maincontent .60solutions h3, #maincontent h3.60solutions,#maincontent h1.60solutions {color:#93b000}

#agendaList .la-solution-est-dans-lassiette .agendaDate, #menuint li a.la-solution-est-dans-lassiette, .la-solution-est-dans-lassiette .btnplus2,div.encartDiapo.la-solution-est-dans-lassiette {background-color:#FC6198}
#maincontent .la-solution-est-dans-lassiette h3, #maincontent h3.la-solution-est-dans-lassiette,#maincontent h1.la-solution-est-dans-lassiette {color:#FC6198}

.ocean {color:#0EA8C3 }
.bg_ocean {background-color:#0EA8C3 }
/*.action-carbone {color:#ff7b00}
.bg_action-carbone {background-color:#ff7b00 }*/
.action-carbone {color:#f18400}
.bg_action-carbone {background-color:#ff8c00 }
.sensibiliser-et-informer {color:#1cba93}
.bg_sensibiliser-et-informer {background-color:#1cba93 }
.rse {color:#eeaf02}
.bg_rse {background-color:#eeaf02 }
.vivre-ensemble {color:#c8a968}
.bg_vivre-ensemble {background-color:#c8a968 }
.theme1 {color:#4eb327}
.bg_theme1 {background-color:#4eb327 }
.p60-solutions, .p60solutions{color:#93b000}
.bg_60-solutions, .bg_60solutions, .bg_p60solutions{background-color:#93b000 }
.pla-solution-est-dans-lassiette, .pla-solution-est-dans-lassiette{color:#FC6198}
.bg_la-solution-est-dans-lassiette, .bg_la-solution-est-dans-lassiette, .bg_pla-solution-est-dans-lassiette{background-color:#FC6198 }
.theme2{color:#e8442e}
.bg_theme2{background-color:#e8442e }
.theme3{color:#ff3358}
.bg_theme3{background-color:#ff3358 }
.p60solutions{color:#93b000}
.action-carbone {color:#f18400}
.la-solution-est-dans-lassiette{color:#FC6198;}
.bg_la-solution-est-dans-lassiette{background-color:#FC6198}
.la-solution-est-dans-lassiette {color:#FC6198 }

/* Commentaires */
#commentform{background: #EDEDEE;padding:20px}
#commentform input, #commentform textarea{padding:5px;margin-right:5px}
#commentform input[type="submit"]{padding:10px;color:#FFFFFF;background:#303437;cursor:pointer}

.js-marquee-wrapper{margin-left:50px}