@media screen and (max-width: 775px) {
.deuxcolonnes > div{width: 100%!important;}
.deuxcolonnes {flex-wrap: wrap!important;}
.deuxcolonnesreversed > div{width: 100%!important;}
.deuxcolonnesreversed {flex-wrap: wrap!important;}
.hidemobile{display:none;}
.displaymobile{display:block!important;}
.exprpaddingkill{margin:0 -5px;}
.videoexpr{width:119.06%!important;margin:0 -9.53%!important;}
.j-checkout-payment-stripe__card{transform:scale(0.8);transform-origin:left;}
.cc-checkout-products {transform:scale(0.9);transform-origin:left;}
.cc-checkout-desc{font-size:small;}
.imgiconexo{max-width:200px!important;}
.imgboutique{width: 75%!important;margin: 0 auto;}
.hrhome2 {
background: -webkit-radial-gradient(50% 100%, ellipse cover, hsl(30deg 10% 90%) 0%, white 55%)!important;
margin:0 -30% 45px -30%!important;}
.banner{display:none!important;}
#pairelogo{float:none!important;padding-top:60px !important;}
.typecolonne1sur2, .typecolonne2sur2 {width: 100% !important;}
.typecolonne1sur3, .typecolonne2sur3, .typecolonne3sur3 {width: 100% !important;}
#soustitre{text-align:center;}
ul.mainNav1 li {display:block !important; padding:5px 0;}
.header{background-size:100%;background-repeat: no-repeat;background-color: black !important;height:auto !important;min-height:150px;background-image:url('https://u.jimcdn.com/cms/o/s9a5e96a10a799cfa/userlayout/img/newimageheaderbig-ulqflip.jpg')!important;}
.textcolonne3 {max-width:350px;margin:0 auto;}
#MenuNav1 {padding:0 0 20px 0 !important;visibility:hidden;max-height:0px;text-align:right;}
#boxmenu{ display:block !important; }
.commenthide{ display:none; }
.commentshow{ width: 47.5% !important;}
div.cc-shop-product-size-3 div.cc-shop-product-img {width:40% !important;margin-right:10px;}
div.cc-shop-product-size-3 div.cc-shop-product-desc {margin-left:40% !important;}
.blocfooter2, .blocfooter1{width:100% !important; margin-right: 0px !important;}
.j-imageSubtitle{overflow:hidden;}
ul.mainNav1 li a,
ul.mainNav1 li a:link,
ul.mainNav1 li a:active,
ul.mainNav1 li a:hover {color:white!important;text-shadow:0px 0px 8px black!important;}
#imglogowhite{display:block!important;margin:0 auto !important;}
#imglogoblack{display:none!important;}
.centermobile{text-align:center !important; margin: 0 auto !important;}
.btnfinlecon {font-size: 80%;}
.container{padding:8%!important;width:100%!important;}
.header-int{padding:2%!important;width:100%!important;}
}

@media screen and (max-width:1100px) {
#pairelogo{float:none!important;}
#MenuNav1{float:none!important;left:4%;padding:0 0 30px 0 !important;width:94%;}
.blogsidebar{display:none;}
#premieretuile{margin-right:5%!important;}
.header{background-position: left top !important;}
}

/*CORRECTIONS SUR PANIER BOUTIQUE*/
.j-cart{
right:0px !important;
top:80px !important;
margin: calc(2% + 15px);
}

/*COMMENTAIRES A ETOILES PERSO*/

    .notetotaletitre{
        text-align:center;
        font-size:150%;
    }
    .notetotaletitre span{
        font-weight:bold;
        font-size:120%;
    }
    .notetotaletitre::after {       
        content: '';
            display: inline-block;
            background-image: url('https://image.jimcdn.com/app/cms/image/transf/dimension=320x10000:format=png/path/s8979588a799fad6f/image/i17b2a4b6dc8188b9/version/1703771888/image.png'); /* Remplacez 'icon.png' par le chemin de votre image */
            width: 25px; /* Ajustez la largeur selon vos besoins */
            height: 25px; /* Ajustez la hauteur selon vos besoins */
            margin-top: -6px; /* Ajustez l'espacement selon vos besoins */
            background-size: contain; /* Assurez-vous que l'image est redimensionnée correctement */
            background-repeat: no-repeat;
            vertical-align: middle;
        }
                
.commentairePF{
background-color: #f8f7f6;
    width: 100%;
    padding: 3%;
    flex-shrink: 1;
    flex-grow: 1;
    margin: 10px 0;
    box-sizing: border-box;
        border:1px solid #e8e4df;
}
@media screen and (max-width: 767px) {
    .commentairePF {
        padding: 20px !important;
                width: 100% !important;
    }
}
#containercom {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
        }
.stars {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100px;
    padding-bottom: 10px;
}       
.stars img{
width:20px;
}
.greystar{
filter:grayscale(1);
}

.titrecom{
font-weight:bold;
}
.datecom{
color:#c4c1c1;
font-size:80%;
margin-left:10px;
}
.contentcom {
    font-size: 80%;
}
.blocstarnote{
display:flex;
flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

/*FIN COMMENTAIRES A ETOILE PERSO*/



/*GENERAL*/
div {
-webkit-tap-highlight-color:transparent;
} /*avoid blue flash on click*/

/*nouveau menu swipe mobile*/
#newmenu{
position:fixed;
display:none;
height:100%;
width:100%;
z-index:99;
box-sizing:border-box;
color:white;
background-color:transparent;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
@media screen and (max-width: 775px) {#newmenu{display:block!important;}}

#newmenu > div{
position:absolute;
box-sizing:border-box;
overflow:hidden;
top:0;
bottom:-100px;
padding-bottom:100px;
width:80%;
left:20%;
background-color:#1D1D1D;
display:flex;
flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: stretch;
}
#newmenu > div > div{
display:flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#containerblocnewmenu > #bloc3 > div > img{
margin:4px auto 0 auto;width:27px;
} 
.menucache{
right:-100%;
-webkit-transition: right 300ms ease-in-out;  
-moz-transition: right 300mss ease-in-out;  
-o-transition: right 300ms ease-in-out;  
-ms-transition: right 300ms ease-in-out;  
transition: right 300ms ease-in-out;
}
        
.menuvisible {
right:0;
-webkit-transition: right 300ms ease-in-out;  
-moz-transition: right 300mss ease-in-out;  
-o-transition: right 300ms ease-in-out;  
-ms-transition: right 300ms ease-in-out;  
transition: right 300ms ease-in-out;
}
    #newmenu  ul{
        padding-inline-start: 0px;
        margin-block-start: 0em;
        margin-block-end: 0em;
        list-style-type: none;
    }
    #newmenu li {
        padding:6px 20px;
        text-align:center;
    }
	#newmenu a{
        text-transform: uppercase;
    text-decoration: none !important;
    font-family: 'Oswald';
    font-size: 19px;   
        color:white;
    }
    #newmenu a:hover {
    color:#9d9d9d;
        		transition: color 600ms ease;
        -moz-transition: color 600ms ease;
        -o-transition: color 600ms ease;
        -webkit-transition: color 600ms ease;
    }  
    #containerblocnewmenu #bloc3 > div {
     flex: 1 1 0;text-align:center;display: flex;flex-direction: column;
    flex-wrap: nowrap;justify-content: center;margin:0 15px;   
    }
    #containerblocnewmenu #bloc3 > div:hover {
        background-color:#1d1d1d; 
        transition: background-color 600ms ease;
        -moz-transition: background-color 600ms ease;
        -o-transition: background-color 600ms ease;
        -webkit-transition: background-color 600ms ease;
    }
#newmenuboutonsuite:hover{
		background-color:#710502!important;
		        transition: background-color 600ms ease;
        -moz-transition: background-color 600ms ease;
        -o-transition: background-color 600ms ease;
        -webkit-transition: background-color 600ms ease;		
	}
.containerpadlock {
position:relative;
width:27px;
height:32px;
margin:0 auto;
}
.containerpadlock img{
position:absolute;
}
.containerpadlock #padlocktop {
top:0;
width:72%;
left:14%;
margin:0 auto;
animation-name: padlockopen;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
}
.containerpadlock #padlockbottom {
bottom:0;
margin:0 auto;
width:80%;
left:10%;
}
.containerpadlock .spark{
width:13%;
}
.containerpadlock #explosion1{
animation-name: padlockopensparktop;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
}
.containerpadlock #explosion2{
animation-name: padlockopensparkbottom;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
}

@keyframes padlockopen {
  0% {top: 15%;}
  5% {top: 17%;}
  30% {top: 0%;}
  50% {top: 5%;}
  90% {top:5%;}
 100% {top: 15%;}
}
@keyframes padlockopensparktop {
  0% {opacity: 0%;right:10%;top:43.5%;}
  5% {opacity: 0%;right:10%;top:43.5%;}
  30% {opacity: 100%;right:0%;top:35%;}
  50% {opacity: 100%;right:0%;top:38%;}
  90% {opacity: 0%;right:0%;top:38%;}
 100% {opacity: 0%;right:10%;top:43.5%;}
}
@keyframes padlockopensparkbottom {
  0% {opacity: 0%;right:10%;top:43.5%;}
  5% {opacity: 0%;right:10%;top:43.5%;}
  30% {opacity: 100%;right:0%;top:46%;}
  50% {opacity: 100%;right:0%;top:49%;}
  90% {opacity: 0%;right:0%;top:49%;}
 100% {opacity: 0%;right:10%;top:43.5%;}
}
/*fin nouveau menu swipe mobile*/

/*E-BOUTIQUE*/
a.cc-shop-addtocard{
padding:1em 2em!important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow:none !important;
font-family: Oswald, sans-serif;
text-transform: uppercase;
}
div.cc-shop-product-price{
line-height:40px!important;
}

/*DETECTEUR POUR ANIMATIONS*/
.detector{
position:absolute;
bottom:0;
height:2px;
width:2px;
left:0;
}

/*CROIX ET VU ANIMES POUR EXERCICES THEORIQUES*/

    .vu {
      animation-name: Vu;
  animation-duration: 2s;
  animation-iteration-count: 1;
        transition-timing-function: ease-in-out;
        animation-fill-mode: forwards;
}

@keyframes Vu {
        0% {height:0;width:0;}
    30% {height:32%;width:0;}
        35% {height:32%;width:0;}
    100% {height:32%;width:63%;}
}
    
        .croix1 {
      animation-name: Croix1;
  animation-duration: 2s;
  animation-iteration-count: 1;
        transition-timing-function: ease-in-out;
        animation-fill-mode: forwards;
}

@keyframes Croix1 {
        0% {width:0;}
    100% {width:74%;}
}
    
            .croix2 {
      animation-name: Croix2;
  animation-duration: 2s;
  animation-iteration-count: 1;
        transition-timing-function: ease-in-out;
        animation-fill-mode: forwards;
}

@keyframes Croix2 {
        0% {height:0;}
    100% {height:74%;}
}

/* AUTRE CLASS POUR EXO THEORIQUES */


	.contentclav{
	display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: center;align-items: center;}
	
    .btnclav{
                display: inline-block;
                box-sizing: border-box;
                padding: 2%;
                margin: 1%;
                background-color: white;
                text-align: center;
                vertical-align: middle;
                box-shadow: 3px 2px 4px #dbccbd6e;
				flex: 1 1 0px;
        -webkit-transition: background-color 500ms ease-in-out;  
                -moz-transition: background-color 500mss ease-in-out;  
                -o-transition: background-color 500ms ease-in-out;  
                -ms-transition: background-color 500ms ease-in-out;  
                transition: background-color 500ms ease-in-out;
				-webkit-user-select:none;
				-ms-user-select:none;
				user-select:none;
                }
        
    .btnclav:hover{
        background-color:hsl(32deg 29% 80%);
        cursor:pointer;
        -webkit-transition: background-color 500ms ease-in-out;  
                -moz-transition: background-color 500mss ease-in-out;  
                -o-transition: background-color 500ms ease-in-out;  
                -ms-transition: background-color 500ms ease-in-out;  
                transition: background-color 500ms ease-in-out;
        }
		
	.btnclavrouge:hover{
	background-color:hsl(0deg 20% 80%);
        cursor:pointer;
        -webkit-transition: background-color 500ms ease-in-out;  
                -moz-transition: background-color 500mss ease-in-out;  
                -o-transition: background-color 500ms ease-in-out;  
                -ms-transition: background-color 500ms ease-in-out;  
                transition: background-color 500ms ease-in-out;
	}
	
	.btnclavvert:hover{
	background-color:hsl(120deg 20% 80%);
        cursor:pointer;
        -webkit-transition: background-color 500ms ease-in-out;  
                -moz-transition: background-color 500mss ease-in-out;  
                -o-transition: background-color 500ms ease-in-out;  
                -ms-transition: background-color 500ms ease-in-out;  
                transition: background-color 500ms ease-in-out;
	}
       
		.btnclavoverlay{
		flex-grow:0;
		width:80%;
		max-width:400px;
		}
		
        .corr{
        border-color: #A40301;
        background-color: #A40301;
                color: white;
        -webkit-transition: background-color 500ms ease-in-out;  
                -moz-transition: background-color 500mss ease-in-out;  
                -o-transition: background-color 500ms ease-in-out;  
                -ms-transition: background-color 500ms ease-in-out;  
                transition: background-color 500ms ease-in-out;
        }
        
        .corr:hover{
        background-color:#710502;
        -webkit-transition: background-color 500ms ease-in-out;  
                -moz-transition: background-color 500mss ease-in-out;  
                -o-transition: background-color 500ms ease-in-out;  
                -ms-transition: background-color 500ms ease-in-out;  
                transition: background-color 500ms ease-in-out;
        }
        
        .containerclav{
        background-color:hsl(30deg 30% 90%); 
        border:1px solid hsl(30deg 30% 80%);
        text-align:center;
        padding:5%;
                }       
        
        .containerprop{
        background-color: hsl(30deg 15% 95%);
                border: 1px solid hsl(30deg 15% 85%);
                text-align: center;
                padding: 5%;
    }
        
         ::placeholder{
        color:grey;
        }

.smoothwidthtransition {
-webkit-transition: width 1s ease-in-out;  
    -moz-transition: width 1s ease-in-out;  
    -o-transition: width 1s ease-in-out;  
    -ms-transition: width 1s ease-in-out;  
    transition: width 1s ease-in-out;
}

/*PARTITIONS SVG RESPONSIVE*/


.cadreportee{
position:relative;
margin:0 auto;
max-width:800px;
}

.containernotesflex{
box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
        margin:0 auto;
        width:100%;
        max-width:500px;
        position:relative;

}

.ligne{
width:100%;
border-bottom:1px solid grey;
height:10%;
box-sizing:border-box;
}

.fakeligne{
width:100%;
height:10%;
box-sizing:border-box;
}

.portee{
position:relative;
width:100%;
box-sizing:border-box;
height:120px;
margin:20px 0;
}

.cledesol{
height:80px;
        position:absolute;
        left:10px;
        top:20px;
}
.cledefa{
    height: 53px;
    position: absolute;
    left: 10px;
    top: 28px;
}

.note{
height:47px;
position:absolute;
z-index:5;
}
.becarre {
height:30px;
margin-left:-6px;
position:absolute;
z-index:5;
}
.flat, .sharp {
height:26px;
margin-left:-6px;
position:absolute;
z-index:5;
}
.pause{
position:absolute;
background-color:black;
height:6px;
width:15px;
}

.soupir, .soupir8{
position:absolute;
height:36px;
}
.soupir2{
position:absolute;
height:20px;
padding-top:7px;
}
.soupir4{
position:absolute;
padding-top:3px;
height:28px;
}
.barredemesure {
position:absolute;
height:49px;
border-left:1px solid grey;
margin-top:35px;
margin-left:14px;
}
.chiffragetop {
position:absolute;
height:24px;
margin-left:55px;
margin-top:36px;
}
.chiffragebottom {
position:absolute;
height:24px;
margin-left:55px;
margin-top:60px;
}
.containerabsolu {
position:absolute;
top:0;bottom:0;left:50px;right:0;
}

.barre{
border-bottom: 1px solid grey;height: 1px;width: 28px;position:absolute;
}
.barrecroche{
border-bottom: 5px solid black;position:absolute;
}

.accord{
position:relative;
}
.unenote{
position:absolute;
}
.alteration{
position:absolute;
height:26px;
}
.cadreportee{
position: relative;
    max-width: 800px;
    margin: 0 auto;
}
/*FIN PARTITIONS SVG RESPONSIVE*/

/*ANIMATION DU MENU MOBILE*/

.barremenu{
    width: 55%;
    position: absolute;
    box-sizing: border-box;
    border: 3px solid #666666;
    background-color:#666666;
    left: 22.5%;
    height:0;
}

@keyframes disparait {
from {opacity:1;}
to {opacity:0;}
}

.barrecentrale {
animation-name:disparait;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

@keyframes inclinebas {
from {}
to {top: 23px;border-width:2px;transform: skewY(45deg);}
}

.barretop {
animation-name:inclinebas;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

@keyframes inclinehaut {
from {}
to {bottom: 23px;border-width:2px;transform: skewY(-45deg);}
}

.barrebottom {
animation-name:inclinehaut;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

@keyframes disparaitrev {
from {opacity:0;}
to {opacity:1;}
}

.barrecentralerev {
animation-name:disparaitrev;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

@keyframes inclinebasrev {
from {top: 23px;border-width:2px;transform: skewY(45deg);}
to {border-width:3px;}
}

.barretoprev {
animation-name:inclinebasrev;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

@keyframes inclinehautrev {
from {bottom: 23px;border-width:2px;transform: skewY(-45deg);}
to {border-width:3px;}
}

.barrebottomrev {
animation-name:inclinehautrev;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

/*FIN ANIMATION DU MENU MOBILE*/

/*CLAVIERS*/
.rougetouches{
background-color:#b80000;
}
.rougetouches img{
opacity:0.3;
}
.claviersvg{
float:left;
min-width:550px;
width:100%;
display:block;
position:relative;
box-sizing:border-box;
background:linear-gradient(0deg,transparent,#a40301);
border-top: 1px solid #a40301;
}
/*FIN CLAVIER*/
/*EX PRATIQUES*/

#container-bloc-explications {
        display:flex;
        flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
        
    }
    #container-bloc-explications>div{
        text-align:center;  
        flex:1 1 0;
            margin-bottom:30px;
    }
    #container-bloc-explications img{
        width:50%;
        max-width:80px;
        margin:0 auto;
    }
    #container-bloc-explications h3{
        padding:10px 0;
        color:black;
    }
    #container-bloc-explications p{
        padding:0 10px;
    }
    @media screen and (max-width: 775px) {
      #container-bloc-explications>div{
            min-width:50%;
    }  
    #titrecommentcamarche {text-align:left !important;}
    }
@media screen and (max-width: 775px) {
.listeexpr{border-right:0 !important; border-left:0!important;}
}


.listeexpr{
box-sizing: border-box;
    width: 100%;
margin-top:3%;
        border:1px solid hsl(30deg 15% 87%);
    background-color: hsl(30deg 15% 97%);
}

.listeexpr .titre{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
        background-color:hsl(30deg 15% 87%);
        padding: 15px;
        cursor:pointer;
                -webkit-transition: background-color 300ms ease-in-out;  
    -moz-transition: background-color 300ms ease-in-out;  
    -o-transition: background-color 300ms ease-in-out;  
    -ms-transition: background-color 300ms ease-in-out;  
    transition: background-color 300ms ease-in-out;
}

.listeexpr .titre .titrep{
font: normal normal normal 22px/140% Oswald, sans-serif;
text-transform:uppercase;
text-align:left;
color:#49423c;
}

.chevron {
        border-style: solid;
    border-width: 0.16em 0.16em 0 0;
        border-color:#49423c;
    content: '';
    display: inline-block;
    height: 1em;
    position: relative;
    margin:0.5em 0.5em 0 0;
        transform-origin: 75% 25%;
    vertical-align: top;
    width: 1em;
}

.chevronON {
    transform: rotate(315deg);
        -webkit-transition: transform 300ms ease-in-out;  
    -moz-transition: transform 300ms ease-in-out;  
    -o-transition: transform 300ms ease-in-out;  
    -ms-transition: transform 300ms ease-in-out;  
    transition: transform 300ms ease-in-out;
}
.chevronOFF {
    transform: rotate(135deg);
    webkit-transition: transform 300ms ease-in-out;  
    -moz-transition: transform 300ms ease-in-out;  
    -o-transition: transform 300ms ease-in-out;  
    -ms-transition: transform 300ms ease-in-out;  
    transition: transform 300ms ease-in-out;
}

    .rubanprive2{ 
    position:absolute;
top:10px;
right:10px;
height:30px;
content:url('https://image.jimcdn.com/app/cms/image/transf/none/path/s9a5e96a10a799cfa/image/i1a127e3778991e4f/version/1676575470/image.png');
    }

.wrapvitesse {
display:flex;
width:66.66%;
min-width: 350px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 20px auto 25px auto;
border-top:1px solid hsl(30deg 15% 87%);
border-left:1px solid hsl(30deg 15% 87%);
background-color:hsl(30deg 15% 97%);
}

.wrapvitesse > div {
position:relative;
border-bottom:1px solid hsl(30deg 15% 87%);
border-right:1px solid hsl(30deg 15% 87%);
width:33.33%;
padding: 15px;
}
.wrapvitesse > div > img {
margin: 0 auto;
}
.containerDownload{
box-sizing: border-box;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
            background-color: hsl(30deg 15% 97%);
}
.containerDownload > div{
position: relative;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    flex-direction: column;
    border-right: 1px solid hsl(30deg 15% 87%);
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    flex-grow: 1;
}
.containerDownload > div p{
    font-weight: bold;
        padding-bottom:5px;
}
.containerDownload > div a{
        padding-bottom:10px;
}
.containerDownload > div img{
display: block;
    margin: 10px auto 0 auto;
}

.selecteddiv {
background-color: white; 
box-shadow: inset 1px 2px 3px hsl(30 15% 59% / 1);

    webkit-transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;  
    -moz-transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;  
    -o-transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;  
    -ms-transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;  
    transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;  
}
.content > table {
border-collapse:collapse;border-style:hidden;
}
.content > table td {
border: 1px solid hsl(30deg 15% 87%);
}
.content > table td:nth-child(1) {
background-color:white;
}
.content > table img {
margin: 0 auto;
}

.clearfix:after {
content:"";
display:block;
clear:both;
}

.cachev2{
opacity:0!important;
transition: opacity 500ms ease-out;
pointer-events: none;
}

.visiblev2{
opacity:1!important;
transition: opacity 500ms ease-out;
pointer-events: auto;
}

.displaymobile{display:none;}

.divniveau3 + .divniveau3{
border-left:none;
}
.divniveau2 + .divniveau2{
border-left:none;
}
.divniveau1 + .divniveau1{
border-left:none;
}
.deuxcolonnes {
	padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	box-sizing:border-box;
}

.deuxcolonnes > div{
width: 50%;
position:relative;
box-sizing:border-box;
}
.deuxcolonnesreversed {
	padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
	box-sizing:border-box;
}

.deuxcolonnesreversed > div{
width: 50%;
position:relative;
box-sizing:border-box;
}

#flexcontainerDownload {
box-sizing: border-box;
flex-wrap:wrap;
display:flex;
width:100%;
border-top:1px solid hsl(30deg 15% 87%);
border-left: 1px solid hsl(30deg 15% 87%);
}

#flexcontainerDownload > div {
position:relative;
display:flex;
flex-wrap:nowrap;
text-align:center;
flex-direction:column;
border-right:1px solid hsl(30deg 15% 87%);
border-bottom:1px solid hsl(30deg 15% 87%);
background-color:hsl(30deg 15% 97%);
user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
flex-grow:1;
}

#flexcontainerDownload div img{
margin:10px auto 0 auto;
}
#flexcontainerDownload div p{
padding-top:10px;
font-weight:bold;
}
#flexcontainerDownload div a{
padding:0 10px 10px 10px;
}
.videoexpr{
width:100%;
margin:0;
background-color:black;
text-align:center;
}

.hrhome2 {
background: -webkit-radial-gradient(50% 100%, ellipse cover, hsl(30deg 10% 95%) 0%, white 70%);
margin:0 -3% 45px -3%;
height:50px;
display:block;
border-bottom:1px solid hsl(30deg 15% 85%);
}

.important {
  display: inline-block;
  position: relative;
}

.important:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 3px;
  left: 0;
  background-color: #a40301;
  transform: scaleX(1);
  transform-origin: bottom left;
  animation-name: Surlignage;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

@keyframes Surlignage {
  0% {transform: scaleX(1);transform-origin: bottom left;}
  15% {transform: scaleX(0);transform-origin: bottom right;}
  30% {transform: scaleX(0);transform-origin: bottom right;}
  45% {transform: scaleX(1);transform-origin: bottom left;}
  100% {transform: scaleX(1);transform-origin: bottom left;}
}

#flexcontainer{
width:100%;
display:flex;
flex-wrap: nowrap;
}
#flexcontainer:hover, #flexcontainerDownload{
cursor:pointer;
}
#flexcontainer div{
display:flex;
flex-wrap: nowrap;
text-align:center;
flex-direction:column;
}
#flexcontainer div img{
display:flex;
margin:10px auto 0 auto;
}
#flexcontainer div p, #flexcontainer div a{
margin:0;
padding:10px;
}
#flexcontainer div .rubanprive, #flexcontainerDownload div .rubanprive{
top:10px!important;
/*left:10px!important;
right: auto!important;*/
bottom: auto!important;
}
#exoprtitre{
width:100%;
display:flex;
flex-wrap: wrap;
align-items:center;
justify-content:space-between;
}
#exoprtitre h1{
margin:15px 0;
}
.rubanprive{
position:absolute;
bottom:10px;
right:10px;
height:30px;
content:url('https://image.jimcdn.com/app/cms/image/transf/none/path/s9a5e96a10a799cfa/image/i1a127e3778991e4f/version/1676575470/image.png');
}

.buttonx {
  background-color: white;
  border: 0;
  text-transform:uppercase;
  box-sizing: border-box;
  padding: 1em 2em;
  color: #A40301;
  position: relative;
  vertical-align: middle;
  font-family:Oswald, sans-serif;
  font-size:large;
  -webkit-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -moz-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -o-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -ms-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    transition: color 500ms ease-in-out, background-color 500ms ease-in-out;
	
}

.buttonx2 {
  background-color: hsl(30deg 15% 97%) !important;
}

.buttonx:hover{
cursor:pointer;
background-color:#A40301;
color:white;
-webkit-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -moz-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -o-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -ms-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    transition: color 500ms ease-in-out, background-color 500ms ease-in-out;

}
    
.buttonx::before, .buttonx::after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  width: 0;
  height: 0;
}

.buttonx::before {
  top: 0;
  left: 0;
}
.buttonx::after {
  bottom: 0;
  right: 0;
}

    
.animated {
  background-color: #A40301!important;
  color:white;
  transition: background-color 0.4s ease-out 1.6s, color 0.4s ease-out 1.6s;
}
.animated::before, .animated::after {
  width: 100%;
  height: 100%;
}
.animated::before {
  border-top-color: #A40301;
  border-right-color: #A40301;
  transition: width 0.4s ease-out, height 0.4s ease-out 0.4s;
}
.animated::after {
  border-bottom-color: #A40301;
  border-left-color: #A40301;
  transition: border-color 0s ease-out 0.8s, width 0.4s ease-out 0.8s, height 0.4s ease-out 1.2s;
}
.titreexoth{
	background-color:#a40301;
width:100%;
}
.titreexopr{
	background-color:#710502;
width:100%;
}
.imgiconexo{
margin:0 auto 12px auto;
max-width:350px;
width:100%;
display:block;
}



img, iframe {
  aspect-ratio: attr(width) / attr(height);
}

.IYilK, .fZvLJw {
background-color:black !important;}

.j-checkout-payment-stripe__card {
padding:40px 0;
border:1px solid #cccccc;
}

.__PrivateStripeElement>iframe {
background-image: url('https://image.jimcdn.com/app/cms/image/transf/none/path/s9a5e96a10a799cfa/image/ieef39bf188f4c00b/version/1540929858/image.gif');
background-size: contain;
background-repeat: no-repeat;
background-position-x: 67%;
}

#cc-cookie-law-text{
line-height: 1.3em;
}

.cc-individual-cookie-settings {
display:none!important;
}
.cc-individual-cookie-settings-overlay{
display:none!important;}

.tableborder td{
border:1px solid hsl(30deg 15% 85%);
box-sizing:border-box;
}

.cursorhover:hover{
cursor:pointer;
}

.fakeh3{
    font-weight: bold;
    font-style: italic;
    color: #A40301;
}
.select-style {
    box-sizing:border-box;
    border: 1px solid hsl(30deg 15% 85%);
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.select-style select {
    padding: 5px 8px;
    font-style: italic;
    color: #808080;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
}

.select-style select:focus {
    outline: none;
}

.hrhome{
margin:50px 0 45px 0;
}

select{
    font: normal 17px/160% "Open Sans", sans-serif;
    color: #333333;
}

.cachemembre{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), white); 
  background-image:-moz-linear-gradient(top, rgba(0,0,0,0), white); 
  background-image:-o-linear-gradient(top, rgba(0,0,0,0), white); 
  background-image:linear-gradient(top, rgba(0,0,0,0), white); 
}

.shadow {
box-shadow:0px 0px 0px #888888;
-webkit-transition: box-shadow 500ms ease-in-out;  
    -moz-transition: box-shadow 500ms ease-in-out;  
    -o-transition: box-shadow 500ms ease-in-out;  
    -ms-transition: box-shadow 500ms ease-in-out;  
    transition: box-shadow 500ms ease-in-out;
}

.shadow:hover {
cursor:pointer;
box-shadow:0px 0px 5px #888888;
-webkit-transition: box-shadow 500ms ease-in-out;  
    -moz-transition: box-shadow 500ms ease-in-out;  
    -o-transition: box-shadow 500ms ease-in-out;  
    -ms-transition: box-shadow 500ms ease-in-out;  
    transition: box-shadow 500ms ease-in-out;
}

.tableniveau2shadow {
display: table;
margin-bottom:8px;
padding:10px;
box-shadow:0px 0px 0px #888888;
-webkit-transition: box-shadow 500ms ease-in-out;  
    -moz-transition: box-shadow 500ms ease-in-out;  
    -o-transition: box-shadow 500ms ease-in-out;  
    -ms-transition: box-shadow 500ms ease-in-out;  
    transition: box-shadow 500ms ease-in-out;
}

.tableniveau2shadow:hover {
cursor:pointer;
box-shadow:0px 0px 5px #888888;
-webkit-transition: box-shadow 500ms ease-in-out;  
    -moz-transition: box-shadow 500ms ease-in-out;  
    -o-transition: box-shadow 500ms ease-in-out;  
    -ms-transition: box-shadow 500ms ease-in-out;  
    transition: box-shadow 500ms ease-in-out;
}


.attention{
background-color:#FFD1CC; 
border:2px solid #FF6161;
}

.btnfinlecon {
width:100% !important;
max-width:240px;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

img, table, td, blockquote, code, pre, textarea, input, object, embed, video {
    max-width: 100%;
height: auto;
}

.inforow {
display:none !important;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.video169 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video169 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video43 {
	position: relative;
	padding-bottom: 75%; 
	height: 0;
}
.video43 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

input[type="text"]{
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px;
}

input[type="checkbox"]{
accent-color: #a40301;
}

input[type="submit"]{
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px;
}

select{
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px;
}

input[type="email"]{
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px;
}

input[type="number"]{
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px;
}

input[type="password"]{
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px;
}

textarea {
border: 1px solid hsl(30deg 15% 85%);
border-radius: 4px;
padding: 3px 0;
}

.col1{
padding:8px 20px;
}

.col2{
background-color:#A40301;
color:white;
padding:8px;
text-align:center;
width:70px;
}

.fakeh1{
font: normal normal normal 35px/140% Oswald, sans-serif;
color: #000000;
text-transform:uppercase;
}
.fakeh2{
font: normal normal normal 25px/140% Oswald, sans-serif;
color: #A40301;
text-transform:uppercase;
}

.newslist{
border: 1px solid #e1e1eb; width: 100%;height:75px;border-spacing:0;}

.newslist2{
width: 25%; background-color: #f7f7fa; text-align: center;}

.liennoviscore:hover {
cursor:pointer;
}
.liennoviscore {
box-shadow:8px 2px 4px 0px grey;
}

.divniveau1{
width:100%;
border:1px solid hsl(30deg 15% 87%);
box-sizing:border-box;
position:relative;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.divniveau15{
width:100%;
border:1px solid hsl(30deg 15% 89%);
background-color:hsl(30deg 15% 99%);
box-sizing:border-box;
position:relative;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.divniveau2{
width:100%;
border:1px solid hsl(30deg 15% 87%);
background-color:hsl(30deg 15% 97%);
box-sizing:border-box;
position:relative;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

.divniveau3{
width:100%;
border:1px solid hsl(30deg 15% 85%);
background-color:hsl(30deg 15% 95%);
box-sizing:border-box;
position:relative;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

.partitiontypique{
    width:100%; 
    padding:10px 0 5px 0; 
    text-align:center; 
    border:1px solid hsl(30deg 15% 87%);
	box-sizing:border-box;
}

.imagetypique{
    width:100%; 
    padding:10px 0 5px 0; 
    text-align:center; 
    background-color:hsl(30deg 15% 97%);
    border:1px solid hsl(30deg 15% 87%);
	box-sizing:border-box;
}


.divniveau4{
width:100%;
background: url('https://u.jimcdn.com/e/o/s9a5e96a10a799cfa/userlayout/img/newimageheaderbig-lcjpg.jpg') no-repeat left top;
}

.btn2{
background-color: #f7f7fa; 
text-align: center; 
vertical-align: middle;
margin:0 auto;
border: 1px solid #e9e9f0; 
border-radius: 4px; 
box-shadow: 0px 3px 1px #616161;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

.btn2:hover{
cursor:pointer;
background-color: #e9e9f1; 
box-shadow: 0px 0px 0px #616161;
}

.btn3{
background-color: #212121;
text-align: center;
vertical-align: middle;
margin: 0 auto;
border: 1px solid black;
border-radius: 4px;
box-shadow: 2px 3px 2px black;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

.btn3:hover{
cursor:pointer;
box-shadow: 0px 0px 0px black;
}

.btn{
  border:2px solid #a40301;
  background-color:white;
  text-transform:uppercase;
  box-sizing: border-box;
  padding: 1em 2em;
  color: #A40301;
  position: relative;
  vertical-align: middle;
  font-family:Oswald, sans-serif;
  font-size:large;
  -webkit-user-select:none;
  text-align:center;
-ms-user-select:none;
user-select:none;
-webkit-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -moz-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -o-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    -ms-transition: color 500ms ease-in-out, background-color 500ms ease-in-out;  
    transition: color 500ms ease-in-out, background-color 500ms ease-in-out;
}

.btn:hover{
cursor:pointer;
background-color:#a40301;
color:white;
}
.btn:hover a{
color:white;
-webkit-transition: color 500ms ease-in-out;  
    -moz-transition: color 500ms ease-in-out;  
    -o-transition: color 500ms ease-in-out;  
    -ms-transition: color 500ms ease-in-out;  
    transition: color 500ms ease-in-out;
}

.itemsidebar{
    float:left;
    min-width:200px;
    margin-bottom:22px;
    width:100%;
}

.tablosong td{
    border-bottom:1px solid hsl(30deg 15% 85%);
    padding:8px;
    -webkit-transition: background-color 500ms ease-in-out;  
    -moz-transition: background-color 500ms ease-in-out;  
    -o-transition: background-color 500ms ease-in-out;  
    -ms-transition: background-color 500ms ease-in-out;  
    transition: background-color 500ms ease-in-out;
}

.tablosong tr:hover td{
    background-color:hsl(30deg 15% 95%);
    -webkit-transition: background-color 500ms ease-in-out;  
    -moz-transition: background-color 500ms ease-in-out;  
    -o-transition: background-color 500ms ease-in-out;  
    -ms-transition: background-color 500ms ease-in-out;  
    transition: background-color 500ms ease-in-out;
}

#tt{
    position:absolute;
    display:block;
}

#tttop{
    display:block;
    height:5px;
    margin-left:5px;
    overflow:hidden;
}

#ttcont{
    display:block;
    padding:2px 12px 3px 7px;
    margin-left:5px;
    background:#f7f7fa;
    color:#333333;
}

#ttbot{
    display:block;
    height:5px;
    margin-left:5px;
    overflow:hidden;
}

.exosmembres{
    padding:5px;
    width:33%;
    height:100%;
    vertical-align:top;
    -webkit-transition: background-color 500ms ease-in-out;  
    -moz-transition: background-color 500ms ease-in-out;  
    -o-transition: background-color 500ms ease-in-out;  
    -ms-transition: background-color 500ms ease-in-out;  
    transition: background-color 500ms ease-in-out;
    background: url(https://u.jimdo.com/www9/o/s9a5e96a10a799cfa/img/ifbb713e6705080c6/1329840030/std/image.png) no-repeat right bottom;
}

.exosmembres:hover,
.exos:hover {
    background-color:#f7f7fa;
    -webkit-transition: background-color 500ms ease-in-out;  
    -moz-transition: background-color 500ms ease-in-out;  
    -o-transition: background-color 500ms ease-in-out;  
    -ms-transition: background-color 500ms ease-in-out;  
    transition: background-color 500ms ease-in-out;
}

.exos{
    padding:5px;
    width:33%;
    border-right:1px solid #e1e1eb;
    height:100%;
    vertical-align:top;
    -webkit-transition: background-color 500ms ease-in-out;  
    -moz-transition: background-color 500ms ease-in-out;  
    -o-transition: background-color 500ms ease-in-out;  
    -ms-transition: background-color 500ms ease-in-out;  
    transition: background-color 500ms ease-in-out;
}

div#MenuNav1 ul.mainNav2 
{
display:none;
} 

.cachePUB {
    float:left;
    overflow:hidden;
    width: 0px;
    -webkit-transition: width 1s ease-in-out;  
    -moz-transition: width 1s ease-in-out;  
    -o-transition: width 1s ease-in-out;  
    -ms-transition: width 1s ease-in-out;  
    transition: width 1s ease-in-out;
}

::selection{
    background: #710502; 
    color:white;
	}

::-moz-selection{
    background: #710502; 
    color:white;
}

::-webkit-selection{
    background: #710502; 
    color:white;
}

::-o-selection{
    background: #710502; 
    color:white;
}

::-ms-selection{
    background: #710502; 
    color:white;
}

.visiblePUB{  
    float:left;
    overflow:hidden;
    width:190px;
    -webkit-transition: width 1s ease-in-out;  
    -moz-transition: width 1s ease-in-out;  
    -o-transition: width 1s ease-in-out;  
    -ms-transition: width 1s ease-in-out;  
    transition: width 1s ease-in-out;
}  

.lecons{
    position:fixed;
    width:113px;
    padding:5px;
    top:172px;
    border: 1px solid #e9e9f0;
    background-color: #f7f7fa;
}

.cache{
    max-height: 0px !important;
    visibility:hidden !important;
    border: 0 !important;
    padding: 0 !important;
    -webkit-transition: 1s ease max-height !important;  
    -moz-transition: 1s ease max-height !important;  
    -o-transition: 1s ease max-height !important;  
    -ms-transition: 1s ease max-height !important;  
    transition: 1s ease max-height !important;
}

.visible{  
    overflow:hidden !important;
    max-height:1500px !important;
    visibility:visible !important;
    -webkit-transition: 3s ease max-height !important;  
    -moz-transition: 3s ease max-height !important;  
    -o-transition: 3s ease max-height !important;  
    -ms-transition: 3s ease max-height !important;  
    transition: 3s ease max-height !important;
}
 
.divstandard{
    border: 1px solid hsl(30deg 15% 85%);
    background-color: hsl(30deg 15% 95%);
    padding:5px;
}

h1, h2{
    text-transform:uppercase;
}

div.listediv{
    border: 1px solid hsl(30deg 15% 85%);
    background-color: hsl(30deg 15% 95%);
    margin-bottom:10px;
    padding:5px;
}

div.video{
    text-align : center; 
    width: auto;
    height: auto;
    background-color: black;
    overflow:hidden;
}

.header{
    position:relative;
    border:none;
    margin:0px;
    padding:0px;
	z-index: 10;
overflow:hidden;
}

.banner{
	height:650px;
	background-color:black;
	overflow:hidden;
	
	}

.header-int{
    position:relative;
	box-sizing:border-box;
    max-width:1250px;
    width:80%;
    margin:0 auto;
    min-width:300px;
    height:100%;
}

#MenuNav1{
    float: right;
    padding: 60px 0px 55px 0px;
    position: relative;
    right: 3%;
    margin-right: -10px;
    /*width: 100%;
    text-align: center;*/
}

.bigcontainer{
	width:100%;
	background-color:hsl(30deg 15% 97%);
	position:relative;
	}

.container{
    position:relative;
    max-width:1250px;
    margin:0 auto;
overflow:hidden;
    width:80%;
    min-width:300px;
    padding:3%;
	background-color:white;
	box-sizing:border-box;
}

.containerbanner{
    position:relative;
    max-width:1250px;
    margin:0 auto;
    width:80%;
    min-width:300px;
    padding:3%;
    overflow-y:hidden;
}

.piedsdepage-bleu{
display:none;
	position:relative;
	
	}

.piedsdepage-ext{
    position:relative;
	border:none;
	margin:0px;
	padding:0px;
background-image: url(https://u.jimcdn.com/cms/o/s9a5e96a10a799cfa/userlayout/img/new-background-lq3.jpg?t=1678820033);
background-position-x: left;
background-position-y: bottom;
background-size: cover;
background-repeat: no-repeat;
}

.shaderfooter{
background-color:rgba(0,0,0,0.7);
}
.piedsdepage-IN{
        position:relative;
	max-width:1250px;
	margin:0 auto;
        min-width:300px;
	padding:0 3%;
        height:100%;
	text-shadow: 0px 0px 3px black;
	}

.tableaufooter{
	vertical-align:top;
        padding:5px;
	color: white; 
	}

.tableaufooter a:visited,
.tableaufooter a:link,
.tableaufooter a{
    color: white; 
	text-shadow: 0px 0px 3px black;
	text-decoration:none;
}

.headertxt a:visited,
.headertxt a:link,
.headertxt a{
        color: #f0f0f0; 
	text-shadow: 0 1px black;
	text-decoration:none;
}

.headertxt a:active,
.headertxt a:hover{
        color: #FFFFFF;
	text-decoration:underline;

}

.tableaufooter a:active,
.tableaufooter a:hover{
        color: #FFFFFF;
	text-decoration:none;
        transition: color 300ms ease;
        -moz-transition: color 300ms ease;
        -o-transition: color 300ms ease;
        -webkit-transition: color 300ms ease;
	text-shadow: none;
}
	
ul.mainNav1,
ul.mainNav2,
ul.mainNav3,
ul.mainNav1black {
	line-height:15px;
	list-style:none; /*no bullet points*/
        padding:0;
        margin:0;
}

ul.mainNav1 li,
ul.mainNav1black li{
	display:inline;
	list-style:none; /*no bullet points*/
} 

ul.mainNav1black li a,
ul.mainNav1black li a:link,
ul.mainNav1black li a:active,
ul.mainNav1black li a:hover {
    text-transform:uppercase;
	text-decoration:none !important;
	color:black;
    font-family:'Oswald';
	font-size:19px;
}

ul.mainNav1 li a,
ul.mainNav1 li a:link,
ul.mainNav1 li a:active,
ul.mainNav1 li a:hover {
    text-transform:uppercase;
	text-decoration:none !important;
	color:white;
    font-family:'Oswald';
	font-size:19px;
    text-shadow: 0px 0px 8px black;
}

ul.mainNav1 li a span,
ul.mainNav1 li a:link span,
ul.mainNav1 li a:active span,
ul.mainNav1 li a:hover span,
ul.mainNav1black li a span,
ul.mainNav1black li a:link span,
ul.mainNav1black li a:active span,
ul.mainNav1black li a:hover span  {
	padding:0 10px;
} /*fait un espacement vertical-centré pour tout type de navigation. Je vais tenter de diminuer cet espace pour les navigations de niveaux inferieur:*/

ul.mainNav1 li a:hover,
ul.mainNav1black li a:hover  { 
	text-decoration: none;
	background-color:#710502;
	color:white;
		transition: background-color 300ms ease;
        -moz-transition: background-color 300ms ease;
        -o-transition: background-color 300ms ease;
        -webkit-transition: background-color 300ms ease;
		transition: color 300ms ease;
        -moz-transition: color 300ms ease;
        -o-transition: color 300ms ease;
        -webkit-transition: color 300ms ease;
    }
 
ul.mainNav1 li a:hover span,
ul.mainNav1 li a.current span,
ul.mainNav1 li a.parent span,
ul.mainNav1black li a:hover span,
ul.mainNav1black li a.current span,
ul.mainNav1black li a.parent span { 
	padding: 0 10px;
	text-decoration:none;
	}