/*
Theme Name: CDG60
Theme URI: https://www.cdg60.com/
Author: Studio Indégo
Author URI: http://www.studio-indego.fr/
Description: Site vitrine 
Version: 1.0

*/


body{
	font-size:0.875rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color:#6A6565;
}
a{color:inherit;}
a:hover{color:inherit;}
main a{color:#F0892C;}
main a:hover{color:#CA782D;	}
a:hover{
	text-decoration:none!important;	
	cursor: pointer;
}
a:hover, a:focus{
	outline: none!important;
	text-decoration:none;
}

.wp-block-image img , .wp-block-media-text__media img{
    max-width: 100%;
    height: auto;
}
.alignfull {
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/
h1, .h1{font-size:1.6rem; font-weight: 700; color:#292929;}
h2{font-size:1.375rem; font-weight: 700; color:#6A6565;}
h3{font-size:1rem; font-weight: 700; color:#292929;}
h4{font-size:1rem; font-weight: 300; color:#908C89;}
h5{font-size:0.9rem; font-weight: 700; color:#908C89;}
h6{font-size:0.85rem; font-weight: 700; color:#6A6565;}

h3 a{color: inherit;}
.font-weight-bold{font-weight: 700!important;}
.font-large{font-size:1.5rem;}
b, strong {
    font-weight: 700;
}

h2.titre-home{font-size:1.375rem; font-weight: 500!important; }
.titre-home:before{content: url("images/trait.svg"); position: absolute;    top: -20px;}
/**************************************************************************************************************/
/******************************************************************************           COULEURS            */
/**************************************************************************************************************/
.blanc{color:#fff;}
.bleu{color:#3998A5;}
.noir{color:#6A6565;}
/**************************************************************************************************************/
/******************************************************************************         GUTENBERG            */
/**************************************************************************************************************/
.has-petit-font-size { font-size: 0.75rem;}
.has-normal-font-size, .has-large-font-size { font-size: 0.875rem!important;}
.has-grand-font-size { font-size: 1.2rem}

.has-noir-color{color:#000000!important;}
.has-blanc-color{color:#ffffff!important;}
.has-gris1-color{color:#707070!important;}
.has-gris2-color{color:#908C89!important;}
.has-gris3-color{color:#DDDDDD!important;}
.has-gris4-color{color:#ECECEC!important;}
.has-gris-1-color{color:#707070!important;}
.has-gris-2-color{color:#908C89!important;}
.has-gris-3-color{color:#DDDDDD!important;}
.has-gris-4-color{color:#ECECEC!important;}
.has-rouge-color{color:#A0442F!important;}
.has-bleu-color{color:#3998A5!important;}
.has-vert-color{color:#54BD97!important;}
.has-orange-color{color:#F0892C!important;}
.has-cyan-color{color:#73BEB2!important;}
.has-saumon-color{color:#DC7861!important;}

.has-noir-background-color{background-color:#000000!important;}
.has-blanc-background-color{background-color:#ffffff!important;}
.has-gris-1-background-color{background-color:#707070!important;}
.has-gris-2-background-color{background-color:#908C89!important;}
.has-gris-3-background-color{background-color:#DDDDDD!important;}
.has-gris-4-background-color{background-color:#ECECEC!important;}
.has-gris1-background-color{background-color:#707070!important;}
.has-gris2-background-color{background-color:#908C89!important;}
.has-gris3-background-color{background-color:#DDDDDD!important;}
.has-gris4-background-color{background-color:#ECECEC!important;}
.has-rouge-background-color{background-color:#A0442F!important;}
.has-bleu-background-color{background-color:#3998A5!important;}
.has-vert-background-color{background-color:#54BD97!important;}
.has-orange-background-color{background-color:#F0892C!important;}
.has-cyan-background-color{background-color:#73BEB2!important;}
.has-saumon-background-color{background-color:#DC7861!important;}

.wp-block-quote p{margin-bottom: 0}
.wp-block-quote blockquote, .wp-block-quote {display:flex; font-weight: 500; font-style:italic; font-size:1.375rem;  border-right:solid 5px #73BEB2; border-left:none!important; color:#73BEB2; padding-right: 20px; padding-left: 20px!important;margin-top: 1.75em!important; }
.wp-block-quote:before{content: url("images/quote.svg");margin-right: 10px;}
.wp-block-pullquote { border-top: 2px solid #DDDDDD!important; border-bottom: 2px solid #DDDDDD!important; margin-bottom: 1.75em; color: #292929; font-weight: 700; }
.wp-block-pullquote p {font-size:1rem!important;}
hr{	width: 25%;}
hr.is-style-wide{width: 100%;}
ul li{list-style-image: url(images/chevron.svg); }
.has-media-on-the-right .wp-block-media-text__content{padding-left: 0!important;padding-right: 8%!important}
.wp-block-media-text__content{padding-right: 0!important}
/**************************************************************************************************************/
/******************************************************************************         DIVERS                */
/**************************************************************************************************************/
#cdu_close { border: 1px solid #000!important;right: 8px!important;top: 1px!important;}
.pre-header{padding-right: 125px;}
aside{border-left: dashed 2px #C9C9C9}
aside.gauche{border-right: dashed 2px #C9C9C9;border-left:none}
.bouton{border-radius: 4px;}
.bouton a{display: block;}
.border-radius-leger{border-radius: 4px;}
.border-radius-moyen{border-radius: 8px;}
#logo{max-width:200px;}
.recherche-header{ }
.go, .go:hover, .go:focus{border-radius: 0 25px 25px 0; background-color:#3998A5 ; width: 55px;background-image: url(images/picto-loupe.svg);background-repeat: no-repeat; background-position:center; height: 40px}
#searchform input[type=text]{border:none;  font-size:0.75rem; border-radius: 25px 0 0 25px;border-top:solid 2px #C9C9C9;border-bottom:solid 2px #C9C9C9;border-left:solid 2px #C9C9C9; height: 38px}
#breadcrumbs {font-size:0.85rem;background-image: url(images/icone-home.svg);  background-repeat: no-repeat; padding-left: 18px; color:#C9C9C9; background-position: 0px 4px; }
#breadcrumbs a { color:#C9C9C9; }
.etiquette{position: absolute;top:10px;}
.border-orange{border:none;border-bottom:solid 5px #F0892C;}
.filet-vert{border:solid 1px #54BD97;}
.filet-gris{border:solid 1px #C9C9C9;}
.annonce{position: relative;}
.carre-orange{background-color: #F0892C; width: 22px; height: 22px; position: absolute;top:0;right: 0;}
div.css-search div.em-search-text { background: url(images/icone-loupe.svg)!important; background-position: 7px 7px!important; background-repeat: no-repeat!important;padding-left:30px!important;}
div.css-search div.em-search-main .em-search-submit {background: #73BEB2!important;}
.bloc-flex{flex:0 0 25%;}
.emploi .card-header .btn-link:hover {
  color: #DADFE2!important;  
}
.emploi{position: absolute; bottom:-30px; right: 0}
/**************************************************************************************************************/
/******************************************************************************           ACCORDION          */
/**************************************************************************************************************/
.emploi .card{margin-bottom: 10px}
#accordion .card-header button:after, #accordion1 .card-header button:after, #accordion2 .card-header button:after, #accordion3 .card-header button:after { font-family: 'FontAwesome'; content: "\f068"; float: right; }
#accordion .card-header button.collapsed:after, #accordion1 .card-header button.collapsed:after, #accordion2 .card-header button.collapsed:after, #accordion3 .card-header button.collapsed:after { /* symbol for "collapsed" panels */ content: "\f067"; }
.emploi .card-header button:after {margin-top: -10px;}
.card {background-color: #ECECEC; border: none;border-radius: 0;}
.card-header .btn-link:hover { color: inherit;text-decoration: none}
button:focus{text-decoration: none}
/**************************************************************************************************************/
/******************************************************************************           PAGINATION          */
/**************************************************************************************************************/
.page-numbers, .em-pagination{display: flex;justify-content: center; align-content: center;}
.page-numbers li{width: 29px;height: 29px;list-style:none; color:#FFBE11; font-weight: 700;}
.page-numbers .prev, .page-numbers .next{border-radius:50%;	background-color: #3998A5; color: #ffffff; font-weight: 700}
.page-numbers .current, .em-pagination .current {border-radius:50%;background-color: #908C89;	color: #ffffff;}
.pagination ul, .pagination li{list-style: none;margin:0;padding: 0;line-height: 2rem;font-weight: 400;text-transform: uppercase;}
.pagination ul{	margin-left: auto;	margin-right: auto;}
.pagination li a{color:#908C89;}
.em-pagination a.page-numbers, .em-pagination .current  {width: 29px;height: 29px;list-style:none; color:#908C89; font-weight: 700; display: flex;justify-content: center; align-items: center;}
.em-pagination .current{color: #fff;}

/**************************************************************************************************************/
/******************************************************************************   MENU                        */
/**************************************************************************************************************/
/*#menu-mobile .mega-menu-wrap li a br { display: none;}*/
#menu-mobile .mega-menu-wrap{width: 100%;}
#mega-menu-wrap-Menu-principal #mega-menu-Menu-principal li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding-top:5px!important;padding-bottom: 2px!important; }
.has-rouge-background-color .mega-block-title{color:#A0442F!important;}
.has-vert-background-color .mega-block-title{color:#54BD97!important;}
.has-saumon-background-color .mega-block-title{color:#DC7861!important;}
.has-orange-background-color .mega-block-title{color:#F0892C!important;}
.has-cyan-background-color .mega-block-title{color:#73BEB2!important;}
.has-bleu-background-color .mega-block-title{color:#3998A5!important;}

#mega-menu-wrap-Menu-principal #mega-menu-Menu-principal > li.mega-menu-item > a.mega-menu-link {line-height: 15px!important;}

.has-rouge-background-color >.mega-sub-menu{border-bottom: solid 2px #A0442F!important;}
.has-bleu-background-color >.mega-sub-menu{border-bottom: solid 2px #3998A5!important;}
.has-vert-background-color >.mega-sub-menu{border-bottom: solid 2px #54BD97!important;}
.has-orange-background-color >.mega-sub-menu{border-bottom: solid 2px #F0892C!important;}
.has-cyan-background-color >.mega-sub-menu{border-bottom: solid 2px #73BEB2!important;}
.has-saumon-background-color >.mega-sub-menu{border-bottom: solid 2px #DC7861!important;} 
/**************************************************************************************************************/
/******************************************************************************   ACCES RAPIDE                */
/**************************************************************************************************************/
/*hr.trait{width: 50%;border:none;border-bottom-style: solid;border-bottom-width:4px!important;position: absolute;bottom:0;margin-bottom: 0;left:25%;transition: all 0.2s ease-in-out}*/
/*#slider .bloc-acces-rapide div{min-height: 112px;position: relative;padding-top: 20px!important;}
.bloc-acces-rapide div{min-height: 100px;position: relative;transition: all 0.2s ease-in-out}
.bloc-acces-rapide:hover div{background-color: #6a6565!important;color:#fff!important;}*/
/*.bloc-acces-rapide:hover div hr.trait{width: 90%; left: 5%;}*/
aside .bloc-acces-rapide{font-size:0.8rem; line-height: 0.8rem;}

.rond{border-radius: 50%; width: 110px; height: 110px; box-shadow: 0 0 50px rgba(9,70,98,0.25); border:solid 3px rgba(84,189,151,0.25); transition: all 0.2s ease;}
.rond:hover{box-shadow: 0 0 50px rgba(9,70,98,0.5); border:solid 3px rgba(84,189,151,0.75);}
.rond img{transition: transform .2s;}
.rond:hover img{ transform:scale(1.2) }



hr.trait{margin-left:0;margin-top:8px; margin-bottom:8px;width: 15%;border:none;border-bottom-style: solid;border-bottom-width:3px!important;transition: all 0.2s ease-in-out}
article:hover hr.trait{width: 50%;}
hr.has-rouge-background-color{border-color:#A0442F}
hr.has-bleu-background-color{border-color:#3998A5}
hr.has-vert-background-color{border-color:#54BD97}
hr.has-orange-background-color{border-color:#F0892C}
hr.has-cyan-background-color{border-color:#73BEB2}
hr.has-saumon-background-color{border-color:#DC7861}
/**************************************************************************************************************/
/******************************************************************************  EVENEMENTS                   */
/**************************************************************************************************************/
.css-events-list hr{width: 100%;border:none;border-bottom-style: dashed;border-bottom-width:1px!important;border-color: #908C89}
.ma-date span{display: block; }
.ma-date span:first-child,.ma-date span:first-child, .ma-date span:nth-child(5) {font-size: 3.75rem;font-weight: 700; padding-top: 15px;line-height: 3rem;}
.em-booking-login-form {background-color: #ECECEC; padding:15px; border-radius: 3px;}
.em-booking-login-form input{width: 100%}
div.em-booking-login label{width: 90%!important; font-weight: 700;}
.em-booking-form{font-weight: 700;}
#em_wp-submit, #em-booking-submit{background-color: #3998A5; color:#fff;text-align: center;padding-top: 10px; padding-bottom: 10px;border-radius: 3px;border:none;font-weight: 700;}
div.em-booking-login { border-left: 1px solid #908C89!important;}
/**************************************************************************************************************/
/******************************************************************************          SLIDER               */
/**************************************************************************************************************/
.slide-home{min-height: 530px;}
.carousel-indicators li { width: 10px; height: 10px; border-radius: 100%; background-color: #C9C9C9!important;}
.carousel-indicators li.active { width: 12px; height: 12px; border-radius: 100%;background-color: #3998A5!important;}
.carousel-indicators {bottom:-50px;}
.intro{position: absolute;bottom:0;width: 65%; background-color: rgba(255,255,255,0.8);padding: 30px;margin-left:5%; border-radius : 0 20px 0 0;}
.carousel-control-next-icon { background-image: url("images/fleche-slider-next.svg"); width: 50px;height: 50px;}
.carousel-control-prev-icon { background-image: url("images/fleche-slider-prev.svg"); width: 50px;height: 50px;}
.carousel-control-next{justify-content: flex-end; right: 5px; }
.carousel-control-prev {justify-content: flex-start; left:5px;}
/**************************************************************************************************************/
/******************************************************************************          PHOTO                */
/**************************************************************************************************************/
.bloc-photo{background-size: cover;	background-position:center center; border-radius: 0 0 50px 0}
/**************************************************************************************************************/
/******************************************************************************          SEARCH               */
/**************************************************************************************************************/
#search article figure{flex:0 0 40%;}
#search article div{flex:0 0 60%;}

.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/**************************************************************************************************************/
/******************************************************************************         FOOTER                */
/**************************************************************************************************************/
@media (max-width: 991px) {.filet-gris-footer{border-top:solid 1px #6A6565;border-bottom:solid 1px #6A6565;}}
@media (min-width: 992px) {.filet-gris-footer{border-left:solid 1px #6A6565;border-right:solid 1px #6A6565;}}
footer ul{margin:0;padding:0; }
footer ul li{list-style: none; }
footer a{color:#fff; }