/*  
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:350px;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}
#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: 119px;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:16px;font-weight:normal;display:block;margin-left:20px;line-height: 25px; }
#menu img {width: 20px;float: right;margin-top: 5px;cursor: pointer; }
#header { height:160px }
header { width: 100%;height: 140px;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: 80px;margin-left:10px }
header .connexion { float:right; }
header .connexion img { height:26px; }
header .connexion span { display:none }

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:-13px }
#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 }
#serviceClient, #menuFlottant { display:none; } 
#deconnexion {height:0;display:none }
#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 }   

#barreEtudes { overflow: auto;background:#000;visibility: visible;opacity: 1;margin-top:20px;max-height:42px;position:relative }
#barreEtudes p { display:inline-block }
#barreEtudes p.catalogue { padding:0;float:right }
#barreEtudes p.catalogue a { padding: 13px 26px 12px 26px;background:#306E8B;border:0; }
#barreEtudes p.catalogue a span { display:none }
#barreEtudes > div { width:768px;text-align:left; box-sizing: content-box;margin:0 auto }
#barreEtudes div a { border-right: 1px solid #fff;padding: 11px 19px 10px 18px;font-size: 14px;color:white;font-weight:600;display: inline-block; }
#barreEtudes .en a { padding:11px 32px 10px 33px }
#barreEtudes div p:first-child a { }
#barreEtudes .en #logoSpecific, #barreEtudes .store { display:none }
#barreEtudes .en p a { width:122px;text-align:center }
#barreEtudes #menuStore { display:none }
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:200px;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; }



#popUpPub { position:fixed;right:-350px;transition: 0.30s all linear;bottom:0;z-index:10000000 }
#popUpPub.shrink { right:0 }
#popUpPub > div { position:relative }
#popUpPub .close { position:absolute;right:15px;color: #000;font-size: 16px;top: 10px; }
#popUpPub img { width:350px; }


@media (min-width: 768px) {
    #header { height:195px; }
    header { height: 175px }
	#menu { width:400px;height:450px;right:10px;top:80px }
	header { width: 100%;height: 175px;padding-top:20px;background-image:linear-gradient(60deg, #6EFCED 10%, #2B6384);position: fixed;z-index: 100; }
	header.shrinkMenu { background-image:linear-gradient(60deg, #6EFCED 10%, #2B6384); }
	header.shrinkMenu .searchEtudes input { background:#fff }
	header.shrinkMenu #nbEtude { background:#fff;color:#000; }
    #nbEtude { top: 10px;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: 75px;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: 115px;margin-left:20px }
    header .monPanier { height:25px;width: 25px;padding:4px 16px;margin:0 0 0 14px }     
    header .connexion, header .monPanier { margin-top:16px }     
    #pictoMenu { height:33px;margin-top:16px }   
    
    header .monPanier img { width:25px;top:2px }
    header .connexion img { height:33px; } 

    
    header .monPanier span { top: -4px;left: 38px } 

    #barreEtudes > div { width:960px }
    #barreEtudes div a { padding: 10px 35px 6px 35px }
	#barreEtudes .en a { padding: 10px 58px 6px 58px }
    #barreEtudes p.catalogue a { padding: 13px 34px 12px 33px }
    #barreEtudes p.catalogue a span { display:inherit;color:#fff }  
    #barreEtudes .en p a { width:118px }
    
    
	#logoPaiement > div { width:400px }
    #filArianne { padding:15px 20px }
    .contentOverlay .label { padding: 16px 20px 20px 20px;  }
    .contentOverlay .label p { font-size:18px }
    
    .etude { width:50%;padding: 0 0 0 80px;min-height: 113px;margin:10px 0;float:left }
    .etude:nth-child(2n+1) { padding-right: 20px; }
    .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 }


}




@media (min-width: 960px)  {
                                   
    header .logo img { height: 115px;margin-left:0 }     
    #menu { right:50%;margin-right:-468px; }
	#content, header > div:first-child, #formFooter > div, #contactFooter > div { width:960px; } 
    #serviceClient { margin-right:0 }
    #deconnexion {  height:auto;background: #fff;position: absolute;right: 293px;padding: 5px 15px 7px 15px;top: -100px;cursor: pointer;right: 118px; }
    /*#colonneLeft { width: 635px; }*/
    /*#langue { float:right;position:relative;margin-right:20px;top:16px;display:initial }
    #langue img { width:33px; }*/   
    #barreEtudes { overflow: inherit; }
    #barreEtudes > div { width:960px;text-align:right }
    #barreEtudes p.catalogue a { padding: 12px 43px; } 
    #barreEtudes p.catalogue a span:hover { text-decoration:underline }
    #barreEtudes div a { font-size:16px;padding: 9px 19px 10px 20px; } 
    #barreEtudes p.catalogue a { padding: 9px 26px 10px 26px }
    #barreEtudes .en p a { width:149px }
	#barreEtudes .en a { padding: 10px 43px 9px 43px }
	
    .rightColumn{width:635px} 
   
   .etude { min-height:104px; }     
   .etude .acheter { top: -5px }
   #reseauxSociaux > div { display:none }
} 

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

@media (min-width: 1280px) {
    #menu, #pictoMenu { display:none }
	#langue { display:inline-block;float:right;margin: 20px 15px 0 0; }
	#langue span { font-size:12px;color:#000;font-weight:bold;display:inline-block; }
	#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;}
    .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%);}

    #content, header > div:first-child, #formFooter > div, #contactFooter > div,  #barreEtudes > div { width:1280px }
    #titre { padding:0 30px 15px 30px }
    #header { height:240px; }
    header { height: 210px;padding-top:30px }
    #header.shrink { height:215px; }
    header.shrink { height: 185px; }
    
    header .logo img { height: 115px }
    header .monPanier { margin: 16px 15px 0 30px; }
    header .monPanier img { top:3px } 
    header .connexion img { height: 25px;position:relative;top:2px }
    header .connexion span { color:#fff;font-size: 16px;display:inline-block;margin-left:10px;position:relative;top:7px;padding-bottom: 4px; }
    header .connexion span:hover { text-decoration:underline }
	header .connexion, header .monPanier { margin-top: 13px; }
    header .connexion .buttonHover { padding: 0 12px 0 14px }
	
    
	
	
	
	
    
	
	#menuFlottant{ display:initial;width:100%;position: fixed;bottom: 0;left: 0;z-index: 201;background-image: linear-gradient(60deg, #2B6384 65%, #6EFCED); }
	#menuFlottant.en { display:none }
	#menuFlottant img { height:20px;margin-right:4px;top:4px;position:relative; }
	#menuFlottant > div {width: 358px;margin: 0 auto;padding: 10px 0 24px 0;position:relative }
	#menuFlottant > div > a, #menuFlottant > div > p { font-size:15px;padding:6px 0;margin-left:2px;border-right:1px solid #fff;cursor:pointer;display:inline;color:#fff; }
	#menuFlottant > div > p > span, #menuFlottant > div > a > span { margin-right: 5px;font-size:14px;color:#fff;display:inline-block;padding-top: 5px; }  
	#menuFlottant > div > p.plus > span { padding-top: 10px; }
	#menuFlottant > div > p > span:hover, #menuFlottant > div > p.shrink > span, #menuFlottant > div > a > span:hover { border-bottom:3px solid #fff;text-decoration:none} 
	#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: 7px;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: 7px;display: inline-block;cursor:pointer }
	#menuFlottant .blog span.haut { top:-7px }
	#menuFlottant > div > p > span, #menuFlottant > div > a > span { padding-bottom: 9px;padding-top:0 } 
	   
	.slideHeader { top:58px;right:17px;transition: 0.1s all linear;opacity: 0;visibility: hidden;height:0;padding:10px;background:#fff;position:absolute;z-index:200;min-width:282px;-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.shrink {visibility: visible;transition: 0.1s all linear;opacity: 1;overflow: hidden;height:230px; }
	#slidePlus.shrink { height:200px }
	#slideContact.shrink { height:auto } 
	.slideHeader * { font-size:13px;color:#000 }
	.slideHeader span, .slideHeader p a { font-size:18px;font-weight:400;display:block;color:#000 }
	.slideHeader > a, .slideHeader > p { display:block;padding:0 0 20px 50px;position:relative; }

	.slideHeader img, #menuFlottant .slideHeader img { height:25px; position:absolute;left:0;top:0 }
	#slideContact { top:26px;right:0;width: 220px;padding:10px 27px 0 27px }
	#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 }
	#slideContact > div > a , #slideContact > div b { font-size:18px }
	#slideContact > div > p a { color:#306E8B;font-size:13px; }
	#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 }
	#slideBlog { top:-251px;width:310px;height:auto;padding-top:0;padding-bottom:0 }
	#slideBlog > p { padding:10px 0 10px 50px; }
	#slidePlus { top:-220px }
	#menuFlottant #slideBlog img { top:10px }

    
    #menuFlottant > div > a, #menuFlottant > div > p { font-size:18px;margin:0 5px 0 5px } 
    /*#menuFlottant > div > a > span, #menuFlottant > div > p > span{ margin-left:10px }*/ 
    #menuFlottant img { height: 30px;margin-right: 8px;top: 10px; }
    #menuFlottant > div { width:515px }
    
    #menuFlottant > div > p > span, #menuFlottant > div > a > span { font-size:16px;margin-right: 12px }
    
    
    #slideContact { width:485px;top:75px;padding-left:20px;padding-bottom:10px }
    #slideContact.shrink { height:260px;padding-left: 50px;padding-right: 20px; }
    header.en #slideContact.shrink { height:258px }
	#slideContact > div { float:left; width:195px; padding:0 30px 0 30px;box-sizing: content-box;border:0;border-left:1px solid #000; }
    #slideContact > div:first-child { border:0; }
    #slideContact > div:nth-child(2) { width: 180px }
    #slideContact > div b { margin:0 0 6px 0 }
    #slideContact > div > div img { left: -40px;top: 5px }
  
      
    #slideBlog { right:87px;height:230px;padding-top:10px;padding-bottom:20px }
	
		  


    #serviceClient { display:inline-block;height: 75px;padding:0;border-radius:0;cursor:pointer;background:#C39944;float:right;position:relative;margin-top: 0;top: -30px }
    #serviceClient > img { display:none }       
    #serviceClient > div:first-child { position:relative;color:#fff;display:block;padding:11px 37px 10px 13px;width:100px }
    #serviceClient > div:first-child > * { color:#fff;display:block;font-size:15px;font-weight: 300;line-height: 18px; }
    #serviceClient > div:first-child > b { font-weight:400 }
    #serviceClient > div:first-child > span.haut, #serviceClient > div:first-child > span.bas { position:absolute;right:10px;top:51px;cursor:pointer }
    #serviceClient > div:first-child > .en { display:none }
	#nbEtude { left: -30px }
    .slideHeader { padding:20px; }
    .slideHeader img, #menuFlottant .slideHeader img { height:30px }
    
    #slideBlog, #slidePlus { top:51px }
    
    #menuFlottant #slidePlus img { top: -5px }    
    #menuFlottant { height:60px;width:auto;top: 35px;left: 50%;margin-left: -318px;background-image:none } 
    #menuFlottant > div {width: auto;margin: 0;padding: 0 }    
    #menuFlottant > a, #menuFlottant > p { font-size:18px }
    #menuFlottant > div > p.plus > span { position: relative;top: 0.5px;padding-bottom:6px }
    #menuFlottant > div > p.blog span.bas { top:1px }
    
	
	
	
	
	
	
	#barreEtudes { margin-top: 30px }
    #barreEtudes div a { font-size: 18px;padding: 8px 44.1px; }
    #barreEtudes p.catalogue a { padding: 8px 71px } 
	#barreEtudes .en a { padding: 8px 44px 8px 44.2px }
    #barreEtudes .en p a { width:164px }
	#barreEtudes .store { display:inline-block }
	
	#barreEtudes #menuStore { z-index:100;position:absolute;background:#fff;width:766px;text-align:left }
    #barreEtudes #menuStore a { width:242px;padding:3px 0 3px 10px;font-size:14px;font-weight:normal;display:block;border:0;color:#666;position:relative }
    #barreEtudes #menuStore div:first-child a { color:#306E8B;padding:10px 0 10px 10px; }
	#barreEtudes #menuStore div:first-child a.selected { background:#306E8B;color:#fff;cursor:auto }
	#barreEtudes #menuStore div:first-child a.selected:hover { text-decoration:none }
	#barreEtudes #menuStore a span { position:absolute;top:14px;right:11px;width: 12px;height: 12px;border-width: 2px 2px 0 0;border-style: solid;border-color: #306E8B;transform: rotate(45deg);display: inline-block;}
	#barreEtudes #menuStore a.selected span { border-color: #fff; }
	#barreEtudes #menuStore div { column-count:2;padding:10px 0;width:513px;display:none;float:right;border-left:1px solid #666; }
    #barreEtudes #menuStore div:first-child { display:block!important;padding:0;float:left;border:0;width:252px;column-count:1 }
	
	#langue { position:absolute;top:-34px;right:251px; }
	.searchEtudes { margin-right: -151px;top: 75px; }
	#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: 219.6px }
    #contentFooter .colonneFooter.en, #contentFooter .colonneFooter .en { 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 { top: 42px;right: 267px }

}