@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,Montserrat:400);

html, body{
  width:100%;
  min-height:100%;
  margin:0;
  padding:0;
}

html{overflow:auto;}

body{
	background:#f2f2f2;
  font-family:"Noto Sans",Arial,Georgia,Verdana,sans-serif;
	font-size:16px;
	font-weight:400;
	color:#231f20;
}

a{color:inherit;text-decoration:none;}
a:hover{text-decoration:none;}

main{
  overflow:hidden;
  display:block;
  margin-top:50px;
}

main h1,main h2,main h3{
	float:left;
	display:block;
	width:100%;
	line-height:1.2em;
	margin:0.3em 0;
	text-transform:uppercase;
	border-bottom:1px solid #231f20;
}

main h1{font-size:1.8em;font-weight:700;}
main h2{font-size:1.5em;padding-top:0.8em;}
main h3{font-size:1.2em;}

img,embed{
  max-width:100%;
}

div.conteneur , main.conteneur{
	width:90%;
	max-width:1200px;
	margin:0 auto;
  clear:both;
}

header[role=banner]{
	background:#000;
}

.bande_haut_recherche{
  background:#000;
  color:#fff;
}

.bande_haut_recherche .bande_haut_droit{
  padding:10px;
  font-size:12px;
  line-height:0;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}

.bande_haut_recherche .bande_haut_droit:hover{
  background:#5f5f5f;
}

.bande_haut_recherche .inscription_newsletter , .bande_haut_recherche  .conteneur .recherches_avancee , .bande_haut_recherche  .mon_compte{
  line-height:26px;
	font-weight:bold;
}

.bande_haut_recherche .inscription_newsletter img , .bande_haut_recherche  .mon_compte img{
	float:left;
  display:block;
  margin-right:1.5ex;
  height:26px;
	width:26px;
}

.langue a{
  display:inline-block;
  font-size:18px;
  font-weight:bold;
  padding:0.1em 0.8ex;
  margin:10px 0;
}

.langue a:nth-child(1){
  border-right:3px solid #fff;
}

.logo_menu_principal{
	position:relative;
}

.logo{
	max-width:35%;
}

.logo img{
	margin:20px 0;
}


.menu_mobile{
	position:absolute;
	right:0;
  top:65px;
  transform:translateY(-50%);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 30px;
  cursor: pointer;
}

.menu_mobile span{
  width:30px;
  height:4px;
  background-color:#fff;
  margin-bottom:6px;
  transition:transform 0.3s ease;
  border-radius:3px;
  transform-origin: center center; 
}

.menu_mobile.actif span:nth-child(1) {
  transform:rotate(45deg) translate( 7px , 6px );
}

.menu_mobile.actif span:nth-child(2) {
  opacity: 0;
}

.menu_mobile.actif span:nth-child(3) {
  transform:rotate(-45deg) translate( 7px , -6px );
}



.rechercher_formulaire{
  background:#fff;
  margin:8px;
  height:30px;
}

.rechercher_formulaire input[type=text]{
  top:0;
  bottom:0;
  left:0;
  right:0;
  border:none;
  margin:0px;
  padding:0 35px 0 1ex;
  line-height:30px;
  font-size:10px!IMPORTANT;
}

.rechercher_formulaire input[type=text]::-webkit-input-placeholder ,
.rechercher_formulaire input[type=text]:-ms-input-placeholder  ,
.rechercher_formulaire input[type=text]::-moz-placeholder ,
.rechercher_formulaire input[type=text]:-moz-placeholder
{
  font-size:10px!IMPORTANT;
}

html .rechercher_formulaire input[type=submit]{
  top:0;
  bottom:0;
  right:0;
  width:30px;
  height:30px;
  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDQ1NzZENDY4QTk0MTFFOEI0QTRBNkY2RTg5NTc0NzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ1NzZENDc4QTk0MTFFOEI0QTRBNkY2RTg5NTc0NzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NDU3NkQ0NDhBOTQxMUU4QjRBNEE2RjZFODk1NzQ3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NDU3NkQ0NThBOTQxMUU4QjRBNEE2RjZFODk1NzQ3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PneyXlcAAAF+SURBVHjavJbRbcMgEIZjb8AKXoGqT5X64oyQjmCPEI/QjlCPEI8Qv1TqUyWv4BUYwbmTfqQrBQxx3JNOKArwccfPnYtlWQ7/YWXO5OeXV8V+D6hYi4g2PtNQk2tyC5nIZ/Lh5/tr2AQiQEMDQypszG7wdwUwjyN5S8A5G4Qo3rFJR5tMkWgbRHoMzfOCBKSnhW3KvdFwRXRBWOks0jkQNprH6TwirZ+pqjvjkrscRQHGazQyEgbRBA79hGhMrnyhvgkKjUZkJ4wb3iWvrX1vTYIqjPMGkBWC2lQZMkzHQOYBABVKvwTNodNkRmJ8Yiod1Rgo716rQ2Jy76hnEKSeZXg/vG5IAX0gqktOO6C5tago6yDk9g0nu6ZEhip/WXuDoeqtUShtOge3WCKKBnc6ChF5C2usHykUyZNQpexHCr85XZ1zuD+wlA5ra6CCqoztsLRZH8nEL1jx6I8TB/ZkO2+xx1eQaIY2MrNLrRPN8GAVuVdRlbB2t9T57CbAALSWvP+zjhCsAAAAAElFTkSuQmCC) no-repeat center center;
  border:none;
  margin:0px;
}

.recherches_avancee{
  text-decoration:underline;
}

html header[role=banner] nav img{
  display:inline-block;
}

.menu_mobile_burger{
	top:50%;
	left:30px;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

html .menu_mobile_burger{
	position:absolute;
}

html .menu_mobile_burger>div , html .menu_mobile_burger:after , html .menu_mobile_burger:before {
	background-color:#000;
}

nav.menu_principal{
	position:absolute;
	right:0;
  top:50%;
  transform:translateY(-50%);
}

nav.menu_principal ul.menu_deroulant>li>a{
  padding:0 2ex;
	color:#fff;
}

nav.menu_principal ul.menu_deroulant>li>a:after{
  content:" ";
  position:absolute;
  bottom:0px;
  left:50%;
  width:40px;
  height:7px;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition:all 0.3s;
  -khtml-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}

nav.menu_principal ul.menu_deroulant>li:hover>a:after{
  width:100%;
}

.menu_c821ea>a:after{background:#c821ea;}
.menu_950cb1>a:after{background:#950cb1;}
.menu_8bbb17>a:after{background:#8bbb17;}
.menu_1a7e72>a:after{background:#1a7e72;}
.menu_0193e8>a:after{background:#0193e8;}
  
.menu_principal ul>li:hover>a, .menu_principal ul>li:focus>a, .menu_principal ul>li.active>a{
  background:transparent;
}

nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li>ul, nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li>div{
}

.banniere_fond{
  background:#e1e1e1;
}

html main.conteneur{
  font-family:Montserrat,Arial,Georgia,Verdana,sans-serif;
  margin-top:30px;
  margin-bottom:30px;
}

footer[role=contentinfo]{
  background:#000;
  color:#fff;
  padding:40px 0;
}

footer[role=contentinfo] .menu_principal_bas a{
  float:left;
  display:block;
  padding:0.1em 0;
  width:100%;
}

footer[role=contentinfo] b{
  font-size:1.2em;
}

.reseaux_sociaux a{
  display:inline-block;
  width:36px;
  margin:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}

.menu_bas{
  border-top:1px solid #fff;
}

.menu_bas a{
  display:inline-block;
  padding:0 1ex;
	font-size:0.8em;
}

.catalogue_titre_selection{
  background:transparent url(data:image/gif;base64,R0lGODlhAgACAIAAABqX9AAAACwAAAAAAgACAAACAoxTADs=) repeat-x center;
}

.catalogue_titre_selection.id_selection_5{
	background-image: url(data:image/gif;base64,R0lGODlhAgACAIAAABqX9AAAACwAAAAAAgACAAACAoRRADs=);
}

.catalogue_titre_selection>div{
  display:block;
  background:#fff;
  font-size:24px;
  text-align:center;
  padding:0.8em 1ex;
  margin:0.2em auto;
  border:1px solid #000;
  max-width:80%;
  width:500px;
  text-transform:uppercase;
}

.catalogue_titre_selection.id_selection_5>div{
	font-weight:bold;
	color:#1a97f4;
  border:1px solid #1a97f4;
}

.titre_selection{
  border-bottom:2px solid #000;
  text-transform:uppercase;
  font-size:24px;
  font-weight:600;
  padding-bottom:0.3em;
  margin:1em 0;
}

.catalogue_liste_article:nth-child(4n+1){
  clear:both;
}

.catalogue_liste_article>div {
    float: left;
    display: block;
    width: 100%;
    background: #e1e1e1;
    padding-top: 1em;
}

.catalogue_image_liste{
  position:relative;
  height:0;
  padding-bottom:100%;
	margin:0 15%;
}

.catalogue_image_liste img{
  position:absolute;
  border:1px solid #000;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width:100%;
  max-height:100%;
}

.catalogue_image img{
  border:1px solid #000;
}

.catalogue_detail_article_panier{
	float:left;
	display:block;
	width:100%;
	font-size:0.9em;
}

.catalogue_detail_article_panier b , .catalogue_detail_article_panier i{
	display:inline-block;
	margin-left:1ex;
}

.catalogue_detail_article_panier i{
	font-size:0.8em;
}

.panier_case , .bouton_commande , .bouton_commande.droit{
  background:#000;
  color:#fff;
  padding:0.5em 1.5ex;
  text-align:center;
}

.bouton_commande:hover , .bouton_commande.droit:hover{
  background:#555;
  color:#fff;
}

.panier_case:hover{
  background:#5f5f5f;
}
  
.panier_case img{
  float:left;
  max-height:1em;
}

.catalogue_picto_affichage a{
  padding:0 5px;
}

.catalogue_detail_retour{
  background: #000;
  color: #fff;
  padding:0.5em 1.5ex;
}

main .catalogue_detail_gauche h1 , main .catalogue_detail_gauche h2{
  color:#353b3e;
  font-size:18px;
  font-weight:bold;
	border-bottom:none;
}

main .catalogue_detail_gauche h2{
  padding-top:0;
	text-transform:none;
}

main .catalogue_detail_description h2 , main .catalogue_detail_description h3{
	margin-bottom:1em;
}

.catalogue_detail_version {
	background:#e3e3e3;
}

.catalogue_detail_version_dossier{
  color:#fff;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
	padding:0.8em 1ex;
}

.catalogue_version_liste{
  float:left;
  display:block;
  width:100%;
	border-bottom:1px solid #f2f2f2;
  padding:0.5em 2ex;
  line-height:24px;
}
  
.catalogue_version_liste:hover{
  background:#eee;
}

.catalogue_version_liste img{
  float:left;
  display:block;
  margin-right:1ex;
  width:24px
}

.menu_mon_compte{
  float:left;
  display:block;
  width:100%;
  padding:0.2em 2ex;
}

.identification_titre h1{
  font-size:24px;
  font-weight:400;
  border-bottom:2px solid #000;
  margin:1.8em 0;
}

.identification_connexion h2{
  text-transform:none;
}

.pas_encore_client{
  background:#000;
  color:#fff;
  text-align:center;
  padding:0.5em 1.5ex;
}

.pas_encore_client:hover{
  background:#555;
}

.menu_bas_bon_commande a{
  float:left;
  display:block;
  background:#fff;
  color:#000;
  padding:0.9em 2ex;
  clear:both;
}

.menu_bas_bon_commande a img{
  float:left;
  display:block;
  margin-right:1.5ex;
}

.catalogue_liste_article_titre , .catalogue_liste_article_auteur {
  float:left;
  display:inline-block;
  width:100%;
  overflow:hidden;
}

.catalogue_liste_article_titre {
  height:2.4em;
}

.catalogue_liste_article_auteur {
  height:3.8em;
}

.reseau_sociaux_catalogue_detail{
	color:#fff;
	font-size:13px;
	line-height:1.6em;
	margin-right:1ex;
	padding:0 1ex;
}

.reseau_sociaux_catalogue_detail.rs_facebook{
	background:#305790;
}

.reseau_sociaux_catalogue_detail.rs_tweeter{
	background:#2ca8d2;
}

html .reseau_sociaux_catalogue_detail img{
	border:none;
	margin-right:1ex;
	height:1.6em;
}

html .reseau_sociaux_catalogue_detail , html .reseau_sociaux_catalogue_detail img{
	float:left;
	display:block;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}

.rs_imprimer , html .rs_imprimer img{
	float:right;
	display:block;
	border:none;
}

.catalogue_liste_article{
	width:23%;
	margin:10px 1%;
}

.verification_champs , .voir_conditions_generales_de_vente{
	font-size:20px;
	color:rgb(170, 4, 0);
}

@media screen and (max-width:1100px) {
    
  .catalogue_liste_article:nth-child(2n+1){
    clear:both;
  }

	.menu_principal{
		margin-top:0px;
	}
	
	.logo{
		width:100%;
		text-align:center;
    max-width:100%;
	}
	
	nav.menu_principal{
		position:static;
		transform:none;
		float:left;
		display:block;
		width:100%;
	}
	
}

@media screen and (max-width:700px) {

	.bande_haut_recherche .inscription_newsletter{
		width:46px;
		overflow:hidden;
		white-space:nowrap;
	}
	
	.bande_haut_recherche .inscription_newsletter img{
    height:26px;
    height:26px;
    margin-right:20px;
	}
	
	nav.menu_principal {
		margin:10px 0;
	}
	
  div.crea_intitule_emailNewsletter , div.crea_champs_emailNewsletter{
    width:100%;
    text-align:left;
    margin:0;
    padding:0;
  }
  
  nav.menu_principal ul.menu_deroulant>li>a:after{
    display:none;
  }
  
  nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li>ul, nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li>div{
    padding-left:2ex;
  }
  
  main article.conteneur>div , main article .conteneur>div , main .conteneur article>div{
    padding:0px!IMPORTANT;
  }
  
  main article>div figure{
    text-align:center;
  }

  .catalogue_liste_article_auteur {
    font-size:0.8em;
  }
  
	.catalogue_titre_selection>div{
		font-size:18px;
	}
	
	.catalogue_liste_article{
		width:46%;
		margin:10px 2%;
	}

	ul.menu_deroulant li{
		float:left;
		display:block;
		width:100%;
    color: #fff;
	}
	
	ul.menu_deroulant li a{
		padding:8px!IMPORTANT;
	}
	
	ul.menu_deroulant li a:hover{
		background:rgba(255,255,255,0.2)
	}
	
}