/* 
Theme Name: 1 Quai des Compétences
URI: http://www.pixelcrea.com
Author: Jacques Danilo
Author URI: http://www.pixelcrea.com
Description:  
Version: 1.0 
*/


/*GENERAL*/
body {margin:0;background: url(img/fond.jpg);background-position:top center;background-repeat:no-repeat;background-size:100%;min-width:320px;max-width:100%;background-color:#F0F0F0;font-family: 'Raleway', sans-serif;font-size: 15px;line-height: normal;color: #585858;}


/*HEADER*/
header {max-width:1144px;margin:0 auto;padding-top:27px;}
#headertop {overflow:hidden;text-align:right;padding-top: 8px;}
#headertop #logo {float:left;}
#headertop .btngris {display:inline-block;padding:5px;border-radius:4px;color:#f0f0f0;font-size: 15px;font-weight: 400;font-style: italic;background-color: #585858;margin-top:10px;vertical-align: top;}
#headertop .headerhome {font-size:14px;padding:11px;}
#headertop .headerduo {padding:10px 20px;}
#headertop .headerduo a {text-decoration: none;color:#f0f0f0;}
#headertop .headerduo a:hover {opacity: 0.75;}
#headertop .headermail {font-size:18px;padding:8px 11px 9px 11px;}
#headertop .headerphone {font-size:14px;padding:11px;}

/*NAVIGATION PRINCIPALE*/
nav {border-radius:4px;overflow:hidden;margin-top:32px;}
nav ul.menu {list-style-type: none;padding:0;margin:0;}
nav ul.menu > li {list-style-type: none;padding:0;margin:0;display:block;float:left;width:calc(99.9%/6);height:auto;text-align:center;}
nav a {text-decoration:none;color:#F0F0F0;font-weight: bold;font-size:15px; display:block;height:70px;position:relative;}
nav ul ul a {font-weight:normal;font-size:14px;border-top:1px solid #F0F0F0;height:50px;width:191px;}
nav a span {position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display:block;width:100%;}
nav a:hover span {opacity: 0.75;}
nav .menu-item:nth-child(1) {background:#b0331b;}
nav .menu-item:nth-child(1) li {background:#b0331b;}
nav .menu-item:nth-child(2) {background:#cd7025;}
nav .menu-item:nth-child(2) li {background:#cd7025;}
nav .menu-item:nth-child(3) {background:#d8a620;}
nav .menu-item:nth-child(3) li {background:#d8a620;}
nav .menu-item:nth-child(4) {background:#8ab210;}
nav .menu-item:nth-child(4) li {background:#8ab210;}
nav .menu-item:nth-child(5) {background:#40a6d0;}
nav .menu-item:nth-child(5) li {background:#40a6d0;}
nav .menu-item:nth-child(6) {background:#4681bd;}
nav .menu-item:nth-child(6) li {background:#4681bd;}
nav ul.sub-menu {position:absolute;padding:0;margin:0;list-style-type:none;display:none;z-index:100;}
nav ul.sub-menu li {padding:0;margin:0;list-style-type:none;float:none;}
nav ul.sub-menu li:last-of-type {border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
nav ul > li:hover > ul {display:block;}

/*FOOTER*/
footer {margin-top: 100px;background-color: #585858;color: #f0f0f0;padding-top:20px;}
#footerbas {color: #a6a6a6;font-size: 11px;font-weight: 100;padding-top: 30px;padding-bottom: 30px;background-color: #404040;text-align: center;}
#footerbas a {color: #a6a6a6;text-decoration:none;}
#footerbas a:hover {color:#d0d0d0;}
#footerbas span {margin:0 5px;}
#footerint {margin:0 auto;max-width:1145px;}
#footerlogos {text-align:center;overflow:hidden;margin:20px 0;}
#footerlogos img {max-width:110px;}
#footerlogos a:hover {opacity: 0.6;}
#footertriptik {padding:40px 0;margin:20px 0;border-top:1px solid #737373;border-bottom:1px solid #737373;overflow:hidden;font-size: 14px;}
#footertriptik > div {float:left;width:calc(100%/3);}
#footertriptik h2 {text-transform: uppercase;font-weight:600;font-size:17px;margin-bottom:20px;}
#footertriptik ul, #footertriptik li {margin:0;padding:0;list-style-type: none;}
#footertriptik a {text-decoration:none;color:#f0f0f0;line-height:25px;font-weight:100;}
#footeracces {overflow:hidden;padding:20px 0;}
#footeracces > div {float:left;}
#footeracces strong {font-size:17px;}
#footeracces a {margin-top:20px;text-decoration: none; clear: both;display: block;padding: 10px;padding-top: 8px;padding-bottom: 8px;background-color: #404040;color: #f0f0f0;font-size: 14px;font-weight: 500;font-style: italic;text-align: center;}
#footeracces i {width:40px;height:40px;display:block;float:left;margin-right:20px;}
#footeracces #footeracces1 {width:180px;margin-right:80px;}
#footeracces #footeracces2 {width:350px;margin-right:80px;}
#footeracces #footeracces3 {width:420px;}
#footeracces i#footerpictotel {background:url(img/footer_tel.png);background-size: 100%;}
#footeracces i#footerpictomail {background:url(img/footer_mail.png);background-size: 100%;}
#footeracces i#footerpictomap {background:url(img/footer_map.png);background-size: 100%;}
#footer_rs {margin-top:15px;}
#footer_rs img {border-radius:4px;margin-right:3px;}



#contenu {margin:0 auto;max-width:1145px;font-size: 17px;font-weight: 200;line-height: 28px;text-align: justify;overflow:hidden;}
#contenu img {max-width:100%;}
#contenu h1 {line-height:60px;font-style:italic;font-size: 26px;font-weight: 700;}
#contenu h2 {margin-bottom: 0px;margin-top:40px;font-size: 22px;font-weight: 600;font-style: normal;}
#contenu h3 {font-size: 18px;font-weight: 600;}
#contenu article {width: 780px;margin-right: 60px;float:left;}
#contenu aside {margin-top: 60px;margin-bottom: 0;width: 300px;float:left;}
#contenu form {background:#FFF;padding:30px;border-radius: 4px;}
#contenu form h2 {font-weight:bold;font-size:18px;margin-bottom:20px;margin-top:30px;}
#contenu form input[type=text] {line-height: 2em;border-radius: 2px;font-size: 15px;border: 1px solid #DDD;width:100%;}
#contenu form input[type=email] {line-height: 2em;border-radius: 2px;font-size: 15px;border: 1px solid #DDD;width:100%;}
#contenu form input[type=tel] {line-height: 2em;border-radius: 2px;font-size: 15px;border: 1px solid #DDD;width:100%;}
#contenu form textarea {line-height: 2em;border-radius: 2px;font-size: 15px;border: 1px solid #DDD;width:100%;}
#contenu form input.wpcf7-submit {width:auto;background-color: #585858;color: #f0f0f0;border-radius: 4px;display: inline-block;text-decoration: none;padding: 4px 10px;margin-top: 10px;font-size: 15px;border:1px solid #585858;}
.wp-block-gallery {padding:0;margin:0;list-style-type: none;}
.wp-block-columns {display: flex;}
.wp-block-column {flex: 1;margin:5px;}





.rouge h1, .rouge h2, .rouge h3, .rouge h4, .rouge h5, .rouge h6, .rouge a {color:#b23210;}
.rouge h1:before {content:url(img/h1-rouge.png);margin-right:20px;position:relative;top:20px;z-index:30;}
.rouge h2:before {content:url(img/h2-rouge.png);margin-right:10px;position:relative;top:0px;z-index:30;}

.orange h1, .orange h2, .orange h3, .orange h4, .orange h5, .orange h6, .orange a {color:#cd7025;}
.orange h1:before {content:url(img/h1-orange.png);margin-right:20px;position:relative;top:20px;z-index:30;}
.orange h2:before {content:url(img/h2-orange.png);margin-right:10px;position:relative;top:0px;z-index:30;}

.jaune h1, .jaune h2, .jaune h3, .jaune h4, .jaune h5, .jaune h6, .jaune a {color:#d8a620;}
.jaune h1:before {content:url(img/h1-jaune.png);margin-right:20px;position:relative;top:20px;z-index:30;}
.jaune h2:before {content:url(img/h2-jaune.png);margin-right:10px;position:relative;top:0px;z-index:30;}

.vert h1, .vert h2, .vert h3, .vert h4, .vert h5, .vert h6, .vert a {color:#8ab210;}
.vert h1:before {content:url(img/h1-vert.png);margin-right:20px;position:relative;top:20px;z-index:30;}
.vert h2:before {content:url(img/h2-vert.png);margin-right:10px;position:relative;top:0px;z-index:30;}

.bleuClair h1, .bleuClair h2, .bleuClair h3, .bleuClair h4, .bleuClair h5, .bleuClair h6, .bleuClair a {color:#40a6d0;}
.bleuClair h1:before {content:url(img/h1-bleuclair.png);margin-right:20px;position:relative;top:20px;z-index:30;}
.bleuClair h2:before {content:url(img/h2-bleuclair.png);margin-right:10px;position:relative;top:0px;z-index:30;}

.bleuNuit h1, .bleuNuit h2, .bleuNuit h3, .bleuNuit h4, .bleuNuit h5, .bleuNuit h6, .bleuNuit a {color:#4681bd;}
.bleuNuit h1:before {content:url(img/h1-bleufonce.png);margin-right:20px;position:relative;top:20px;z-index:30;}
.bleuNuit h2:before {content:url(img/h2-bleufonce.png);margin-right:10px;position:relative;top:0px;z-index:30;}

.gris h1, .gris h2, .gris h3, .gris h4, .gris h5, .gris h6, .gris a {color:#585858;}
.gris h1:before {content:url(img/h1-gris.png);margin-right:20px;position:relative;top:20px;z-index:30;}


/* WIDGETS */
.sbwidget {background:#FFF;border-radius:4px;overflow:hidden;margin-bottom:50px;}
.sbtitle {background-color: #585858;color: #f0f0f0;margin:0;font-size: 15px;font-weight: 600;padding: 10px 20px;text-transform: inherit;line-height: inherit;}
.textwidget {padding:20px;font-size: 14px;font-weight: 400;text-align: left;}
.textwidget p {margin:0;}
.btnwidget {background-color: #585858;color: #f0f0f0;border-radius:4px;display: inline-block;text-decoration: none;padding: 4px 10px;margin-top: 10px;}
.btnwidget i {margin-right:4px;}
#wpwpartenaires {width:228px;height:120px;overflow:hidden;margin:5px auto;margin-bottom:15px;}
#wpwpartenaires ul {list-style-type:none;padding:0;margin:0;overflow:hidden;width:800px;height:120px;display:block;margin:10px auto;}
#wpwpartenaires li {list-style-type:none;padding:0;margin:0;overflow:hidden;float:left;}
#wpwpartenaires2 {width:228px;height:120px;overflow:hidden;margin:5px auto;margin-bottom:15px;}
#wpwpartenaires2 ul {list-style-type:none;padding:0;margin:0;overflow:hidden;width:800px;height:120px;display:block;margin:10px auto;}
#wpwpartenaires2 li {list-style-type:none;padding:0;margin:0;overflow:hidden;float:left;}




/*POINT INFOS*/
#contenu .infos_listing {padding:15px;background:#FFF;border-radius:4px;margin-bottom:20px;}
#contenu .infos_listing h2 {margin:0;}
#contenu .infos_cat {background-color: #585858;color: #f0f0f0;border-radius: 4px;display: inline-block;text-decoration: none;padding: 0px 8px;margin-top: 10px;font-size: 10px;font-weight: 600;text-transform:uppercase;}
#contenu .infos_link {background-color: #585858;color: #f0f0f0;border-radius: 4px;display: inline-block;text-decoration: none;padding: 4px 10px;margin-top: 10px;font-size: 14px;font-weight: 400;}

#contenu .infos_bilans h2 {color:#b23210;}
#contenu .infos_bilans .infos_cat {background:#b23210;}

#contenu .infos_ressources-humaines h2 {color:#cd7025;}
#contenu .infos_ressources-humaines .infos_cat {background:#cd7025;}

#contenu .infos_bien-etre-travail h2 {color:#d8a620;}
#contenu .infos_bien-etre-travail .infos_cat {background:#d8a620;}

#contenu .infos_coaching h2 {color:#8ab210;}
#contenu .infos_coaching .infos_cat {background:#8ab210;}

#contenu .infos_orientation-jeunes h2 {color:#40a6d0;}
#contenu .infos_orientation-jeunes .infos_cat {background:#40a6d0;}

#contenu .infos_evaluation-mobilite h2 {color:#4681bd;}
#contenu .infos_evaluation-mobilite .infos_cat {background:#4681bd;}



blockquote {position:relative;margin: 0;padding: 0;background: #FFF;padding: 10px 60px;font-size: 16px;line-height: 1.5em;text-align: center;border-radius: 4px;font-style: italic;font-weight: 300;margin-bottom: 30px;}
blockquote:before {content:url(img/quotestart.jpg);position:absolute;top:40%;left:10px;}
blockquote:after {content:url(img/quoteend.jpg);position:absolute;top:40%;right:10px;}
blockquote cite {font-weight:bold;}
blockquote cite:before {content:url(img/quoteauthor.jpg);margin-right: 7px;}

/*A-PROPOS TEAM*/
.teamitem {background:#FFF;border-radius:4px;padding:30px;padding-bottom:10px;overflow:hidden;margin-bottom:20px;}
.teamitem figure {float:left;padding:0;margin:0;}
.teamitem figure img {border-radius:4px;}
.teamitem .wp-block-media-text__content {margin-left:140px;}
.teamitem h2, .teamitem h3 {margin:0;}
.teamitem p {margin-top:0;font-size:14px;}

/*SATISFACTION STATS*/
.statitem {padding:30px 10px;border-radius:4px;font-size:14px;line-height:1.4em;}
.statitem strong {font-size:18px;}

/*HOMEPAGE*/
#contenu article.homepage {max-width:1145px;width:inherit;margin-right:0px;}
#contenu article.homepage h1 {text-align:center;line-height:1.6em;}
#contenu article.homepage .wp-block-column {margin:25px;}
#contenu article.homepage .pbtn a {background-color: #585858;color: #f0f0f0;border-radius:4px;display: inline-block;text-decoration: none;padding: 6px 30px;margin-top: 10px;font-size:14px;font-style:italic;}
#contenu #acces6home {border:0px solid #F00;overflow:hidden;}
#contenu #acces6home .acces6homeitem {width:calc(100%/3);float:left;}
#contenu #acces6home .acces6homeitemint1 {margin:10px;background:url(img/homecat1.jpg);background-size:cover;border-radius:4px;overflow:hidden;position:relative;}
#contenu #acces6home .acces6homeitemint2 {margin:10px;background:url(img/homecat2.jpg);background-size:cover;border-radius:4px;overflow:hidden;position:relative;}
#contenu #acces6home .acces6homeitemint3 {margin:10px;background:url(img/homecat3.jpg);background-size:cover;border-radius:4px;overflow:hidden;position:relative;}
#contenu #acces6home .acces6homeitemint4 {margin:10px;background:url(img/homecat4.jpg);background-size:cover;border-radius:4px;overflow:hidden;position:relative;}
#contenu #acces6home .acces6homeitemint5 {margin:10px;background:url(img/homecat5.jpg);background-size:cover;border-radius:4px;overflow:hidden;position:relative;}
#contenu #acces6home .acces6homeitemint6 {margin:10px;background:url(img/homecat6.jpg);background-size:cover;border-radius:4px;overflow:hidden;position:relative;}
#contenu #acces6home .acces6homeitemint1 h2 {margin:0;padding:25px 10px;color:#FFF;font-size:18px;text-align:center;background:#b23210;font-weight:bold;}
#contenu #acces6home .acces6homeitemint2 h2 {margin:0;padding:25px 10px;color:#FFF;font-size:18px;text-align:center;background:#cd7025;font-weight:bold;}
#contenu #acces6home .acces6homeitemint3 h2 {margin:0;padding:25px 10px;color:#FFF;font-size:18px;text-align:center;background:#d8a620;font-weight:bold;}
#contenu #acces6home .acces6homeitemint4 h2 {margin:0;padding:25px 10px;color:#FFF;font-size:18px;text-align:center;background:#8ab210;font-weight:bold;}
#contenu #acces6home .acces6homeitemint5 h2 {margin:0;padding:25px 10px;color:#FFF;font-size:18px;text-align:center;background:#40a6d0;font-weight:bold;}
#contenu #acces6home .acces6homeitemint6 h2 {margin:0;padding:25px 10px;color:#FFF;font-size:18px;text-align:center;background:#4681bd;font-weight:bold;}
#contenu #acces6home a {text-indent:-3000px;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;color:#FFF;font-size:18px;text-decoration:none;font-weight:bold;padding-top:25px;}
#contenu #acces6home .acces6homeitemint1 a:hover {background:url(img/homecat1.jpg);background-size:cover;text-indent:0px;}
#contenu #acces6home .acces6homeitemint2 a:hover {background:url(img/homecat2.jpg);background-size:cover;text-indent:0px;}
#contenu #acces6home .acces6homeitemint3 a:hover {background:url(img/homecat3.jpg);background-size:cover;text-indent:0px;}
#contenu #acces6home .acces6homeitemint4 a:hover {background:url(img/homecat4.jpg);background-size:cover;text-indent:0px;}
#contenu #acces6home .acces6homeitemint5 a:hover {background:url(img/homecat5.jpg);background-size:cover;text-indent:0px;}
#contenu #acces6home .acces6homeitemint6 a:hover {background:url(img/homecat6.jpg);background-size:cover;text-indent:0px;}
#contenu #acces6home .acces6homeitemint1 a:hover i {position:absolute;z-index: 1;bottom:30px;right:30px; color:#FFF;font-size:15px;float:none;top:unset;}
#contenu #acces6home .acces6homeitemint2 a:hover i {position:absolute;z-index: 1;bottom:30px;right:30px; color:#FFF;font-size:15px;float:none;top:unset;}
#contenu #acces6home .acces6homeitemint3 a:hover i {position:absolute;z-index: 1;bottom:30px;right:30px; color:#FFF;font-size:15px;float:none;top:unset;}
#contenu #acces6home .acces6homeitemint4 a:hover i {position:absolute;z-index: 1;bottom:30px;right:30px; color:#FFF;font-size:15px;float:none;top:unset;}
#contenu #acces6home .acces6homeitemint5 a:hover i {position:absolute;z-index: 1;bottom:30px;right:30px; color:#FFF;font-size:15px;float:none;top:unset;}
#contenu #acces6home .acces6homeitemint6 a:hover i {position:absolute;z-index: 1;bottom:30px;right:30px; color:#FFF;font-size:15px;float:none;top:unset;}
#contenu #acces6home .acces6homeitemint1 i {float:right;position:relative;top:30px;color:#b23210;}
#contenu #acces6home .acces6homeitemint2 i {float:right;position:relative;top:30px;color:#cd7025;}
#contenu #acces6home .acces6homeitemint3 i {float:right;position:relative;top:30px;color:#d8a620;}
#contenu #acces6home .acces6homeitemint4 i {float:right;position:relative;top:30px;color:#8ab210;}
#contenu #acces6home .acces6homeitemint5 i {float:right;position:relative;top:30px;color:#40a6d0;}
#contenu #acces6home .acces6homeitemint6 i {float:right;position:relative;top:30px;color:#4681bd;}
#contenu #acces6home .acces6homeint {background:#FFF;padding:25px 30px;padding-bottom:45px;font-style:italic;font-size:15px;}
#contenu #homehabilitations {background:#FFF;border-radius:4px;}
#contenu #homehabilitations h3 {text-align:center;font-weight:normal;padding-top:15px;}
#contenu #homehabilitations ul {margin:0;padding:0;list-style-type:none;overflow:hidden;padding:15px;padding-top:0px;}
#contenu #homehabilitations li {margin:0;padding:0;list-style-type:none;float:left;width:10%}









@media screen and (max-width: 890px) {
    #headertop {text-align:center;}
    #headertop #logo {float:none;display:block;}
    #headertop .headerhome {display:none;}
    nav ul.menu > li {float:none;width:100%;}
    nav {padding-left:20px;padding-right:20px;}
    #contenu article, #contenu aside {width:auto;margin:0 20px;float:none;}
    footer {padding:0px;margin-top:50px;}
    #footerint {margin:0 20px;}
    #footeracces > div {margin-bottom:30px;}
    #footeracces strong {font-size:15px;}
    #footeracces #footeracces1, #footeracces #footeracces2, #footeracces #footeracces3 {margin:0;margin-bottom:30px;width:100%;}
    #footertriptik > div {float:none;width:100%;}
    #footerlogos img {max-width: 60px;}
    #footerbas {padding:30px 20px;}

}



.blocks-gallery-item {float:left;}

#contenu .textwidget h2:first-of-type {margin-top:0;}