*{
direction: ltr;
}

body{display:none; }

@keyframes fadeIn {
  50% { opacity: 0; }
  100% { opacity: 1; }
}


.img.fadeIn{ opacity:0; animation: fadeIn 3s forwards; }

.page .matomoConsent {
    width: 100%;
    border: none;
    background: #463f3f17;
    height: auto;
    border-radius: 10px;
}

.smart,
#MenuSmart,
#slidepanels,
#social2{
display:none;
}
#MenuSmart{
height:auto;
top:60px;
padding-top:0;
position:fixed;
z-index:999;
background:var(--page_grey2);
width:100%;
box-sizing:border-box;
padding:0 80px;
float:left;
text-align:center;
}
#MenuSmart ul{
margin:0;
padding:0;
position:relative;
}
#MenuSmart ul li{
display:inline-block;
padding:0;
margin:0;
}
#MenuSmart ul li:after{
content:'|';
color:#ffffff55;
height:60px;
line-height:60px;
}
#MenuSmart ul li:last-child:after{
color:#ffffff00;
}

#MenuSmart ul li a{
text-decoration:none;
color:white;
/* height:70px;
line-height:70px; */
height:32px;
line-height:32px;
padding:0 8px;
margin:16px 0 12px 0;
font-size:.9em;
font-weight:500;
transition:all ease 0.2s;
display:inline-block;
float:left;
margin-left:-4px;
border-radius:0;
}
#MenuSmart ul li a:hover{
background:var(--home);
color:var(--page_grey);
/* border-radius:10px 0 10px 0 */
}
.smartIcon{
z-index:1;
position:absolute;
top:0;
right:0;
width:61px;
height:61px;
z-index:999;
display:block;
cursor:pointer;
transition: all ease 0.3s;
}
#MenuBtn img{
width:100%;
height:auto;
transition: all ease 0.3s;
}
#MenuBtn:hover img{
transform: scale(1.2);
}


#linksP{
position:relative;
display:block;  
max-width:1280px;
margin:auto;
top:50px;
}
#links{
position:absolute;
width:60px;
right:45px;
list-style-type:none;  
margin:0;
padding:0;
z-index:9999;
}
#links li{
cursor:pointer;
width:50px;
height:50px;
margin-bottom:10px;  
}
#links li:hover svg .cls-1{
fill:black;  
}

/* DOMAINES */
.domainesListe{
width:100%;
display:block;
text-align:center;
align-content:center;
align-items:center;
padding:30px 0;
}
.domainesListe a{
position:relative;
box-sizing:border-box;
padding:1em;
margin:auto;
display:inline-block;
vertical-align:top;
width:calc(160px + 2em);
transition:all ease 0.5s;
text-decoration:none;
}
.domainesListe a:hover{
transform:translateY(15px);
}
.domainesListe .picto{
display:block;
height:160px;
width:100%;
background:#eee;
border-radius:10px; 
align-content:center;
text-align:center;
transition:all ease 0.3s;
}
.domainesListe .picto svg{
max-height:100px; 
max-width:100px; 
shape-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
image-rendering: optimizeQuality;
transform: translateZ(0);
backface-visibility: hidden;
}
.domainesListe .picto svg .color{
fill:#370962;
}

.domainesListe p{
font-size:.95em;
font-weight:600;
text-align:center; 
color:var(--violet);
width:90%;
margin:8px auto 0 auto;
width:140px;
}
.domainesListe a:hover p{
color:var(--rose); 
text-decoration:underline;
}

/* PROFILS */
#profils{
width:100%;
display:block;
text-align:center;
align-content:center;
align-items:center;
padding:30px 0;
background:var(--ecru);
margin-bottom:30px;
}

#profils .profilList-elem{
width:11em;
display:inline-block;    
}

/* RESSOURCES */
#ressources{
width:100%;
display:block;
text-align:center;
align-content:center;
align-items:center;
padding:60px 0;
background:var(--ecru);
}
.ressources{
max-width:1280px;
margin:auto;  
}
#ressources .txt{padding:0 0 10px 0;}
.ressources.dispositif-res .txt{
    padding:0 0 10px 0;
}
.ressources.dispositif-res{
margin-bottom:60px;    
}


.data{
background:white;    
border-radius:4px;
box-sizing:border-box;
margin-top:8px;
padding:5px;
}
.data .dat{
display:block;
text-align:left;
font-weight:500;
height:32px;
padding:0;
margin:0;
line-height:1em;
align-content:center;
padding-left:32px;
position:relative;
cursor:pointer;
}
.dat img{
width:auto;
height:28px;
margin-right:5px;margin-left:3px;
position:absolute;
top:2px;
left:0px;
}
.data .dat strong{
color:var(--rose);
font-weight:800;
}
.data .dat[data-view="none"]::after,
.accordeon .accordeon-toggle::after{
content:'';
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23370962' fill-rule='evenodd'/%3E%3C/svg%3E");
background-size:cover;
color:white;
position:absolute;
top:0;
right:0;
width:28px;
height:28px;
/* background-color:var(--violet);   */
border-radius:4px;
align-content:center;
text-align:center;
transition:all ease 0.5s;
}
.data .dat[data-view="none"]:hover::after,
.accordeon .accordeon-toggle:hover::after{
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23DD2770' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.data .dat[data-view="block"]::after,
.accordeon .accordeon-toggle.open::after{
content:'';
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23DD2770' fill-rule='evenodd'/%3E%3C/svg%3E");
background-size:cover;
color:white;
position:absolute;
top:0;
right:0;
width:28px;
height:28px;
/* background-color:var(--violet);   */
border-radius:4px;
align-content:center;
text-align:center;
transition:all ease 0.5s;
transform:rotate(180deg);   
}

.dat-cat{
width:calc(100% - 48px);
display:block;
padding:12px 24px;    
}
.dat-elem{
text-align:left;
border-bottom:1px dotted var(--violet);    
box-sizing:border-box;
padding:4px;
display:table;
width:100%;
}
.dat-elem span{
display:table-cell;    
}
.dat-elem .dat-titre{
width:calc(100% - 400px)!important;
color:var(--rose);
font-weight:600;
}
.dat-titre img{
width:auto;
height:18px;
margin-right:5px;
position:relative;
top:3px;
}

.dat-elem.rub .dat-titre{
color:inherit;    
font-weight:inherit;    
}
.dat-elem .dat-format,
.dat-elem .dat-size{
text-align:center;
width:80px;
/* background:blue; */
}
.dat-elem .dat-date,
.dat-elem .dat-action{
text-align:center;
width:130px;
/* background:red; */
}


.dat-elem a{
background:var(--violet);
color:white!important;
padding:8px 16px;
display:inline-block;
border-radius:4px;
text-decoration:none;
font-size:.9em;
font-weight:600;   
align-content:center; 
}
.dat-elem a[target="_blank"]{
margin-right:0!important;    
}
.dat-elem a[target="_blank"]::after{
display:none;    
}
.dat-elem a svg{
width:6px;  
height:auto;
margin-right:2px;
}
.dat-elem a .arrow{
fill:var(--rose);
}
.dat-elem a:hover{
background:var(--rose);    
color:white;    
}
.dat-elem a:hover  .arrow{
fill:var(--violet);
}


.dat-elem:hover{
background:#eee;    
}
.dat-elem.rub:hover{
background:inherit;    
}



/*SEARCH BOX*/
.searchBox{
background:var(--ecru);
text-align:center;
padding:2em; 
}
.searchBox input[type="text"]{
width:80%;
max-width:560px;
padding:12px 16px;
border-radius:6px 0 0 6px;
border:none; 
box-sizing:border-box;
height:3em;
vertical-align:top;
font-size:1em;
}
.searchBox input[type="submit"]{
width:44px;
height:3em;
box-sizing:border-box;
padding:12px 16px;
border-radius:.5rem;
border:none; 
background-color:white;
background-image:url(/images/search-loupe.svg);
background-repeat:no-repeat;
background-position:center;
background-size:75%;
border-radius:0 6px 6px 0;
cursor:pointer;
}
.searchBox input[type="submit"]:hover{
background-image:url(/images/search-loupe-hover.svg);
}
.searchBox input::placeholder{
color:var(--violet);
font-style:italic;
font-size:1em;
opacity:.75
}


.local{
background:var(--violet);
color:white; 
font-size:0.9em;
padding:2px 4px;
border-radius:4px; 
margin-left:5px;  
font-weight:500;
}

.txt a:hover{
color:var(--rose)    
}


hr{
max-width:calc(1360px - 85px);
margin:auto;
border:none;    
border-top:1px solid var(--violet);
height:1px;
}
.squarelinks,
.section{
 display:inline-flex;
 max-width: 1280px;
 width:100%;
 margin:auto;
}
.squarelinks{
text-align:center;
display:inline-block;
}
.squarelinks .txt{
padding:30px 60px;
}


.col-2 {
    display: inline-block;
    box-sizing: border-box;
    width: 48%;
    margin: 0 1% 30px 1%;
    position: relative;
    padding: 30px;
}

.col-2:first-child:last-child {
    margin: 0 auto 30px auto;
    display: block;
}

.col-full{
width:100%;
margin-bottom:30px;    
}

.col-2:first-child:has(+ .col-2:last-child)::after {
    content: '';
    position: absolute;
    right: -2%;
    top: 0;
    height: 100%;
    background: linear-gradient(#fff 10%, var(--violet), #fff 90%);
    width: 1px;
}



.nextPage{
position:absolute;
display:inline-block;
width:100%;
height:35px;
text-align:center;
bottom:30px;
}
.nextPage img{
height:35px;
width:auto;
transition:all ease .5s;
}
.nextPage img:hover{
transform:scale(1.2);
}

.full{
width:100%;
box-sizing:border-box;
text-align:center;
}

.complet.full{
padding:40px;    
} 
.complet .txt{
max-width:1080px;
margin:auto;    
}
.complet.full .txt{
padding:0;    
}

.ecru{
background:var(--ecru);   
} 

.full .demi{
width:45% !important;
display:inline-block;
box-sizing:border-box;
margin:0 20px !important;
}

#corps{
margin:auto;
width:100%;
padding-top:150px;
transition: all ease 0.5s;
text-align:center;
}
/* #corps.toper{padding-top:215px;} */

/* infobulle - glossaire */
.infobulle-word {
    border-bottom: 1px dashed var(--rose);
    cursor: help;
    position: relative;
    display: inline;
    color:inherit;
    font-weight:inherit;
}
.infobulle {
width:240px;
    display: none;
    position: absolute;
    bottom: calc(100% - 6px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--rose);
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: .9em;
    z-index: 999;
    pointer-events: none;
}
.infobulle::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: var(--rose);
}
.infobulle-word:hover .infobulle {
    display: block;
}


.top{
width:100%;
background:var(--violet);
position:relative;
align-content:center;
text-align:left;    
padding:10px;
box-sizing:border-box;
}
.top.dispositif{
background:#379d96;    
}
.top .elem{
align-content:center; 
max-width:1280px; 
margin:auto;  
position:relative;
}
h5.retn a{
background:white;
color:var(--violet)!important;
font-weight:500;
padding:16px 20px;
display:inline-block;
border:none;    
}
.top .elem h5.retn,
.top .elem .breadcrumb,
.top .elem .printEtc{
display:inline-block;    
}
.top .elem h5.retn a{
align-content:center;
position:relative;
}
h5.retn a svg{
height:14px;
width:14px;
transform:rotateY(180deg);
/* top:50%;
height:14px;
width:14px;
transform:rotateY(180deg) translateY(-50%);
position:absolute; */
}
h5.retn:hover a{
color:white;
border:none;    
}
h5.retn a:hover .arrow{
fill:white
}

.top.profil.dispositif-profil a,
.top.profil.dispositif-profil .breadcrumb,
.top.profil.dispositif-profil .breadcrumb a {
    color: var(--violet);
}
.top.profil.dispositif-profil a:hover,
.top.profil.dispositif-profil .breadcrumb a:hover {
    color: var(--rose);
}

.top .elem .breadcrumb{
position:absolute;
left:30%;
top:50%;
transform:translateY(-50%);
}
.printEtc{
position:absolute;
right:8px;  
top:50%;
transform:translateY(-50%);  
height:40px;
align-content:center;
z-index:1;
}
.article_intro .printEtc{
top:10px;    
transform:none;
}
.printEtc button{
background:white;
border:none;    
margin:0 3px;
width:40px;
height:40px;
border-radius:4px;
box-sizing:border-box;
cursor:pointer;
transition:all ease .2s;
vertical-align:middle;
text-align:center;
align-content:center;
}
.printEtc button:hover{
background:var(--rose); 
transform:translateY(-3px);   
}
.printEtc button svg{
width:100%;
height:100%;   
}
.printEtc button svg g{
transition:all ease .2s;
}
.printEtc button:hover svg g{
fill:white!important;    
}

/* INTRO */

.article_intro{
width:100%;
background:var(--violet);
position:relative;
}
.article_intro .demi:nth-child(odd)::after{
content:none;    
}
.article_intro .demi{
/* width:45%!important;     */
padding:30px;
}
.article_intro .dispositif-titre{
color:var(--rose);   
font-size:1.7em; 
}

.article_intro .bloc{
display:flex; 
max-width:1360px;
/* min-height:200px; */
margin:auto; 
align-content:center;
align-items:center;
text-align:left;
position:relative;
}

.article_intro .img,
.article_intro .svg{
width:50%;
height:100%;
position:absolute;
background-position:center;
background-size:cover;
transition:all ease 1s;
}
.article_intro .img img{
display:none; 
}
.article_intro .img2{
width:50%;
height:100%;
position:absolute;
transition:all ease 1s;
overflow:hidden;
}
.article_intro .img2 img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}


.domaine_intro{
/* min-height:200px; */
}
.article_intro .svg{
width:30%;
height:70%; 
text-align:center; 
}
.article_intro .svg svg{
fill:var(--violet);
height:100%;
}
.article_intro .txt{
position:relative;
box-sizing:border-box;
width:50%;
left:50%;
background:var(--violet);
/* min-height:200px; */
align-content:center;
}
.article_intro.basic .bloc,
.article_intro.basic .txt{
min-height:0!important;    
}

.article_intro .no-img .txt{
width:100%;
left:0;  
padding:40px;  
}

.article_intro_profil .bloc,
.article_intro_profil .txt{
min-height:200px!important;
}
.article_intro_profil .svg{
height:80%; 
}
.article_intro_profil .txt{
background:none;    
padding:30px;
}
.article_intro_profil .txt *{
color:var(--violet);    
}
.article_intro.full .txt{
width:100%; 
left:0;   
}
.article_intro_domaine .img,
.article_intro_profil .img{
width:30%;    
}
.article_intro_domaine .txt,
.article_intro_profil .txt{
width:70%; 
left:calc(100% - 70%);   
}
.article_intro .txt.full{
width:100%; 
}

.article_intro.basic .txt{
background-image:url(/images/frise-persos.svg);   
background-size:auto 80%;
background-position:center right;
background-repeat:no-repeat; 
}

.article_intro h1,
.article_intro h2,
.article_intro h4,
.article_intro p,
.article_intro small,
.article_intro li,
.article_intro a,
.article_intro strong{
color:white; 
}
.article_outro h2,
.article_outro h4,
.article_outro p,
.article_outro small,
.article_outro li,
.article_outro a,
.article_outro strong{
color:white; 
}

.magicLink{
background:white;
margin-bottom:20px;
box-sizing:border-box;
padding:1em;    
border-radius:6px;
display:inline-flex;
width:100%;
}
.magicLink input[type="mail"]{
font-weight:500;
font-size:1em;    
border:none;
padding:8px;    
box-sizing:border-box;
width:50%;
}
.magicLink input[type="mail"]::placeholder{
color:var(--violet);
font-style:italic;
font-weight:400;    
}
.magicLink input[type="submit"]{
background:var(--violet);
color:white;
font-weight:500;
font-size:1em;    
border:none;
border-radius:3px;
padding:8px 12px;
box-sizing:border-box;
width:50%;
cursor:pointer;
}
.magicLink input[type="submit"]:hover{
background:var(--rose);
}

.article_intro h5{
text-align:left; 
}
.article_intro h5 a{
background:white; 
color:var(--violet)!important;
padding:16px;
}
.article_intro h5 a:hover{
color:white; 
}

/*spec Profils */
.article_intro.profil .txt{
background:none;    
}
.article_intro.profil .txt *{
color:var(--violet);    
}
.article_intro.profil .bigImage{
fill:red;    
}

/* OUTRO */

.article_outro{
background:var(--violet);    
}
.article_outro.basic{
width:100%;
position:relative;
display:block;
}
.article_outro.basic .bloc{
margin:auto;
}
.article_outro.extended{
width:100%;
position:relative;
display:flex;
}
.article_outro.extended .bloc{width:60%}
.article_outro.extended .utile{width:40%}
.article_outro .bloc{
max-width:1280px;  
}
.article_outro .searchBox{
background:inherit;    
}
.article_outro .bloc h5 a{
background:white;
color:var(--violet)!important;    
}
.article_outro .bloc h5 a:hover{
background:var(--rose);
color:white!important;
}
.article_outro .bloc h5{
margin:auto;
text-align:center;    
}
.article_outro .utile h4{
color:var(--rose);
font-weight:600;    
}
.article_outro .utile li a{
color:var(--violet);
font-weight:600;
font-size:.9em;
position:relative; 
}
.page a[target="_blank"]::after,
li a[target="_blank"]::after {
    content: '';
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.0002 5h-1.8c-1.12011 0-1.68058 0-2.1084.21799-.37633.19174-.68207.49748-.87381.87381-.21799.42782-.21799.98829-.21799 2.1084v7.6c0 1.1201 0 1.6799.21799 2.1077.19174.3763.49748.6826.87381.8743.4274.2178.98719.2178 2.10511.2178h7.60619c1.1179 0 1.6769 0 2.1043-.2178.3763-.1917.6831-.4983.8748-.8746.2178-.4274.2178-.9866.2178-2.1045v-1.8031m1-5v-5m0 0h-5m5 0-7 7' stroke='%23DD2770' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 1em;
    height: 1em;
}
/* a:hover{
color:var(--rose)
} */
.page a[target="_blank"]{
margin-right:18px;    
}
.page a{
/* color:var(--rose);     */
}
.page a:hover{
color:var(--rose);    
}

.h5Rose h5 a{
padding:14px 16px;
background:var(--rose);
border:1px solid var(--rose);    
}
.h5Rose h5 a .arrow{
fill:var(--violet);
}
.h5Rose h5 a:hover{
background:var(--violet);
border:1px solid var(--violet);        
}
.h5Rose h5 a:hover .arrow{
fill:var(--rose);
}

.big{
/* transform:scale(145%);     */
}

/* filter */
#filterDomain{
background:var(--ecru);
box-sizing:border-box;
max-width:1280px;
display:block;
padding:15px;
border-radius:8px;
margin:30px auto;
text-align:left;
position:relative;
}
#filterDomain select{
width:100%;
box-sizing:border-box;
padding:10px;
border:1px solid var(--violet);
border-radius:4px;    
font-size:.9em;
font-weight:500;
appearance: none;
background-color:white;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 31.63 21.82' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m31.63 0-15.82 21.82-15.81-21.82z' fill='%23390064'/%3E%3C/svg%3E"); 
background-repeat: no-repeat;
background-size:1.8em 1.8em;
background-position: right 10px center;
padding-right: 30px;
cursor:pointer;
}
#filterDomain .half{
width:45%;    
display:inline-block;
}
#filterDomain .half:last-child{
position:absolute;
right:15px;    
}

/* Breadcrumb */
.breadcrumb{
display:block;
margin-bottom:10px;
color:white;
font-size:.8em;
}
.breadcrumb a{
text-decoration:none;
border-bottom:1px solid transparent;
color:white;
font-size:1.1em;
/* font-weight:500; */
}
.breadcrumb a:last-child{
color:white;
}
.breadcrumb a:hover{
color:var(--rose);
text-decoration:underline;
}
.breadcrumb::before{
content:'';
background-image:url(/images/picto-breadcrumb.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
width:16px;
height:14px;
display:inline-block;    
margin-right:2px;
vertical-align:bottom;
position:relative;
top:-3px;
}
.breadcrumb img{
width:auto !important;
display:inline-block !important;
margin-right:3px !important;
}




.txt{text-align:left;}


#bandeau{
background:var(--gris);
display:block;
padding:6px 0;
box-shadow:0 25px 50px rgba(0,0,0,.5);
z-index:1;
}
#bandeau p{
text-align:center; 
font-weight:700;
color:white;
}
#bandeau p strong{color:var(--orange);}

#corps .noMargin{margin:0 auto !important;}
#corps .noPadding{padding:0 !important;}
#corps .marginTopOnly{margin-top:60px !important;}
#corps .center *{text-align:center !important;}
#corps .noBackground{background:none;}
#corps .full{width:100% !important;}
#corps .removeNextMarginBottom{margin-bottom:-60px!important;}
#corps .addMargin{padding:30px 30px 15px 30px !important}
#corps .addBigMargin{margin:60px auto!important}

#carousel_box {
width: 100%;
margin:30px 0;
}
.carousel {
display: none;
}
.carousel img {
vertical-align: middle;
margin: 0 30px;
max-height: 60px;
}


#corps .full.wallArticles{
background:white;
text-align:center;
padding:30px; 
box-sizing:border-box;
}
#corps .full.wallArticles .wall{
width:80%;
max-width:1280px;
margin:auto;
position:relative;
background:var(--orange);
}
#corps .full.wallArticles .wall .bkgOrange{
padding:30px; 
box-sizing:border-box;
text-align:left;
}
#corps .full.wallArticles .wall .bkgOrange h3{color:white;}
#corps .full.wallArticles .wall .halfWidth{width:50%; }
#corps .full.wallArticles .wall .fullWidth{width:100%; }
#corps .full.wallArticles .wall .imgWall{
top:0;
width:50%;
height:100%;
position:absolute;
display:inline-block;
vertical-align:top;
background-position:center; 
background-size:cover;
}
#corps .full.wallArticles .gauche{direction:rtl;}
#corps .full.wallArticles .droite{direction:ltr;}
#corps .full.wallArticles .droite .imgWall{right:0;}
#corps .full.wallArticles .gauche .imgWall{left:0;}
#corps .full.wallArticles .wall .imgWall img{display:none}



#corps .full.qualiopi{
background:white;
text-align:center;
padding:30px; 
box-sizing:border-box;
}
#corps .full.qualiopi img{
max-height:128px; 
transition:all ease 0.5s;
cursor:pointer;
}
#corps .full.qualiopi img:hover{
transform:scale(1.05); 
}
#corps .full.faq{
background:var(--grisclair);
padding:60px; 
}
#corps .full.faq h2{
color:var(--gris);
margin-bottom:20px; 
}
#corps .full.faq .item{
background:white;
border-radius:16px;
padding:10px;
max-width:860px;
margin:0 auto 15px auto; 
}
#corps .full.faq .item span{
font-size:1.25em;
font-family:'ArkibalSerif-Bold',arial;
color:var(--gris);
background-image:url(/images/faqPlus.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:16px 16px;
display:block;
cursor:pointer;
padding-right:24px;
}
#corps .full.faq .item span:hover{color:var(--orange); }
#corps .full.faq .item span.opened{
background-image:url(/images/faqMoins.svg); 
color:var(--orange); 
}
#corps .full.faq .item *{font-size:1em;}
#corps .full.faq .item .accordionDetails{margin:10px; }
#corps .full.faq h5 a{margin-top:15px;background:var(--orange);}
#corps .full.faq h5 a:hover{background:var(--gris);}

#corps .noBackground h2{color:black!important;margin-bottom:0!important;}
#corps .noBackground h2 em{color:var(--rouge)!important}


.actualite{
max-width:800px;
margin:auto; 
}
.actualite .img{
height:380px;
background-size:cover;
background-position:center center;
border-radius:16px; 
}
.actualite .actu_details{
box-sizing:border-box;
padding:30px; 
position:relative;
}
.actu_details .date{
background:var(--orange);
padding:2px 8px;
color:white;
margin-bottom:5px;
display:inline-block; 
}
.actu_details h2{
font-weight:700;
font-size:2em; 
}
.actu_details .resume *{
font-size:1.4em;
font-weight:800;
}
.actu_details .resume{
margin-bottom:10px; 
}



.txt .imgStd{
width:50%;
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
}
.full .imgStd{
width:50%;
max-height:480px;  
text-align:center;  
}
.full .imgStd img{
max-height:480px;
margin:auto;    
}
.blocTxt{
width:calc(55% - 64px);
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
direction:ltr;
margin:30px;
position:relative;
}
.gauche .blocTxt,
.droite .blocTxt{
width:calc(55% - 64px);  
}

.gauche .imgStd,
.droite .imgStd{
box-sizing:border-box;
width:45%;  
}

.droite .imgStd{
position:relative;
right:-1px; 
}
.greyBkg em{
color:var(--orange);
font-style:normal; 
}
.full.txt.center{
margin:30px 0; 
}



/* @media screen and (max-width: 1180px){
#social{ width:36px; border-radius:var(--myradius); padding:8px 0; top:50%; !important;}
#social a{width:28px;height:auto;margin-bottom:4px;}
} */

.description h2{
text-transform:uppercase;
}
.description p{
 border: 1px solid var(--dore);
 border-radius:var(--myradius);
 padding: 20px;
line-height:1.3em;
}
.description sup{
font-size:0.6em;
font-weight:600;
position:relative;
}


/* 
.txt{
width:95%;
margin:0 2.5%;
text-align:center;
margin:auto;
} 
*/

.txt{
padding:30px 60px;    
}
.pActualites,
.pAgenda{padding:0;}

#agendaListe{
max-width:1280px;    
margin:0 auto 50px auto;
}
#agendaListe .h2Picto{
margin-top:25px;    
}

.txt.complet,
.txt.droite,
.txt.gauche{
text-align:left;
width:100%;
max-width:1280px;
/* padding:30px; */
box-sizing:border-box;
position:relative;
display:block;
margin:auto;
} 
.txt.droite,
.txt.gauche{
max-width:1080px;
}

.txt.droite,.txt.gauche{background:var(--parm);} 
#corps .offset{
display:inline-block;    
width:50%;
}

.agendaEntry{
margin-top:15px; 
padding-top:5px;
border-top:1px solid var(--text);
}

.page .center *{text-align:center;}

.txt .img{
width:46%;
position:absolute;
display:inline-block;
vertical-align:top;
background-position:center;
}
.bloc h1 strong{
color:white!important;    
}
.gauche .img,
.droite .img{
left:0;
height:100%; 
background-size:cover;
}
.gauche .img{
left:54%; 
}
.gauche .img img,
.droite .img img{
display:none; 
}
.limited.gauche .img{
border-radius:0 16px 16px 0; 
}
.limited.droite .img{
border-radius:16px 0 0 16px; 
}
.droite .blocTxt{
left:46%; 
}

#entete .liens{
display:inline-block;
padding-right:70px;
position:relative;
z-index:999;
}
#entete .liens a{
text-transform:uppercase;
text-decoration:none;
padding:4px 12px;
font-weight:700;
font-size:1.2em;
text-align :center;
box-sizing:border-box;
transition:all ease 0.2s;
margin:0 4px;
}

.citation img{
width:80px;
height:auto;
}
.citation:first-child img{
margin-top:-10px;
}
.citation:last-child img{
margin-top:10px;
}
.txt.chapeau p{
text-align:center;
color:var(--violet);
font-weight:400;
font-size:1.2em;
margin-bottom:30px;
}
.txt.chapeau p strong{
color:var(--violet);
font-weight:700;
font-size:inherit;
}

/* REVIEWS */
#temoignages{
width:100%;
max-width:1280px;
padding:60px;
height:350px;
display:inline-block;
text-align:center;
box-sizing:border-box;
position:relative;
background-image:url(/images/avis-background.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
position:relative;
}
#temoignages:after{
content:'';
position:absolute;
background:#000000d9;
width:100%;
height:100%;
top:0;
left:0;
}
#temoignages .avis-google-global{
position:relative;
z-index:1; 
}
#temoignages .avis-google{
margin-bottom:20px; 
}
#temoignages .avis-google img{
margin-bottom:10px; 
}
#temoignages h3{
color:#EECF7D;
font-size:1.4em;
}
#temoignages img{
width:96px;
height:auto;
}
.temoignage{
max-width:600px;
margin:auto;
list-style-type:none;
padding-left:0;
margin-bottom:30px;
}
.temoignage h6{
font-weight:400;
font-size:1.1em;
text-transform:none;
margin-bottom:15px;
position:relative;
color: white;
}
.temoignage h4{
color:#EECF7D;
font-size:1.2em; 
font-weight:400;
text-align:center;
margin:0;
padding:0;
}
.temoignage p{
font-size:1.2em;
font-weight:500;
margin-bottom:0;
}
.temoignage p.date{
font-size:1em;
font-weight:400;
}
.slick-slide{
height:auto;
}

.page{
width:100%;
box-sizing:border-box;
display:inline-block;
/* padding-bottom:30px; */
}
#corps .contact{
padding:30px;
}
.page .squarlink{
width:100%;
max-width:1280px;
text-align:center;
box-sizing:border-box;
padding:0;
display:block;
margin:auto;
margin-bottom:30px;
}

.page .full.squarlink{
width:100%;
text-align:center;
box-sizing:border-box;
margin:0 0 60px 0;
position:relative;
display:inline-block;
}
.page .full.squarlink .demi{
margin:0 30px 0 30px;
}
.page .full .demi h1,
.page .full .demi h2,
.page .full .demi h3,
.page .full .demi h4,
.page .full .demi b,
.page .full .demi strong{
color:white !important;
}
.page .full.squarlink::before{
content:'';
border-left:1px solid white;
position:absolute;
height:calc(100% - 120px);
width:1px;
left:50%;
}

.page .txt.complet{
width:100%;
max-width:1280px;
box-sizing:border-box;
text-align:left;
direction: rtl;
margin:auto!important;
}
.page .complet.needFlex{
display:flex; 
direction: ltr; 
gap:4em;  
}
.page .complet.needFlex .isMedia,
.page .complet.needFlex .img2{
width:50%;    
}

.txt.complet.dispositif-detail{
background:var(--ecru);
margin:60px auto!important;
border-radius:6px;
padding:30px;
/* max-width:960px; */
}
.dispositif-detail .elem{
margin-bottom:20px;    
}
.dispositif-detail .elem:last-child{
margin-bottom:0;    
}
.dispositif-detail .elem::after{
content:'';
height:1px;
width:100%;
margin:20px auto 0 auto;
background:linear-gradient(to right, #37096200 0%, var(--violet), #37096200 100%);
display:block;   
}
.dispositif-detail .elem:last-child::after{
content:none;    
}

/*accordeon */
.accordeon{
background:var(--ecru);
margin-bottom:10px;
padding:20px;
border-radius:4px;  
}
.accordeon .accordeon{
background:white;
padding:10px;    
}
.accordeon .accordeon .accordeon{
background:var(--ecru);
padding:10px;    
}

.accordeon .accordeon-toggle{
cursor:pointer;
margin-bottom:0;    
}
.accordeon .accordeon-toggle:hover,
.accordeon .accordeon-toggle.open{
color:var(--rose);    
}
.accordeon .accordeon-toggle.open{
border-bottom:1px dotted var(--violet);
padding-bottom:.5em;   
}
.accordeon .accordeon-content{
display: none; /* masqué au load */
margin-top:15px;
}

/*module Glossaire*/
.glossaire{
display:block;
margin:30px 0;    
padding:15px;
box-sizing:border-box;
width:100%;
}
.glossaire-entry{
/* background:var(--ecru);  */
/* padding:10px; */
box-sizing:border-box;
/* margin:0 auto 5px auto;    */
border-radius:4px;
max-width:100%;
}
.glossaire-entry h3{
font-size:1.6em;   
margin-bottom:3px; 
}
.glossaire-entry p{
font-size:0.9em;   
padding-left:16px;
padding-top:4px;
padding-bottom:16px; 
margin-left:8px;
border-left:1px solid var(--rose);
}
.glossaire-entry hr{
width:100%!important;
border:none;
border-bottom:1px solid var(--rose);
opacity:.5;
pading-bottom:5px;
display:block;
}


/* SPEC ACTU DETAILS */
.txt.complet.actu-detail{
border-radius:8px;   
padding:30px;
margin:-30px auto 50px auto !important;
max-width:1160px;
}
.txt.complet .actu-img-txt{
display:flex;   
direction:ltr;
width:100%; 
}
.actu-detail .categorie{
font-weight:600;
margin-bottom:10px;
display:block;
}
.actu-detail .date{
margin-bottom:5px;
font-size:.9em;
}
.actu-imgs,
.actu-txt{
width:50%; 
text-align:left;   
}
.actu-txt.no-img{
width:100%;    
}
.actu-imgs{
margin-right:30px;    
}

.actu-imgs .img2{
width:100%;
position:relative;
transition:all ease 1s;
overflow:hidden;
height:auto;
display:block!important;
position:relative;
border-radius:6px;
margin-bottom:15px;
}
.actu-imgs .img2 img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}


.actu-imgs .diaporama{
margin:0!important;
padding:0!important;
/* background:red;     */
/* margin:20px 0!important; */
}
.actu-imgs .diaporama .diap img{
border-radius:8px;
}


/* Widget dispositifs liste */
.page .txt.dispoListe{
padding:0 60px!important;   
margin-top:-60px!important; 
margin-bottom:-60px!important;
z-index:1;
}

/* mon profil */
.editMonProfil{
background:var(--ecru);
max-width:1280px;
margin:30px auto;
padding:60px;
box-sizing:border-box;
border-radius:1em;
text-align:left;    
}
.editMonProfil .validate *{
text-align:center;    
}
.editMonProfil .validate h3{
color:var(--rose);    
}

.editMonProfil .step{
background:var(--rose);
padding:4px 9px;
border-radius:4px;
color:white;
font-weight:600;    
margin-right:8px;
}
.editMonProfil h3{
color:var(--violet);
margin-bottom:10px;
}
.editMonProfil .domaineListe{
margin:60px auto;    
display:block;
max-width:860px;
}
.domaineListe .chooseDomaine{
display:block;
box-sizing:border-box;
padding:.8em;
font-size:.9em;  
font-weight:600;  
border-radius:6px;
margin-bottom:8px;
}
.chooseDomaine ul{
list-style-type:none;
padding-left:2.3em;  
margin-top:15px; 
}
.chooseDomaine ul li{
font-weight:600;    
margin-bottom:5px;
}
.chooseDomaine ul li::before{
content:none;    
}



.editMonProfil input[name="email"]{
width:50%;
min-width:240px;
margin:0 auto 30px auto;
display:block;    
padding:12px 16px;
border:1px solid var(--violet);
border-radius:4px;
}
.editMonProfil input[name="email"]::placeholder{
color:var(--violet);
font-style:italic;    
opacity:.5;
}
.editMonProfil input[type="radio"]{
margin-right:5px;
width:16px;
height:16px;
vertical-align:top;
}
.editMonProfil input[type="submit"]{
border:none;
background:var(--violet);
padding:16px 32px;
border-radius:4px;
color:white;
font-weight:600;
display:block;
margin:30px auto 0 auto;
}
.editMonProfil input[type="submit"]:hover{
background:var(--rose);
}

.notifChoixListe{
display:block;
margin-bottom:30px;   
align-content:center;
text-align:center;
}
.notifChoix{
width:30%;
max-width:220px;
display:inline-block;
vertical-align:top;
margin:20px;
}
.notifChoixListe *{
text-align:center;    
}
.editMonProfil input[type="checkbox"]{
display:block;
appearance: none;
margin:auto;
width:1.8em;
height:1.8em;
margin-bottom:8px;    
border:1px solid var(--violet);
border-radius:3px;
background:white;
position:relative;
cursor:pointer;
}
.editMonProfil .chooseDomaine input[type="checkbox"]{
display:inline-block;    
vertical-align:middle;
margin-right:7px;
margin-bottom:0;
}

.editMonProfil input[type="checkbox"]:checked{
background:var(--violet);    
border:1px solid var(--violet);    
}
.editMonProfil input[type="checkbox"]:checked::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-miterlimit='10' fill='none' stroke='%23FFF' stroke-width='4' d='M22.9 3.7l-15.2 16.6-6.6-7.1'/%3E%3C/svg%3E");
background-size:70%;
background-position:center;
background-repeat:no-repeat;
color: #fff;
font-size: 1.8em;
width:1em;
height:1em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


.page .txt.complet.intro{
/* padding:60px 0 !important; */
text-align:center !important;
}
.page .txt.complet.intro .img{
max-width:320px !important;
height:320px;
box-sizing:border-box;
/* background-color:blue !important; */
background-size:contain !important;
background-repeat:no-repeat !important;
background-position:center !important;
display:inline-block !important;
margin:0;
}
#corps .page .txt.complet.intro .offset{
float:none !important;
width:calc(100% - 350px) !important;
max-width:800px !important;
box-sizing:border-box;
/* background-color:red; */
display:inline-block !important;
vertical-align:middle;
text-align:left;
}

.page .txt.complet .img{
margin-bottom:0;
display:none;
}

.txt .elem{
vertical-align:top;
display:inline-block;
width:100%;
}

/* AGENDA */
.agendaListe{
margin:45px 0;    
}
.agenda{
display:block; 
background:var(--ecru);
box-sizing:border-box;
border-radius:8px;
padding:8px;  
width:100%;  
margin:0 0 10px 0;     
}
.agenda .toggleAgenda{
display:flex;
cursor:pointer;
position:relative;
}
.agenda .date{
background:white;
padding:8px; 
border-radius:4px;
color:var(--violet);
font-weight:500;
font-size:.9em;
width:auto;
align-self: flex-start;
height:auto;
vertical-align:top;
margin-right:10px;
}
.agenda .infos{
text-align:left;
display:inline-block;
width:calc(100% - 110px);
}
.agenda .categorie{
padding:2px 4px; 
border-radius:4px;
font-size:0.8em;
display:inline-block;
margin-bottom:8px; margin-right:4px;
font-weight:500;
color:var(--violet);
}
.agenda h4{
color:var(--violet);
font-size:1em; 
margin-bottom:0;
}
.agenda .details {
display: none;
width:100%;
margin-left:125px;
box-sizing:border-box;
margin-top:10px;
padding:10px;
}
.agenda .details{
font-size:0.9em;  
}
.agenda .details.txt{
width:auto;    
}
.toggleAgenda::after{
content:'';
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23370962' fill-rule='evenodd'/%3E%3C/svg%3E");
background-size:cover;
color:white;
position:absolute;
top:0;
right:0;
width:28px;
height:28px;
/* background-color:var(--violet);   */
border-radius:4px;
align-content:center;
text-align:center;
transition:all ease 0.5s;
}
.toggleAgenda.unfoldable{
cursor:default;    
}
.toggleAgenda.unfoldable::after{
content:none;
}

.toggleAgenda[data-view="block"]::after{
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23370962' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.toggleAgenda[data-view="none"]:hover::after{
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23DD2770' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.toggleAgenda[data-view="block"]::after{
background-image: url("data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m7.25 1.25c-3.31371 0-6 2.68629-6 6v9.5c0 3.3137 2.68629 6 6 6h9.5c3.3137 0 6-2.6863 6-6v-9.5c0-3.31371-2.6863-6-6-6zm-.87256 7.95397c-.24812-.26189-.66157-.27307-.92346-.02495-.2619.24811-.27308.66156-.02496.92348l4.83218 5.1006c.4722.4985 1.1068.7479 1.7388.7479s1.2666-.2494 1.7388-.7479l4.8322-5.1006c.2481-.26192.2369-.67537-.025-.92348-.2619-.24812-.6753-.23694-.9234.02496l-4.8322 5.10062c-.2149.2268-.5014.34-.7904.34s-.5755-.1132-.7904-.34z' fill='%23DD2770' fill-rule='evenodd'/%3E%3C/svg%3E");
transform:rotate(180deg);   
}




/* ACTUALITES */

.h2Picto h2::before{
content:'';
margin-right:8px;
height:32px;
width:32px;
display:inline-block;
vertical-align:middle;
margin-bottom:6px;
border-radius:4px;
background-color:var(--violet);
background-size:70%;
background-position:center;
background-repeat:no-repeat;
}

.complet.h2Picto h2::before{
height:52px;
width:52px;    
position:absolute;
left:-60px;
}
.complet.h2Picto .txt{
padding-left:68px; 
}

.complet.h2Picto.ecru h2::before{
background:white;
background-size:80%;
background-position:center;
background-repeat:no-repeat;
}

.pActualites h2::before{
background-image:url(/images/pActualites.svg)
}
.pAgenda h2::before{
background-image:url(/images/pAgenda.svg)
}
.pAlerte h2::before{
background-image:url(/images/pAlerte.svg)
}
.h2Picto.ecru.pAlerte h2::before{
background-image:url(/images/pAlerte-2.svg)
}
.pNavigation h2::before{
background-image:url(/images/pNavigation.svg)
}
.pLiensUtiles h2::before{
background-image:url(/images/pLiensUtiles.svg)
}

/* Alternate version */
.pActualites2 h2::before{
background-image:url(/images/pActualites2.svg)
}
.pAgenda2 h2::before{
background-image:url(/images/pAgenda2.svg)
}
.pAlerte2 h2::before{
background-image:url(/images/pAlerte2.svg)
}
.pRessources h2::before{
background-image:url(/images/pRessources.svg?); /*std*/
}
.pRessources2 h2::before{
background-image:url(/images/pRessources2.svg); /*spec dom color*/
}


.actuWall{
width:100%;
max-width:1280px;
padding:35px;
text-align:center;
box-sizing:border-box;
}
.actuWall.complet{
margin:0 auto 30px auto;    
}
.actuWall.complet.internal{
padding-top:0;    
}
.actu{
width:45%;
margin:10px;
padding:15px;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
text-align:left;
transition:all ease 0.5s;
position:relative;
cursor:pointer;
border-radius:8px;
}
.actuWall.complet .actu{
max-width:240px;
}
.actu:hover{
transform:translateY(-8px);
}
.actu:hover .img2 img{
transform:scale(1.1);
}

.actu p{
margin-bottom:6px; 
}
.actu h5{
text-align:left; 
}
.actu .img2{
width:100%;
height:140px !important;
position:relative;
margin:0 0 8px 0 !important;
padding:0 !important;
box-sizing:border-box;
border-radius:4px;
background:#eeeeee;
overflow:hidden; 
}
.actu .img2 img{
transition:all ease .5s;   
}

.actu .img-svg{
transition:all ease 0.5s;
width:100%;
height:140px !important;    
text-align:center;
margin:0 0 8px 0 !important;
padding:0 !important;
box-sizing:border-box;
border-radius:4px;
align-content:center;  
border:1px solid var(--violet);
}
.actu .img-svg svg{
max-height:85%;
max-width:85%; 
fill:var(--violet);
}

.actu .categorie{
color:var(--violet);
font-weight:700;
margin-bottom:6px;
font-size:.9em;
display:block;
}
.actu .date{
color:var(--violet);
font-size:0.9em;
font-weight:500;
margin-bottom:6px; 
}

/*recherche*/

.search-result{
text-align:left;
max-width:860px;    
margin:30px auto;
}
.search-result h3{
margin-bottom:5px; 
position:relative;   
}
.search-result h3:before{
content:'';
background-size:contain;
background-position:center;
background-repeat:no-repeat;
background-image:url(/images/picto-li.svg);
width:.75em;
height:.75em;
display:inline-block;
position:relative;
margin-right:3px;
}
.search-result .find{
background:#dd277052;    
}


.slick-profils{
max-width:1080px;
margin:auto; 
box-sizing:border-box;
padding:0 40px;   
}
.profilList-elem{
background:white;
vertical-align:top;
border-radius:10px;
padding:24px;
height:11em!important;
box-sizing:border-box;
margin:10px;
transition:all ease 0.5s;
border:.15rem solid transparent;
cursor:pointer;
}
.profilList-elem span{
display:block;
width:3em;
height:3em;    
border-radius:50%;
margin:.5em auto .5em auto;
position:relative;
}
.profilList-elem a{
text-decoration:none;
font-weight:500;
font-size:.95em;
}
.profilList-elem span img{
width:2em;
height:2em;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
}
.profilList-elem:hover{
transform:translateY(-8px);
border:.15rem solid var(--rose);
/* box-shadow:0 1px 8px rgba(0,0,0,0.2);      */
}


.video{
width:100%;
background:#4a4643;
text-align:center;
height:450px;
}
.video video{height:450px;}

.g-recaptcha>div{
width: 100% !important;
height: 78px;
transform:scale(0.77);
webkit-transform:scale(0.77);
text-align: center;
position: relative;
}


#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset{
width:calc(50% - 60px);
margin-left:30px!important;
margin-right:30px!important;
box-sizing:border-box;
/* background:blue; */
display:inline-block;
vertical-align:middle;
direction: ltr; 
position:relative;
padding:60px 0;
}


#corps .txt.droite .offset{
margin-left:0;
margin-right:30px;    
vertical-align:middle;
}
#corps .txt.article.droite .img,
#corps .txt.article.gauche .img{
top:0;
height:100%;
width:50%;
position:absolute;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
background-size:cover;
vertical-align:middle;
}

#corps .txt.article.droite .img{
left:50%; 
width:50%;
}
#corps .txt.article.gauche .offset{
left:50%; 
width:45%;
}
#corps .txt.article.gauche .img img,
#corps .txt.article.droite .img img{
opacity:0;
display:none;
}
#corps .txt.droite{
direction: rtl;  
}

.demi{
width:50% !important;
/* margin:15px; */
box-sizing:border-box;
display:inline-grid;
text-align:left !important;
position:relative;
height:100%;
}
.tiers{
z-index:1;
position:relative;
width:calc(100%/3) !important;
/* margin:15px; */
box-sizing:border-box;
display:inline-grid;
text-align:left;
position:relative;
}
.quart{
z-index:1;
position:relative;
width:25% !important;
/* margin:15px; */
box-sizing:border-box;
display:inline-grid;
text-align:left;
position:relative;
}
.cinquieme{
z-index:1;
position:relative;
width:20% !important;
/* margin:15px; */
box-sizing:border-box;
display:inline-grid;
text-align:left;
position:relative;
}

.demi:nth-child(odd)::after,
.tiers:not(:last-child)::after,
.quart:not(:last-child)::after{
content:'';
position:absolute;
right:0px; 
top:0;   
height:100%;
width:1px;
background:linear-gradient(#fff 0%, var(--violet), #fff 100%);
opacity:.4;
}
.tiers:not(:last-child)::after{
right:0px;     
}



.demi,
.tiers,
.quart,
.cinquieme{
vertical-align:top;
}

.home .squarelinks{
max-width:1280px;
margin:60px auto;
}
.home .squarelinks.pointsForts{
background:#123; 
}

.home .tiers,
.home .tiers p,
.home .quart,
.home .quart p,
.home .cinquieme,
.home .cinquieme p{
text-align:center;
transition:all ease .5s
}
.home .squarelinks .picto{
text-align:center;
margin-bottom:10px;
}
.home .squarelinks .picto img{
display:block!important;
height:110px;
width:auto;
margin:auto;
}

.demi .img,
.tiers .img,
.quart .img,
.cinquieme .img{
left: 50%;
transform: translateX(-50%);
margin-bottom:15px;
border:3px solid var(--rouge);
}

.page .demi .img,
.page .tiers .img,
.page .quart .img,
.page .cinquieme .img{
position:relative;
height:280px;
width:100%;
margin-bottom:15px;
transition:all ease 1.5s;
text-align:center;
overflow:hidden;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.page .quart .img{
height:240px;
}
.page .cinquieme .img{
height:200px;
}

.picto .img{
background-size:contain !important;
height:200px !important;
}
.tinyPicto .img{
background-size:contain !important;
height:48px !important;
}
.squarlink.part .tiers .img{
background-size:contain;
}
/* .page .demi img,
.page .tiers img,
.page .quart img,
.page .cinquieme img{
display:none;
} */

.page .demi .img2 img,
.page .tiers .img2 img,
.page .quart .img2 img,
.page .cinquieme .img2 img{
border-radius:6px;
margin-bottom:8px;    
}
.page .complet .img2 img{
border-radius:6px;
}

.page .matomoConsent{
width:100%;
border:none;
background:#463f3f17;
height:auto;
border-radius:var(--myradius);
}

.demi .img img,
.tiers .img img{
height:100%;
width:auto;
}

.galerie{
width:80%;
margin:5px 10% 30px 10%;
text-align:center;
}

.galerie .galimg{
height:160px;
width:30%;
margin:10px;
transition:all ease-in 0.2s;
display:inline-block;
vertical-align:top;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
cursor:pointer;
position:relative;
box-sizing: border-box;
border-radius:var(--myradius);
}
.galerie .galimg:hover{
opacity:0.7;
}
.galerie .galimg img{display:none;}

.googlemap{
margin:0px 5%;
width:90%;
}

.youtube{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0%;
}


.cnil input{
float:left;
margin-right:5px;
}
.cnil p,
.cnil strong{
font-size:1.5rem;
}

.formulaire{
width:100%;
margin:auto; 
text-align:center;
margin:30px 0;
}
.formulaire.merci{
background:var(--ecru);
padding:30px;
border-radius:16px;
box-sizing:border-box;  
}
.formulaire.merci *{
text-align:center;    
}
.formulaire.merci h2{
color:var(--rose);  
line-height:1em;
}

.formulaire form {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.formulaire form .eForm{
flex: 1 1 calc(50% - 0.5rem);
box-sizing:border-box;  
display:block;
vertical-align:top; 
text-align:left; 
}
.formulaire form .no-eForm{
flex: 0 0 100%;
display:block;
/* margin-top:20px; */
}

.formulaire i{
color:var(--rose);
font-weight:600;
display:inline-block; 
margin-right:3px;   
}
.formulaire label{
display:block;
width:100%;
}
.formulaire input,
.formulaire textarea,
.formulaire select{
width:100%;
display:block;
box-sizing:border-box; 
margin-bottom:1rem;
border-radius:6px;
font-weight:500;
vertical-align:top;
position:relative;
font-size:1em;
border:1px solid var(--violet);
padding:6px 10px!important;
cursor:pointer;
}
.formulaire select{
padding:6px 10px!important;
}
.formulaire input::placeholder,
.formulaire textarea::placeholder,
.formulaire select option:disabled{
text-transform:none;
font-weight:400;
opacity:.7;
color:var(--gris);
}
.formulaire textarea{
height:calc(100% - 2rem - 3px);
resize:vertical;
}
.formulaire input:hover,
.formulaire textarea:hover,
.formulaire select:hover,
.formulaire input:focus,
.formulaire textarea:focus,
.formulaire select:focus{
border:1px solid var(--rose);
}
.formulaire input:focus,
.formulaire textarea:focus{
background:var(--ecru);
/* color:white; */
}
.formulaire input[type="submit"]{
font-size:1.2em;
width:auto;
right:0;
cursor:pointer;
padding:8px 24px!important;
background:white;
color:white;
border:none;
margin-bottom:20px;
transition:all ease-in 0.3s;
background:var(--violet);
}
.formulaire input[type="submit"]:hover{
background:var(--rose);
color:white;
}
a.Btn{
text-align:center;
float:none;
padding:3px 20px;
margin:0;
}

#corps .Error{
float:left;
width:100%;
border-bottom:none;
}
#corps .Error ul{
padding:10px;
width:90%;
margin:auto;
border-radius:var(--myradius);
border:1px solid #4a4643;
}
#corps .Error ul li{
list-style-type:none;
font-weight: 300;
margin-bottom:3px;
}
#corps .Error ul li b{
  font-weight: 700;
font-weight:normal;
}
#corps p.consent input{
float:left;
width:auto;
height:auto;
height:10;
line-height:auto;
padding:0;
margin:3px 3px 0 0;
}
.cnil{
width:100%;
margin:auto;
}
#formulaire .cnil input{
width:auto;
display:inline-block;
float:left;
padding:0;
margin:0 4px 0 0; 
}

.file,
.diaporama{
box-sizing:border-box;
width:100%;
max-width:1280px;
padding:0 30px;
display:inline-block;
text-align:center;
margin:15px auto;
}
.download{
text-align:left;    
padding:0;
/* background:red; */
margin-bottom:5px;
}

.download a{
color:var(--violet);
display:inline-block;
text-decoration:none;
text-transform:normal;
font-size:1.1em;
font-weight:400;
position:relative;
text-align:left;
font-size:1em;
padding-left:6px;
}
.download a::before{
content:'';
width:18px;
height:18px;
display:block;
position:absolute;
background-color:var(--rose);
background-image: url("data:image/svg+xml,%3Csvg fill='none' height='800' viewBox='0 0 24 24' width='800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 20h-16m8-3v-11m0 11 3-3m-3 3-3-3' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:16px 16px;    
border-radius:4px;
left:-17px;
}
.download a:hover{
color:var(--rose);
text-decoration:underline;
}


.diap{
display:inline-block;
vertical-align:top;
width:160px;
height:auto;
margin: 6px;
transition:all ease 0.15s;
}
.diap img{
width:100%;
height:auto;
/* border-radius:30px 0; */
display:block;
border-radius:6px;
border:2px solid transparent;   
transition:all ease 0.15s; 
}
.diap:hover{
/* transform:scale(105%); */
}
.diap:hover img{
border:2px solid var(--rose);    
}



#Pied{
width:100%;
text-align:center;
margin:auto!important;
position:relative;
background:var(--ecru);
text-align:center;
}
#Pied .blocs{
display:inline-block;
vertical-align:top;
width:auto; 
text-align:left; 
margin:30px;
}
.blocs.txt{
padding:0;    
}
.blocs.txt .links{
display:inline-block;
vertical-align:top;
padding-left:20px;
}
.blocs.txt .links li{
margin-bottom:3px;    
}
.blocs.txt .links li::before{
content:none;
width:0;    
}
.blocs.txt .links li a{
font-weight:400!important;    
font-size:.9em!important;
line-height:1em;
transition:none!important;
margin-right:30px;
}
.blocs.txt .links li a:hover{
color:var(--rose)!important;   
}
#Pied .logo-social{
display:inline-block;
vertical-align:top;    
margin-right:20px;
}
#Pied .logo-social img{
display:inline-block;
vertical-align:top;
height:auto;
width:80px; 
}

#Pied .last.full{
background:var(--violet);    
padding:8px;
box-sizing:border-box;
display:flex;
position:relative;
}
#Pied .last.full ul{
padding-left:0;    
}
#Pied .last.full ul.lastLinks{
position:absolute;
right:8px;    
}
#Pied .last.full li{
font-size:.8em;
margin:0; 
/* background:red; */
display:inline;
width:auto!important;
color:white;
}
#Pied .last.full li::after{
content:'|';
margin:0 4px;
color:white;
}
#Pied .last.full a{
color:white;
text-decoration:none;
}
#Pied .last.full a:hover{
color:var(--rose);    
}
#Pied .last.full li a[target="_blank"]::after {
content: none;
}
#Pied .last.full li:last-child::after{
content:none;    
}


#Pied .infos .bloc{
display:inline-block;
vertical-align:top;
}
#Pied .infos .bloc h5{
margin-bottom:10px;    
}

#social2{
width:100%;
display:inline-block; 
}
#social2 a{
height:30px;
width:30px; 
display:inline-block; 
margin:0 5px;
}
#social2 strong{
font-size:1.1em!important;
font-weight:700; 
margin-bottom:5px;
display:inline-block; 
}
#social2 svg{
height:30px;
width:30px; 
transition:all ease 0.3s;
}

#social2 svg:hover{
 transform:scale(1.1);
}

#backToTop{
position:fixed;
bottom:55px;
right:20px;
width:35px;
height:35px;
z-index:999;
cursor:pointer;
}
#backToTop img{
width:100%;
height:100%;    
}
#backToTop:hover{
opacity:.8;    
}

#Pied .logoPied{
width:280px !important;
margin:auto;
margin-bottom:30px;
}
#Pied .rendez-vous{
display:inline-block;
vertical-align:top;
margin:0 30px;
}
.mentions{margin-top:30px;padding-bottom:30px;text-align:center;}
.mentions a{color:inherit;font-size:inherit;font-weight:inherit;}
.mentions a:hover{color:var(--rouge);}


/* RESPONSIV */

#MenuSmartphone,
#smartinfos{display:none;}


@media screen and (max-width: 1280px) {
.certifs{width:220px;}
.certifs img,.certifsPied img{height:56px;margin-right:20px;margin-bottom:10px;}
}

@media screen and (max-width: 1080px) {
.certifsPied{
position:relative;
z-index:999;
top:0px;
right:0px; /*as margin 30px elem*/
display:block;
margin-bottom:20px;
}
}

@media screen and (max-width: 960px) {
#corps .blogArticleComplet{
margin-top:55px;
display:block;
}
#corps .blogArticle h1{
margin:0 auto 15px auto !important;
}

.blogChapeau{
position:relative;
background:var(--page_grey);
width:100%;
display:inline-block;
padding:30px;
/* border-radius:0 30px 0 30px; */
text-align:left;
margin-bottom:30px;
box-sizing:border-box;
}
.blogChapeauTexte{
position:relative;
top:0;
transform:none;
width:100%;
left:0;
}

.blogChapeau .img{
width:100%;
height:auto;
float:left;
margin:0 30px 0 0;
padding:0;
overflow:hidden;
}
.blogChapeau .img img{
height:auto;
width:100%;
margin:0;
padding:0;
/* border-radius:0 20px 0 20px; */
}
.blogChapeau h4{
font-size:2em !important;
font-weight:600 !important;
}
#corps .blogChapeau h2{
font-size:2.6em !important;
color:white !important;
margin-bottom:10px;
}
.blogChapeau p{
color:white;
font-size:1.4em;
}
.blogArticle{
width:90%;
margin:20px auto 0 auto;
}

.tiers{
z-index:1;
position:relative;
width:85% !important;
margin:0 auto 30px auto;
box-sizing:border-box;
display:inline-block;
text-align:left;
}
.liste-biens.complet.fond .preview{
width:100% !important;
margin:0 0 30px 0;
}
.liste-biens.complet.fond .preview:last-child{
margin-bottom:0;
}

}




@media screen and (max-width: 860px) {
.smart{display:block}
.ordi,
#menu,
#MenuSmart{
display:none !important;
}
.certifs,
#social{
display:none !important;
}
 
#slideshow{ height:380px;border-radius:0;}

.entete .iconSmart{
z-index:1;
position:absolute;
top:0;
right:50%;
transform:translatex(50%);
width:45px;
height:45px;
z-index:999;
display:block;
cursor:pointer;
transition: all ease 0.3s;
background:var(--grisclair);
}
.entete .iconSmart:hover{
background:var(--orange);
}
#espaceClient:hover{
padding:0 40px 0 20px!important;
}
.full{
width:100%;
box-sizing:border-box;
/* padding:30px; */
}

 #corps .pointsForts{
padding:20px 0 60px 0;
}
.pointsForts .cinquieme{
width:35%!important; 
}



    
.slick-next,
.slick-prev{display:none !important}


/* REVIEWS */
#temoignages{padding:20px;}
.temoignages{width:100%;}
.temoignage h6{font-size:1em;text-align:center!important;}
.temoignage p{font-size:1em;text-align:center!important;}

/*DEMI CHAP*/
.page .full.squarlink{margin:0 !important;width:100% !important;}
.page .full.squarlink .demi{margin:0;}
.page .full.squarlink::before{display:none;}

.page .txt.Contact{
padding:15px !important;
}

.wall{
display:block;
margin:30px 0 0 0;
}
.wall .demi{
margin-bottom:40px !important;
}

 .page .txt.complet{
padding:30px 15px !important;
}
.page .complet.fond{
padding:30px 15px !important;
}


#SmartMenu{
background:#ffffff;
top:80px;
position:fixed;
z-index:999;
width:100%;
box-shadow:0 20px 20px rgba(0,0,0,0.25);
border-top:1px solid var(--orange);
}
#SmartMenu ul{
padding:0;
margin:0;
}
#SmartMenu ul li{
list-style-type:none;
margin:0;
line-height:1em;
text-align:center;
transition:all ease 0.2s;
}
#SmartMenu ul li{
border-bottom:1px solid var(--orange);
}
#SmartMenu ul li ul li:last-child{
}
#SmartMenu ul li ul li a{
font-size:15zpx;
line-height:28px;
text-decoration:none;
font-weight:600;
color:white;
text-transform:none;
border:none;
}
#SmartMenu ul li a{
font-size:18px;
line-height:64px;
text-decoration:none;
font-weight:700;
color:var(--rouge);
text-transform:uppercase;
/*  */
/*border-top:1px solid white;*/
}
#SmartMenu ul li:hover a,
#SmartMenu ul li a:hover{
color:var(--orange);
}

#slidenintro .text,
#missionmap .text {
width: 100%;
padding: 30px;
}
#slideshow{
position:relative;
width:100%!important; 
display:block;
}
#entete .logo {
width:190px!important;
left:10px;
}
#corps .txt.complet .img,
#corps .txt.complet .imgStd,
#corps .txt.droite .img,
#corps .txt.gauche .img,
#corps .txt.droite .imgStd,
#corps .txt.gauche .imgStd{
top:0px;
left:0px;
width:auto;
opacity:1;
background:none;
clip-path:none;
position:relative;
margin-bottom:0px;
display:block;
}
#corps .txt.complet .img img,
#corps .txt.complet .imgStd img,
#corps .txt.droite .img img,
#corps .txt.gauche .img img,
#corps .txt.droite .imgStd img,
#corps .txt.gauche .imgStd img
.page .txt.complet.ads{
width:100%;
display:block;
}
 
.article_pop .bloc{
width:100%!important;
padding:30px;
margin:0;
border-radius: 0;
}
    
.fromLeft{
animation:none;
left:0;
}
.fromRight{
animation:none;
right:0;
}

.demi,
.tiers,
.quart,
.squarelink{
width:calc(100% - 60px)!important;
padding:0 !important;
display:block !important;
}
.txt.demi.actu{
padding:40px 0 0 0!important;    
}
   
.page .demi .img,
.page .tiers .img,
.page .quart .img,
.page .cinquieme .img{margin-bottom:10px;}
.page,
.offset,
.page .txt.complet{
width:100% !important;
margin:0 !important;
text-align:left !important;
}
#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset{
width:100%;
margin-left:0px!important;
margin-right:0px!important;
margin-bottom:0px;
} 
.page .txt.complet{
padding:30px !important;
}
.page .txt.complet.bandeauAdr{
padding:0 10px !important;
box-sizing:border-box;
position:relative;
}
#corps .txt.droite .offset{
margin-left:0;
margin-right:30px;    
vertical-align:middle;
}
#corps .txt.article.droite .img,
#corps .txt.article.gauche .img{
top:0;
height:auto;
width:100%;
position:relative;
background:none;
vertical-align:middle;
display:block;
}

#corps .txt.article.droite .img{
left:00%; 
width:100%;
}
#corps .txt.article.gauche .offset{
left:00%; 
width:100%;
}

.txt.complet.bandeauAdr{
width:100%;
padding:0; 
}
.txt.complet.bandeauAdr *{
line-height:30px;
display:inline-block;
vertical-align:top;
color:white;
}
.txt.complet.bandeauAdr .bloctxt{
/* background:red; */
position:relative;
box-sizing:border-box;
font-size:80%;
width:100%!important;
}
.txt.complet.bandeauAdr .bloctxt p{
max-width:320px;
line-height:1.1em; 
height:auto!important;
position:relative;
padding:2px 0 0 10px;
}
.txt .blocTxt{
margin-bottom:15px; 
left:0!important;
}
 
#Pied .blocPied{width:80%;margin:0 auto 30px auto;text-align:center!important; }
#Pied .blocPied *{text-align:center;}
#Pied .blocPied img{width:240px;}
.page .squarlink{
width:100% !important;
padding:30px;
margin:auto;
}
.txt{
width:100%;
margin:0;
display:block;
}
.full .imgStd{
width:100%;
}
.blocTxt{
width:100%!important;
display:inline-block;
vertical-align:middle; 
box-sizing:border-box;
direction:ltr;
margin:0px;
}
#corps .full .demi{
width:100% !important;
margin:0 0 30px 0 !important;
}
.home .squarelinks{
margin-top:30px !important;
}
#corps .page .txt .img.big,
#corps .page .txt .img.big img{
width:100%;
display:inline-block;
float:none;
margin:0;
padding:0;
transform:none;
}
#corps .page .txt .img.big img{
width:100%;
height:auto;
margin:0;
padding:0;
}
#corps .actuDetails.txt.complet.fullEntete h1{
top:40%;
}
.txt h1{
font-size:2.6em !important;
}
.txt h2{
margin:15px 0 !important;
}
.txt h3{
margin:10px 0 !important;
}
.txt h4{
}


#formulaire{width:90%;margin:30px auto}
#formulaire p{text-align:left;}
#formulaire td {text-align:left;}
.cnil p,.cnil strong{font-size:12px !important;}
.cnil{width:100%;margin-bottom:1px;}

#corps .txt.complet .img {
width: 100%;
max-height:280px;
overflow:hidden;
float: none;
margin: 0 0 0 0!important;
box-sizing: border-box;
}
.page .txt.complet.ads{
width:100%;
max-width:90%;
background:none;
text-align:center!important;
margin:15px auto!important;
}
#corps .txt.complet .offset,
#corps .txt.droite .offset,
#corps .txt.gauche .offset{
width:100%!important;
margin:15px 0!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box;
/* background:blue; */
display:inline-block;
vertical-align:middle;
direction: ltr; 
position:relative;
padding:0;
}
#corps .txt.article.gauche .img img,
#corps .txt.article.droite .img img{
opacity:1!important;
display:block;
border-radius:16px;
}
#corps .txt.article.gauche .img,
#corps .txt.article.droite .img{
background:none!important; 
}

#corps .addBigMargin{margin:0px auto!important}
 
#newsletter,
#corps .txt.gauche,
#corps .txt.droite,
#corps .txt.complet{
margin-bottom:15px;
}

#corps .txt.droite,
#corps .txt.gauche{
padding:15px;
border-radius:0;
}
#corps .txt.demi,
#corps .txt.tiers,
#corps .txt.quart,
#corps .txt.cinquieme{
width:100% !important;
margin:0%;
padding-top:10px;
margin-bottom:20px;
}


.galerie .galimg{width:42.5%;}
#carousel_box{
width:calc(100% + 60px);
margin-left:-30px;
}
.actualite .img{
height:280px;
}

#retBoxAnnuaire .anElem{
padding:10px 0 10px 0;
margin:0 0 10px 0;
width:100%;
}
#retBoxAnnuaire .anElem .img{
width:80px;
height:80px; 
}
#annuaireFilters{
display:inline-block;
width:100%;
box-sizing:border-box;
margin:0px 0 10px 0; 
}
#annuaireFilters select{
margin:0;
width:90%;
margin-bottom:10px;
display:inline-block;
}
#retBoxViewDetailsAnnuaire{
display:inline-block;
width:100%;
box-sizing:border-box;    
}
#retBoxViewDetailsAnnuaire .img{
box-sizing:border-box;    
width:90%;
height:250px; 
display:inline-block;
margin:5%;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
background-color:white;
border:1px solid grey;
}
#retBoxViewDetailsAnnuaire .elem{
box-sizing:border-box;    
display:inline-block;
width:100%; 
padding:0 20px 20px 20px;
margin-bottom:0px;  
}
#retBoxViewDetailsAnnuaire form{
max-width:90%;
margin:auto;    
box-sizing:border-box;
}
#retBoxViewDetailsAnnuaire .demiCol{
width:100%;
display:inline-block;   
box-sizing:border-box;  
}
#retBoxViewDetailsAnnuaire input,
#retBoxViewDetailsAnnuaire textarea{
display:inline-block;
box-sizing:border-box; 
margin:0 0 10px 0!important;
border-radius:14px;
border:1px solid var(--text);
height:28px;
padding:2px 16px;
text-align:left!important;
width:100%;
}
#retBoxViewDetailsAnnuaire textarea{
height:160px;
}
#retBoxViewDetailsAnnuaire p{
margin-bottom:10px;    
}
#retBoxViewDetailsAnnuaire .anElemDetails strong{
text-align:center;
}
#missionmap{ padding:0px; background:none;}
#missionmap .text.bkgOrange,
#missionmap .text.bkgLightGrey{
background:var(--orange); 
width:100%;
margin:0;
padding:30px;
}
#missionmap .text.bkgOrange{padding-top:60px;}
#missionmap .text.bkgLightGrey{background:var(--grisclair);}
#missionmap .text.bkgLightGrey .img{margin:15px 0 30px 0;}
#missionmap .text.bkgLightGrey .bloc{width:100%;}
#corps .full.wallArticles{padding:0px; }
#corps .full.wallArticles .wall{display:block;width:100%;}
 
#corps .full.wallArticles .wall .halfWidth{width:100%; }
#corps .full.wallArticles .wall .fullWidth{width:100%; }
#corps .full.wallArticles .wall .imgWall{
top:0;
left:0;
width:100%;
height:250px;
position:relative;
display:inline-block;
direction:ltr;
}
.smartRightImg{display:block;}
.deskRightImg{display:none;}
 
#corps .full.wallArticles .wall.gauche,
#corps .full.wallArticles .wall.droite{
padding:0; 
}
#corps .full.wallArticles .wall.droite{
direction:ltr!important; 
}
#corps .full.faq{
background:var(--grisclair);
padding:30px!important; 
}
#Pied .infos{margin-right:0;} 
#corps .chiffres{
background:white;
padding:20px;
position:relative;
}
#corps .chiffres .squarelinks{margin-top:0!important}
#corps .chiffres .tiers{margin:20px;width:40%!important;display:inline-block!important;}

 
}


@media screen and (max-width: 640px) {
#social{display:none;}
#social2{
display:block;
/* z-index:999; */
/* position:fixed; */
/* right:50%; */
/* transform: translateX(50%); */
/* background:white; */
/* width:95%; */
margin:auto;
height:30px;
/* border-radius:20px 20px 0 0px; */
text-align:center;
padding:8px 0;
 margin:20px 0;
/* box-shadow:0 -2px 3px rgba(0,0,0,0.2); */
/* bottom:0; */
}
#social2 img{
height:33px;
width:auto;
transition:all ease 0.3s;
display:inline-block;
margin:0 2px;
}