@font-face{
font-family: "Brandon-grotesque-light";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Brandon_Grotesque/Brandon_light.otf) format("truetype");
}
@font-face{
font-family: "Brandon-grotesque-light-it";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Brandon_Grotesque/Brandon_light_it.otf) format("truetype");
}
@font-face{
font-family: "Brandon-grotesque-regular-italique";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Brandon_Grotesque/Brandon_reg_it.otf) format("truetype");
}
@font-face{
font-family: "Brandon-grotesque";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Brandon_Grotesque/Brandon_reg.otf) format("truetype");
}
@font-face{
font-family: "Brandon-grotesque-medium";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Brandon_Grotesque/Brandon_med.otf) format("truetype");
}
@font-face{
font-family: "Brandon-grotesque-medium-italique";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Brandon_Grotesque/Brandon_med_it.otf) format("truetype");
}
@font-face{
font-family: "America GT";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/GT_America/GT-America-Regular.otf) format("truetype");
}
@font-face{
font-family: "America GT-it";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/GT_America/GT-America-Regular-Italic.otf) format("truetype");
}
@font-face{
font-family: "America GT-med";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/GT_America/GT-America-Medium.otf) format("truetype");
}
@font-face{
font-family: "Letter Gothic";
src: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/TYPO/Letter-Gothic/Letter-Gothic-Bold.ttf) format("truetype");
} .image{
display: inline;
vertical-align: middle;
}
body{
font-family: "America GT";
}
ul{
list-style-type: none;
margin: 0;
}
h1,h2,h3,h4,h5,h6,p{
margin:0;
}
h2{
font-family: "Brandon-grotesque-medium" !important;
}
h3{
font-family: "Brandon-grotesque-light-it" !important;
}
h4{
font-family: "Brandon-grotesque" !important;
}
h5{
font-size: 18px;
}
.intro{
font-family: "America GT" !important;
}
figcaption{
padding: 0 !important;
border: none !important;
}
.hentry .entry-content a:not(.button),.site-footer a:not(.button){
text-decoration: none;
} #primary,#main{
margin: 0;
}
.elementor-widget{
margin: 0 !important;
}
.entry-title{
display: none;
}
.titre-page{
margin-bottom: 20px;
}
.titre-page:after{
content: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/images/signe-vague.png);
display: block;
text-align: center;	
}
.brandon{
font-family: "Brandon-grotesque" !important;
}
.brandon-it{
font-family: "Brandon-grotesque-regular-italique" !important;
}
.brandon-light{
font-family: "Brandon-grotesque-light" !important;
}
.brandon-light-it{
font-family: "Brandon-grotesque-light-it";
}
.brandon-med{
font-family: "Brandon-grotesque-medium" !important;
}
.brandon-med-it{
font-family: "Brandon-grotesque-medium-italique" !important;
}
.america{
font-family: "America GT";
}
.america-it{
font-family: "America GT-it";
}
.america-med{
font-family: "America GT-med";
}
.color-jaune{
color: #e09b16 !important;
}
.color-turquoise{
color: #007e91 !important;
}
.align-center{
text-align: center;
}
.px23{
font-size: 23px;
}
.hyphens{
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.section-space-between > .elementor-container > .elementor-row{
justify-content: space-between;
flex-wrap: wrap;
}
.bloc-ombre{
background-color: #f3f5f4;
border-radius: 10px;
box-shadow: 3px 3px 5px #b4b4b6;
} .double-vague:before, .double-vague:after{
content: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/images/signe-vague-double.png);
display: block;
text-align: center;
position: relative;	
}
.double-vague:before{
top: 11px;
}
.double-vague:after{
top: -16px;
} .h4-bg-trait{
font-size: 21px;
letter-spacing: 0.9px; 
background: url(//www.livret-mediation.circo-mobile.fr/wp-content/themes/storefront-child/images/trait-titre.png) repeat-x center;
}
.trait-titre{
background-color: #fff;
padding: 0 15px;
}  #masthead{
padding-top: 10px;
margin: 0;
border: none;
}
.site-branding{
display: none !important;
}
#logo-principal{
display: flex;
justify-content: space-between;
margin: auto;
max-width: 1245px;
padding: 10px 0; 
}
#logo-principal + .col-full{
display: none;
}
#citecirque{
align-self: center;
left: 1em;
font-family: "Letter Gothic";
font-size: 12.5px;
letter-spacing: 2px;
}
#logo-principal a img{
width: 525px;
}
#icone-livret-header{
width: 85px;
height: 90px;
} .storefront-primary-navigation .col-full{
max-width: 100%;
margin: 0;
padding: 0;
}
.storefront-primary-navigation{
position: relative;
top: 1px;
background-color: #1d1d1d;
}
#menu-menu-principal{
max-width: 1245px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#menu-menu-principal a {
font-family: "Brandon-grotesque";
font-size: 12.5px;
letter-spacing: .5px;
text-transform: uppercase;
color: #fff !important;
}
#menu-menu-principal li:hover a{
background-color: #f9b200;
transition: .4s ease;
}
.storefront-primary-navigation li{
line-height: .1;
} #menu-item-779 a{
color: #007e91 !important;
}
#menu-item-779 a:hover{
color: #fff !important;
background-color: #007e91 !important;
} #menu-menu-principal .sub-menu{
width: 270px;
padding: 18px 0;
background-color: #fff; 
}
#menu-menu-principal .sub-menu a{
width: 80%;
text-transform: none;
font-family: "America GT";
font-size: .8em;
margin: auto;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #ababac;
background-color: #fff !important;
color: #000 !important;
}
#menu-menu-principal .sub-menu a:hover{
color: #f9b200 !important; 
border-bottom: 1px solid #f9b200;
}
#menu-menu-principal .sub-menu a:after{
position: relative;
top: -6px;
} .carousel-accueil{
margin-top: -1px;
width: 100%;
padding: 0;
}
.carousel-accueil .elementor-element-populated{
padding: 0 !important;
} #aside-conseils:after{
display: none;
}
#aside-conseils:before{
top: 13px;
}
#last-li-mode-emploi:before{
display: none;
}
#last-li-mode-emploi:after{
top: -14px;
}
.li-mode-emploi ul{
list-style-type: circle;
margin-left: 20px;
font-family: "Brandon-grotesque";
} #aside-autour-affiche{
min-width: 300px;
margin-top: 35px;
}
#affiche-autour-affiche:after{
top: -16px;
}
#aside-autour-affiche .elementor-row{
margin: 0 50px 0 50px;
border-top: 1px solid #b1b3b4;
border-bottom: 1px solid #b1b3b4;
} .icones-pcl p{
text-align: center;
}
.icones-pcl p img{
display: inline-block;
} .sommaire{
border-top: 1px solid #f6b115;
border-bottom: 1px solid #f6b115;
}
.sommaire a{
color: #000;
}
.sommaire a:hover{
color: #f6b115;
text-decoration: underline !important;
}
.lien-articles a{
color: #000;
}
#aside-articles-interviews{
min-width: 300px;
} .lien-sommaire{
display: block;
width: 376px;
margin: auto;
}
.va-et-vient .elementor-tab-title{
text-align: center;
border-top: 1px solid #f6b115;
border-bottom: 1px solid #f6b115;
}
.va-et-vient .elementor-tab-title a{
font-family: "Brandon-grotesque";
}
.va-et-vient .elementor-tab-content p{
font-family: "America GT";
} .lien-section a{
color: #f6b115;
}
.lien-section a:hover{
text-decoration: underline !important;
} #infos-texte-numero:after{
display: none;
} .wsp-container .wsp-pages-title{
margin-top: 50px;
text-align: center;
}
.wsp-container .wsp-pages-list{
padding: 50px;
background-color: #f7f7f7;
list-style-type: circle;
border-radius: 10px;
}
.wsp-container .wsp-pages-list a{
font-size: 20px;
color: #e09b16 !important;
}
.wsp-container .wsp-pages-list a:hover{
text-decoration: underline;
} #logo-footer{
width: 120px;
}
#colophon{
padding: 0;
margin-top: 30px;
background-color: #e3e3e3;
}
#main-footer{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
max-width: 1245px;
margin: auto;
padding: 30px 0;
}
.elem-footer{
margin: auto 0;
}
#coordonnees-footer{
line-height: 16.15px;
letter-spacing: .5px;
}
#coordonnees-footer .elem-coordonnees:first-child{
margin-bottom: 10px;
font-size: 14px;
}
#coordonnees-majuscule{
font-size: 13.5px;
text-transform: uppercase;
}
#coordonnees-footer .elem-coordonnees:last-child{
margin-top: 10px;
font-size: 14.15px;
color: #000;
}
#icone-sociaux{
display: flex;
justify-content: space-around;
width: 150px;
}
.separateur-footer{
width: 4px;
height: 110px;
background-color: #f3f3f3;
}
#container-partenaires{
padding: 20px 0;
background-color: #fff;
}
#partenaires{
max-width: 1245px;
margin: auto;
padding: 0 1em;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#partenaires div{
display: table-cell;
line-height: 76.45px;
margin-right: 20px;
}
#partenaires img{
display: inline;
vertical-align: middle;
}
#footer-end{
padding: 10px 0; 
background-color: #e3e3e3;
}
#footer-end ul{
display: flex;
justify-content: flex-end;
margin: auto;
max-width: 1245px;
}
#footer-end li:nth-child(1),#footer-end li:nth-child(2){
margin-right: 20px;
}
#footer-end li:nth-child(3),#footer-end li:nth-child(4),#footer-end li:nth-child(5),#footer-end li:nth-child(6){
margin-right: 5px;
}
#footer-end a, #footer-end li{
color: rgba(0,0,0,.7);
font-size: 10px;
}
#footer-end a:hover{
text-decoration: underline;
}
#footer-end img{
display: inline;
} .error-404{
padding: 50px 0;
text-align: center;
}
.error-404 img{
margin: 0 auto 40px auto;
}	
.error-404 a{
color: #ff7979;
text-decoration: underline;
} .wsp-container .wsp-pages-title{
margin-top: 50px;
text-align: center;
}
.wsp-container .wsp-pages-list{
padding: 50px;
margin-top: 40px;
background-color: #f7f7f7;
list-style-type: circle;
border-radius: 10px;
}
.wsp-container .wsp-pages-list a{
font-size: 20px;
color: #007e91;
}
.wsp-container .wsp-pages-list a:hover{
text-decoration: underline !important;
} @media screen and (max-width: 1166px){ #citecirque{
display: none;
}
#logo-principal{
justify-content: center;
} .primary-navigation{
display: none;
}
.menu-toggle, .handheld-navigation{
display: block !important;
}
.menu-toggle{
top: 30px;
right: 30px;
}
#menu-menu-principal-1, .menu-item-has-children .dropdown-toggle{
display: none !important;
}
.storefront-primary-navigation{
position: fixed;
top: 0;
width: 100%;
background-color: initial;
}		
.storefront-primary-navigation .toggled{
background-color: #1d1d1d !important;
transition: .3s ease;
}
.storefront-primary-navigation .toggled #menu-menu-principal-1{
display: flex !important;
flex-direction: column;
}
#menu-menu-principal-1 li{
left: 10px;
}
#menu-menu-principal-1 a{
width: 500px;
}
#menu-menu-principal-1 li a, 
#menu-menu-principal-1 li a,
.menu-item-has-children a,
#menu-menu-principal-1 .menu-item-has-children a{
color: #fff;
text-transform: uppercase;
}
#menu-menu-principal-1 li a:hover,
#menu-menu-principal-1 li a:active,
#menu-menu-principal-1 .menu-item-has-children a:hover{
color: #595959;
}
#menu-menu-principal-1 .sub-menu{
display: block;
padding: 0; 
width: 100%;
max-height: 100% !important;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
background-color: initial !important;
}
#menu-menu-principal-1 .sub-menu a{
margin-left: 30px;
text-transform: unset;
}
.menu-item-has-children a:after{
display: none !important;
}
} @media screen and (max-width: 1124px){ #logo-principal{
padding: 0;
text-align: center;
}
#logo-principal a{
display: inline-block;
height: 100%;
}
#logo-principal a img{
width: 400px;
}
#logo-principal h1{
align-self: center;
} .separateur-footer{
display: none;
}
} @media screen and (max-width: 990px){ #masthead{
position: fixed;
width: 100%;
} .carousel-accueil{
margin-top: 115px;
} #section-autour-affiche > .elementor-container > .elementor-row{
flex-direction: column;
}
#section-autour-affiche > .elementor-container > .elementor-row .elementor-element{
width: 100% !important;
} #main-footer{
width: 95%;
justify-content: space-between;
}
.elem-footer{
min-width: 40%;
}
#logo-footer{
position: relative;
top: -15px;
left: 50px;
}
#lien-map{
min-width: 264px;
}
#icone-sociaux{ 
justify-content: flex-start;
}
#icone-sociaux li{
margin-right: 15px;
}
} @media screen and (max-width: 768px){ .site-header{
padding: 10px 0 0 0;
}
#icone-livret-header{
display: none;
}
#logo-principal{
display: block;
text-align: left;
}
#menu-menu-principal-1 li{
line-height: 1;
} .carousel-accueil{
margin-top: 93px;
} #main-footer{
flex-direction: column;
}
.elem-footer{
width: 100%;
padding: 25px 0; 
border-bottom: 1px solid #b1b3b4;
}
#logo-footer{
position: static;
}
#coordonnees-footer .elem-coordonnees{
max-width: 270px;
}
#logo-footer img, .elem-coordonnees, #map-footer img{
margin: auto;
}
#icone-sociaux{
justify-content: center;
border: none;
}
#footer-end{
padding-right: 20px;
}
} @media screen and (max-width: 570px){
.titre{
font-size: 41px;
}
.sous-titre{
font-size: 26px;
} #masthead{
height: 60px;
padding: 0;
}
#logo-principal{
height: 100%;
margin-top: 0;
padding: 0;
text-align: left;
}
#logo-principal a{
margin: 0;
padding-top: 12px;
}
#logo-principal a img{
margin: 0;
width: 220px;
}
#citecirque{
display: none;
} .menu-toggle{
top: 8px;
right: 10px;
}
#menu-menu-principal-1 a{
font-size: .8em;
} .carousel-accueil{
margin-top: 60px;
} .lien-sommaire{
display: block;
width: 100%;
margin: auto;
}
} @media screen and (max-width: 420px){ #footer-end{
padding: 10px 0 30px 0; 
}
#footer-end ul{
flex-direction: column;
align-items: center;
}
#footer-end li{
margin: 0 !important;
padding: 10px 0;
width: 80%;
text-align: center;
}
#footer-end li:nth-child(1),#footer-end li:nth-child(2),#footer-end li:nth-child(6){
border-bottom: 1px solid #cfcfcf;
}
}