@charset "utf-8";

html{
/*max-width:1680px;
margin:0 auto;
background-color:#0B6BA8;
*/
}

@font-face{
font-family:'open_sans';
font-weight:normal;
font-style:normal;
src:url(../font/OpenSans-Regular.ttf) format('truetype');
/*https://www.impots.gouv.fr/portail/sites/all/themes/impotsgouv/fonts/open-sans/regular/OpenSans-Regular.ttf*/
}

.myflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  border:1px solid transparent;/*correction bug Bootstrap*/  
}

.modal-backdrop{z-index:auto;}
.modal-backdrop.in{opacity:.2;}
.modal-header{border:0;}

.myflex.VHcenter{
align-items: center;
justify-content: center;
}

.myflex.VHcenter{
align-items: center;
justify-content: center;
}


body{
/*font: normal 15px 'Open Sans', sans-serif;*/
font-family:'open_sans', sans-serif;
font-size:15px;
line-height: 1.8;
color: #000;
background:url(../img/motif.jpg) repeat top left;
/*ascenseur*/
min-height:101vh;
}

body#beta:after{
content:"version bêta";
display:block;
background:#000;
position:fixed;
top:2em;
left:-4em;
width:auto;
font-size:1em;
color:#fff;
padding:.5em 4em;
transform:rotate(-45deg);
border:1px solid #fff;
box-shadow:0 8px 10px #000;
}

body#beta .choose a[href=""]{
overflow:hidden;
position:relative;
}

body#beta .choose a[href=""]:after{
content:"non disponible dans cette version";
display:block;
position:absolute;
top:100%;
width:100%;
height:100%;
margin:0 -18px;
padding:80px 18px;
color:#fff;
background:#000;
opacity:.75;
}

body#beta .choose a[href=""]:hover:after{
top:0;
}


a{cursor:pointer;}
a:link,a:visited{text-decoration: none;outline: none;}

.bg-grey{background:#E5E5E5;}
.bg-pro{background:#A63950;color:#fff;padding-bottom:60px;}
.bg-evenement{
background:#fff;color:#000;
margin-bottom:20px;
}

.bg-pro h3.new{
position: absolute;
line-height: 0.25em;
width: 45%;
background: #742838;
color: #fff;
border: 0px solid #ccc;
padding: .5em 0;
transform: rotate(-6deg);
box-shadow: 0px 3px 12px #fff;
margin-top: -29px;
min-width: 8em;
margin-left: 26%;
font-size: 1.25em;
max-width: 80px;
}


.bg-pro h3.new:after{
content: "\25E2";
display: block;
transform: rotate(45deg);
padding: 4px 0 0px 15px;
color: #742838;
font-size: 2.25em;
}


.bg-pro hr{
clear:both;
}

.bg-shadow{
box-shadow: 0 0px 15px #000;
padding-bottom:15px;
margin-bottom: 8px;
}
.bg-evenement h2{
margin:0;
font-weight:bold;
font-size:34px;
}
.bg-evenement h2 span{
font-size:.65em;
font-weight:normal;
color:#A63950;
display:block;
}

.btn-block{
text-align:center;
}

.bg-evenement .btn-block{
background:#A63950;
color:#fff;
border:4px solid #000;
font-size:30px;
}

.bg-evenement .insc{
color:#A63950;
font-size:14px;
font-style: italic;
}

.bg-tutos{
color:#000;
padding-bottom:15px;

}

.bg-tutos h2{
margin:0;
}

.bg-tutos a{
color:#A63950;
}

.bg-tutos ul,
.black-arrow-white-link{
list-style-type: none;
margin:0;
padding:0;
font-size:1.2em;
}
.bg-tutos ul li:before,
.black-arrow-white-link li:before{
content:"\25B6";
color:#000;
margin-right:.5em;
}

/*.slice.bg-pro a{
color:#fff;
}*/

.black-arrow-white-link li a{
color:#fff;
}


.bg-tutos.sans-evenement-avant,
.bg-tutos.sans-evenement-avant a{
background: #742838;
color: #fff;
}

.bg-tutos.sans-evenement-avant ul li:before{
color:#a63950;
}


.color-pro{color:#A63950;}

/*no-padding*/
.row.no-padding{margin-left:0;margin-right:0}
.no-padding div[class^="col-"]{padding:0;}
.row.classic-margin, .no-margin {margin:0;}
.v-padding-15{padding-top:15px;padding-bottom:15px;}
.v-padding-30{padding-top:30px;padding-bottom:30px;}
.top-padding-15{padding-top:15px;}


.big-font{font-size:1.25em;line-height:1.1em;}

header{background:#fff;}
header h1{
clear:both;
font-size:2.2em;
background:url(../img/slash.png) no-repeat left .25em/auto 1em;
padding-left:.5em;
}
header h1 a.color-pro:hover{color:#000;}
.slice{padding-top:15px;}
.top-1 .img-responsive{float:left;}
.top-2 .titre{
color:#777;font-size:3em;font-weight:bold;line-height:1em;
}

.top-2 .titre.xs-too-big{font-size:2em;}

.top-2 strong{color:#000;}
.top-3{
color:#EBD4D9;
font-size:1.2em;
text-align:center;
/*line-height:1.3em;*/
margin-bottom:15px;
}

.top-3 span{color:#fff;}
.a-droite{
font-size:1.5em;
line-height:1.2em;
/*font-size:1.5em;text-align:left;*/
}
.a-droite span{font-weight:bold;}

.visu-pro .rounded-bg-white-img{}
.rounded-bg-white-img{
content:"";
background:#fff;
border-radius:100%;
width:100px;
height:100px;
margin:auto;
overflow:hidden;
padding-top:8px;
}

.rounded-bg-white-img img{
/*max-width:60%;*/
}

footer{background:#414856;}



.bloc-depliable{
box-shadow:0px 0px 5px #999;
padding: 0 30px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*BLOC DEPLIABLE*/ /*====> abandonne 14-02-2024 comportement KO avec jquery si pas appele dans head + body*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::*/
/*
.bloc-depliable h2:before{

}



.bloc-depliable h2{
cursor:pointer;
color:#000;
background:#efefef;
padding:2em .5em 1em 1em;
position:relative;
margin:0;
font-size:1.5em;
}

.bloc-depliable h2:after{
position:absolute;
right:1em;
top:.5em;
content:"\25BC";
color:#A63950;
width:2em;
height:2em;
padding:.3em .5em .5em .5em;
border-radius:1em;
border-top:2px solid #ccc;
border-bottom:3px solid #fff;
font-size:.75em;
transform:rotate(0deg);
transition:transform 1s;
}
.bloc-depliable h2:before{
top:.65em;
content:"ouvrir";
color:#A63950;
position:absolute;
right:3em;
font-size:.6em;
padding:.5em;
text-align:center;
width:5em;
}

.bloc-depliable .contenu{
padding:0 30px;
}


.bloc-depliable.open{
box-shadow:0px 0px 5px #999;
}

.bloc-depliable.open h2:before{
content:"fermer";

}

.bloc-depliable.open h2:after{
transform:rotate(-180deg);
transition:transform 1s;
}
*/
.bloc-depliable .depliable:before{/*assure le padding top*/
/*content:"";
display:block;
margin-top:15px;*/
}
.bloc-depliable .depliable:after{/*assure le padding top*/
/*content:"";
display:block;
margin-top:15px;*/
}
/*
.bloc-depliable .depliable{
height:0px;
overflow:hidden;
transition:height .5s;
}

.bloc-depliable.open .depliable{
overflow:none;
transition:height 1s;
}

*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*SOMMAIRE*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::*/
.sommaire{padding-bottom:30px;}

.sommaire .bloc-depliable{
margin-top:2em;
}

.sommaire h2 span{color:#A63950;font-weight:bold;}

.sommaire .intro{
margin:1em 0;
font-size: 1em;
line-height: 1.3em;
}

.sommaire ul{list-style-type:none;padding:0;margin:0;}
.ul-sommaire > ul{margin:1em 0 0 0;}

.sommaire ul li{font-weight:bold;margin-bottom:1em;}
.sommaire ul li:before{content:"\2605";margin-right:.5em;color:#A63950;}
.sommaire ul li ul{padding:1em 0 0 1em;}
.sommaire ul li ul li{font-weight:normal;}
.sommaire ul li ul li:before{content:"\25A1";}
.sommaire ul li ul li ul li{margin:0;}
.sommaire ul li ul li ul li:before{content:"- ";}

.sommaire .fiche {
padding:30px 0 15px 0;
/*si pas myflex VHcenter*/
text-align:center;


}

.sommaire .fiche a{color:#000;text-align:center;}
.sommaire .fiche .lien{
display:block;
font-size: 1.6em;
line-height:.85em;margin-top:.5em;
}
.sommaire .fiche .lien span{display:block;font-size:.55em;}


.voir_aussi{text-align:center;color:#777;}
.voir_aussi a{display:block;border:2px solid #ccc;padding:1em;font-size:1.25em;
color:#A63950;
font-weight:bold;
margin-bottom:1em;
line-height:1.1em;
}

.voir_aussi a img{
display:block;
margin:0 auto;
}

.voir_aussi a span{color:#000;font-size:.75em;font-weight:normal;display:block;}

.voir_aussi a .sous-texte{color:#777;font-size:.65em;line-height:1em;padding-top:.5em;}

.voir_aussi a:hover{
border:2px solid #A63950;
background:#A63950;
color:#fff;
text-decoration:none;
}
.voir_aussi a:hover span{
color:#EFEFEF;
}

.voir_aussi .calendrier{
padding-top:.5em;
}

.voir_aussi .calendrier svg{
fill:#aaa;
display:block;
margin:0 auto;
}

/*.voir_aussi .calendrier:hover svg{
fill:#fff;
}
*/
/* amont*/
.choose a{
display:block;
text-align:center;
background:#fff;
color:#777;
padding:15px;
border:3px solid #000;
font-size:1.45em;
margin-bottom:30px;
line-height:1em;
}

.choose a:hover{
border-color:#fff;
box-shadow:0px 0px 7px 5px #000;
}

.choose a strong{
color:#000;
display:block;
font-size:1.2em;
min-height:2em;
}

.choose a img{
display:block;
margin:.5em auto 0 auto;
width:100px;
height:auto;
}

/* col-sm */
@media (min-width:768px) {
body#beta:after{
content:"version bêta";
display:block;
background:#000;
position:fixed;
top:2em;
left:-4em;
width:auto;
font-size:2em;
color:#fff;
padding:.5em 4em;
transform:rotate(-45deg);
border:1px solid #fff;
box-shadow:0 8px 10px #000;
}

.amont .big-font{margin:15px 0;}
header h1 {    
display: inline;
font-size: 2.75em;
line-height:.75em;
}
.left-padding-60{padding-left:60px;}

.top-2 .titre.xs-too-big{font-size:3em;}

.top-3{
font-size:1.45em;
text-align:right;
line-height:1.3em;
margin-bottom:30px;
}

.a-droite{
text-align:left;
}

.bloc-depliable h2{
font-size:2em;
padding:.5em 4.5em .5em 1em;
}

.sommaire .intro{
font-size: 1.3em;
}


.bg-tutos .flex-row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  border:1px solid transparent;/*correction bug Bootstrap*/  
}

.bg-tutos .sm-text-right.border-right{
text-align:right;
border-right:15px solid #fff;
/*margin-bottom:15px;*/
}

.bg-tutos.sans-evenement-avant .sm-text-right.border-right{
border-color:#a63950;
}

}

/* col-md*/
@media (min-width:992px) {
.visu-pro.v-padding-15{padding:0;}

.rounded-bg-white-img{
width:150px;
height:150px;
padding-top:12px;
}

.ul-sommaire > ul{margin:0 0 0 1em;border-left:3px solid #E5E5E5;padding-left:1em;}
.sommaire .fiche:after{
content:"\25BA";
position:absolute;
/*color:#fff;*/
left:95%;
color:#E5E5E5;
line-height:0;
/*si myflex VHcenter sur parent
-->font-size:4em;
--> supprimer le top
*/
/*si pas myflex VHcenter*/
font-size:3em;
top:1em;
}
}

/*col-lg*/
@media (min-width:1200px) {
}