/*! *  \filemain.css*  \briefCode CSS des pages index et template*  \authorCécile CHELIM / http://cecile-chelim.fr / @cecile_chelim*  \version1.0*  \date2015*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Voltaire);
@import url(https://fonts.googleapis.com/css?family=Kadwa:400,700);
* { margin: 0; }
html, body { height: 100%; font-size: 16px; }
.wrap { min-height: 100%; margin-bottom: -80px; overflow:hidden;  }
.wrap:after { content: ""; display: block; }
footer, .wrap:after { height: 80px; }
.relative { position: relative; clear: both; }
.alignright { float: right; max-width: 50%; margin: 5px 0 5px 10px; }
.alignleft { float: left; max-width: 50%; margin: 5px 10px 5px 0; }

body { font-family: "Kadwa", sans-serif; color: #626262; }
img { max-width: 100%; height: auto; }
.wpb_single_image.thumbnail { transition: none; border: none; background: none; padding: none; }
.wpb_single_image.thumbnail img { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }
.contenu-page .wpb_single_image { margin-bottom: 5px; }
a { color: #ed6751; cursor: pointer; }
a:hover { text-decoration: none; color: #999; }
a:focus,a:active,a:visited { outline: none; }

/*  Transitions  */
.navbar a, .form-control { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }

/* Typo */
h1, h2, h3, h4, h5, h6 { font-family: "Kadwa", sans-serif; }
h2 { font-size: 30px; margin: 0 0 30px; color: #000; }
h3 { font-size: 23px; letter-spacing: 1px; margin: 0 0 5px; }
h4 { font-size: 20px; letter-spacing: 1px; }
h5 { font-size: 18px; letter-spacing: 1px; font-weight: 400; }
h6 { font-size: 15px; letter-spacing: 1px; font-weight: 400; }
.justify,  p.justify { text-align: justify; }

h3 a {text-decoration: none; color: inherit; font-size: 1em; }

.vc_row.entete h3 { color: #e07767; }
.vc_row.entete h3 + p { margin-top: 20px; }
.vc_row.entete h3:last-child { margin-bottom: 40px; }

/*  Bouton */
.btn { padding: 10px 30px; margin-bottom: 20px; border: none; border-radius:10px; }
.btn-lg { padding: 15px; }
.btn-xs { padding: 7px 25px; }
.btn:hover,  .btn:focus,  .btn:active { outline: 0 !important; box-shadow: none; color: #fff; }

/************************************ BOUTONS ET LIENS ****************************/
a { text-decoration: none; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
a:hover { text-decoration: none; color: #999; }
a:focus, a:active, a:visited{outline: none;}

/* style des boutons pleins  */
/* Bouton orange*/
.btn-orange {background-color: #ed6751;color: #fff; }
.btn-orange:hover, .btn-orange:focus, .btn-orange:active {background-color: #ce5945;color: #fff; }
/* Bouton orange vide*/
.btn-orange-empty {border:2px solid #ed6751;color: #ed6751; }
.btn-orange-empty:hover, .btn-orange-empty:focus, .btn-orange-empty:active {background-color: #ce5945;color: #fff; }
/* Bouton orange carré */
.btn-orange-carre {background-color: #ed6751;color: #fff;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; }
.btn-orange-carre:hover, .btn-orange-carre:focus, .btn-orange-carre:active {background-color: #ce5945;color: #fff; }
/* Bouton bleu */
.btn-bleu {background-color: #6598a9;color: #fff; }
.btn-bleu:hover, .btn-bleu:focus, .btn-bleu:active {background-color: #4c7582;color: #fff; }
/* Bouton bleu vide */
.btn-bleu-empty {border:2px solid #6598a9;color: #6598a9; }
.btn-bleu-empty:hover, .btn-bleu-empty:focus, .btn-bleu-empty:active {background-color: #6598a9;color: #fff; }
/* bouton bleu carre */
.btn-bleu-carre {background-color: #6598a9;color: #fff;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; }
.btn-bleu-carre:hover, .btn-bleu-carre:focus, .btn-bleu-carre:active {background-color: #4c7582;color: #fff; }
/* Bouton blanc */
.btn-blanc {background-color: #fff;color: #ed6751; }
.btn-blanc:hover, .btn-blanc:focus, .btn-blanc:active {background-color: #ed6751;color: #fff; }
/* Bouton blanc vide */
.btn-blanc-empty {border:2px solid #fff;color: #ed6751; }
.btn-blanc-empty:hover, .btn-blanc-empty:focus, .btn-blanc-empty:active {background-color: #fff;color: #ed6751;border:2px solid #ed6751; }
/* Bouton blanc carré */
.btn-blanc-carre {background-color: #fff;color: #ed6751;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; }
.btn-blanc-carre:hover, .btn-blanc-carre:focus, .btn-blanc-carre:active {background-color: #ed6751;color: #fff; }

a.btnFAQ { margin-top: 20px; }


/* Dropdown */
.open > .dropdown-menu { display: block !important; }
.dropdown-menu { border: none; position: absolute; top: 100%; left: 15px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px; background-color: #F5F5F5; }
.dropdown-menu li a{ padding: 10px; }
.dropdown-menu li a:hover{ background-color: #ddd; }
.dropdown-menu .divider{margin:0;}

.nav li.dropdown ul.dropdown-menu { min-width: 230px; width: auto; }
.nav.navbar-nav > li > a, ul.list-group a { text-transform: uppercase; }
.nav li.dropdown.langage ul.dropdown-menu { min-width: 0; width: auto; }


/* ---------------------------------------------- /*  * Couleurs/* ---------------------------------------------- */
.rouge { color:#ed6751; }
.bleu { color:#17b3e8; }
.gris { color:#F5F5F5; }
.noir { color:#222; }

/* --------------------------------------- /*  * Padding & margin/* --------------------------------------- */
/* padding */
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p40 { padding: 40px; }
.p50 { padding: 50px; }
.pb20 { padding-bottom:20px; }
.nopadding { padding: 0; }
.nopadding-right { padding-right: 0; }

/* margin */
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m40 { margin: 40px; }
.m50 { margin: 50px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.nomargin { margin: 0; }

.contenu-page h2 { font-size: 28px; border-bottom: 1px solid #eee; margin-bottom: 20px!important; padding-bottom: 20px; }
.contenu-page h2 + p { margin-top: 10px; }
.contenu-page p + h2, .contenu-page ul + h2, .contenu-page h3 + h2, .contenu-page h4 + h2, .contenu-page h2 + h2 { margin-top: 40px; }
.contenu-page h3 { font-size: 22px; }
.contenu-page p + h3, .contenu-page ul + h3, .contenu-page h3 + h3 { margin-top: 20px; }
.contenu-page h4 { font-size: 18px; }
.contenu-page h5 { font-size: 15px; margin-bottom: 2px; font-weight: 600; }
.contenu-page h6 { font-size: 15px; margin-bottom: 2px; }

/* ----------------------------------------- /* * Navbar /* ------------------------------------------ */
/******************** positionnement *********************/
nav .navbar-toggle { margin: 13px 15px 13px 0; }
nav .nopadding { padding-left: 0px; padding-right: 0px; }
.navbar-brand { padding: 15px 5px; }
.navbar-nav { padding-top: 10px; }
.navbar-brand img { width: 70%; }
@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px; }
}

/* style liens */
.nav>li>a { padding: 20px 18px; font-size: 13px; color: #fff; font-weight: 600; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; }

.nav>li.active>a { font-weight: 600; color: #ed6751; }

.nav .open a, .nav .open a:hover, .nav .open a:focus, .nav>li:hover,.nav>li>a:hover, .nav>li>a:focus { background-color: transparent; }
.nav>li>a:hover, .nav>li>a:focus { color: #ed6751; }
nav:hover { background-color: #6598a9; }

/* style du bouton */
.nav>li>a.btn-saisir { background-color: #ed6751; color: #fff; padding: 10px 10px; margin-top: 10px; }
.nav>li>a.btn-saisir:hover { background-color: #ce5945; }

/* style dropdown */
.nav li.dropdown ul.dropdown-menu { position: absolute; top: 100%; left: 10px; z-index: 2000; min-width: 230px; width: auto; border-top: 2px solid #ED6751; background-color: #fff; padding-top: 0px; padding-bottom: 0px; }
.nav li.dropdown ul li a { color: #6598a9; padding-top: 8px; padding-bottom: 8px; }
.nav li.dropdown ul li a:hover { background-color: #6598a9; color: #fff; }

/* style dropdown langage */
li.langage .btn-langue{ background-color: transparent; }
li.langage img{ width: 20px; }
.nav li.langage ul.dropdown-langage{ z-index: 1000; display: none; float: right!important; max-width: 50px!important; }

/* style search container */
#search-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: none; padding: 30px 0 20px; text-align: center; background-color: rgba(255, 255, 255, 0.44); }
#search-container input[type="search"] { position: absolute; top: 50%; left: 15px; background-color: transparent; border: 1px solid #f2f2f2; width: 93%; height: 48px; padding: 12px 20px; background-color: #fff; outline: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
a.search-form-close { position: absolute; top: 50%; right: 2%; padding: 5px; font-size: 20px; text-decoration: none; color: #ed6751; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

ul.dwls_search_results { width: 93%!important; }
ul#menu-menu-principal > li > a { text-transform: uppercase; }
.nav li.dropdown ul { min-width: 230px; width: auto; }

/********************* style navbar scroll *********************/
nav.shrink { margin-top: -15px; background-color: #6598a9; }
nav.navbar.shrink { height: 70px; }
nav.shrink .navbar-toggle { padding: 4px 5px; margin: 8px 15px 8px 0; }
nav { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.shrink { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.shrink #search-container { top: 15px; }

/********************* style menu mobile *********************/
nav.mobile-menu { background-color: #fff; border-bottom:1px solid #ddd; }
.mobile-menu button.navbar-toggle { background-color: #ed6751; }
.mobile-menu button.navbar-toggle.collapsed { background-color: #86acbf; }
.mobile-menu .navbar-toggle .icon-bar { background-color: #fff; }
.mobile-menu a.navbar-brand { padding-top: 5px; }
.mobile-menu a.navbar-brand img { width: 50%; }
.mobile-menu .navbar-collapse { width: 100%; }
/* style navbar tablette */
@media (max-width:1100px) and (min-width:900px) {
    .nav>li>a { padding: 20px 6px; font-size: 12px; color: #fff; }
}
@media (min-width:900px) {
    .navbar ul.nav{ float: right; }
    .nav>li>a { color: #fff; }
}
@media (max-width:900px) {
    nav.navbar{ background-color: #6598a9; }
}
/* --------------------------------------- /* * PAGE ACCUEIL (ajout de la classe .homepage dans le body) /* --------------------------------------- */
/********************* HEADER 2 *********************/
.homepage header.header2 { background-image: url('../img/fotolia_33861020.jpg'); background-size: cover!important; -webkit-background-size: cover!important; background-repeat: no-repeat !important; background-position: top center; padding: 100px 0px 150px 0px; background-attachment: fixed; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='http://www.cecile-chelim.fr/cmap/img/fotolia_33861020.jpg',sizingMethod='scale'); }
.homepage header.header2 h1 span.titre1 { color: #ED6751; font-weight: 600; text-shadow: 0 2px 0 rgba(221,221,221,.75); -moz-text-shadow: 0 2px 0 rgba(221,221,221,.75); -o-text-shadow: 0 2px 0 rgba(221,221,221,.75); -webkit-text-shadow: 0 2px 0 rgba(221,221,221,.75); -ms-text-shadow: 0 2px 0 rgba(221,221,221,.75); }
.homepage header.header2 h1 span.titre2 { color: #fff; font-size: 70px; line-height: 1; margin-bottom: 25px; margin-top: 0; text-transform: uppercase; font-weight: 800; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
@media (max-width: 640px){
    .homepage header.header2 h1 span.titre2 { font-size: 40px; }
}

.homepage header.header2 h1 span.espacement { display: block; height: 20px; }
.homepage header.header2 p { color: #fff; text-align: center; margin-top: 40px; line-height: 1.8; font-size: 18px; }

/********************* SECTION CIBLE *********************/
.cible { margin-top: -115px; }
.cible .row { background-image: url('../img/rosace2.png'); background-size: cover!important; -webkit-background-size: cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='http://www.cecile-chelim.fr/cmap/img/rosace2.png',sizingMethod='scale'); background-position: center center; }
@media (max-width: 300px){
    .cible .row { margin-left: 0px; }
}

.cible .case { padding:20px 20px; }
.cible .case p { margin-top: 0px; text-transform: uppercase; font-weight: 600; }
.cible .bg-bleu { background:none; background-color:rgba(101,152,169,0.76); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C26598a9,endColorstr=#C26598a9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C26598a9,endColorstr=#C26598a9); zoom:1; }
.cible .bg-bleu .svg,.cible .bg-bleu p { color: #fff; }
.cible .bg-blanc { background:none; background-color:rgba(255,255,255,0.55); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff,endColorstr=#8Cffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff,endColorstr=#8Cffffff); zoom:1; }
.cible .bg-blanc i,.cible .bg-blanc p { color: #ED6751; }

/* changement des tailles md2 */
@media (min-width: 992px){
    .cible .col-md-2 { width: 20%; }
}
/********************* comportement hover *********************/
.cible .bg-bleu, .cible .bg-blanc { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.cible .bg-bleu .svg, .cible .bg-blanc .svg, .cible .bg-bleu img, .cible .bg-blanc img { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.cible a:hover .bg-blanc { background-color: #fff; }
.cible a:hover .bg-bleu { background-color: #ed6751; }
.cible a:hover .bg-bleu .svg, .cible a:hover .bg-blanc .svg, .cible a:hover .bg-bleu img, .cible a:hover .bg-blanc img { -webkit-transform:scale(1.2); transform:scale(1.2); }

/********************* SECTION OFFRE *********************/
.offre { padding:70px 0; }

/* -------------- Élément tabs ---------------- */
#tabscmap .nav-tabs { border-bottom: 0px; }
#tabscmap .nav-tabs > li { width: 100%; }
#tabscmap .nav-tabs > li > a { color: #333; border: 1px solid; border-color: #F4F4F4; position: relative; padding: 12px 0 15px 10px; font-weight: 600; font-size: 14px; display: block; text-transform:  uppercase; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; overflow: hidden; }
#tabscmap .nav-tabs > li > a > svg { font-size: 30px; margin:0 10px 0 10px; color: #ED6751; }
#tabscmap .nav-tabs > li > a > span { position: absolute; right: 15%; top: 30%; width: 40%; }
#tabscmap .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background: transparent; border-color: #F4F4F4; }
#tabscmap .nav-tabs > li.active > a, #tabscmap .nav-tabs > li.active > a:focus, #tabscmap .nav-tabs > li.active > a:hover { border-width: 1px 2px 1px 1px; border-style:  solid; border-color: #F4F4F4; border-right-color: #ED6751; background: transparent; }
#tabscmap .nav-tabs > li:first-child > a, .nav-tabs > li.active a:first-child { border-top-color: transparent; }
#tabscmap .nav-tabs > li:last-child > a, .nav-tabs > li.active a:last-child { border-bottom-color: transparent; }
#tabscmap .tab-title { font-size: 14px; margin: 0 0; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }
#tabscmap .tab-content { background-color: rgba(248, 251, 253, 0.87); padding: 30px 20px; margin-left: -2px; min-height: 584px; }
#tabscmap .tab-content p { font-size: 16px; font-weight: 500; line-height: 1.9; letter-spacing: 0.3px; color: #717171; }
#tabscmap .nav-tabs > li.active > a:before { border: 10px solid transparent; border-right-color: #ED6751; right: 0; content: ""; display: block; height: 0; width: 0; position: absolute; }
#tabscmap .nav-tabs > li.active > a:after { border: 9px solid transparent; border-right-color: #fff; right: -2px; content: ""; display: block; height: 0; width: 0; position: absolute; }
#tabscmap .nav-tabs > li.active > a:before, #tabscmap .nav-tabs > li.active > a:after { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/********************* style liens rapides *********************/
.liens-rapides li.list-group-item { padding: 32px; }
.liens-rapides li.li-gris, .liens-rapides li.list-group-item { border:0; }
.liens-rapides li.li-gris { background-color: rgba(248, 251, 253, 0.87); }
.liens-rapides li { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.liens-rapides ul li.li-gris a { color: #ed6751; }
.liens-rapides ul li.li-blanc a { color: #86acbf; }
.liens-rapides ul li.li-gris:hover, .liens-rapides ul li.li-blanc:hover { background-color: #6598a9; cursor: pointer; }
.liens-rapides ul li.li-gris:hover a, .liens-rapides ul li.li-blanc:hover a { color:#fff; cursor: pointer; }

/********************* SECTION ACTION *********************/
section.action { background-image: url('../img/fond_banniere_assombri.jpg'); background-size: cover!important; -webkit-background-size: cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='http://www.cecile-chelim.fr/cmap/img/fond-banniere.jpg',sizingMethod='scale'); background-position: top center; background-repeat: no-repeat; padding: 50px 0 10px 0; }
section.action h3 { color: #fff; font-weight: 600; font-size: 30px; text-shadow: 0 2px 0 rgba(125,116,107,.75); -moz-text-shadow: 0 2px 0 rgba(125,116,107,.75); -o-text-shadow: 0 2px 0 rgba(125,116,107,.75); -webkit-text-shadow: 0 2px 0 rgba(125,116,107,.75); -ms-text-shadow: 0 2px 0 rgba(125,116,107,.75); }

/********************* SECTION 3 BLOC *********************/
section.blocs .col-bloc { padding:60px; }
.clearfix{ clear: both; }
.blocs .fond-gris { background-color:#f6f6f6; }

/* bloc témoignage */
.bloc-temoignage { border: 1px solid; border-color: #e8f0f5; padding: 30px; }
.bloc-temoignage .img-profil-temoin img { height: auto!important; width: 70px!important; max-width: none!important; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; padding: 5px; border: 1px solid #ddd; }
.bloc-temoignage span.guillemet { font-size: 20px; font-weight: 600; color: #ED6751; }
.bloc-temoignage p.nom-user { color: #2b2b2b; font-weight: 600; margin-bottom: 0px; font-size: 10px; }
.bloc-temoignage p.fonction-user { font-weight: 600; margin-bottom: 0px; font-size: 10px; }

/* position des éléments owl carousel */
@media (min-width: 901px){
    #owl-temoignage .owl-controls { position: absolute; top: 85%; right: 3%; }
}
@media (max-width: 900px){
    #owl-temoignage .owl-controls { position: absolute; top: 80%; right: 8%; }
}
@media (max-width: 900px){
    #owl-temoignage .owl-controls { position: absolute; top: 80%; right: 8%; }
}

#owl-temoignage .owl-buttons div { color: #6598a9; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: transparent; filter: Alpha(Opacity=50); opacity: 0.5; border:2px solid #6598a9; }

/* bloc questions */
.collapse-cmap { padding: 20px 20px 9px; border: 1px solid; border-color: #e8f0f5; }
.collapse-cmap .panel-group .collapse-cmap .panel + .collapse-cmap .panel, .collapse-cmap .panel-default > .panel-heading, .collapse-cmap .panel-group .panel { border: 0px; box-shadow: none; background-color: transparent; }
.collapse-cmap .panel-default > .collapse-cmap .panel-heading { background: transparent; color: #333; border-color: #ddd; }
.collapse-cmap .panel-title { font-weight: 400; background: transparent; text-transform: none; width: 90%; text-align: justify; }
.collapse-cmap .panel-title a.collapsed { color: #222; text-align: justify; }
.collapse-cmap .panel-heading a { display: block; padding: 0 0 5px; font-size: 14px; font-weight: 600; }
.collapse-cmap .panel-title a:hover,.collapse-cmap .panel-title a:focus { color: #ed6751; text-decoration: none; }
.collapse-cmap .panel-title a[aria-expanded="true"]:before { content: "-"; font-size: 15px; font-weight: 400; margin: 0; text-align: right; line-height: 15px; position: absolute; right: 18%; }
.collapse-cmap .panel-title a[aria-expanded="false"].collapsed:before { content: "+"; float: right; font-size: 15px; font-weight: 400; margin: 0; text-align: right; line-height: 15px; position: absolute; right: 18%; }
.collapse-cmap p.content-question { font-size: 14px; font-weight: 500; line-height: 1.9; letter-spacing: 0.3px; color: #717171; }

/* bloc actualité */
.bloc-actu img, .bloc-actu p, .bloc-actu a, .bloc-actu div { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.bloc-actu img.news-thumb, .bloc-actu div.news-thumb { border: 1px solid #dadada; float: left; height: 70px; padding: 4px; position: absolute; width: 70px; opacity:0.8; background-color: #fff; }
.bloc-actu div.news-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bloc-actu .content-actu { float: left; padding-left: 90px; margin-bottom: 35px; }
.bloc-actu .content-actu h5 { margin: 0 0 6px; color: #222; font-size: 15px; font-weight: 600; }
.bloc-actu .block h5 { color: #222; }
.bloc-actu .content-actu h5 a, .bloc-actu .block h5 a { color:#6598a9; }
.bloc-actu .content-actu h5 a:hover, .bloc-actu .block h5 a:hover { color:#ed6751; }
.bloc-actu .content-actu p, .bloc-actu .block p { color:#666666; }
.bloc-actu .content-actu p a, .bloc-actu .block p a { color:#666666; }
.bloc-actu .content-actu p a:hover, .bloc-actu .block p a:hover { color:#ed6751; }
.bloc-actu .block:hover { cursor: pointer; }
.bloc-actu .block:hover img.news-thumb, .bloc-actu .block:hover div.news-thumb  { opacity:1; border-color:#ed6751; }

/********************* FOOTER *********************/
footer a { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
footer { background-color: #ed6751; }
footer a { color: #fff; }
footer a.lien-footer, footer .lien-rs a { text-transform: uppercase; margin-left: 20px; }

/* scroll-up */
.scroll-up { background-color: rgba(135, 135, 135, 0.5); display: block; width: 35px; height: 35px; text-align: center; color: #fff; font-size: 15px; line-height: 30px; position: fixed; display: none; z-index: 999; bottom: 6em; right: 2em; }
a:hover .scroll-up ,a:active .scroll-up { background-color: rgba(235, 235, 235, .8); color: #e7746f; }

/* --------------------------------------- /* * PAGE TEMPLATE.PHP (ajout de la classe page-cmap dans le body) /* --------------------------------------- */
/******************** Bar de navigation des pages *********************/
.navbar-page nav { background-color: #6598a9; }

/******************** Header *********************/
.page-cmap header { height: auto; background-image: url('../img/fond-header-page.png'); background-size: cover; -webkit-background-size: cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='http://www.cecile-chelim.fr/cmap/img/fond-header-page.png',sizingMethod='scale'); background-position: top center; padding: 80px 20px 0px 20px; background-repeat: no-repeat; text-align: center; }
@media (max-width: 600px){
    .page-cmap header { margin-top: 40px; height: auto; background-image: url('../img/fond-header-page.png'); background-size: cover; -webkit-background-size: cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='http://www.cecile-chelim.fr/cmap/img/fond-header-page.png',sizingMethod='scale'); background-position: top center; padding: 20px; background-repeat: no-repeat; text-align: center; }
}

.page-cmap header h1 { font-size: 30px; text-transform: uppercase; font-weight: 600; text-shadow: 2px 1px 1px rgba(125,116,107,.55); -moz-text-shadow: 2px 1px 1px rgba(125,116,107,.55); -o-text-shadow: 2px 1px 1px rgba(125,116,107,.55); -ms-text-shadow: 2px 1px 1px rgba(125,116,107,.55); -webkit-text-shadow: 2px 1px 1px rgba(125,116,107,.55); }
.page-cmap .contenu-page { padding-top: 60px; padding-bottom: 60px; }

/* sidebar de navigation */
.sidebar ul.nav { border-bottom: 0px; }
.sidebar ul.nav > li { width: 100%; margin-top: 0px; }
.sidebar ul.nav > li > a { color: #333; border: 1px solid; border-color: #F4F4F4; position: relative; padding: 15px; font-weight: 600; font-size: 14px; display: block; text-transform:  uppercase; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; }

/* comportement hover et actif */
.sidebar ul.nav > li { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.sidebar ul.nav > li:hover > a { color: #ed6751; }
.sidebar ul.nav > li.active > a:before, .sidebar ul.nav > li.active > a:after { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.sidebar ul.nav > li.active > a:before { border: 10px solid transparent; border-right-color: #ED6751; right: 0; content: ""; display: block; height: 0; width: 0; position: absolute; }
.sidebar ul.nav > li.active > a:after { border-right-color: #fff; right: -2px; content: ""; display: block; height: 0; width: 0; position: absolute; }
.sidebar ul.nav > li.active a { color: #ED6751; border-width: 1px 2px 1px 1px; border-style: solid; border-color: #F4F4F4; border-right-color: #ED6751; background: transparent; }

/* position fixe sidebar */
.affix-top,.affix { position: fixed; top:70px; width:228px; }
@media (min-width: 979px){
    .sidebar.affix-top{ position: static; margin-top:0px; }
    .sidebar.affix { position: fixed; top:70px; }
}

/* --------------------------------------- /*  * PAGE 404 (ajout de la classe .404 dans le body)  /* --------------------------------------- */
.notfound section { vertical-align: middle; margin: 10em auto; height: 100%; text-align: center; width: 100%; }
.notfound h1 { color: #555; font-weight: 400; margin-bottom: 20px; }
.notfound p { margin: 20px auto; width: 280px; }
.notfound nav{ background-color: #6598a9; }
.notfound footer { position: absolute; bottom: 0; width: 100%; }

/* overflow */
.bloc-temoignage { height: 450px; overflow-y: hidden; }

/* limitation de la hauteur */
.bloc-temoignage p.justify { max-height: 250px; overflow-y: scroll; }
.col-bloc .collapse-cmap p { height: auto; overflow-y: hidden; }
.col-bloc .collapse-cmap { height: 450px; overflow-y: hidden; }
.actu .row { height: 450px; overflow-y: scroll; }

/* --------------------------------------- /*  * SHORTCODE Partenaires  /* --------------------------------------- */
.shortcodePartners .partner { width: 20%; margin: 0; padding: 10px; display: block; float: left; }
.shortcodePartners .partner .intern { width: 100%; border: 1px solid #898d8e; position: relative; }
.shortcodePartners .partner .logoPartner { height: 60%; width: 60%; margin: 20%; }
.shortcodePartners .partner .text { position: absolute; display: none; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; background: rgba(101,152,169,0.8); }
.shortcodePartners .partner .text a { display: block; width: 100%; padding: 10px; position: absolute; top: 0; bottom: 0;left: 0; right: 0; vertical-align: middle; }
.shortcodePartners .partner .text span.nolink { display: block; width: 100%; padding: 10px; position: absolute; top: 0; bottom: 0;left: 0; right: 0; vertical-align: middle; }
.shortcodePartners .partner:hover .text { position: absolute; display: block; overflow: visible; }
.shortcodePartners .partner:hover .logoPartner { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.shortcodePartners .partner .text p.title { padding: 0 0 10px 0; line-height: 1.1em; font-size: 1.1em; color: #fff;}
.shortcodePartners .partner .text p.infos { padding: 5px 0 0 0; line-height: 1.2em; color: #898d8e; }
.shortcodePartners .partner .text div.center { text-align: center; }

/* --------------------------------------- /*  * COOKIES  /* --------------------------------------- */
#cookieChoiceInfo {
    top: auto!important;
    padding: 25px 10px!important;
    background-color: rgba(0, 0, 0, 0.8)!important;
    bottom: 0!important; color: #fff; font-size: 13px; font-family: Kadwa, sans-serif; }
#cookieChoiceInfo a { display: inline-block; padding: 10px; background-color: #ed6751; color: #fff; border-radius: 10px; }

/* --------------------------------------- /*  * CARTE SVG  /* --------------------------------------- */
svg.carte-svg {height: 400px!important; margin: 0 auto; display: block; }
svg.carte-svg polygon, svg.carte-svg path { fill: #f3f4f4!important; stroke: #898d8e!important; stroke-miterlimit: 20; }
svg.carte-svg g.active polygon, svg.carte-svg g.active path { fill: #e07767!important; stroke: #898d8e!important; stroke-miterlimit: 20; cursor:pointer; }
svg.carte-svg g.active:hover polygon, svg.carte-svg g.active:hover path { fill: #bfc5c7!important; stroke: #898d8e!important; stroke-miterlimit: 20; cursor:pointer; }


/* --------------------------------------- /*  * POP-IN  /* --------------------------------------- */
#masque { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(221,227,229,0.85); z-index: 9999;  }
#masque #popIn { position: absolute; max-width: 900px; width: 90%; background: #fff; border: 1px solid #d0d5d7; padding: 25px; top: 10px; bottom: 10px; left: 50%; margin: 0 -300px; overflow: scroll; }
#masque #popIn a.closed { position: absolute; top: 25px; right: 25px; display: block; padding: 5px 10px; background: #eee; color: #333; font-family: arial; }
#masque #popIn a.block { pdisplay: block; margin: 15px 0; }

#masque #popIn .nav-tabs { margin: 25px 0;  }
#masque #popIn .nav-tabs > li a { background: #fff; border-bottom: 1px solid #ddd; color: #e07767; font-weight: normal; font-family: 'Open Sans'; font-size: 1em; padding: 15px 10px; }
#masque #popIn .nav-tabs > li.active a { background: #e07767; color: #fff; border-bottom: 1px solid #e07767; }

/* --------------------------------------- /*  * Pagination  /* --------------------------------------- */
ul.page-numbers { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
ul.page-numbers>li { display: inline; }
ul.page-numbers > .current { color: white; background-color: #e07767; border-color: #e07767; }
ul.page-numbers > li > a, ul.page-numbers > li > span { color: #434a54; background-color: white; border-color: #ccd1d9; position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }