/*  
Document   : design
Created on : 19 Septembre 2022, 14:35:28
Author     : sbenamoura 
*/
/* #commandeAcheter, #emailEnvoyer { display:none !important; }*/
*{ font-family: din-2014, sans-serif;font-style: normal;}
input[type="password"]{/*font-family:"Times New Roman",Georgia,Serif;*/} 
body {width: 100%;min-width:380px;height: auto;margin:0px;padding:0px;}
#wowslider-container1 .ws-title {position: absolute;display: block;bottom: 2em;left: 343px !important;margin-right: 1em;padding: 1em;padding-left: 3em;z-index: 50;line-height: 2.7em;color: #fff;text-transform: none;opacity: 1;font-family: 'Roboto Condensed', sans-serif;}
.clear { clear: both;}
a {cursor: pointer; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none; border: 0px;}
p {padding: 0px; margin: 0px;}
h1, h2, h3 { z-index: 0; }
h2, h3, h4, h5 { margin: 0px; }

#container {padding: 0px;margin: 0px;background:#fff;min-width:380px}
#content{ width: 100%;margin: 0 auto;padding: 0 0 20px 0;position:relative;}

#monter { display:none }

#titre { padding:0 10px 20px 10px;font-size: 24px; line-height:26px;font-weight: bold; color: #000; }
#titre h1 { font-size: 24px;margin:0 }
#titre span { color:#306E8B }

.bouttonLien {display: inline-flex;-webkit-box-align: center;align-items: center;padding: 7px 30px;margin: 0px;font-size: 18px;font-weight: 700;/*border: 1px solid #fff;*/border-radius: 25px;text-decoration: none;overflow: hidden;cursor: pointer }    
.bouttonLien span { color:#000 }
.bouttonLien .buttonHover { display:none; }

#liensNavigation { display:none; }





#menu { background:#fff;position: fixed;z-index: 1000;width: 100%;height: 100%;top: 158px;opacity: 0;box-sizing: border-box;visibility: hidden;/*-webkit-transition: visibility 0s ease .35s,opacity .35s ease;transition: visibility 0s ease .35s,opacity .35s ease;*/ }
#menu.shrink { opacity: 1;visibility:visible }
#menu > div { padding:10px 20px;border-top:2px solid #f5f5f5 }
#menu > div, #menu > div > a { color:#000;font-size:14px;font-weight:bold }
#menu > div:first-child { background:#f5f5f5 }
#menu > div > div { transition: 0.1s all linear;opacity: 0;visibility: hidden;height:0; }
#menu > div.shrink > div { visibility: visible;transition: 0.1s all linear;opacity: 1;height:auto }
#menu > div > div > a { color:#000;font-size:14px;font-weight:normal;display:table;margin-left:20px;line-height: 25px; }
#menu img {width: 20px;float: right;margin-top: 5px;cursor: pointer; }
#menu > a { width: 80%;text-align: center;display:inline-block;color:#000;border-radius:26px;padding:8px 20px;margin: 20px 0 0 20px;font-weight:bold;font-size:14px }

#header { height:158px }
header { top:38px;width: 100%;min-width:380px;height:100px;padding-top:20px;background-image:linear-gradient(60deg, #6EFCED 10%, #2B6384);position: fixed;z-index: 100; }
header.shrinkMenu { background:#fff }
header.shrinkMenu .searchEtudes input { background:#f5f5f5 }
header.shrinkMenu #nbEtude { background:#000;color:#fff; }

header > div:first-child, #liensNavigation > div:first-child { width: 100%;margin: 0 auto;position:relative }

header > div > a {float: left;}
header .logo { margin: 0;display: inline-flex;}
header .logo img { height: 70px;margin-left:10px }
header .abonnes, header .connexion, header .monCompte span { display:none }
header .connexion, header .abonnes, header .monCompte { padding: 1px 9px 5px 9px;background: #fff;float: right;border-radius: 25px;}
header .monCompte { background:#fff }
header .monCompte img { height: 20px;position: relative;top: 2px; }
header .monPanier { height:25px;padding:1px 10px 0px 10px;border-radius:25px;position:relative;float:right;text-decoration: none;background:#C39944;margin:0 0 0 12px }    
header .monPanier img { width:20px;position: relative;top: 3px }
header .monPanier span span img { left:-52px;top:4px }
#nbEtude { top: -4px;left: -10px;color: #000;font-size: 8px;padding: 1.5px 5px 2px 5px;background: #fff;border-radius: 50%;float:right;position: relative;font-weight:bold;z-index: 1; }
#nbEtude:hover { text-decoration:none }                                                                          

#langue { display:none }
#pictoMenu { float:right;position:relative;margin-right:10px;height:26px;cursor:pointer; }



header .specific, header .mailto, header .publication > span { display:none }
#menuFlottant { display:none; } 
#deconnexion {display:none;position: relative;top: -100px  }
#deconnexion a { color:#000;font-size:14px; }
#deconnexion img { height:20px;margin-right:7px;position:relative;top:4px }  
                       
.searchEtudes {float:right;position:absolute;top: 47px;right:10px;}
.searchEtudes input, .searchEtudes select {font-size: 13px;width: 200px;height: 25px;padding: 3px 25px 4px 15px;font-weight: 500;color: #666;border: 0;border-radius: 25px;outline: none;box-sizing: initial !important;}
.searchEtudes > img, .searchEtudes div img {width: 16px;position: absolute;top: 7px;right: 9px;cursor: pointer;vertical-align: initial;}
.searchEtudes .monPanier, #aideCommande .monPanier{background:url(<?php echo BASEURL?>img/Panier-header.png) 0% 50% no-repeat; padding: 17px 15px 22px 42px;margin-left: 130px;color: white;font-size: 14px;font-weight: bold;box-sizing:initial !important;}
.searchEtudes a {width: 7px;/*text-decoration: none;*/color:#FF4921;display: inline-block;font-weight: bold;}
.searchMobile { display:none }
.searchMobile input { width:200px }   



footer{width: 100%;position:relative;z-index: 2; }
#contentFooter {display:none}

#logoPaiement { width: 100%;background:#F5F5F5;padding:4px 0px 16px 0px;text-align: center; }  
#logoPaiement > div { width:300px;margin:0 auto }
#logoPaiement p { font-size:16px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #000;text-align:center }
#logoPaiement img { height:45px;margin:5px; }
#logoPaiement p span { width:240px;display:inline-block }
#logoPaiement p img { height:35px;position: relative;top: 13px;left: -5px; }
#reseauxSociaux { width: 100%;background:black;padding:26px 0px 26px 0px;text-align: center; }
#reseauxSociaux img { height:33px;margin:4px;cursor:pointer }
#reseauxSociaux > div, #reseauxSociaux > div a { color:#fff !important;font-size:14px; }

#contactFooter { background-image: linear-gradient(60deg, #2B6384 35%, #6EFCED);text-align:center;z-index:0 }
#contactFooter > div { width:100%;margin:0 auto;padding:10px;box-sizing: border-box; }
#contactFooter > .content > span { font-size:16px;color:#fff }
#contactFooter a.texte { margin: 20px 29px 0 29px;font-weight:bold;font-size:16px;color:#000;background:#fff;border-radius:25px;padding:6px 50px;display: inline-block; }


#filArianne { font-size:14px;padding:15px 10px}
#filArianne a { color:#000 }
#filArianne a:first-child { color:#306E8B }

.titreSection { border-bottom: 1px solid #000;font-size:24px;font-weight:bold;padding-bottom: 2px;margin-bottom:20px } 
.titreSection span { color: #306E8B; }
              
.etude { padding: 0 0 50px 80px;width:100%;box-sizing: border-box;position:relative }
.etude > a:first-child { margin-bottom:5px;font-weight:bold;font-size:16px;line-height:18px !important;display:block;color:black; }
.etude > a span { color:#306E8B }
.etude > span { display:none;font-size:14px !important;line-height:18px !important; }
.etude > div { font-size:14px !important;text-align:left;position:relative }
.etude > div span { font-size:14px !important;color:#000;text-align:left !important;line-height: 24px; }
.etude b { font-size: 16px;position: relative;right: 0;display: block;padding-right: 5px;font-weight: 600;line-height: 24px; }
.etude > a > img { width:70px;position: absolute;top: 50%;margin-top: -60px;left: 0;border-radius: 50%; }
.article > a > img { border-radius:0 }
.etude > a.image { width:70px;height:70px;position:absolute;top:0;left:0; }
.etude .acheter {background: #C39944;width: 20px;padding: 3px;border-radius: 8px;position: absolute;top: 8px;right: 0;cursor: pointer;}
.etude .acheter:hover { background:#000 }
.etude > a.titreGLOEU font img { width:20px;position:relative;top:5px;left:0;margin:0 }
.etude > a.titreGLOEU font { color:#C39944;display:block; }
.etude > a.titreGLOEU font:hover { text-decoration:underline }
.etude .paysGLOEU { width:210px;background:#fff;border-radius:6px;padding:20px 20px 10px 20px;border: 1px solid white;position:absolute;left:80px;top:48px;z-index:10;display:none;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); }
/*.etude:nth-child(2n+1) .paysGLOEU { right:45px }*/
.etude .paysGLOEU a { color:#000;display:block;line-height:20px;text-decoration:underline  }
.etude .paysGLOEU p { font-weight:600;font-size:14px;margin-bottom:10px }
.etude .paysGLOEU .close { position:absolute;top:10px;right:20px;cursor:pointer }




/*helper passwordreset */
.fond_overlay {width: 100%;height: 100%;background: #000000;z-index: 1000;opacity: 0.3;display: none;position: fixed;top: 0px;left: 0px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.contentOverlay {display: none;padding:0px !important;background: white;position: fixed;border: 1px solid white;box-shadow: 0px 0px 24px #000;z-index: 1001;left: 50%;top: 23%;border-radius: 8px;cursor: move;}
.contentOverlay .label { padding: 16px 10px 20px 10px;  }
.contentOverlay .label p { font-size: 16px; font-weight: bold; float: left; }
.contentOverlay .label a {float: right;font-size: 19px;position: relative;top: -7px;right:0px;color:#000 }  
.contentOverlay .label img { width:30px;position: relative;right: -20px;top: 6px; }




#bondeauIA, #popupIA { display:none }

#bandeauIA { background: #000;padding: 10px 0;position: fixed;top: 0;z-index: 101;width: 100%; }
#bandeauIA > div{ text-align:center;margin:0 auto }
#bandeauIA a, #bandeauIA span { font-size:14px;font-weight:600;display:block }
#bandeauIA b { color:#6EFCED;font-weight:600 }

#preHeader { background: #000;padding: 12px 0;position: fixed;top: 0;z-index: 101;width: 100%; }
#preHeader > div { position:relative;width:100%;overflow: hidden;text-align:center;margin:0 auto; white-space: nowrap; }
#preHeader div p { font-size:16px;font-weight:300;display: inline-block; }
#preHeader p span:first-child { background:#6EFCED;display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 10px;position: relative;top: -2px;}
#preHeader .note {  animation-play-state: running;display: inline-block;white-space: nowrap;animation: slide-left 20s linear infinite; padding-right:100px}
#preHeader:hover .note { animation-play-state: paused }
@keyframes slide-left {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}


#barreEtudes { display:none }
.arrow-up::before, .arrow-down::before { content: "";width: 100%;height: 100%;border-width: 2px 2px 0 0;border-style: solid;border-color: #000;display: block; }
.arrow-up { transform: rotate(-45deg);box-sizing: border-box;}
.arrow-down { transform: rotate(135deg);box-sizing: border-box;}

@media (min-width: 768px) {
    
	header.shrinkMenu { background-image:linear-gradient(60deg, #6EFCED 10%, #2B6384); }
	header.shrinkMenu .searchEtudes input { background:#fff }
	header.shrinkMenu #nbEtude { background:#fff;color:#000; }
    header .monCompte { padding: 2px 16px 6px 16px }
	header .monCompte img { height: 25px }
	#menu { width:400px;right:10px;top:93px }
	#menu > div, #menu > div > a, #menu > div > div > a { font-size:16px }
	#nbEtude { top: -5px;left: -16px }
    #titre { padding:0 20px 15px 20px;font-size:28px }
    #titre h1 { font-size: 28px; }
    .titreSection { font-size:28px; }
    #content, header > div:first-child, #formFooter > div { width:100%; } 
    #content{ padding: 0 0 40px 0;}
    #contactFooter { text-align:left }
    #contactFooter > .content > span { display:block }
    #contactFooter a.texte { margin:0 0 0 200px;float: right;position:relative;top:-37px;right: 40px; }
    #contactFooter > div { padding:10px 20px }
	#contactFooter > .content > .clear { display:none }
    .searchEtudes { top: 46px;right:50%;margin-right: -282px }
    .searchEtudes input, .searchEtudes select { padding: 3px 40px 4px 15px;font-size: 16px;width: 408px;height: 31px }
    .searchEtudes > img, .searchEtudes div img { width:23px;top:7px;right:9px } 
    header .logo img { height:80px;margin-left:20px }
    header .monPanier { height:25px;width: 25px;padding:4px 16px;margin:0 0 0 14px }     
       
    #pictoMenu { height:33px; }   
    
    header .monPanier img { width:25px;top:2px }
    header .monPanier span { top: -4px;left: 38px } 
    
    
	#logoPaiement > div { width:400px }
    #filArianne { padding:15px 20px }
    .contentOverlay .label { padding: 16px 20px 20px 20px;  }
    .contentOverlay .label p { font-size:18px }
    
    
    #bandeauIA b { display:unset }

}




@media (min-width: 960px)  {
    #header { height:160px; }	
    header { top:41px }    
    header .logo img { margin-left:0 }
    
	.searchEtudes { top:21px }
	#menu { right:50%;margin-right:-468px; }
	#content, header > div:first-child, #formFooter > div, #contactFooter > div { width:960px; } 
    
    .rightColumn{width:635px} 
    .etude { width:50%;padding: 0 0 0 80px;min-height: 113px;margin:10px 0;float:left }
    .etude:nth-child(2n+1) { padding-right: 40px; }	
    .etude > a { font-size:16px;line-height:18px !important; }
    .etude > span { font-size:14px !important;line-height:18px !important; }
    .etude .acheter { top: 11px }
    .etude > a:first-child { min-height:40px;line-height:20px !important; } 
    .etude > a > img { width:70px;position:absolute;top:0;left:0;margin-top:0 }
   .etude { min-height:104px; }     
   .etude .acheter { top: -5px }
   #reseauxSociaux > div { display:none }
   
   #popupIA { display:block;position:fixed;z-index:10000000;top:19%;left:50%;width:500px;margin-left:-250px }
   #popupIA > div { position:relative }
   #popupIA .close { position:absolute;right:15px;color: #000;font-size: 16px;top: 10px; }
   #bandeauIA a, #bandeauIA span { font-size:16px }
   #preHeader > div { width:960px; }
} 

@media (min-width: 1080px) {
  #monter { width:60px;display:none;position:fixed;bottom:120px;cursor:pointer;z-index:0 }
}    

@media (min-width: 1300px) {
    #menu, #pictoMenu { display:none }
	#langue { display:inline-block;float:right;margin: 20px 0 0 20px }
	#langue span { font-size:12px;color:#000;font-weight:bold;display:inline-block;position:relative;top:-2px }
	#langue a { color:#000;font-weight:normal }
    
	.bouttonLien {display: inline-flex;transform: translate3d(0px, 0px, 0px);transition: all 0.15s ease 0s;color: rgb(54, 54, 54);}
    .bouttonLien .buttonHover {z-index: 100;position: absolute;inset: 0px;padding: 7px 30px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: start;justify-content: flex-start;text-align: center;color: rgb(33, 33, 33);opacity: 0;transform: translateY(-30%);transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
    .bouttonLien .buttonHover span{color: #fff;top: -1px;position: relative;}
    .bouttonLien .text {z-index: 1;position: relative;transition: all 0.55s cubic-bezier(0.19, 1, 0.22, 1) 0s;text-align: center;}
    .bouttonLien::after {z-index: 10;content: "";position: absolute;top: -50%;left: -25%;display: block;width: 150%;height: 250%;border-radius: 25px;background: rgb(33, 33, 33);pointer-events: none;transform: translateY(-100%);transition: all 0.55s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
    .bouttonLien:hover {color: rgb(33, 33, 33);background: #000;border-color: rgb(33, 33, 33);text-decoration:none}
    .bouttonLien:hover .buttonHover {opacity: 1;transform: translateY(0px);}
    .bouttonLien:hover .text {transform: translateY(80%);}
    .bouttonLien:hover::after {transform: translateY(-10%);}
   
    #header { height:200px; }	
	header { top:44px;height:136px }
    #content, header > div:first-child, #formFooter > div, #contactFooter > div,  #barreEtudes > div { width:1280px }
    #titre { padding:0 30px 15px 30px }
    
    header .monPanier { margin: 0 -14px 0 20px }
    header .monPanier img { top:3px } 
    header .connexion, header .abonnes, header .monCompte { padding:5px 20px 7px 20px;float:right;display:inline-block; }
	header .connexion img { height: 25px;position:relative;top:2px }
    header .connexion .buttonHover, header .abonnes .buttonHover, header .monCompte .buttonHover { padding: 0 0 0 20px }
    header .connexion span, header .abonnes span, header .monCompte span { font-weight:normal;font-size:16px;display:block }
	header .abonnes	{ margin-left:20px }
    header .monCompte { background:#C39944 }
	header .monCompte img { display:none }
	
	#menuFlottant { display:initial;width:auto;height:60px;position: fixed;top: 6px;left: 50%;margin-left: 157px;z-index: 201; }
	#menuFlottant.en { margin-left: 393px }
	#menuFlottant.en > div > a, #menuFlottant.en > div > p { display:none }
	#menuFlottant.en > div > .contact, #menuFlottant.en > div > .langue { display:inline }
	#menuFlottant > div > a, #menuFlottant > div > p { font-size:18px;padding:6px 0;margin:0 15px;cursor:pointer;display:inline;color:#fff; }
	#menuFlottant > div > p > span, #menuFlottant > div > a > span { font-size:18px;font-weight:600;color:#fff;display:inline-block;padding: 4px 0; }  
	
	/*#menuFlottant > div > p > span:hover,*/ #menuFlottant > div > p.shrink > span, #menuFlottant > div > a > span:hover { text-decoration:underline} 
	/*#menuFlottant span.haut, header span.haut { width: 0;height: 0;border-color: transparent transparent #fff;border-width: 0 8px 10px;border-style: solid;position:relative;top: -15px;margin-left: 5px;cursor:pointer }
	#menuFlottant span.bas, header span.bas { width: 0;height: 0;border-color: #fff transparent transparent transparent;border-width: 10px 8px 0 8px;border-style: solid;position:relative;top: 1px;margin-left: 5px;display: inline-block;cursor:pointer }    
    */
	#menuFlottant .arrow-down, #menuFlottant .arrow-up { width: 6px;height: 6px;display:inline-block;position:relative;top: -2px;right:3px;margin-left:16px }
    #menuFlottant .arrow-up { top:2px;right: 4px; }
	/*#menuFlottant .arrow-up { top: 1px;margin-left: 5px; }*/
	#menuFlottant .arrow-up::before, #menuFlottant .arrow-down::before { border-color:#fff;border-width:1px 1px 0 0; }
	
	#menuFlottant > a, #menuFlottant > p { font-size:18px }
    #menuFlottant .catalogue, #menuFlottant .specific { display:none }
	   
	.slideHeader { padding:12px 20px;top:58px;right:17px;transition: 0.1s all linear;opacity: 0;visibility: hidden;height:0;background:#fff;position:absolute;z-index:200;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); }
    .slideHeader p { padding: 5px 0 }        
	.slideHeader.shrink {visibility: visible;top:38px;transition: 0.1s all linear;opacity: 1;overflow: hidden;height:235px }
	#slidePlus { right:158px;width:180px }
	#slidePlus.shrink { height:172px } 
	#slideBlog { width:304px;right:227px; }
	
	.slideHeader * { font-size:14px;color:#000 }
	.slideHeader span, .slideHeader p a { font-size:16px;font-weight:400;display:block;color:#000 }
	
	#slideContact { width:406px;padding:20px 20px 17px 0;right:255px }
	#slideContact.shrink { height:262px }    
	#slideContact > div { padding-left:20px;box-sizing: content-box;border-top:1px solid #000; }
	#slideContact > div:first-child { border:0; }
	#slideContact > div > p { font-size: 14px;display:block;margin-bottom:10px;padding:0 }
	#slideContact > div > a , #slideContact > div b { font-size:16px }
	#slideContact > div > p a { color:#306E8B;font-size:14px; }
	#slideContact > div b { margin-top:15px;font-weight:400;display:block }
	#slideContact > div > div { position:relative }
	#slideContact > div > div img { left: -32px;top: 5px; }
	#slideContact > div:first-child > div { margin-bottom:20px }
	
    header.en #slideContact.shrink { height:258px }
	#slideContact > div { float:left; width:175px; padding:0 20px;box-sizing: content-box;border:0;border-left:1px solid #000; }
    #slideContact > div:first-child { border:0; }
    #slideContact > div:nth-child(2) { width: 170px }
    #slideContact > div b { margin:0 0 6px 0 }
    #slideContact > div > div img { left: -40px;top: 5px }  
    
    #slideGroupe { right:369px;width:135px }
	#slideGroupe.shrink { height:95px; } 	
	#slideSpecific { right:283px;width:322px }
	#slideSpecific.shrink { height:64px; } 
		  

    #nbEtude { left: -5px }
    
    
        
    
    
	
	
	#barreEtudes {  }
    #barreEtudes div a { font-size:16px;padding: 7px 0 8px 0 } 
    
	
	#barreEtudes { overflow: inherit;display:block;background:#000;visibility: visible;opacity: 1;text-align:right;margin-top:20px;max-height:42px;position:relative }
	#barreEtudes p { display:table-cell;position:relative }
	#barreEtudes > div { width:100%;text-align:left; box-sizing: content-box;margin:0 auto }
	#barreEtudes div a { border-right: 1px solid #fff;padding: 9px 0 8px 0;width:191px;font-size: 14px;color:white;font-weight:600;display: inline-block;text-align:center }
	#barreEtudes .sousMenu { display:none }
	#barreEtudes .arrow-up, #barreEtudes .arrow-down { position: relative;display: inline-block;top: -4px;right: -16px;width: 8px;height: 8px; }
	#barreEtudes .arrow-up { top:2px;right: -15px; }
	#barreEtudes .arrow-up::before, #barreEtudes .arrow-down::before { border-color:#fff }
   
    #barreEtudes div a { font-size: 18px;padding: 6px 0;width:319px } 
	#barreEtudes .store { display:inline-block }	
	#barreEtudes .sousMenu { width:760px;padding:15px 0;z-index:100;position:absolute;background:#fff;text-align:left;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.50); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); }
    #barreEtudes .sousMenu a { width:202px;padding:3px 0 3px 20px;font-size:16px;font-weight:normal;text-align:left;display:block;border:0;color:#000;position:relative }
    #barreEtudes .sousMenu div:first-child a { width:100%;box-sizing: border-box;color:#000;padding:5px 20px 5px 20px; }
	#barreEtudes #menuStore div:first-child a { padding: 20px;border-bottom: 1px solid #e0e0e0; }
	#barreEtudes #menuCatalogue div:first-child a { color:#306E8B;padding: 20px;border-bottom: 1px solid #e0e0e0; }
	#barreEtudes .sousMenu div:first-child a.selected, #barreEtudes #menuCatalogue div:first-child a.selected { background:#306E8B;color:#fff;cursor:auto }
	#barreEtudes .sousMenu div:first-child a.selected:hover { text-decoration:none }
	#barreEtudes .sousMenu a span { position:absolute;top:14px;right:20px;width: 12px;height: 12px;border-width: 2px 2px 0 0;border-style: solid;border-color: #306E8B;transform: rotate(45deg);display: inline-block;}
	#barreEtudes .sousMenu a.selected span { border-color: #fff; }
	#barreEtudes .sousMenu > div  { width:441px;padding-top:17px;display:none;float:right;border-left:1px solid #666; }
    #barreEtudes .sousMenu div div { column-count:2;padding-bottom:18px; }
    #barreEtudes .sousMenu div:first-child { display:block!important;padding:0;float:left;border:0;width:318px;column-count:1 }
	#barreEtudes .sousMenu font { color:#306E8B; }
	#barreEtudes #menuRessource { width:321px;right:0 }
	#barreEtudes #menuSpecific { width:320px;right:641px }
	#menuFlottant.en #slideContact { right:169px }

	/*#langue { position:absolute;top:-34px;right:251px; }*/
	.searchEtudes { margin-right: -241px; }
	.searchEtudes input { width: 460px; }
	#filArianne { padding:15px 30px }
    
    #contentFooter { background: #2E2E2E;display:block }    
    #contentFooter > div {width: 1250px;margin: 0 auto;position:relative;}
   
    #contentFooter > div p b { font-weight:400 }
    #contentFooter .colonneFooter {width: 176px;float: left;margin: 30px 38px 34px 0px;}
	footer.en #contentFooter .colonneFooter {width: 284px }
    #contentFooter .colonneFooter.en, #contentFooter .colonneFooter .en, footer.en .sites { display:none }
	.colonneFooter a, .colonneFooter span{ font-size: 14px;font-weight: 300;color: white;text-decoration: none;cursor:pointer}
    .colonneFooter a:hover, .colonneFooter span:hover{text-decoration: underline;}
    .colonneFooter  p{color: white;font-weight: 400;font-size: 16px; }
    #contentFooter > div > div div:first-child{ padding-bottom: 15px}
    #contactFooter { text-align:center }
    #contactFooter > div { padding: 10px 20px 4px 20px }
    #contactFooter .content > span { font-size:18px;display:initial;position: relative;top: -16px; }
    #contactFooter a.texte { font-size:18px;padding:8px 51px;float:initial;position:initial }
    #contactFooter .buttonHover { padding:8px 0 8px 51px; }
    #reseauxSociaux { padding: 26px 0px }    
    .etude:nth-child(2n+1) { padding-right: 45px }
    .etude b {font-size:16px;font-weight:bold;position: absolute;right: 34px;display: inline-block } 
    .etude b.gloeu { right:0 }

    #deconnexion {  height:auto;background: #fff;position: absolute;top: 32px;right: 0;padding: 5px 15px 7px 15px;cursor: pointer;width: 100%;text-align: center;box-sizing: border-box; }
 
	#bondeauIA { display:block;position:fixed;bottom:0;width:100%;margin:0 auto;background:#000;text-align:center;z-index:10000 }
    #bondeauIA.fermer { display:none }
	#bondeauIA img { width:1280px; }
	#bondeauIA .arrow-up, #bondeauIA .arrow-down{ position:absolute;cursor:pointer;right:20px;width: 12px;height: 12px;box-sizing: border-box;  }
	#bondeauIA .arrow-up::before, #bondeauIA .arrow-down::before { content: "";width: 100%;height: 100%;border-width: 2px 2px 0 0;border-style: solid;border-color: #fff;display: block; }
	#bondeauIA .arrow-up { transform: rotate(-45deg);top:18px}
	#bondeauIA .arrow-down { transform: rotate(135deg);top:10px}
    #bandeauIA > div { width:1280px;text-align:left } 
	#bandeauIA a, #bandeauIA span { font-size:18px }

	#preHeader > div { width:500px;left: -392px; }
}