/*
Theme Name: OPIQ Theme
Theme URI: http://opiq.qc.ca/
Author: K3 Media
Author URI: http://www.k3media.com
Version: 2
*/

html, body{ min-width:320px; }

a{outline:0;}
div.right a:visited {color:purple!important;}
a img{border:none;}
h1,h2,h3,h4,p{margin:0;font-weight: normal;}
.clear{clear: both;}
body{margin:0;font-family: arial, helvetica, sans-serif;font-size: 13px;color:#3e3e3e;}
.content .right .entry a{color:#3AA3B6;}*/
#header{width:100%;background-color:#FFF;padding-bottom:15px;}
#header .content_header{width:975px;margin:0 auto;}
#header .content_header .logo_opiq{float: left;margin:15px 0;}
#header .content_header .right_header {float: right; font-style: normal; padding-bottom: 15px; width:735px; }
#header .content_header .right_header .zone_membres{background: url("images/lock.jpg") 19px 4px no-repeat #333; padding:5px 20px 5px 50px;font-family: "museo-sans", sans-serif; font-weight: 500;font-size: 15px;width: 250px;float: right;}
#header .content_header .right_header .zone_membres p{color:#FFF;float: left;margin:0;text-transform: uppercase;padding:2px 20px 2px 0;border-right: 1px solid #FFF;display: block;}
#header .content_header .right_header .zone_membres span{float: left;padding:2px 0 2px 16px;display: block;color:#00e2fe; text-decoration: underline; }
#header .content_header .sous_menu{height: 21px;margin:15px 0;float:right;}
#header .content_header .sous_menu ul{margin:0;float: left;padding:0;list-style: none;font-size:13px;font-weight: 300; font-family: "museo-sans", sans-serif;font-style: normal; }
#header .content_header .sous_menu ul li{margin:0 20px 0 0;padding:0;list-style: none; display: inline;line-height: 21px;}
#header .content_header .sous_menu ul li a{color:#333;text-decoration: none;}
#header .content_header .sous_menu .res_soc{float: left; }
#header .content_header .facebook,
#header .content_header .twitter{display: block;width:21px;height: 21px; float: left;text-indent:-9000px; }
#header .content_header .facebook{background: url("images/btn_fb.png") top left no-repeat; margin-right: 10px;}
#header .content_header .twitter{background: url("images/btn_twitter.png") top left no-repeat;}

/*MENU DROP DOWN*/
#header .content_header .menu ul { margin: 0; float: left; padding: 0; list-style: none; font-size: 15px; font-weight: 700; font-family: "museo-sans", sans-serif; top: 30px; left: -1px;}
#header .content_header .menu{float: right;}
#header .content_header .menu ul li{display: inline-block;/*padding:0 10px;*/height:20px;line-height: 20px;margin:0; zoom:1;}
#header .content_header .menu ul li:last-child{padding-right: 0;border:none;}
#header .content_header .menu ul li a{color:#5e6e65;text-decoration:none; }


#header ul#menu-menu-principal{ font-size: 0; }
#header ul#menu-menu-principal >li{ padding: 6px 0; height: auto; overflow: visible; font-size: 15px; margin-left: -1px; zoom:1;}
#header ul#menu-menu-principal >li >a{ padding: 0 10px; display: inline-block;  border:1px solid transparent; border-left: 1px solid #43e2ff; }
#header ul#menu-menu-principal >li:first-child >a{ border-left: 1px solid transparent; }
#header ul#menu-menu-principal >li:hover{ padding: 0; height: auto; }
#header ul#menu-menu-principal >li:hover >a{ padding: 6px 10px; border-color: #3E3E3E; }
#header ul#menu-menu-principal >li:hover li a{ border-right:1px solid transparent; }
#header ul#menu-menu-principal li.menu-item-has-children:hover{ background: #e3e3e3; position: relative; z-index: 1338; }
#header ul#menu-menu-principal li.menu-item-has-children:hover >a,
#header ul#menu-menu-principal li.menu-item-has-children:hover >a:visited { color: #000; background: #e3e3e3; position: relative; border-bottom: 1px solid #e3e3e3; z-index: 1339; }
#header ul#menu-menu-principal li.menu-item-has-children ul{ display: none; min-width: 279px; width: auto; background: #e3e3e3; position: absolute; z-index: 1337; border: 1px solid; left: 0; padding:12px 0; }
#header ul#menu-menu-principal li.menu-item-has-children:last-child ul{ left:auto; right:0; }
#header ul#menu-menu-principal li.menu-item-has-children ul li{ border: none; display: block; height: auto; padding: 0 12px; }
#header ul#menu-menu-principal li.menu-item-has-children ul li a{ padding: 6px 5px; display: block; border-top: 1px solid #c6c6c6; }
#header ul#menu-menu-principal li.menu-item-has-children ul li:first-child a{ border-top:1px solid transparent; }
#header ul#menu-menu-principal li.menu-item-has-children ul li a:link,
#header ul#menu-menu-principal li.menu-item-has-children ul li a:visited { color: #333; display: block; }
#header ul#menu-menu-principal li.menu-item-has-children ul li.menu-item:hover >a{ background: #fff; color: inherit; border-bottom: 0; }
#header ul#menu-menu-principal li.menu-item-has-children ul li.menu-item.menu-item-has-children:hover >a{ background: #fff url(images/menu-item-arrow.png) no-repeat 98% center; }

#header ul#menu-menu-principal li.menu-item-has-children:hover >ul{ display: block; top: 100%; margin-top: -2px; }
#header ul#menu-menu-principal li.menu-item-has-children li:hover >ul{ display: block; right:100%; left:auto; top:-13px; margin: 0; }
#header ul#menu-menu-principal >li.menu-item-has-children:first-child li:hover >ul,
#header ul#menu-menu-principal >li.menu-item-has-children:first-child+li li:hover >ul{ display: block; left:100%; right:auto; top:-13px; margin: 0; }

#header .content_header .recherche{float: right;margin-top:15px;position:relative;width:210px;height:26px}
#header .content_header .recherche .texte{width:175px;height:22px;position: absolute;right:0;z-index:1;border:1px solid #333333;padding-left: 5px;padding-right: 20px;}
#header .content_header .recherche .bouton{z-index:10;border:none;background: url("images/icon_recherche.jpg") top left no-repeat; width:18px;height: 17px;position: absolute;display: block; right: 5px; top: 5px;cursor: pointer;}

#container_content{min-height:701px;width: 100%;margin:0; position:relative;}

.home .content{ padding-top: 15px;}
.content{width:100%; max-width: 1005px; padding: 0 15px 21px 15px;margin: 0 auto;z-index: 100;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.content .left_col{width:78%; margin-right: 1.5%;float:left;z-index: 100;position: relative;}
.content .right_col{width:20.5%;float:right;}
.content .right_col h3{font-family: "Flamenco", sans-serif; font-size: 29px;font-weight: normal;margin:5px 0;}
.content .right_col .derniere_parution{background-color:#c75e5e;height:378px;}
.content .right_col .derniere_parution h4{ font-size: 13px; margin-bottom: 7px; }
.content .right_col .derniere_parution a:first-child{ display: block; text-align: right; }
.content .right_col .derniere_parution .post_thumbnail img{transform:rotate(6deg); -ms-transform:rotate(6deg); -webkit-transform:rotate(6deg); -webkit-backface-visibility: hidden; box-shadow: 4px 4px 8px #272727;}
.content .right_col .derniere_parution .derniere_parution_text{padding: 10px; margin-top: 7px; color: #fff;}
.content .right_col .derniere_parution .derniere_parution_text p{margin:0;}
.content .right_col .derniere_parution .derniere_parution_text .caption p{font-style: italic; font-family: Arial, sans-serif;}
.content .right_col .derniere_parution .btn_plus{ margin-top: 20px; }
.content .right_col h4{font-family: "museo-sans", sans-serif;margin:0;font-weight: 700;}
.content .right_col .actualites{padding:10px;background-color:#FFF;margin-top:20px;height:342px;}
.content .right_col .actualites p{margin:10px 0;}
.content .right_col .actualites .actualite_article a{color:#006372;text-decoration:none;}
.content .right_col .actualites .actualite_article>a{ font-style: italic; }
.content .right_col .actualites .actualite_article{padding:10px 0;border-top:1px solid #d5d5d5;}
.content .right_col .actualites .first_actualite{border:none;}
.btn_plus {background-color: #3E3E3E; color: #FFFFFF; display: block; font-weight: 700; margin-top: 5px; padding: 5px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%;}

#container_footer{background-color:#e3e3e3;width: 100%}
#footer{ padding:15px; width:100%; max-width: 1005px; margin: 0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.bloc_partenaire h3,
.bloc_partenaire_nav h3{display:none;}
.bloc_partenaire{text-align:center;border:1px solid #FFF;padding:10px 0;width: 49.2%;float:left;min-height:85px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bloc_partenaire p{margin-bottom:10px;font-size: 14px; font-family: "museo-sans", sans-serif; font-weight: 700;color:#5e6e65;}
.bloc_partenaire aside{display:inline; margin:0 10px;}
.bloc_partenaire.platine{margin-right:1.6%}
.bloc_partenaire.platine p{ font-size: 17px; color: black; font-weight: 700; margin-bottom: 15px; }
#footer .navigation{margin-top:20px;}
#footer .navigation .bloc_nav{float: left; width:210px; }
#footer .navigation .bloc_nav a{color:#5e6e65;}
#footer .navigation .bloc_nav p{color:#5e6e65;}
#footer .navigation .bloc_nav p, #footer .navigation .bloc_nav p a{font-family: "museo-sans", sans-serif;font-size: 14px;font-weight:700;text-decoration: none;}
#footer .navigation .bloc_nav p{margin-bottom:20px}
#footer .navigation .bloc_nav ul{margin:0;padding:0;}
#footer .navigation .bloc_nav ul li{margin:0;list-style:none;font-family: arial,helvetica,sans-serif;line-height: 25px;}
#footer .bloc_partenaire_nav .widget-area{padding-top:15px;}
#footer .navigation .sous-menu p{margin-bottom:0;}
#footer .navigation .bloc_partenaire_nav{float: right;width:auto;text-align: center;}
#footer .navigation .bloc_partenaire_nav p{margin-bottom:10px;}
#footer .foot {margin-top:15px;padding-top:5px;border-top:1px solid #FFF;}
#footer .foot p{color:#5e6e65;font-size:12px; }
#menu-menu-gauche a:link { font-weight: 700; text-decoration: none; }
#footer #menu-menu-gauche .menu-item { margin-bottom: 20px; }


.content .left_col .slideshow{width:100%; height: auto; position:relative; visibility:visible; opacity:1;}
.slideshow ul.ui-tabs-nav{position:absolute; top:0; right:0; list-style:none; padding:0; margin:0; width:24%; background: url("images/bg_side_slideshow.png") top left no-repeat; height:100%; border-left: 1px solid white;}
.slideshow ul.ui-tabs-nav li{font-size:12px; height:25%; outline:none; cursor:pointer; margin:0 10px; width:161px; margin:0; text-transform:uppercase; vertical-align: middle; padding:0 10px; font-family: "museo-sans", sans-serif; position: relative; font-size:13px;}
.slideshow ul.ui-tabs-nav li.ui-tabs-active span.slide-arrow { position: absolute; display: block; width: 18px; height: 36px; background: transparent url(images/slide_fleche.png) no-repeat; left: -18px; top: 32px; z-index:9999; }
.slideshow ul.ui-tabs-nav li .aligner{ display: table-cell; vertical-align:middle; border-top:1px solid #FFF; padding:0 10px; text-align: left; }
.slideshow ul.ui-tabs-nav li:first-child .aligner{border-top:none;}
.slideshow ul.ui-tabs-nav li .aligner a{ color: #3E3E3E; font-weight: 500; line-height: 15px; text-decoration:none; }
.slideshow ul.ui-tabs-nav li .aligner .slide-link{ text-align: center; }
.slideshow ul.ui-tabs-nav li .aligner .slide-link a{ color: #fff; font-weight: 900; font-size: 13px; background: #333; margin: 7px auto 0 auto; display: inline-block; padding: 6px 10px; border:0; }
.slideshow ul.ui-tabs-nav li {display:table;}
.slideshow .next,
.slideshow .prev{ display: none; }
.ui-tabs-panel{width:76%; height:auto; overflow:hidden; position:relative;}
.slideshow .ui-tabs-panel img{ width: 100%; height: auto; display: block; }

span.slide-arrow {display:none;}
.slideshow .ui-tabs-hide{display:none;}
.content .article{margin-top:20px;background-color:#02b2d8;}
/*.content .membres{background-color:#02b2d8;}
.content .public{background-color:#5acd85;}*/
.content .article{ position: relative; }
.content .article img{display: block;}
.content .article .container_texte aside h3{display:none;}
.content .article .container_texte .top_title{padding:5px 5px 0 0;}
.content .article .container_texte{ padding-left: 20px; padding-right: 10px;}
.content .article a{width: 122px;background-color:#3e3e3e;font-weight: 700;text-align: center;display: block; color:#FFF;text-decoration:none;text-transform: uppercase;padding:5px 0; position: absolute; right:25px; top:20px; }
.content .article .container_texte h2{margin:0;font-family: "Flamenco", sans-serif;text-transform: uppercase;color:#FFF;font-size: 55px;font-weight: normal;}
.content .article .container_texte h3{margin:5px 0;font-family: "museo-sans", sans-serif; font-size:13px;text-transform: uppercase; font-weight: 700;}
.content .article .container_texte p{margin:0;}

.home .content .article{ display: table; width: 100%; table-layout: fixed; }
.home .content .article>div{ display:table-cell; vertical-align: top; }
.home .content .article .thumbs-membres{ width: 164px; overflow: hidden; }
.home .content .article .thumbs-membres img{ width:auto; min-width: 100%; min-height:133px; height: auto; }
.home .content .article .thumbs-membres img.mobile{ display: none; }
.home .content .article .textwidget{ max-width:472px; margin-top: 10px; }

.fille_debut{z-index: 0;width: 100%; background: url("images/bg_petiteFille_c.png") top center no-repeat;height:443px;position: absolute;top:-47px; }
.breadcrumb{width:100%; max-width: 1005px; padding: 0 15px; height:41px; line-height:41px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.breadcrumb a{color:#3E3E3E;}
body.home div.breadcrumb { display:none; }


.left{width:31%; float:left; min-height:701px; background-color: #e5e4e4;}
.left #sidebar{padding:24px;}
.left h2{color:#39a4b6; text-transform:uppercase; margin-left:9px; margin-bottom:25px;}
.left ul{margin:0 0 25px; padding:0; list-style-type:none;}
.left ul li { line-height:auto; /*border-top:1px solid #000;*/ display:block;}
.left ul li ul{line-height:1.34em;}
.left ul li:first-child{border-top:none;}
.left ul li a{text-decoration:none; color:#000; /*line-height:36px; text-transform:capitalize;*/ display:block; font-family:"museo-sans",sans-serif; font-weight: 700; font-size:14px; padding:11px 9px;}
.left ul li.current_page_item a,
.left ul li a:hover{background: url("images/img_arrow_right.jpg") no-repeat 238px 14px #fff;}
.left #menu-menu-principal-1 li { display:none; margin-bottom: 15px; }
.left #menu-menu-principal-1 li.current-menu-item,
.left #menu-menu-principal-1 li.current-menu-item ul li,
.left #menu-menu-principal-1 li.current-menu-parent,
.left #menu-menu-principal-1 li.current-menu-parent ul li,
.left #menu-menu-principal-1 li.current-page-ancestor,
.left #menu-menu-principal-1 li.current-page-ancestor ul li{display:block;}
.left #menu-menu-principal-1{margin-top:8px;}
.left #menu-menu-principal-1 li{border:none; background:none;}
.left #menu-menu-principal-1 li a{color:#3aa3b6; background:none; text-transform:uppercase; font-size:22px; font-weight:500;}
.left #menu-menu-principal-1 ul { margin-top: 24px;}
.left #menu-menu-principal-1 ul ul{ margin: 0;}
.left #menu-menu-principal-1 ul li { margin-top:0; /*border-top:1px solid #000;*/ }
.left #menu-menu-principal-1 ul li:first-child{border:none;}
.left #menu-menu-principal-1 ul ul.sub-menu { border-left: 1px solid #3aa3b6; margin-top: 5px; }
.left #menu-menu-principal-1 ul ul.sub-menu li { border:none; line-height: 1.45em; margin-bottom: 6px; }
.left #menu-menu-principal-1 ul ul.sub-menu li a { padding: 0 9px; }
.left #menu-menu-principal-1 li ul li a{color:#000; font-weight: 700; font-size:16px; line-height: 1.34em; padding: 9px; text-transform:none; }
.left #menu-menu-principal-1 li ul li>a{  }
.left #menu-menu-principal-1 li ul li a:hover,
.left #menu-menu-principal-1 li ul li.current-menu-item a{background: url("images/img_arrow_right.jpg") no-repeat 238px 14px #fff;}
.left #menu-menu-principal-1 li ul li.current_page_parent a {background-color: #fff;}
.left #menu-menu-principal-1 ul ul li a{font-weight:500; font-size:15px; background:none!important;}
.left #menu-menu-principal-1 ul ul .current-menu-item a,
.left #menu-menu-principal-1 ul ul li a:hover{color:#3AA3B6;}
.left .widget-area h3{display:none;}

.right{width:69%; float:right; padding:17px 33px 17px 24px; min-height: 701px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right h1{color:#000000; font-family:"Flamenco",sans-serif; font-size:35px; font-weight:normal; text-transform:uppercase; margin:1px 0 0.9em;}
.right .accordion-content{ margin-top: 10px; }
.right .question,
.right .post,
.right .page{border-bottom:1px solid #d6d6d6; padding:13px 0; overflow:auto;}
.post .date{font-weight:700; color:#3e3e3e;}
.right .post .date{ font-weight:bold; color:#1C8BA0; }
.page .date, .page .more{display:none;}
.question h2,
.post h2,
.page h2{margin:8px 0 0; font-size:13px;}
.question h2 a,
.post h2 a,
.page h2 a{text-transform:uppercase; font-weight:700; color:#3e3e3e; text-decoration:none;}
.post h2{ margin-bottom: 10px; }
.question .entry,
.post .entry{ margin-bottom: 10px; }
.page .entry{ margin-top:5px; margin-bottom: 8px; }
.en-savoir-plus{border-top:5px solid #d5d3d3; border-bottom:5px solid #d5d3d3; padding:15px 20px 5px; margin-top:35px; color:#333333; zoom:1;}
.en-savoir-plus:before{ content: " "; display: table; }
.en-savoir-plus:after{ content: " "; display: table;  clear: both;}
.en-savoir-plus h3{font-family:"museo-sans",sans-serif; font-weight:700; color:#3aa3b6; text-transform:uppercase; font-size:18px;}
.en-savoir-plus a{color:#333333!important;}
.en-savoir-plus img{ float: left; margin-right: 10px; display: block; }
.question .more,
.post .more{color:#1c8ba0; font-style:italic;}
.post .post_thumbnail{float:left; margin-right:18px; overflow:auto;}
.post .post_thumbnail img{float:left;}
.post .post-content{float:left; width:470px;}
.pagination{margin:25px auto; display:table;}
.pagination span.current{font-weight:bold; text-decoration:underline; padding:0 4px;}
.pagination a{color:#2d292b; text-decoration:none; padding:2px 10px;}
.pagination a.next{ background: transparent url(images/pagination-arrow-next.png) no-repeat center right; padding-right: 24px; }
.pagination a.prev{ background: transparent url(images/pagination-arrow-prev.png) no-repeat center left; padding-left: 24px; }

.single .right h2, .archive .right h1{color: #000000; font-family: "Flamenco",sans-serif; font-size: 55px; font-weight: normal; margin: 1px 0 0px; text-transform: uppercase;}
.single h1{margin-bottom:0px;}
.single .post h1{background-color:#3aa3b6; color:#fff; font-size:28px; font-family:"museo-sans",sans-serif; font-weight:500; text-transform:uppercase; padding:9px 9px 4px; margin: 1px 0 0;}
.single .postmedata{overflow:auto; border:1px solid #3AA3B6; padding:0 10px; height:37px; line-height:37px; overflow:hidden;}
.single .postmedata div{float:left; font-size:11px; font-style: italic;}
.single .postmedata a{background:url("images/btn_print.jpg") no-repeat; text-indent:-9000px; float:left;width:102px; height:24px; margin-top:6px;}
.single .postmedata .fb{width:150px; margin-top:7px; }
.single .postmedata .twitter{width:110px; margin-top:6px;}
.single .postmedata .print{margin:0 15px 0 17px;}
.single .entry p{margin:15px 0; font-size:13px;}
.single .entry img{margin-bottom:30px; margin-right:0; max-width: 100%; height: auto;}
.single .post{border-bottom:none;}
.right>h1{margin-bottom:15px;}
.page .postmedata{overflow:auto; border:1px solid #3AA3B6; padding:0 10px; height:37px; line-height:37px; overflow:hidden; margin-bottom:25px;}
.page .postmedata div{float:left; font-size:11px; font-style: italic;}
.page .postmedata a{background:url("images/btn_print.jpg") no-repeat; text-indent:-9000px; float:left;width:102px; height:24px; margin-top:6px;}
.page .postmedata .fb{width:150px; margin-top:7px; }
.page .postmedata .twitter{width:110px; margin-top:6px;}
.page .postmedata .print{margin:0 15px 0 17px;}
.page .entry p{margin:15px 0; font-size:13px;}
.page .entry img{margin-bottom:30px; margin-right:0; max-width: 100%; height: auto; }
.page .post{border-bottom:none;}
.archive .right h2{color:#39A4B6; text-transform:capitalize; margin:8px 0 10px 0;}
.search .right h1{margin-bottom:30px;}
.search .right h2{font-size:15px; margin-bottom:15px;}
.error404 h1{margin-bottom:10px;}
.error404 h2{margin-bottom:20px;}
.error404 h3{margin-bottom:10px; color:#39A4B6;}
.error404 p{margin:15px 0; font-size:13px;}
.error404 a{color:#3E3E3E;}

.wp-video{ max-width:100%; width:100% !important; height: auto; }
.wp-video video{ width: 100%; height: auto; }

.post-content-accordeon>h2{ padding: 25px 0 0 0; font-size:18px; font-family:"museo-sans",sans-serif; font-weight:500; color:#318493; color: #000; }
.post-content-accordeon>h2:first-child{ padding-top: 0; }

#faq-block h2{border-bottom:1px solid #E5E3E4; padding:10px 0; font-size:18px; font-family:"museo-sans",sans-serif; font-weight:500; color:#318493; cursor:pointer;}
#faq-block .faq-answer{padding:10px 0; display:none;}

.page .attachment .post_thumbnail img{width:95px; height: auto;}
.attachment .attachment-content{ border-top:1px solid #E5E3E4; padding:15px 0 10px 0; width: 100%; display: table; table-layout: fixed; }
.attachment .attachment-content:first-child{border-top:none; padding-top:0; margin-top:0;}
.attachment .attachment-content>*{ display: table-cell; vertical-align: top; }
.attachment .attachment-content .attachment-item h2{margin-bottom:5px;}
.attachment .attachment-content .attachment-item a.download{color:#3AA3B6; display:block; margin-top:15px; font-style:italic;}
.attachment .attachment-content .attachment-item.no-photo{width:100%;}
.attachment .attachment-content .attachment-item + .post_thumbnail{ margin-left: 18px; }
.attachment .attachment-content .post_thumbnail{ width: 95px; padding-right: 20px; }
.attachment .attachment-content .post_thumbnail img{ width: 100%; }

#sitemap_principal{border-bottom:1px solid #E5E3E4; padding-bottom:15px; margin-bottom:15px;}
#sitemap_principal a, #sitemap_secondary a{color:#3AA3B6;}
#sitemap_principal a:hover, #sitemap_secondary a:hover{color:#3E3E3E;}
#sitemap_principal li, #sitemap_secondary li{padding:4px 0;}

#accordion-children .honneur{ width: 100%; display: table; table-layout: fixed; }
#accordion-children .honneur .col-left{ display: table-cell; vertical-align: top; width:105px; padding-top:10px; padding-right:20px;}
#accordion-children .honneur .col-right{ display: table-cell; vertical-align: top; padding-top:10px;}

#accordion-children h2 { border-bottom: 1px solid #E5E3E4; padding: 10px 0; font-size: 18px; font-family: "museo-sans",sans-serif; font-weight: 500; color: #3AA3B6; cursor: pointer; clear:both; }
.accordion-content { display:none; }
.photo-equipe { float: left; clear: both; margin: 0 15px 15px 0; }

.one-member { clear: both; }
.one-member h4 { font-size: 14px; margin-bottom: 8px; }
.one-member h3 { font-size: 15px; font-weight: bold; }
.one-member a:link { color: #3AA3B6; }
.one-member a:hover { color: #000; }

.cols-container{ width: 100%; display: table; table-layout: fixed; background:white; }
.cols-container .left,
.cols-container .right{ display: table-cell; vertical-align: top; float: none; }

@media all and (max-width: 1025px){
	.fille_debut{
		width: 179.5%;
		left: -39.95%;
		height:0;
		padding-top: 45.6%;
		background-size: 100% auto;
	}
}

@media all and (max-width: 995px){
	.content .article a{ position: static; margin:10px 0; }
	.content .article .container_texte h2{ line-height: 1em; }
	.cols-container .postmedata .print{ display: none; }
	.cols-container .postmedata .fb{ margin-left: 11px; }
}

@media all and (max-width: 965px){
	.content .right_col { width: 25%; float: none; display: inline-block; }
	.content .left_col { width: 73.5% }
	.content .left_col .slideshow{ height: auto; }
	.content .left_col .slideshow ul.ui-tabs-nav{ width: 100%; height: 42px; position: relative; left: auto; right: auto; top:auto; background: transparent; }
	.content .left_col .slideshow ul.ui-tabs-nav li{ display: block; height: 100%; padding: 0; width: auto; position: absolute; top: 0; left: 0; right: 0; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner{ display: block; background: white; height: 100%; opacity: 0; transition:opacity 0.5s; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner:after{ content:""; clear: both; display: block; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner a.slide-tab-link{ height:43px; line-height: 43px; float: left; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner .slide-link{ float: right; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner .slide-arrow{ display: none; }
	.content .left_col .slideshow ul.ui-tabs-nav li.ui-state-active .aligner{ opacity: 1; }
	.content .left_col .slideshow ul.ui-tabs-nav:after{ content:""; display: block; background: transparent; width: 0; height: 0; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent white transparent; left:50%; top:auto; bottom:100%; margin-left: -10px; }
	.content .left_col .slideshow .ui-tabs-panel{ width: 100%; height: auto; }
	.content .left_col .slideshow .ui-tabs-panel img{ display: block; }

	.content .left_col .slideshow .next,
	.content .left_col .slideshow .prev{ cursor:pointer; display: block; border-radius: 20px; height: 26px; width: 26px; background: #3e3e3e; position: absolute; top:50%; margin-top: -45px; left: -13px; }
	.content .left_col .slideshow .next{ left: auto; right: -13px;  }
	.content .left_col .slideshow .next:after{ content: ""; display: block; background: rgba(0, 0, 0, 0) url(images/mobile-arrow.png) no-repeat -115px 0; width: 9px; height: 14px; margin: 6px 0 0 9px; }
	.content .left_col .slideshow .prev:after{ content: ""; display: block; background: rgba(0, 0, 0, 0) url(images/mobile-arrow.png) no-repeat -100px 0; width: 9px; height: 14px; margin: 6px 0 0 7px; }

	#footer .bloc_nav.bloc_partenaire_nav{ width: 100%; float: none; clear: both; }
	
	/*#container_content{ background: white url(images/mobile-bg.png) no-repeat left top; }*/
	.fille_debut{ background: none; width: auto; height:auto; right:0; left:0; top: 0; padding:0; }
	.fille_debut span{ display: block; height: 0; width: 76.5%; padding-top: 64.5%; background: transparent url(images/bg_petiteFille_mobile.png) no-repeat center top; background-size: 100% auto; }
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 965px), (min-resolution: 192dpi) and (max-width: 965px){
	.content .left_col .slideshow .next:after{ background-position: -31px 0; background-size: 62px auto; }
	.content .left_col .slideshow .prev:after{ background-position: -17px 0; background-size: 62px auto; }
}

@media all and (max-width: 937px){
	
	.left #menu-menu-principal-1>li>a{ display: none; }
	.left #menu-menu-principal-1>li>ul{ margin-top: 0; }

	.right h1{ font-size: 45px; }
}

@media all and (max-width: 830px){
	.home .content{ max-width: 763px; padding-bottom: 0; }
	.content .right_col { width: 100%; float: none; margin-top: 20px; }
	.content .left_col { width: 100%; float: none; }

	.content .right_col .derniere_parution{ display: table; width:100%; height:auto;}
	.content .right_col .derniere_parution a.post_thumbnail:first-child{ display: table-cell; vertical-align: top; text-align: left; width:164px; }
	.content .right_col .derniere_parution a.post_thumbnail:first-child img{ width: 100%; height:auto; }
	.content .right_col .derniere_parution .derniere_parution_text{ margin-top:0; display: table-cell; vertical-align: top; padding-left:20px;}
	.content .right_col .derniere_parution .btn_plus{ width: auto; display:inline-block; padding:5px; }
	
	.content .right_col .actualites{ padding-top: 0; }
	.content .right_col .actualites h3{ font-size: 30px; text-transform: uppercase; margin-top: 3px; text-align: left; }
	.content .right_col .actualites .actualite_article{ padding: 10px 0 6px 0; text-align: left; }
	.content .right_col .actualites .actualite_article p{ margin: 0; }
	.content .right_col .actualites .actualite_article >a{ text-decoration: underline; }
	.content .right_col .actualites .btn_plus{ display: inline-block; width: auto; padding: 5px; margin-top: 19px; }


	.right h1{ font-size: 37px; }

	.fille_debut{ right: 0; left: 0; top: 0; }
	.fille_debut span{ width: 100%; padding-top: 86.5%; }
	
	.cols-container .postmedata .fb{ margin-left: 0; }
	/*.cols-container .postmedata .last-update{ display: none; }*/
}

@media all and (max-width: 680px){
	#footer .navigation .bloc_nav a{ color: #3e3e3e; }
	#footer .navigation .bloc_nav{ width: 100%; float: none; }
	#footer .navigation .bloc_nav.sous-menu{ width: 48%; float: left; padding-right: 1%; padding-top: 10px; }
	#footer #menu-menu-gauche .menu-item{ font-size: 14px; line-height: 1em; margin-bottom: 15px; }

	.cols-container .left{ display: none; }	
	.cols-container .right{ width: 100%; padding: 25px 15px 15px 15px; }
	.page .postmedata{ height: auto; padding: 0; border-width:0 0 1px 0; }
	.page .postmedata iframe{ display: block; }
	.page .postmedata .fb,
	.page .postmedata .twitter{ margin-top: 7px; margin-bottom: 7px; }
	.page .entry p{ margin: 23px 0; }
	.page .en-savoir-plus{ padding: 15px 20px 18px 20px; }
	.page .en-savoir-plus p{ margin: 0; }
}

@media all and (max-width: 640px){
	.content .left_col .slideshow{ background:white; }
	.content .left_col .slideshow ul.ui-tabs-nav{ height:auto; border:0; }
	.content .left_col .slideshow ul.ui-tabs-nav li{ display: none; }
	.content .left_col .slideshow ul.ui-tabs-nav li:first-child{ display: block; height: auto; position: static; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner{ padding-top:13px; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner a.slide-tab-link{ display: block; width: 100%; text-align: center; margin-bottom:8px; height:auto; line-height: 1em; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner .slide-link{ float: none; margin-bottom:8px; }
	.content .left_col .slideshow ul.ui-tabs-nav li .aligner .slide-link a{ margin:0; }

	.content .left_col .slideshow.ui-tabs ul.ui-tabs-nav li{ position: static; display: block;  }
	.content .left_col .slideshow.ui-tabs ul.ui-tabs-nav li[aria-selected="false"]{ display:none; }

	.fille_debut span{ width: 100%; padding-top: 94%; background-size: auto 100%; }
}

@media all and (max-width: 620px){
	.bloc_partenaire{ width: 280px; margin: 0 auto 12px auto; float: none; }
	.bloc_partenaire.platine{ margin-right: auto; }
	.bloc_partenaire aside{ display: block; margin-top: 13px; }
	.bloc_partenaire .widget-area>aside:first-child{ margin-top: 0; }
}

@media all and (max-width: 600px){
	.home .content .article .thumbs-membres{ width: 25.66%; padding:1px 0 0 1px; }
	.content .right_col .derniere_parution a.post_thumbnail:first-child{ width:28.25%; }
	.right h1{ font-size: 45px; }
}

@media all and (max-width: 500px){
	.right h1{ font-size: 35px; }
	.content .article .container_texte h2{ font-size:45px; }

	.content .right_col .actualites{ text-align: center; max-width: 260px; margin: 0 auto; }

	.content .right_col .derniere_parution{ display: block; }
	.content .right_col .derniere_parution a.post_thumbnail:first-child{ display: block; width: 100%; text-align: center; }
	.content .right_col .derniere_parution a.post_thumbnail:first-child img{ width: 47%; position: relative; top: -15px; }
	.content .right_col .derniere_parution .derniere_parution_text{ display:block; padding: 0 15px 10px 15px; max-width: 255px; margin: 0 auto; text-align: center; }
	.content .right_col .derniere_parution .derniere_parution_text h4{ margin-bottom: 1px; }
	.content .right_col .derniere_parution .derniere_parution_text h4,
	.content .right_col .derniere_parution .derniere_parution_text p,
	.content .right_col .derniere_parution .derniere_parution_text .caption{ text-align: left; }
	.content .right_col .derniere_parution .derniere_parution_text .caption{ margin-top: 5px; }
	.content .right_col .derniere_parution .btn_plus{ margin-top: 10px; }

	.home .content .article{ display: block; padding:1px 1px 10px 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
	.home .content .article>div{ display: block; }
	.home .content .article .thumbs-membres{ width:100%; height:90px; overflow: hidden; background: white; padding:0; }
	.home .content .article .thumbs-membres img{ width: auto; height: auto; margin:0 auto; }
	.home .content .article .thumbs-membres img.desktop{ display: none; }
	.home .content .article .thumbs-membres img.mobile{ display: block; }

	.home .content .article .container_texte{ max-width: 260px; margin: 0 auto; padding:0; }
	.home .content .article .container_texte>a{ margin:10px auto 0 auto; }
	.home .content .article.membres .thumbs-membres img{ margin-top: -30px; margin-left: auto; margin-right: auto; min-width: 0; }
	.home .content .article.public .thumbs-membres img{ margin-top: -20px; margin-left: auto; margin-right: auto; min-width: 0; }

	.home .content .article .thumbs-membres img{ width:auto; min-width: 100%; min-height:0; height: auto; }
	.home .content .article .textwidget{ margin-top: 0; }

	.attachment .attachment-content{ display: block; }
	.attachment .attachment-content>*{ display: block; width: 100%; }
	
	#accordion-children h2.open{ border:0; }
	#accordion-children .honneur,
	#accordion-children .honneur .col-left,
	#accordion-children .honneur .col-right{ display: block; }
}

@media all and (max-width: 420px){
	.right h1{ font-size: 25px; }
	.content .article .container_texte h2{ font-size:34px; }
	#footer .navigation{ max-width: 280px; margin: 20px auto 0 auto; }
	#footer .navigation .bloc_nav.sous-menu{ float: none; padding: 0; width: 100%; }
	#footer .navigation .sous-menu p{ margin-bottom: 9px; }
	#footer .navigation .bloc_nav ul.menu{ margin-bottom: 5px; }
	#footer .navigation .bloc_nav.sous-menu ul.menu li a{ display: none; }
	#footer .foot{ max-width: 280px; margin: 15px auto 0 auto; border-top:2px solid white; padding-top: 20px; }
	#footer .foot p{ font-size: 11px; color: #3e3e3e; max-width: 260px; }
}



/* Menu */
@media all and (max-width: 990px){
	body{ position: relative; }
	body > div{ overflow-x: hidden; width: 100%; }
	body > div > *{
		right: 0;
		position: relative;
		-webkit-transition: right 0.3s ease-in-out;
		-moz-transition: right 0.3s ease-in-out;
		-o-transition: right 0.3s ease-in-out;
		transition: right 0.3s ease-in-out;
	}
	body.nav-open{ overflow-x:hidden; }
	body.nav-open > div > *{
		right:-236px;
	}

	#header .content_header{ width: 100%; position: relative; overflow: visible; }
	#header .content_header .logo_opiq{ padding: 15px 55px 15px 80px; margin: 0; display: block; }
	#header .content_header .logo_opiq img{ max-width: 100%; }
	#header .content_header #mobile-menu-trigger{ cursor:pointer; width: 38px; height: 30px; top: 0; left:2px; border:15px solid white; position: absolute; background: transparent url(images/nav-btn-mobile.png) no-repeat left top; }
	#header .content_header .right_header{ width: auto; }

	#header #first-mobile-menu{ position: absolute; left:-236px; top:10px; width: 236px; overflow: hidden; background: #3e3e3e; z-index: 300; padding: 14px; border-radius: 0 4px 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#header #first-mobile-menu a{ color: #e8e8e8; }
	#header #first-mobile-menu .menu,
	#header #first-mobile-menu .sous_menu{ float: none; height: auto; left: 0; top: 0; position: relative; }
	#header #first-mobile-menu .res_soc{ display: block; float: none; width: 100%; text-align: center; height: 40px; }
	#header #first-mobile-menu .res_soc a{ float: none; display: inline-block; }
	#header #first-mobile-menu #menu-menu-secondaire li{ color: #e8e8e8; font-size: 14px;  display: block; float: none; margin: 14px 0 0 0; }
	#header #first-mobile-menu #menu-menu-secondaire li a{ color: inherit; }
	
	
	#header #first-mobile-menu #menu-menu-principal>li{ margin: 0; float: none; width: 100%; padding: 0; }
	#header #first-mobile-menu #menu-menu-principal li:hover{ background: none; padding: 0; }
	#header #first-mobile-menu #menu-menu-principal li:hover a{ background: none; color: #e8e8e8; }
	#header #first-mobile-menu #menu-menu-principal>li:hover>a,
	#header #first-mobile-menu #menu-menu-principal>li>a{ padding: 13px 25px 8px 13px; }
	#header #first-mobile-menu #menu-menu-principal>li a{ border-width: 0 0 1px 0; border-style: solid; border-color:#5d5d5d; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#header #first-mobile-menu #menu-menu-principal>li:hover>.sub-menu{ margin: 0; }

	#header #first-mobile-menu #menu-menu-principal>li>.sub-menu{ width: 100%; display: block; overflow:hidden; background: none; min-width: 0; padding: 0; border:0; position: relative; right: auto; left: auto; top: auto; bottom: auto;  }
	#header #first-mobile-menu #menu-menu-principal>li>.sub-menu.animate { -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; }
	#header #first-mobile-menu #menu-menu-principal>li .sub-menu.tab-open{ overflow: visible; }

	#header #first-mobile-menu #menu-menu-principal>li>.sub-menu li{ padding: 0; border:0; }
	#header #first-mobile-menu #menu-menu-principal>li>.sub-menu li a,
	#header #first-mobile-menu #menu-menu-principal>li>.sub-menu li:hover a{ color: #3aa3b6; border:0; font-weight: normal; padding: 7px 13px; }
	
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children.current_page_ancestor>a,
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children.current_page_ancestor>a:hover{ font-style: italic; color: white; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children.current_page_item>a{ font-style: italic; border-color: #00E2FE; }
	#header #first-mobile-menu #menu-menu-principal li .sub-menu li.current_page_item>a{ font-style: italic; color: #00E2FE; }
	
	/* Arrow on menu */
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children>a{ position: relative; border-color:#555252; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children>a.open{ background: #555252; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children>a:after,
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children>a.open:after{ content:""; display: block; background: transparent url(images/mobile-arrow.png) no-repeat -115px 0; width: 9px; height: 14px; margin-top: -7px; position: absolute; right:10px; top: 50%; }
	#header #first-mobile-menu #menu-menu-principal>li.menu-item-has-children>a:after{ content:""; display: block; background: transparent url(images/mobile-arrow.png) no-repeat -84px 0; width: 14px; height: 9px; position: absolute; right:10px; top: 50%; margin-top: -4px; }
	
	/* sub sub menu */
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children:hover{ position: static; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children:hover .sub-menu .sub-menu{ position: absolute; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu{ display: none; position: absolute; left:300px; top:0; width: 100%; border:0; min-width:0; background: transparent; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu.current-tab{ display: block; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop{ margin: 10px 0 0 0; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop a{ color:white; font-size: 16px; margin: 18px 0 7px 0; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .back a,
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .main-section-menu a{ margin: 0; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .back{ cursor:pointer; background: #555252; position: relative; padding-left: 30px; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .back:before{ content:""; display: block; background: transparent url(images/mobile-arrow.png) no-repeat -100px 0; width: 9px; height: 14px; margin-top: -7px; position: absolute; left:10px; top: 50%; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .main-section-menu{ background: #555252; position: relative; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .main-section-menu:after{ content:""; display: block; background: transparent url(images/mobile-arrow.png) no-repeat -115px 0; width: 9px; height: 14px; margin-top: -7px; position: absolute; right:10px; top: 50%; }

}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 990px), (min-resolution: 192dpi) and (max-width: 990px){
	#header .content_header #mobile-menu-trigger{ background-size: 58px 30px; background-position:top right; }
	#header #first-mobile-menu #menu-menu-principal>li>a:after{ background-size: 62px 14px; background-position: 0 0; }
	#header #first-mobile-menu #menu-menu-principal li.menu-item-has-children .sub-menu .sub-menu .delete-in-desktop .main-section-menu,
	#header #first-mobile-menu #menu-menu-principal>li>a.open:after{background-position: -32px 0; }
}

@media all and (max-width: 720px){
	#header .content_header .right_header{ float: none; background: #3E3E3E; width: 236px; position: absolute; left: -236px; top: 10px; overflow: hidden; border-radius: 0 4px 4px 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#header .content_header .right_header .right_header_wrapper{ position: relative; top: 0; left: 0; padding: 36px 14px 14px 14px; }
	#header .content_header .right_header #first-mobile-menu{ position: relative; border-radius:0; left: 0 !important; top: 0; overflow: visible; background: transparent; padding: 0; width: 100%; }	
	#header .content_header .right_header .zone_membres{ display: block; width:auto; margin: 0 4px 15px 4px; padding: 12px 0 18px 0; background: transparent; text-decoration: none; text-align: center; float: none; border-bottom:1px solid #555252; }
	#header .content_header .right_header .zone_membres p{ border:0; padding: 0 0 5px 0; float: none; display: inline-block; }
	#header .content_header .right_header .zone_membres p:before{ content:''; display: inline-block; width: 17px; height: 22px; margin-right: 13px; background: transparent url(images/cadena-mobile.png) no-repeat left bottom; position: relative; top:2px; }
	#header .content_header .right_header .zone_membres span{ float: none; padding: 0; display: inline-block; }

	#header .content_header .recherche{ margin: 0; position: absolute; top: 2px; left: 1px; right:3px; width: auto; background: white; padding: 5px 13px; }
	#header .content_header .recherche form{ position: relative; }
	#header .content_header .recherche form .texte{ display: block; width: 100%; height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
} 

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 720px), (min-resolution: 192dpi) and (max-width: 720px){
	#header .content_header .right_header .zone_membres p:before{ background-size: 25px 22px; background-position: right bottom; }
}

.global-banner 
{
	background-color:#505759;
	color:#fff;
	padding:15px 20px;
	position:relative;
	display:flex;
	justify-content: center;
	align-items:center;
}

.global-banner-core
{
	width:976px;
	display:flex;
	flex-direction:column;
}

.global-banner-title
{
	font-weight:bold;
	font-size:18px;
}

.global-banner-close
{
	position:absolute;
	top:10px;
	right:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
}


.cky-btn-revisit-wrapper {
	background: #0056a7 !important;
}