@font-face {
 font-family: "themeFont";
 src: url("https://campus-la-salle.davelopweb.fr/wp-content/themes/saint%20genes/font/themeFont.ttf") format("truetype");
 font-style: normal;font-display: swap;
}

@font-face {
 font-family: "Designosaur";
 src: url("https://campus-la-salle.davelopweb.fr/wp-content/themes/saint%20genes/font/Designosaur-Regular.ttf") format("truetype");
 font-style: normal;
}

@font-face {
 font-family: "Designosaur";
 src: url("https://campus-la-salle.davelopweb.fr/wp-content/themes/saint%20genes/font/Designosaur-Italic.ttf") format("truetype");
 font-style: italic;
}

@font-face {
 font-family: "Open sans";
 src: url("https://campus-la-salle.davelopweb.fr/wp-content/themes/saint%20genes/font/OpenSans.ttf") format("truetype");
 font-style: normal;font-display: swap;
}


/*
custom css, les id et class spécifiques au thème son à inscrire plus bas et du coup à supprimer pour un nouveau thème
*/
html{width:100%;position:relative;height:100%;margin:0;padding:0;overflow-x:hidden;font-size:1em}
body{box-sizing:border-box;transition :all 0.5s ease-in-out;overflow-x:hidden;min-height:100vh;font-family:'Designosaur', sans-serif;font-size:1em}
img{max-width:100%;max-height:100%;width:auto;height:auto;}
.row{display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ }
.top .row{align-items:flex-start;}
.row > div {display:grid;min-height:0px;}
.row > div > div{display:grid;align-items:center;}
.row > div:last-of-type{flex-grow:1;}
.row:not(.nogrow) > div:last-of-type{flex-grow:1;}
div.nogrow  .row > div:last-of-type{flex-grow:0;}
div.nogrow  .row {justify-content:center;}
.full-width-container .full-width-row .container{max-width:1300px;width: 100%;}
.full-width-container.seamless {padding-left: 0 !important;padding-right: 0 !important;}

.center{text-align:center}
.right{text-align:right;}
.alignnone{margin:0 !important;}

.noclick > a{cursor:default}

	/*standard font*/
	
	h1{font-size:3em;text-transform:uppercase;color:rgba(255,255,255,1); margin:3em 2em 2em 2em;position: absolute;top: 0;z-index: 1;width:10em;text-indent: 1.5em;}
	h1 span{background-color:rgba(29,29,27,1);padding:0.3em;box-decoration-break: clone;}
	h1.frontpage{width:15em}
	
	#title{margin-top:10em;}	
	h2,h3,h4,h5,h6{color:rgba(29,29,27,1);font-weight:bold;font-family:'Designosaur', sans-serif;margin-top:0;}
	h2{font-size:2.5em;text-transform:uppercase;}
	h2 em{text-transform:lowercase;color:rgba(135,189,71,1);}
	
	h3{font-size:1.3em;color:rgba(255,255,255,1);}
	h4,h5,h6{font-size:1.2em;font-weight:medium;}
	ul{padding:0 0 0 1em;list-style:none;}
	#content ul li::before {content:"B";font-family: "ThemeFont";font-size:0.6em;position: relative;bottom: 0.2em;padding-right: 1em;}
	p,li,label{font-weight:300;font-family:'Designosaur', sans-serif;color:rgba(29,29,27,1);margin-top:0;}
	p, #content li{margin:0;font-size:1.2em;}
	
	a{font-weight:300;font-family:'Designosaur', sans-serif;font-size:1em;text-decoration: underline;color:rgba(248,186,63,1);}
	summary{display: list-item;cursor: pointer;}
	summary ~ p {margin:1em;padding:1em;background-color:rgba(196,29,40,0.8);color:rgba(255,255,255,1)}
	a:hover, a:focus{color:rgba(135,189,71,1);}
	body{color:rgba(29,29,27,1);background-color:rgba(255,255,255,1);}
	.btn-default:hover {color:rgba(196,29,40,1);background-color:rgba(248,186,63,1);border-color:rgba(196,29,40,1);}
	hr{border-top: 2px solid rgba(255,255,255,0.6);margin: 1em 10% 1em 10%;}
	.wp-video,.mejs-container{width:100% !important}
	header, footer, #content, #accueil{font-size:1em;}
	::selection {text-shadow:none;background:rgba(196,29,40,0.5);color:rgba(248,186,63,1)}
	span.wpcf7-list-item {margin:0 0 1em 0;}
	
	.button a:hover,button.button a:hover,a.button:hover,,input[type="submit"]:hover{cursor:pointer;}
	.button a,button.button,a.button,input[type="submit"]{display:inline-block;flex: 1 1 auto;  margin: 0;  padding:8px 30px; border:none;text-decoration:none;  text-align: center;  text-transform: uppercase;  position: relative;  overflow:hidden !important;  transition: 0.3s;z-index:1;color:rgba(255,255,255,1);background-color:rgba(29,29,27,1);transition-delay: 20s;transition-property: background-color;font-weight:500}
	input[type="submit"]{transition: background-color 0.3s;}
	.button a::before,a.button::before,button.button::before {
	  content: "";
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: -1;
	}
	.button a:hover,a.button:hover,button.button:hover,input[type="submit"]:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);color:rgba(255,255,255,1);}
	a.button:hover::after,button.button:hover::after{left: 0%;}

	blockquote:before,blockquote:after{content:"A";font-family: "ThemeFont";position:absolute;z-index:-1}
	blockquote:before{font-size:3em;top:0;left:0;}
	blockquote:after{font-size:1em;bottom:0;right:0;transform: scale(-1, 1);}
	blockquote{padding:1em 0em 1em 4em;margin:0;font-size:1em;border:none;position:relative;z-index:1}
	blockquote p{font-size:2em;z-index:2}
	blockquote p{font-size:2em;z-index:2}
	blockquote em{font-size:0.9em;font-weight:normal;display:block;text-align:right;margin:1em 1em 0 0;}

	/*rgpd*/
	#eu-cookie-law input {background-color:rgba(196,29,40,1);color:rgba(255,255,255,1);width: inherit !important;}

	/*header*/
	#mainheader{position:fixed;top:0;z-index:2;width:100%;padding:0 1.5em;box-sizing:border-box;background-color:rgba(255,255,255,1);}
	#mainheader a{color:rgba(196,29,40,1);text-decoration:none;font-family:'open sans', sans-serif;transition : color 0.1s ease-in-out ;font-weight:500;}
	#mainheader a:hover{color:rgba(248,186,63,1);text-decoration:none;transition : all 0.5s ease-in-out ;}	
	#mainheader #logohead{display:block;}
	#mainheader #logosticky{display:none;max-height:1em;}
	#mainheader .logosvg svg{fill:rgba(29,29,27,1);height:4.5em;margin:2px 30px 0 0;display:block;}
	#mainheader .logosvg svg .invert{fill:rgba(248,186,63,1);}

	/*Masque couleur*/
	.masque {display:flex;}
	.masque .nonemob, .masque .nonefixe,.masque svg{width:100%;display: flex;}
	.masque .couleur1{fill:rgba(196,29,40,1);}
	.masque .couleur2{fill:rgba(248,186,63,1);}
	.masque .couleur3{fill:rgba(135,189,71,1);}
	.masque .couleur4{fill:rgba(27,104,167,1);}
	.masque .couleur5{fill:rgba(221,43,125,1);}
	.masque .couleur8{fill:rgba(255,255,255,1);fill-opacity:0.1}	
	.masque .couleur9{fill:rgba(29,29,27,1);}	
	
	/*footer*/
	footer{display:grid;align-items:center;background-color:rgba(29,29,27,1);padding-top:4em}
	footer div{align-items:start;}
	footer h3{margin-bottom:2em;}
	footer h2{font-size:2em;}
	footer h2,footer h3,footer h4,footer h5,footer h6{color:rgba(255,255,255,0.4);}
	#logofooter{padding:0 0 1em 0 ;max-width:15em;margin-auto;}
	footer a, footer{color:rgba(255,255,255,1) !important;text-decoration:none !important;}
	footer a:hover{color:rgba(255,255,255,1) !important;}
	footer #adr1 span+span{padding-left:25px;display:block;}
	#footer-menu p, #footer-partenaires p{color:rgba(255,255,255,1);font-family:'Designosaur', sans-serif;}
	#footer-menu a{text-decoration:none;color:rgba(255,255,255,1);}
	#footer-menu a:hover{color:rgba(196,29,40,1);}
	.col-footer-menu ul{padding:0;}
	
	#adr1 a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f3c5";padding-right:0.5em}
	#telephone a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f095";padding-right:0.5em}
	#email a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f0e0";padding-right:0.5em}
	#adr1,#telephone{margin-bottom:1em;}
	
	footer a:before{test-decoration:none !important;}
	footer a:hover{color:rgba(196,29,40,1);}
	footer .logosvg svg{fill:rgba(255,255,255,1);margin:0 10em 2em 0;}
	footer .logosvg svg .invert{fill:rgba(248,186,63,1);}

	.bandeausite > div {padding:0.5em 0;}
	.bandeausite p{color:rgba(135,189,71,1);}
	#topsite{background-color:rgba(248,186,63,1);margin: 0 -14px;width: calc(100% + 28px);}

	/*form*/
	label, .wpcf7-list-item{width:100%;}
	input[type="text"],input[type="email"],.woocommerce form .form-row .input-text, .woocommerce form .form-row select{background-color:rgba(255,255,255,1);border:none;width:100% !important;color:rgba(196,29,40,1);padding:1em;margin:0.2em 0;box-sizing:border-box}
	select{width:100%;background-color:inherit;color:rgba(135,189,71,1);padding:1em;border:none;margin:1em 0;box-sizing:border-box}
	textarea{resize:vertical;padding:1em;width:100%;border:none;background-color:rgba(255,255,255,1);margin:1em 0;color:rgba(196,29,40,1);box-sizing:border-box}
	div.wpcf7 .ajax-loader {position: absolute;}
	
	code{padding:0}
	.wpcf7-mail-sent-ok{border: 2px solid rgba(196,29,40,1) !important;}

/*frontpage*/
#accueil{position:relative;background:url(https://campus-la-salle.davelopweb.fr/wp-content/uploads/2025/12/Fond-jaune.jpg) no-repeat;background-size:cover;width:100%;height:30em}

#frontAcc{min-height:100vh;position:absolute;}
#sous-titre{color:rgba(255,255,255,1);font-size:4.5em;font-weight:600;}
span.petit{font-style:italic;text-transform:lowercase;}
#accroche{color:rgba(255,255,255,1);margin:2em 0;font-size:1.5em}
.decalage{margin-top:100vh}

/*blog*/
#previewblog{padding:0;}
.img-blog-cover{height:15em;border-top:none;border-bottom:0;}
.artcol {padding:1em;overflow:hidden;}
.artcol article{background-color: rgba(255,255,255,1);padding:0;overflow:hidden;}
.artcol{margin:0 0 2em 0;}
.artcol a{text-decoration:none;}
.artcol h3{color: rgba(196,29,40,1);}
.artcol span{position:absolute;top:-1em;right:1em;font-size: 0.8em;background-color:rgba(248,186,63,1);color: rgba(196,29,40,1);padding: 0.5em 1.5em 0.2em;margin:0;display: inline-block;width:13em;}
.artcol a:hover h3{text-decoration:underline;}
.artcol:hover .parallaximg{filter:grayscale(100%);transition:filter 0.2s ease-in-out;}
.artcol .thetexte{padding:2em;}

.fullactu{margin-top:2em;width:100%;}
#blog{align-items:stretch}
#blog .firstart h3{font-size:2em;}
#blog .firstart p{font-size:1.6em;}
#blog .firstart .img-blog-cover{height:30em;}

.apercublog {margin:0;padding:0;display:grid;transition: all 0.3s cubic-bezier(.25,.8,.25,1);align-items:start !important;}
.apercublog h4{float:right;text-align:left;padding:0.5em;transition: all 0.3s cubic-bezier(.25,.8,.25,1);position:relative;top:-1em;right:-1em;width:calc(100% - 1em);color: rgba(248,186,63,1);}
.apercublog a{text-decoration:none;}
.apercublog:hover h4{text-decoration:underline}

#bottomblognav{margin-bottom:4em}
#bottomblognav .right{display:block;text-align:right;}

#fulllistart{position:relative;}
#listart{display:flex;align-items:stretch}
#enlienart, #bottomblognav{padding-top:2em;margin-top:2em;}
.alaune p{color:rgba(196,29,40,1) ;padding-bottom:1em;}
.datearticle{color:rgba(248,186,63,1) ;font-size:0.9em;}

/*single*/
article{width:100%}
.search-form{padding:0;right:0px;top:6em;z-index: 2;}
.search-form input{height:3em;}
.form-group{width:100%;}
.search-form button{height:3em;width:20%;border:none;background-color:rgba(196,29,40,1);border-radius:0;color:rgba(255,255,255,1);position:absolute;right:0;top:0;}
.form-control:focus {border-color: rgba(248,186,63,1);box-shadow: 0 0 8px rgba(248,186,63,0.6);}
.logoblog{width:1em;}
#thearticle {padding-right:1em;margin:0 1em 4em -1em;}
#thearticle .catart{display:block;margin:1em 0 2em 0;}
.htag{color:rgba(135,189,71,1) ; font-size:1.5em;margin-bottom:1em;font-family:'open sans', sans-serif;}


/*aside*/
#barlat{padding-left:1em;margin:0 -1em 4em 1em;border-left:1px solid rgba(135,189,71,1);}
#barlat ul{padding:0;}
#barlat li{list-style:none;}#barlat li+li{margin-top:0.5em}
#barlat h4{font-size:2em;margin-bottom:0.5em;color : rgba(135,189,71,1);}
#barlat p{color : rgba(248,186,63,1);}
aside{padding: 0.7em 0 0 1em;}
aside+aside{margin-top:2em;}

.taxonomy-description{margin-bottom:2em}

/*404 erreur*/
.button.pageerror{padding-top:4em;}
.svgerror {fill:rgba(248,186,63,1);}

#footer-menu {margin:0 0 0 1em;padding:0;position:relative;} 
#footer-menu li{margin-bottom:0.5em;}
#footer-menu a{text-decoration:none;}
#footer-copy{font-size:0.7em;padding:0.5em;margin-top:4em;text-align:center;}

/*Version bureau uniquement*/
@media only screen and (min-width:769px){
	
header:hover ~ * {
    position: relative;
}

header:hover ~ *::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.4);
    pointer-events: none;
}
	.nonefixe{display:none !important;}

	/*menu principal*/
	#site-navigation ul{padding:0;}
	#primary-menu > li{list-style:none;font-weight:500;}
	
	#primary-menu {margin:0;padding:0em;list-style:none;display:inline-block;width:100%}
	#primary-menu a{text-decoration:none !important;padding:10px 20px 2px ;white-space:nowrap;display:block;color:rgba(29,29,27,1);font-family:'Designosaur', sans-serif;text-transform:uppercase;letter-spacing:1px;}
	#primary-menu > li:not(.button) > a{padding:32px 0 29px 0;margin-left:2em;border-bottom:2px solid rgba(29,29,27,0);margin-top:0}
	
	#primary-menu > li:not(.button):hover > a{border-bottom:2px solid rgba(29,29,27,1);}                                                                                                    
	
	/*premier niveau*/
	#primary-menu li{list-style:none;}	
	#primary-menu > li{display:inline-block;margin:0;box-sizing:border-box}
	#primary-menu > li > a{position:relative;left:0;text-align:center;margin-top:25px;}

	/*deuxième niveau*/
	#primary-menu > li > ul{opacity:0;position:absolute;top:-9999px;text-align:left;padding:1.5em;width:101%;left:0;background-color:rgba(235,235,235,1);}
	#primary-menu .menu-item-has-children > a:after{content: "";display: inline-block;width: 12px;height: 12px;background: currentColor; border-radius: 50%;vertical-align: middle;margin: 0 0 2px 20px;}

	#primary-menu > li > a:hover ~ ul, #primary-menu > li > ul:hover{opacity:1;top:85px;transition:opacity 0.1s ease-in-out;transition-delay:0.1s}
	#primary-menu ul a{position:relative;border-radius:0;z-index:2;font-size:1.2em}

	#primary-menu ul a:hover{color: rgba(196,29,40,1);}
	#primary-menu > li > ul > li > a{font-weight:normal;display:inline-block;position: relative;}

	#primary-menu > .current-menu-item > a{ color: rgba(27,104,167,1);}
	#primary-menu ul > .current-menu-item > a{ color: rgba(221,43,125,1);}
	
	/*troisième niveau*/
	#primary-menu > li > ul > li > ul{position:absolute;padding-left:15%;top:-9999px;height:100%;}
	#primary-menu > li > ul > li > ul  a {margin-left:23px;}
	#primary-menu > li > ul > li >a:hover ~ ul, #primary-menu > li > ul > li > ul:hover{top:23px;}
	
	/*quatrieme niveau*/
	#primary-menu > li > ul > li > ul > li > ul{position:absolute;padding-left:60%;top:-9999px;height:100%;}
	#primary-menu > li > ul > li > ul > li > ul  a {margin-left:23px;}
	#primary-menu > li > ul > li > ul > li > a:hover ~ ul, #primary-menu > li > ul > li > ul > li > ul:hover{top:0px;}
		
	/*spec*/
	#primary-menu .contact{float:right}
	.menu1 a:not(:hover){color: rgba(196,29,40,1)!important;}
	.menu2 a:not(:hover){color: rgba(248,186,63,1)!important;}
	.menu3 a:not(:hover){color: rgba(135,189,71,1)!important;}
	.menu4 a:not(:hover){color: rgba(27,104,167,1)!important;}
	
	.menu1 a:hover{background-color: rgba(196,29,40,1)!important;color: rgba(255,255,255,1)!important;}
	.menu2 a:hover{background-color: rgba(248,186,63,1)!important;color: rgba(255,255,255,1)!important;}
	.menu3 a:hover{background-color: rgba(135,189,71,1)!important;color: rgba(255,255,255,1)!important;}
	.menu4 a:hover{background-color: rgba(27,104,167,1)!important;color: rgba(255,255,255,1)!important;}
	
	
	.menu1 ul li{border-left:2px solid  rgba(196,29,40,1);;}
	.menu2 ul li{border-left:2px solid  rgba(248,186,63,1);}
	.menu3 ul li{border-left:2px solid  rgba(135,189,71,1);}
	.menu4 ul li{border-left:2px solid  rgba(27,104,167,1);}
	
	#mainheader.scroll #primary-menu {font-size:0.8em;}
	#mainheader.scroll #primary-menu > li > a{color: rgba(255,255,255,1);margin-top:0;}
	#mainheader.scroll #primary-menu > li:not(.button) > a{padding:9px 0 2px 0;}
	#mainheader.scroll #primary-menu > li:not(.button):hover > a{border-bottom:2px solid rgba(255,255,255,1);} 
	#mainheader.scroll #primary-menu > li > a:hover ~ ul, #mainheader.scroll #primary-menu > li > ul:hover{top:31px;}
	#mainheader.scroll #primary-menu > li > ul > li > a:hover ~ ul, #primary-menu > li > ul > li > ul:hover{top:23px;}
	
	

	.move:not(.fsn-row) > *,.move.fsn-row > .container > .row > *{opacity:0;transform:translateY(100px);transition-property:transform,opacity;transition-timing-function: ease-out;transition: 0.6s;}
	.movethis:not(.fsn-row) > *,.movethis.fsn-row > .container > .row > *{opacity:1;transition-property:transform,opacity;transform:translate(0);}
	.movethis:not(.fsn-row) > :nth-child(1),.movethis.fsn-row > .container > .row > :nth-child(1){transition-delay:100ms;}
	.movethis:not(.fsn-row) > :nth-child(2),.movethis.fsn-row > .container > .row > :nth-child(2){transition-delay:200ms;}
	.movethis:not(.fsn-row) > :nth-child(3),.movethis.fsn-row > .container > .row > :nth-child(3){transition-delay:300ms;}
	.movethis:not(.fsn-row) > :nth-child(4),.movethis.fsn-row > .container > .row > :nth-child(4){transition-delay:400ms;}
	.movethis:not(.fsn-row) > :nth-child(5),.movethis.fsn-row > .container > .row > :nth-child(5){transition-delay:500ms;}
	.movethis:not(.fsn-row) > :nth-child(6),.movethis.fsn-row > .container > .row > :nth-child(6){transition-delay:600ms;}
	.movethis:not(.fsn-row) > :nth-child(7),.movethis.fsn-row > .container > .row > :nth-child(7){transition-delay:700ms;}
	.movethis:not(.fsn-row) > :nth-child(8),.movethis.fsn-row > .container > .row > :nth-child(8){transition-delay:800ms;}
	
	.artcol:nth-child(2n){margin:2em 0 0 0;}

}


/*Elements spécifiques au thème*/
/*recherche*/
.wp-block-search__inside-wrapper{border:1px solid rgba(248,186,63,1) !important;padding-right:1em !important;flex-direction: row-reverse;background-color:rgba(255,255,255,1);}
.wp-block-search .wp-block-search__button {border:none;background-color:rgba(196,29,40,0);margin:0;}
.wp-block-search__input-1{border:none;background:none;}
.wp-block-search__inside-wrapper path{fill : rgba(248,186,63,1);}

/*gallery*/
.gallery img {border: none !important;}
.gallery .gallery-item {margin-top: 0px !important;width: inherit !important;}

/*reseaux*/
.social {display:block !important;}
.social svg {transition : all 0.2s ease-in-out ;fill :rgba(255,255,255,0.4);width:40px;margin-left:5px;}
.social a{text-decoration:none;display:inline-block;}
.social svg:hover{fill : rgba(255,255,255,1);transition : all 0.2s ease-in-out ;}

#mainheader .social svg{display:block;width:40px;margin-left:5px;}
footer .social{text-align:right;}
footer .social svg{margin-top:1em;width:30px;margin-left:5px;}

/*widget lien entete*/
.headlink{line-height:44px;}

/*Footer icones*/

.col-footer-menu a::before{font-family: "ThemeFont";font-weight: 900;font-size:1em;margin-right:1em}
.footerA a::before{content:"A";color:rgba(196,29,40,1);}
.footerB a::before{content:"B";color:rgba(248,186,63,1);}
.footerC a::before{content:"C";color:rgba(135,189,71,1);}
.footerD a::before{content:"D";color:rgba(27,104,167,1);}
.footerE a::before{content:"E";color:rgba(196,29,40,1);}
.footerF a::before{content:"F";color:rgba(248,186,63,1);}
.footerG a::before{content:"G";color:rgba(135,189,71,1);}
.footerH a::before{content:"H";color:rgba(27,104,167,1);}

/*animH3*/
.animH3 .fsn-column-inner{
    padding:1em;
    cursor:pointer;
    outline:none;
}

/* état “compressé” : pas le focus */
.animH3 > .container > .row > div:not(.active){
    width:7em;
    flex-grow:0;
    flex-basis:60px;
    transition:flex-grow .2s ease;
}

.animH3 > .container > .row > div.active{
   flex-grow:1;
}

.animH3 > .container > .row > div:not(.active) h3{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    margin:0;
    padding:10px;
    animation: fadeInH3 .3s ease;
}
.animH3 > .container > .row > div:not(.active) p{
    display:none;
}


/* état “déployé” */
.animH3 > .container > .row > div.active h3{
    writing-mode:horizontal-tb;
    transform:none;
    animation: fadeInH3 .3s ease;
}

.animH3 > .container > .row > div.active p{
    animation: fadeInH3 .3s ease;
}

@keyframes fadeInH3 {
    0%   { opacity:0; }
    80%   { opacity:0; }
    100% { opacity:1; }
}

/*vignettes*/
.vignettes .textvign{position:absolute;opacity:0;background-color:rgba(27,104,167,0.8);text-align: center;height:100%;width:100%;align-content: center;}
.vignettes .textvign h3{transform: translateY(30px);}

.vignettes .colvign{position:relative;}
.vignettes .colvign:hover .textvign{opacity:1; transition:opacity .2s ease;}
.vignettes .colvign:hover .textvign h3{transition:transform .3s ease;transform: translateY(0);}


/*scroll*/
#mainheader.scroll{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition : all 0.2s ease-in-out ;background-color:rgba(29,29,27,1);padding:0;}
#mainheader:not(.scroll){transition : transform 0s ease-in-out ;}
#mainheader.scroll .logosvg svg,#mainheader.scroll .logosvg img{fill:rgba(255,255,255,1);height:1.5em;  margin: 4px 0 0 16px;}
#mainheader.scroll .logosvg svg .invert{fill:rgba(248,186,63,1);}
#mainheader.scroll .social svg{fill:rgba(196,29,40,1);width:20px;}

.up{display:none;position:fixed;bottom:0.6em;right:0em;width:2em;height:2em;text-decoration:none !important;font-size:1.5em;z-index:9999}
.up::before{content:"C";font-family: "ThemeFont";font-weight: 900;color:rgba(248,186,63,1);font-size:1.5em;}
.scroll.up{display:block;}

/*metaslider*/
.flexslider{margin : 4em 0 0 0!important}
.metaslider .caption-wrap .caption{background-color:rgba(248,186,63,0) !important;box-shadow:none !important;padding: 0 0 0 5em!important}
.metaslider .caption-wrap .caption p{color:rgba(255,255,255,1) !important;}

/*tablette version */
@media only screen and (max-width:1400px){
	.full-width-container .full-width-row .container{max-width:1000px;}
	html,body{font-size: 0.9em;}
}

/*version mobile */
@media only screen and (max-width:768px){
	
	.nonemob{display:none !important;}

	h2{font-size:1.9em;}
	
	.row > div {width:100%}

	/*menu mobile*/
	body {padding-top: 0;}
	#mainheader{padding:0.5em;}
	
	#mainheader .logosvg svg{fill:rgba(255,255,255,1);height:2em}
	#mainheader .logosvg svg .invert{fill:rgba(248,186,63,1);}
	#mainheader .social{display:none !important;}

	#acclogo{margin:1.5em 5em;text-align:center}
	#logonav, #logonav svg{
		height:1em;
		text-align:center;
		margin:0.2em;
		fill:rgba(196,29,40,1) !important;
	}

	#accueil{padding:0 0.5em;text-align:center;}
	#headerhr{display:none;}
	.masque svg{width:inherit;}
	#sous-titre{font-size:3em;margin-top:1em}
	#accroche{margin-bottom:0em;font-size:1em}
	h1{padding:1em 0;margin:0;}
	h1.frontpage{padding:1em 12px;margin:0;}	
	#buttonacc a{margin:1em 0 3em 0;}

	#buttonnav{
		position:absolute;
		top: 1em;
		left: -3.5em;
		width: 2.8em;	
		padding:0 1em;
	}
	.headernav.open #buttonnav{
		width: 1.5em;
		left: 1.5em;
		padding:0;
		stroke:rgba(29,29,27,0);
		fill:rgba(27,104,167,1);		
	}	
	#buttonnav{
		stroke:rgba(29,29,27,1);
		fill:rgba(255,255,255,1);		
	}
	
	.headernav.open #svgopen,.headernav:not(.open) #svgclose{display:none;}	
	
	#logonav img{padding:1em;border-bottom:1px solid rgba(221,43,125,1);}

	#mainheader #site-navigation{cursor:pointer;position:fixed;top:0;transform:translateX(100%);right:0;height:100vh;padding:0;background-color:rgba(255,255,255,1);transition:transform 0.1s;display:inline-block;text-transform: uppercase;z-index:100;box-sizing:border-box;-moz-box-sizing:border-box;}
	#mainheader #site-navigation.open{transform:translateX(0);box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	#mainheader #site-navigation ul {list-style:none;text-align:left;padding:0 ;}
	
	#primary-menu {margin:1em 2em 0 1em;overflow: auto;max-height:calc(100vh - 5em);padding:0.5em 2em;position:relative;} 
	#primary-menu > li{margin:1em 0;top:0em;padding-top:0;z-index:10;list-style:none;display:block;vertical-align:top;}
	#primary-menu > li+li{border-top:1px solid rgba(29,29,27,0.6);padding-top:1em}

	#primary-menu li > a{text-decoration:none;width:100%;transition : color 0.2s ease-in-out;color: rgba(29,29,27,1);}
	#primary-menu li .current-menu-item > a{ color: rgba(196,29,40,1);}
	#primary-menu .sub-menu {margin:0.5em 0 0 0.5em; list-style:none;}
	#primary-menu .sub-menu li{margin-top:1em;}
	#primary-menu .sub-menu a{color: rgba(196,29,40,1) !important; }
	
	#primary-menu > li > ul > li > a{position:relative;}
	#primary-menu > li > ul > li > a:before{font-family:'Roboto';content: ".";position: absolute;left:-17px;font-size:3em;top:-40px;}
	#primary-menu ul ul a{position:relative}
	#primary-menu ul ul a:before{content: "_";position: absolute;left:-13px;font-size:1em;bottom:4px;}


	nav.ssnav li {padding:0.5em;}
	nav.ssnav a {text-decoration:none !important;}
		
	li.couleur1:hover .sub-menu li a, li.couleur2:hover .sub-menu li a, li.couleur3:hover .sub-menu li a, li.couleur4:hover .sub-menu li a{background-color:rgba(196,29,40,0.3) !important}
	#titrepage{padding-top:0em;}
	#titrepage h1{margin:4em 0 1em 0;}
	#topsite {margin: 0 50px;}
	#content{padding-top:0;}
	.parralaximg{}
	
	/*header mobile*/
	#mainheader #top > :nth-child(1) input {min-width:0;opacity:0;margin-left:3em}
	#mainheader #top > :nth-child(1):hover input {opacity:1;transition: all 0.8s}
	#mainheader #top > :nth-child(1) .wp-block-search__inside-wrapper{border:1px solid rgba(248,186,63,0) !important;flex-direction:row;margin:0.5em 1.5em 1em 0;padding:0 !important}
	#mainheader #top > :nth-child(1):hover .wp-block-search__inside-wrapper{border:1px solid rgba(248,186,63,1) !important;}
	.wp-block-search .wp-block-search__button {font-size:2.5em;padding:0 !important;}

	#col-footer-contact{margin-top:4em;margin-bottom:4em}
	footer h3{margin:2em 0 0.5em 0}
	
	/*slide scroll mobile*/
	.scrollmobile{
		overflow-x: scroll;flex-wrap: nowrap;margin-right:-15px;margin-left:-15px;padding:0;width: 100vw;
	}
	.scrollmobile::-webkit-scrollbar {
	  display: none;
	}

	.scrollmobile > div {
		min-width: 60vw;
	}
	.scrollmobile .ombre {
	   margin:0;
	}
}