/* Fichier de base */
/*
A / Acceuil
B / Chaussures - Hommes - Maroquinerie
C / Boots
D / Bottes - Cuissardes
E / Matières
F / Formes - Talons
G / Versions - Panier - Commande - Compte
H / Personnalisation
I / Composants - Contact - Mode d'emploi - Boutiques - "Default"
J / Formulaires
K / Vidéos
L / Pointure
*/
html{
	height: 100%;
}
body{
	width: 100%; 
	font-size: 100%;
	font-family: Arial, Helvetica, 'Liberation Sans', 'FreeSans', sans-serif;  
	color:#404040; /* #404040 */
		
	-webkit-text-size-adjust:none; 
    -ms-text-size-adjust:none; 	
}
#header{
	width:100%;
	float:left;
	margin:0;
	padding:1rem 0 0 0;
}
#content{
	width:100%;
	position:relative;
	float:left;
	clear:both;
	margin:0;
	padding:0 0 2rem 0;
}
#footer{
	width:100%;
	float:left;
	clear:both;
	margin:0;
	padding:2rem 0 2rem 0;
}
h1{
	text-align: center;
	line-height: 1.5rem; 
	margin: 0.5rem;
}
h2{
	text-align:center;
	line-height: 1.5rem;
	margin: 0.5rem;
}
h3{
	text-align: center;
	font-weight: 400;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}
h4{
	text-align:center;
	font-weight: 400;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}
h5{	
	text-align:center;
	font-weight: 400;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}
h6{ 
	text-align:center;
	font-weight: 400;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}
p{
	text-align: left;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}
ul {    
    text-align: center;
}
li{
	display:inline-block;
	line-height: 1.4rem;	
}

.title1{
	font-size:2rem;
	font-weight:500;
}
.title2{
	font-size:1.8rem;
	font-weight:500;
}
.title3{
	font-size:1.6rem;
	font-weight:500;
}
.title4{
	font-size:1.4rem;
	font-weight:500;
}

a{
	text-decoration: none;
	color:#000000;
}
a:hover{
	color:#B69731;
}
a.active:hover{
	color:#000000;
}


.underline a{
	text-decoration: underline;
}
.underline{
	text-decoration: underline;
}

#content ul{
	margin-top: 1rem;
}
#footer ul.commun li.social{
	margin:1rem;
}

.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}

.floatleft{
	float:left;
}
.floatright{
	float:right;
}

.bold{
	font-weight:600;
}

.pad5{
	padding:0.5rem 0 0.5rem 0;
}

.mag-05{
	margin-top: -0.5rem;
}
.mag-07{
	margin-top: -0.7rem;
}
.mag-08{
	margin-top: -0.8rem;
}
.mag-1{
	margin-top: -1rem;
}

.magL-1{
	margin-left: 1rem;
}
.magL-2{
	margin-left: 2rem;
}

.navordi{
	float:left;
	width: 100%;
	margin:0;
}
.navmob{
	float:left;
	width:100%;
	margin:0;
}

/* Fil de navigation */
.fil{
	text-align: left;
	margin-left: 2%;
}
.navordi .fil{
	margin-left: 2%;
}

/* Menus cachés ordi et tablette */
#menuclt{
	display:none;
	position:fixed;
	background-color: #fff;
	border-left: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding: 2rem;
	top:0;
	right:0;
	z-index: +1;
	cursor: pointer;
}
#menuclt ul li{
	display: block;
	text-align: left;
	margin-bottom: 1rem;
}
#menuclt ul li.right{
	display: block;
	text-align: right;
	margin-bottom: -1.5rem;
}


#composants{
	display:none;
	position:fixed;
	background-color: #fff;
	border-left: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding: 2rem;
	top:0;
	right:0;
	z-index: +1;
	cursor: pointer;
}
#composants ul li{
	display: block;
	text-align: left;
	margin-bottom: 1rem;
}
#composants ul li.right{
	display: block;
	text-align: right;
	margin-bottom: -1.5rem;
}

#langues{
	display:none;
	position:fixed;
	background-color: #fff;
	border-left: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding: 2rem;
	top:0;
	right:0;
	z-index: +1;
	cursor: pointer;
}
#langues ul li{
	display: block;
	text-align: left;
	margin-bottom: 1rem;
}
#langues ul li.right{
	display: block;
	text-align: right;
	margin-bottom: -1.5rem;
}

/* Les séparateurs */
/* <div class="espace"></div> => rétabli les propriétés de marge entre les div quand cela ne fonctionne pas*/
.espace{
	width: 100%;
	clear: both;
	margin:0;
	padding:0;
}
.espacedemih{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:0.25rem;
}
.espaceh{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:0.5rem;
}
.espaceH{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:1rem;
}
.espaceHR{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:1rem;
	border-bottom: 1px solid rgb(121,121,121);
}
.espace2H{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:2rem;
}
.espace3H{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:3rem;
}
.espace4H{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:4rem;
}
.espace5H{
	width: 100%;
	clear: both;
	margin:0;
	padding-bottom:5rem;
}
.espacep5{
	width: 100%;
	clear: both;
	padding-bottom:5rem;
}
.espace-h{
	width: 100%;
	clear: both;
	margin-bottom:-0.5rem;
}
.espace-H{
	width: 100%;
	clear: both;
	margin-bottom:-1rem;
}

.espacesousfocusdroit{
	width: 100%;
	clear: both;
	padding-top: 83.1%;
}

.separationversion{
	clear: both;
	width: 98%;
	margin: 3% 0 0 1%;
	border-bottom: 2px solid #404040;  
}
/* A supprimer */
.separationcommande{
	clear: both;
	width: 98%;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding-top: 0.2rem;
	margin: 1rem 0 1rem 1%;  
}

.separationecrin{
	clear: both;
	width: 90%;
	margin: 0 0 1rem 5%;
	padding: 1rem 0 0 0;
	border-bottom: 1px solid #404040;  
}
.separationtexte{
	clear: both;
	width: 90%;
	margin: 0 0 0 5%;
	border-bottom: 1px solid rgba(121,121,121,1); 
}

.retrait1R{
	padding-left: 1rem;
}
.retrait05R{
	padding-left: 0.5rem;
}

/* Barre de titres */
ul.lihr{
	width: 100%;
	padding:1rem 0 1rem 0;
}

li.hr6{
	border-bottom: 1px solid #404040; 
}
li.hr7{
	border-bottom: 1px solid #404040;
}
li.hr8{
	border-bottom: 1px solid #404040;
}
li.hr9{
	border-bottom: 1px solid #404040;
}
li.hr10{
	border-bottom: 1px solid #404040;
}
li.hr11{
	border-bottom: 1px solid #404040;
}
li.hr12{
	border-bottom: 1px solid #404040;
}
li.hr13{
	border-bottom: 1px solid #404040;
}
li.hr14{
	border-bottom: 1px solid #404040;
}
li.hr15{
	border-bottom: 1px solid #404040;
}
li.hr16{
	border-bottom: 1px solid #404040;
}
li.hr18{
	border-bottom: 1px solid #404040;
}
li.hr26{
	border-bottom: 1px solid #404040;
}
li.hr27{
	border-bottom: 1px solid #404040;
}
li.hr30{
	border-bottom: 1px solid #404040;
}
li.hr31{
	border-bottom: 1px solid #404040;
}


/* Blanc */
.blanc{
	color: #fff;
}

/* Rouge */
.rouge, .erreur{
	color:#BC0000;
	text-shadow: none;
}
.rouge a, .erreur a{
	color:#BC0000;
	text-shadow: none;
}
.rouge a:hover, .erreur a:hover{
	color:#404040;
	text-shadow: none;
}
a span.rouge, a span.erreur {
	color:#BC0000;
	text-shadow: none;
}
a span.rouge:hover, a span.erreur:hover {
	color:#404040;
	text-shadow: none;
}
span.rouge a, span.erreur a{
	color:#BC0000;
	text-shadow: none;
}
span.rouge a:hover, span.erreur a:hover{
	color:#404040;
	text-shadow: none;
}
/* Vert */
.vert, .verte{
	color:#2F9428;
	text-shadow: none;
}
.vert a, .verte a{
	color:#2F9428;
	text-shadow: none;
}
.vert a:hover, .verte a:hover{
	color:#404040;
	text-shadow: none;
}
span.vert a, span.verte a{
	color:#2F9428;
	text-shadow: none;
}
span.vert a:hover, span.verte a:hover{
	color:#404040;
	text-shadow: none;
}
/* bleu */
.bleu, .rappel{
	color:#3336AA;
	text-shadow: none;
}
.bleu a, .rappel a{
	color:#3336AA;
	text-shadow: none;
}
.bleu a:hover, .rappel a:hover{
	color:#404040;
	text-shadow: none;
}
span.bleu a, span.rappel a{
	color:#3336AA;
	text-shadow: none;
}
span.bleu a:hover, span.rappel a:hover{
	color:#404040;
	text-shadow: none;
}

/* Gold # 9B5616*/
.choix{
	color:#b69731;
	text-shadow: none;
}
.choix a{
	color:#b69731;
	text-shadow: none;
}
h3.choix{
	color:#b69731;
	text-shadow: none;
}
h4.choix{
	color:#b69731;
	text-shadow: none; 
}
.choyer{
	color:#b69731;
	font-weight: 400;
	text-shadow: none;
}
.choyer a{
	color:#b69731;
	font-weight: 400;
	text-shadow: none;
}
h3.choyer{
	color:#b69731;
	font-weight: 400;	
	text-shadow: none;
}
h4.choyer{
	color:#b69731;
	font-weight: 400;	
	text-shadow: none;
}
h5.choyer{
	color:#b69731;
	font-weight: 400;	
	text-shadow: none;
}
.choisir {
	color:#b69731;
	font-weight: 400;
	text-shadow: none;
}
.choisir a{
	color:#b69731;
	font-weight: 400;
	text-shadow: none;
}
.choisir a:hover{
	color:#404040;
	font-weight: 400;	
	text-shadow: none;
}
span.choisir {
	color:#b69731;
	font-weight: 400;
	text-shadow: none;
}
span.choisir a{
	color:#b69731;
	font-weight: 400;
	text-shadow: none;
}
span.choisir a:hover{
	color:#404040;
	font-weight: 400;	
	text-shadow: none;
}
/* OR */
.active{
	color:#B69731;
	text-shadow: none; 	
}
li.active{
	color:#B69731;
	text-shadow: none; 	
}
h2.active{
	color:#B69731;
	text-shadow: none; 	
}
h3.active{
	color:#B69731;
	text-shadow: none; 	
}
h4.active{
	color:#B69731;
	text-shadow: none; 	
}
h5.active{
	color:#B69731;
	text-shadow: none; 	
}
.active a{
	color:#B69731;
	text-shadow:none;
}
.active a:hover{
	color: #000;
	text-shadow: none;	
}

/* or */
.activemob{
	color:#B69731;
	text-shadow: none; 	
}
h3.activemob{
	color:#B69731;
	text-shadow: none; 	
}
h4.activemob{
	color:#B69731;
	text-shadow: none; 	
}
h5.activemob{
	color:#B69731;
	text-shadow: none; 	
}
.activemob a{
	color:#B69731;
	text-shadow:none;
}
.activemob a:hover{
	color:#B69731;
	text-shadow: none;	
}

.ocre {
	color: #CF600B;
}
.ocre a{
	color: #CF600B;
}

/* Bouton */
#content ul.personnalisation{
	clear: both;
	padding: 1rem 0 1rem 0;

}

.bordertitle{
	border: 2px solid #B69731;
	padding: 0.7rem 1rem;
}

#content li.btor a{
	color:#404040;
	text-decoration: underline;
	font-size: 1.6rem;
	border: 2px solid #B69731;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}
#content li.btor:hover a{
	color:#404040;
	border: 2px solid #404040;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}

#content li.btvert a{
	color:#2F9428;
	font-size: 1.6rem;
	border: 2px solid #2F9428;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}
#content li.btvert:hover a{
	color:#404040;
	border: 2px solid #404040;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}

#content li.btbleu a{
	color:#3336AA;
	font-size: 1.6rem;
	border: 2px solid #3336AA;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}
#content li.btbleu:hover a{
	color:#404040;
	border: 2px solid #404040;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}

#content li.btrouge a{
	color:#BC0000;
	font-size: 1.6rem;
	border: 2px solid #BC0000;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}
#content li.btrouge:hover a{
	color:#404040;
	border: 2px solid #404040;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.4);
	padding: 0.7rem 1rem;
}


/* Barres de sélection */
ul.modeles {
	float:left;
	margin-left: 0.5rem
}
ul.modeles li {
	float:left;
}



/* Menu accordéon */
/* Barre décrivant la sélection actuelle */
.categoriemenuG{
	float:left;
	margin: 0 0 1rem 1rem;
}
.blocmenuG{
	float:left;
	margin: 0 0 1rem 0;
}
.blocsousmenuG{
	float:left;
	margin: 0 0 1rem 0;
}


.categoriemenuD{
	float:left;
	margin: 0 0 1rem 1rem;
}
.blocmenuD{
	float:left;
	margin: 0 0 1rem 0;
}
.blocsousmenuD{
	float:left;
	margin: 0 0 1rem 0;
}

.categoriemenuG h2, .blocmenuG h2, .blocsousmenuG h2, .categoriemenuD h2, .blocmenuD h2, .blocsousmenuD h2{
	margin: 0;
}

.closedmenu {
	width: 100%;
    cursor: pointer;
    border: none;
    outline: none; 
}

.inline{
	display: inline-block;
}

.closedsousmenu {
	width: 100%;
    cursor: pointer;
    border: none;
    outline: none; 
}

.fleche{
	float: right;
	color: rgb(121,121,121);
}
.gris{
	color: rgb(121,121,121);
}

.menu {
    max-height: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out; /* Safari */
    transition: max-height 0.2s ease-out;
}
.sousmenu {
    max-height: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out; /* Safari */
    transition: max-height 0.2s ease-out;
}

.menu ul li{
	display: block;
	text-align: left;
	margin: 1rem 0 1rem 0;
}
.menu ul li.stg{
	display: block;
	text-align: left;
	margin:0;
}

.nowrap{
	white-space: nowrap;
}


ul.pagination{
	width:90%;
	margin-left:5%;
}
ul.paginationmob{
	width:90%;
	margin-left:5%;
}


/* Div publicitaire en bas de page */
.promo{
	display:inline-block;
	padding: 0.5rem 1rem 0.5rem 1rem;
	border: 2px solid #2F9428;
}

.promo ul li{
	display:block;
}

/* Gestions des cookies et traceurs */
#consentement{
	display:block;
	position: fixed;
    bottom: -0.2rem;
    right: 0;
    width: 100%;
    border-top:1px solid rgba(128,128,128,1);
    background-color:#f6f0e8;  
}
.consentleft{
	float:left;
	width:73%;
	margin:0;
	padding:0;
}
.consentright{
	float:left;
	width:27%;
	margin:0;
	padding:0;
}
.accepter{
	padding:0.5rem 1rem;
	margin:0.60rem 0 0 0;
	border:2px solid #2F9428;
	font-size: 1.1rem;
	background-color:transparent;
	color:#2F9428;
}
.accepter:hover{
	cursor:pointer;
	color:#B69731 ;
	border:2px solid #B69731;
}
.personnaliser{
	padding:0.5rem 1rem;
	margin:0.60rem 0 0 0;
	border:2px solid #404040;
	font-size: 1.1rem;
	background-color:transparent;
}
.personnaliser:hover{
	cursor:pointer;
	color:#B69731 ;
	border:2px solid #B69731;
}

/*
	320x480px pour l'iPhone 3
	320x480px pour l'iPhone 4
	320x568px pour l'iPhone 5
	360x640 Divers marques - N°1 des connexions
	375x667 pour l'iphone SE
	375x667 pour l'iPhone 6 (414x736 pour l'iPhone 6+)
	375x667 pour l'iPhone 7 (414x736 pour l'iPhone 7+)
	375x667 pour l'iPhone 8 (414x736 pour l'iPhone 8+)
	375x812 pour l'iphone X
	375x812 pour l'iphone 11 (414x812 pour l'iphone 11+)
	768x1024px pour l'iPad 2
	768x1024px pour l'iPad 3
*/

@media all and (max-width:374px) {

	/* Iphone 3 4 5 portrait 320px */
	h1{  
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h3{  
		font-size: 1rem;
		margin: 0.5rem;
	}	
	h4{
		font-size: 0.9rem;
	}
	h5{
		font-size: 0.9rem;
	}
	li{
		font-size: 1rem;
	}
	p{
		font-size: 0.9rem;
		padding: 2rem 1rem 2rem 1rem;
	}

	.title1{
		font-size:1.6rem;
		font-weight:500;
	}
	.title2{
		font-size:1.4rem;
		font-weight:500;
	}
	.title3{
		font-size:1.3rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
		font-weight:500;
	}


	.navordi{
		display:none;
	}

	.fil{
		margin-left: 0.5rem;
	}		

	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien{
		float:left;
		width:100%;
	}

	.focuslien ul{
		margin:0;
	}

	.focuslien ul li{
		display: block;
		font-size: 1.1rem;
		margin:1rem;
	}

	#content ul.personnalisation li{
		display: block;
		margin:1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		display:inline-block;
		font-size: 1.2rem;
		margin:0;
	}

	.pagination li, .paginationmob li{
		font-size: 1.3rem;
		margin:0.5rem 0.2rem;
	}

	/* footer */
	.commun li{
		display: block;
		font-size: 1rem;
		margin: 1rem;
	}
	.tab{
		display:none;
	}
	.ordi{
		display:none;
	}
	.mob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob ul li{
		display: block;
		font-size: 1rem;
		text-align: left;
		margin: 1rem 0 1rem 2rem;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	.promo{
		width: 80%;
		margin:0.5rem auto;
	}

	#content ul.lihr{
		padding:0 0 0.5rem 0;
	}
	#content ul.lihr li{
		display:inline-block;
	}

	#content li.hrtitre{
		margin-left:0;
		margin-right:0;
	}

	/* Barres de titres */
	#content li.hr6{
		width:31%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr7{
		width:28.4%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr8{
		width:26.8%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr9{
		width:26%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr10{
		width:25.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr11{
		width:25%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr12{
		width:24%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr13{
		width:22.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr14{
		width:21.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr15{
		width:20%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr16{
		width:18%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr18{
		width:15.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr26{
	}
	#content li.hr27{
	}
	#content li.hr30{
	}
	#content li.hr31{
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}

}

@media all and (min-width:375px) and (max-width:479px){

	/* Iphone 6 portrait 375px */
	h1{  
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h3{  
		font-size: 1rem;
		margin: 0.5rem;
	}	
	h4{
		font-size: 0.9rem;
	}
	h5{
		font-size: 0.9rem;
	}
	li{
		font-size: 1rem;
	}
	p{
		font-size: 0.9rem;
		padding: 2rem 1rem 2rem 1rem;
	}

	.title1{
		font-size:1.6rem;
		font-weight:500;
	}
	.title2{
		font-size:1.4rem;
		font-weight:500;
	}
	.title3{
		font-size:1.3rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
		font-weight:500;
	}

	.navordi{
		display:none;
	}

	.fil{
		margin-left: 0.5rem;
	}

	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul{
		margin:0;
	}
	.focuslien ul li{
		display: block;
		font-size: 1.1rem;
		margin:1rem;
		text-shadow:none;
	}

	#content ul.personnalisation li{
		display: block;
		margin:1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		display:inline-block;
		font-size: 1.2rem;
		margin:0;
	}
	

	.pagination li, .paginationmob li{
		font-size: 1.3rem;
		margin:0.5rem 0.2rem;
	}
	/* footer */
	.commun li{
		display: block;
		font-size: 1rem;
		margin: 1rem;
	}
	.tab{
		display:none;
	}
	.ordi{
		display:none;
	}
	.mob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob ul li{
		display: block;
		font-size: 1rem;
		text-align: left;
		margin: 1rem 0 1rem 2.5rem;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	.promo{
		width: 80%;
		margin:0.5rem auto;
	}

	#content ul.lihr{
		padding:0 0 0.5rem 0;
	}
	#content ul.lihr li{
		display:inline-block;
	}

	#content li.hrtitre{
		margin-left:0;
		margin-right:0;
	}

	/* Barres de titres */
	#content li.hr6{
		width:33.7%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr7{
		width:32.7%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr8{
		width:31.6%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr9{
		width:31%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr10{
		width:30.4%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr11{
		width:29.6%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr12{
		width:29%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr13{
		width:28.2%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr14{
		width:27.4%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr15{
		width:26.3%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr16{
		width:25%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr18{
		width:22%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr26{
		width:14%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr27{
		width:13.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr30{
		width:10.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hr31{
		width:9.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}
		
}

@media all and (min-width:480px) and (max-width:567px){

	/* iphone 3 4 paysage 480px */
	h1{  
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h3{  
		font-size: 1rem;
		margin: 0.5rem;
	}	
	h4{
		font-size: 1rem;
	}
	h5{
		font-size: 1rem;
	}
	li{
		font-size: 1rem;
	}
	p{
		font-size: 0.9rem;
		padding: 2rem 1rem 2rem 1rem;
	}

	.title1{
		font-size:1.6rem;
		font-weight:500;
	}
	.title2{
		font-size:1.4rem;
		font-weight:500;
	}
	.title3{
		font-size:1.3rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
		font-weight:500;
	}

	.navordi{
		display:none;
	}

	.fil{
		margin-left: 0.5rem;
	}
	
	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul{
		margin:0;
	}
	.focuslien ul li{
		display: block;
		font-size: 1.1rem;
		margin:1rem;
		text-shadow:none;
	}

	#content ul.personnalisation li{
		display: block;
		margin:1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		display:inline-block;
		font-size: 1.3rem;
		margin:0;
	}

	.pagination li, .paginationmob li{
		font-size: 1.4rem;
		margin:0.5rem 0.2rem;
	}
	/* footer */
	.commun li{
		display: block;
		font-size: 1rem;
		margin: 1rem;
	}
	.tab{
		display:none;
	}
	.ordi{
		display:none;
	}
	.mob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob{
		width: 50%;
		float: left;
		margin: 0;
	}
	.sousmob ul li{
		display: block;
		font-size: 1rem;
		text-align: left;
		margin: 1rem 0 1rem 2rem;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	/* Barres de titres */

	#content ul.lihr{
		padding:0 0 0.5rem 0;
	}
	#content ul.lihr li{
		display:inline-block;
	}

	#content li.hrtitre{
		margin-left:0;
		margin-right:0;
	}

	li.hr6{
		width:33.7%;
	}
	li.hr7{
		width:32.7%;
	}
	li.hr8{
		width:31.6%;
	}
	li.hr9{
		width:31%;
	}
	li.hr10{
		width:30.4%;
	}
	li.hr11{
		width:29.6%;
	}
	li.hr12{
		width:29%;
	}
	li.hr13{
		width:28.2%;
	}
	li.hr14{
		width:27.4%;
	}
	li.hr15{
		width:26.3%;
	}
	li.hr16{
		width:25%;
	}
	li.hr18{
		width:23%;
	}
	li.hr26{
		width:13%;
	}
	li.hr27{
		width:12.5%;
	}
	li.hr30{
		width:10.5%;
	}
	li.hr31{
		width:9.5%;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}

}

@media all and (min-width:568px) and (max-width:639px) {

	/* iphone 5 paysage 568px */
	h1{  
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h3{  
		font-size: 1rem;
		margin: 0.5rem;
	}	
	h4{
		font-size: 1rem;
	}
	h5{
		font-size: 1rem;
	}
	li{
		font-size: 1rem;
	}
	p{
		font-size: 0.9rem;
		padding: 2rem 1rem 2rem 1rem;
	}

	.title1{
		font-size:1.6rem;
		font-weight:500;
	}
	.title2{
		font-size:1.4rem;
		font-weight:500;
	}
	.title3{
		font-size:1.3rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
		font-weight:500;
	}

	.navordi{
		display:none;
	}

	.fil{
		margin-left: 0.5rem;
	}

	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul{
		margin:0;
	}
	.focuslien ul li{
		display: block;
		font-size: 1.1rem;
		margin:1rem;
	}

	#content ul.personnalisation li{
		display: block;
		margin:1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		display:inline-block;
		font-size: 1.3rem;
		margin:0;
	}

	.pagination li, .paginationmob li{
		font-size: 1.4rem;
		margin:0.5rem 0.2rem;
	}
	/* footer */
	.commun li{
		display: block;
		font-size: 1rem;
		margin: 1rem;
	}
	.tab{
		display:none;
	}
	.ordi{
		display:none;
	}
	.mob{
		width: 100%; 
		float: left;
		margin: 0;
	}
	.sousmob{
		width: 50%;
		float: left;
		margin: 0;
	}
	.sousmob ul li{
		display: block;
		font-size: 1rem;
		text-align: left;
		margin: 1rem 0 1rem 3rem;
	}
	.sepapieddepage{
		display: none;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	/* Barres de titres */
	li.hr6{
		width:32.9%;
	}
	li.hr7{
		width:31.7%;
	}
	li.hr8{
		width:30.8%;
	}
	li.hr9{
		width:30%;
	}
	li.hr10{
		width:29.4%;
	}
	li.hr11{
		width:28.6%;
	}
	li.hr12{
		width:28%;
	}
	li.hr13{
		width:27.6%;
	}
	li.hr14{
		width:26.8%;
	}
	li.hr15{
		width:25.8%;
	}
	li.hr16{
		width:24.5%;
	}
	li.hr18{
		width:23.3%;
	}
	li.hr26{
		width:18%;
	}
	li.hr27{
		width:17.5%;
	}
	li.hr30{
		width:15.5%;
	}
	li.hr31{
		width:14.5%;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}

}

@media all and (min-width:640px) and (max-width:719px) {

	/* Samsung galaxy paysage 640px iphone 6 paysage 667 */
	h1{  
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h3{  
		font-size: 1rem;
		margin: 0.5rem;
	}	
	h4{
		font-size: 1rem;
	}
	h5{
		font-size: 1rem;
	}
	li{
		font-size: 1rem;
	}
	p{
		font-size: 0.9rem;
		padding: 2rem 1rem 2rem 1rem;
	}

	.title1{
		font-size:1.6rem;
		font-weight:500;
	}
	.title2{
		font-size:1.4rem;
		font-weight:500;
	}
	.title3{
		font-size:1.3rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
		font-weight:500;
	}

	.navordi{
		display:none;
	}

	.fil{
		margin-left: 0.5rem;
	}
	
	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul{
		margin:0;
	}
	.focuslien ul li{
		display: block;
		font-size: 1.1rem;
		margin:1rem;
	}

	#content ul.personnalisation li{
		display: block;
		margin:1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		display:inline-block;
		font-size: 1.3rem;
		margin:0;
	}

	.pagination li, .paginationmob li{
		font-size: 1.4rem;
		margin:0.5rem 0.2rem;
	}
	/* footer */
	.commun li{
		display: block;
		font-size: 1rem;
		margin: 1rem;
	}
	.tab{
		display:none;
	}
	.ordi{
		display:none;
	}
	.mob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob{
		width: 50%;
		float: left;
		margin: 0;
	}
	.sousmob ul li{
		display: block;
		font-size: 1rem;
		text-align: left;
		margin: 1rem 0 1rem 4rem;
	}
	.sepapieddepage{
		display: none;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	/* Barres de titres */
	li.hr6{
		width:34.9%;
	}
	li.hr7{
		width:34%;
	}
	li.hr8{
		width:32.8%;
	}
	li.hr9{
		width:32.2%;
	}
	li.hr10{
		width:31.8%;
	}
	li.hr11{
		width:31.2%;
	}
	li.hr12{
		width:30.5%;
	}
	li.hr13{
		width:30.1%;
	}
	li.hr14{
		width:29.4%;
	}
	li.hr15{
		width:28.8%;
	}
	li.hr16{
		width:27.5%;
	}
	li.hr18{
		width:25.8%;
	}
	li.hr26{
		width:20.5%;
	}
	li.hr27{
		width:20%;
	}
	li.hr30{
		width:18%;
	}
	li.hr31{
		width:17%;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}

}

@media all and (min-width:720px) and (max-width:767px) {

	/* Microsoftsurface portrait 720 px iphone 6+ paysage 736 */
	h1{  
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.1rem;
		margin: 0.5rem;
	}
	h3{  
		font-size: 1rem;
		margin:0.5rem;
	}	
	h4{
		font-size: 1rem;
	}
	h5{
		font-size: 1rem;
	}
	li{
		font-size: 1rem;
	}
	p{
		font-size: 0.9rem;
		padding: 2rem 1rem 2rem 1rem;
	}

	.title1{
		font-size:1.6rem;
		font-weight:500;
	}
	.title2{
		font-size:1.4rem;
		font-weight:500;
	}
	.title3{
		font-size:1.3rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
		font-weight:500;
	}

	.navordi{
		display:none;
	}

	.fil{
		margin-left: 0.5rem;
	}
	
	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul{
		margin:0;
	}
	.focuslien ul li{
		display: block;
		font-size: 1.1rem;
		margin:1rem;
	}

	#content ul.personnalisation li{
		display: block;
		margin:1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		display:inline-block;
		font-size: 1.3rem;
		margin:0;
	}

	.pagination li, .paginationmob li{
		font-size: 1.4rem;
		margin:0.5rem 0.2rem;
	}
	/* footer */
	.commun li{
		display: block;
		font-size: 1rem;
		margin: 1rem;
	}
	.tab{
		display:none;
	}
	.ordi{
		display:none;
	}
	.mob{
		width: 100%;
		float: left;
		margin: 0;
	}
	.sousmob{
		width: 50%;
		float: left;
		margin: 0;
	}
	.sousmob ul li{
		display: block;
		font-size: 1rem;
		text-align: left;
		margin: 1rem 0 1rem 4rem;
	}
	.sepapieddepage{
		display: none;
	}
	
	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	/* Barre de titres */
	li.hr6{
		width:36.7%;
	}
	li.hr7{
		width:35.7%;
	}
	li.hr8{
		width:34.8%;
	}
	li.hr9{
		width:34.6%;
	}
	li.hr10{
		width:34.4%;
	}
	li.hr11{
		width:33.8%;
	}
	li.hr12{
		width:33%;
	}
	li.hr13{
		width:32.8%;
	}
	li.hr14{
		width:32.2%;
	}
	li.hr15{
		width:31.5%;
	}
	li.hr16{
		width:30.3%;
	}
	li.hr18{
		width:28.8%;
	}
	li.hr26{
		width:24%;
	}
	li.hr27{
		width:23.5%;
	}
	li.hr30{
		width:21.7%;
	}
	li.hr31{
		width:21%;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}
	
}

/* Tablettes */		

@media all and (min-width:768px) and (max-width:959px) {

	/* ipad portrait 768px Samsung Tab 800px */
	h1{
		font-size: 1.2rem;
		margin: 0.5rem;	
	}
	h2{
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h3{ 
		font-size: 1.15rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.15rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.title1{
		font-size:1.7rem;
		font-weight:500;
	}
	.title2{
		font-size:1.5rem;
		font-weight:500;
	}
	.title3{
		font-size:1.4rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}

	.fil{
		margin-left: 2rem;
	}
	
	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul li{
		font-size: 1.25rem;
		margin: 1rem 1rem 0 1rem;
	}
	.focuslien ul li.choisir a{
		text-shadow:none;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.3rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.1rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display:none;
	}
	.ordi{
		display:none;
	}
	.tab{
		width: 100%;
		float: left;
		margin:0;
	}
	.soustab{
		width: 33.33%;
		float: left;
	}
	.soustab ul li{
		display: block;
		font-size: 1.1rem;
		text-align: left;
		margin: 1rem 0 1rem 2rem;
	}
	.sepapieddepage{
		display: none;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	/* Barre de titres */
	li.hr6{
		width:38.5%;
	}
	li.hr7{
		width:37.6%;
	}
	li.hr8{
		width:36.8%;
	}
	li.hr9{
		width:36.6%;
	}
	li.hr10{
		width:36.4%;
	}
	li.hr11{
		width:35.8%;
	}
	li.hr12{
		width:35%;
	}
	li.hr13{
		width:34.8%;
	}
	li.hr14{
		width:34.2%;
	}
	li.hr15{
		width:33.5%;
	}
	li.hr16{
		width:32.5%;
	}
	li.hr18{
		width:31%;
	}
	li.hr26{
		width:26.5%;
	}
	li.hr27{
		width:26.2%;
	}
	li.hr30{
		width:24.7%;
	}
	li.hr31{
		width:24%;
	}
	
	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}

}

@media all and (min-width:960px) and (max-width:1023px) {

	/* Asus LG  paysage 960px */
	h1{
		font-size: 1.2rem;
		margin: 0.5rem;	
	}
	h2{
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h3{ 
		font-size: 1.15rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.15rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.title1{
		font-size:1.8rem;
		font-weight:500;
	}
	.title2{
		font-size:1.6rem;
		font-weight:500;
	}
	.title3{
		font-size:1.4rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}

	.fil{
		margin-left: 2rem;
	}
	
	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}

	.focuslien ul li{
		font-size: 1.25rem;
		margin: 1rem 1rem 0 1rem;
	}
	.focuslien ul li.choisir a{
		text-shadow:none;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.3rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.1rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display:none;
	}
	.ordi{
		display:none;
	}
	.tab{
		width: 100%;
		float: left;
		margin:0;
	}
	.soustab{
		width: 33.33%;
		float: left;
	}
	.soustab ul li{
		display: block;
		font-size: 1.1rem;
		text-align: left;
		margin: 1rem 0 1rem 2rem;
	}
	.sepapieddepage{
		display: none;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1.5rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1.5rem;
	    padding: 0;
	}

	/* Barre de titres */
	li.hr6{
		width:39.2%;
	}
	li.hr7{
		width:38.6%;
	}
	li.hr8{
		width:37.8%;
	}
	li.hr9{
		width:37.6%;
	}
	li.hr10{
		width:37.4%;
	}
	li.hr11{
		width:37%;
	}
	li.hr12{
		width:36.5%;
	}
	li.hr13{
		width:36.2%;
	}
	li.hr14{
		width:35.7%;
	}
	li.hr15{
		width:35.2%;
	}
	li.hr16{
		width:34%;
	}
	li.hr18{
		width:33.1%;
	}
	li.hr26{
		width:29.3%;
	}
	li.hr27{
		width:29.1%;
	}
	li.hr30{
		width:27.7%;
	}
	li.hr31{
		width:27%;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}
	
}

@media all and (min-width:1024px) and (max-width:1099px) {

	/* ipad paysage 1024 px */
	h1{
		font-size: 1.2rem;
		margin: 0.5rem;	
	}
	h2{
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h3{ 
		font-size: 1.15rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.15rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.title1{
		font-size:1.8rem;
		font-weight:500;
	}
	.title2{
		font-size:1.6rem;
		font-weight:500;
	}
	.title3{
		font-size:1.4rem;
		font-weight:500;
	}
	.title4{
		font-size:1.2rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}

	.fil{
		margin-left: 2rem;
	}
	
	.lgtexte{
		width: 90%;
		margin-left: 5%;
	}
	
	.focuslien ul li{
		font-size: 1.25rem;
		margin: 1rem 1rem 0 1rem;
	}
	.focuslien ul li.choisir a{
		text-shadow:none;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.3rem;
	}


	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.1rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display:none;
	}
	.ordi{
		display:none;
	}
	.tab{
		width: 100%;
		float: left;
		margin:0;
	}
	.soustab{
		width: 33.33%;
		float: left;
	}
	.soustab ul li{
		display: block;
		font-size: 1.1rem;
		text-align: left;
		margin: 1rem 0 1rem 2rem;
	}
	.sepapieddepage{
		display: none;
	}

	.closedmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}
	.openmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 0.5rem;
	    padding: 0;
	}

	.closedsousmenu:before {
	    content: "\02C5" ; /* &#709; Triangle 25BC Fléche 2193*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1.5rem;
	    padding: 0;
	}
	.opensousmenu:before {
	    content: "\02C4" ; /* &#708; Triangle 25B2 Fléche 2191*/
	    float:left;
	    font-size: 1.6rem;
	    color:#B69731;
	    margin: -0.1rem 0.5rem 0 1.5rem;
	    padding: 0;
	}

	/* Barre de titres */
	li.hr6{
		width:40%;
	}
	li.hr7{
		width:39.4%;
	}
	li.hr8{
		width:38.8%;
	}
	li.hr9{
		width:38.4%;
	}
	li.hr10{
		width:38.2%;
	}
	li.hr11{
		width:37.8%;
	}
	li.hr12{
		width:37.3%;
	}
	li.hr13{
		width:37%;
	}
	li.hr14{
		width:36.5%;
	}
	li.hr15{
		width:36%;
	}
	li.hr16{
		width:35.1%;
	}
	li.hr18{
		width:34%;
	}
	li.hr26{
		width:30.4%;
	}
	li.hr27{
		width:30.1%;
	}
	li.hr30{
		width:28.8%;
	}
	li.hr31{
		width:28.1%;
	}

	/* Barre cookies */
	h2.cookie{
		margin:1rem 0 1.5rem 0;
	}
	
}

/* Ordinateurs */

@media all and (min-width:1100px) and (max-width:1199px) {


	h1{
		font-size: 1.3rem;
		margin: 0.5rem;
	}
	h2{
		font-size: 1.3rem;
		margin: 0.5rem;
	}
	h3{   /* focus */
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.2rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 80%;
		margin-left: 10%;
	}

	.focuslien ul li{
		font-size: 1.3rem;
		margin: 1rem 1rem 0 1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.4rem;
	}


	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.2rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.2rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:40.8%;
	}
	li.hr7{
		width:40.2%;
	}
	li.hr8{
		width:39.6%;
	}
	li.hr9{
		width:39.4%;
	}
	li.hr10{
		width:39%;
	}
	li.hr11{
		width:38.7%;
	}
	li.hr12{
		width:38.2%;
	}
	li.hr13{
		width:38.1%;
	}
	li.hr14{
		width:37.6%;
	}
	li.hr15{
		width:37.1%;
	}
	li.hr16{
		width:36.1%;
	}
	li.hr18{
		width:35%;
	}
	li.hr26{
		width:31.8%;
	}
	li.hr27{
		width:31.6%;
	}
	li.hr30{
		width:30.3%;
	}
	li.hr31{
		width:29.8%;
	}

}

@media all and (min-width:1200px) and (max-width:1279px) {

	h1{
		font-size: 1.3rem;
		margin: 0.5rem;			
	}
	h2{
		font-size: 1.3rem;
		margin: 0.5rem;	
	}
	h3{   /* focus */
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.2rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}
	
	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}

	.lgtexte{
		width: 80%;
		margin-left: 10%;
	}

	.focuslien ul li{
		font-size: 1.3rem;
		margin: 1rem 1rem 0 1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.4rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.2rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.2rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:41%;
	}
	li.hr7{
		width:40.5%;
	}
	li.hr8{
		width:39.9%;
	}
	li.hr9{
		width:39.7%;
	}
	li.hr10{
		width:39.3%;
	}
	li.hr11{
		width:39%;
	}
	li.hr12{
		width:38.5%;
	}
	li.hr13{
		width:38.4%;
	}
	li.hr14{
		width:38%;
	}
	li.hr15{
		width:37.5%;
	}
	li.hr16{
		width:36.5%;
	}
	li.hr18{
		width:35.5%;
	}
	li.hr26{
		width:32.3%;
	}
	li.hr27{
		width:32.1%;
	}
	li.hr30{
		width:30.9%;
	}
	li.hr31{
		width:30.4%;
	}
	
}

@media all and (min-width:1280px) and (max-width:1365px) {

	/* 1920 : 1.5 = 1280 (Grossissement 150 %) */
	
	#header{
		width:98%;
		margin-left:1%;
	}
	#content{
		width:98%;
		margin-left:1%;
	}
	#footer{
		width:98%;
		margin-left:1%;
	}
	h1{
		font-size: 1.3rem;
		margin: 0.5rem;			
	}
	h2{
		font-size: 1.3rem;
		margin: 0.5rem;		
	}
	h3{ 
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.2rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 70%;
		margin-left: 15%;
	}
	
	.focuslien ul li{
		font-size: 1.3rem;
		margin: 1rem 1rem 0 1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.4rem;
	}


	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.2rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.2rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:41.1%;
	}
	li.hr7{
		width:40.6%;
	}
	li.hr8{
		width:40%;
	}
	li.hr9{
		width:39.8%;
	}
	li.hr10{
		width:39.4%;
	}
	li.hr11{
		width:39.1%;
	}
	li.hr12{
		width:38.6%;
	}
	li.hr13{
		width:38.5%;
	}
	li.hr14{
		width:38.1%;
	}
	li.hr15{
		width:37.6%;
	}
	li.hr16{
		width:36.8%;
	}
	li.hr18{
		width:35.8%;
	}
	li.hr26{
		width:32.6%;
	}
	li.hr27{
		width:32.4%;
	}
	li.hr30{
		width:31.2%;
	}
	li.hr31{
		width:30.7%;
	}

}

@media all and (min-width:1366px) and (max-width:1400px) {

	#header{
		width:98%;
		margin-left:1%;
	}
	#content{
		width:98%;
		margin-left:1%;
	}
	#footer{
		width:98%;
		margin-left:1%;
	}
	h1{
		font-size: 1.3rem;
		margin: 0.5rem;		
	}
	h2{
		font-size: 1.3rem;
		margin: 0.5rem;		
	}
	h3{ 
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.2rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}

	.lgtexte{
		width: 70%;
		margin-left: 15%;
	}
	.focuslien ul li{
		font-size: 1.3rem;
		margin: 1rem 1rem 0 1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.5rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.2rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.2rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:41.2%;
	}
	li.hr7{
		width:40.8%;
	}
	li.hr8{
		width:40.1%;
	}
	li.hr9{
		width:39.9%;
	}
	li.hr10{
		width:39.6%;
	}
	li.hr11{
		width:39.3%;
	}
	li.hr12{
		width:38.8%;
	}
	li.hr13{
		width:38.7%;
	}
	li.hr14{
		width:38.3%;
	}
	li.hr15{
		width:37.8%;
	}
	li.hr16{
		width:37.2%;
	}
	li.hr18{
		width:36.2%;
	}
	li.hr26{
		width:33.2%;
	}
	li.hr27{
		width:33%;
	}
	li.hr30{
		width:31.8%;
	}
	li.hr31{
		width:31.3%;
	}

}

@media all and (min-width:1400px) and (max-width:1499px) {

	
	#header{
		width:98%;
		margin-left:1%;
	}
	#content{
		width:98%;
		margin-left:1%;
	}
	#footer{
		width:98%;
		margin-left:1%;
	}
	h1{
		font-size: 1.3rem;
		margin: 0.5rem;			
	}
	h2{
		font-size: 1.3rem;
		margin: 0.5rem;		
	}
	h3{   
		font-size: 1.2rem;
		margin:0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.2rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 70%;
		margin-left: 15%;
	}
	.focuslien ul li{
		font-size: 1.3rem;
		margin: 1rem 1rem 0 1rem;
	}

	#content li.btor a, #content li.btvert a, #content li.btrouge a{
		font-size: 1.5rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.2rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.2rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:41.2%;
	}
	li.hr7{
		width:40.8%;
	}
	li.hr8{
		width:40.1%;
	}
	li.hr9{
		width:39.9%;
	}
	li.hr10{
		width:39.6%;
	}
	li.hr11{
		width:39.3%;
	}
	li.hr12{
		width:38.8%;
	}
	li.hr13{
		width:38.7%;
	}
	li.hr14{
		width:38.3%;
	}
	li.hr15{
		width:37.8%;
	}
	li.hr16{
		width:37.2%;
	}
	li.hr18{
		width:36.2%;
	}
	li.hr26{
		width:33.2%;
	}
	li.hr27{
		width:33%;
	}
	li.hr30{
		width:31.8%;
	}
	li.hr31{
		width:31.3%;
	}

}

@media all and (min-width:1500px) and (max-width:1599px) {

	/* Dell (1920 x 1080) - 25% => 1536 x 864 */

	#header{
		width:95% ;
		margin-left:2.5%;
	}
	#content{
		width:95%;
		margin-left:2.5%;
	}
	#footer{
		width:95%;
		margin-left:2.5%;
	}
	h1{
		font-size: 1.3rem;
		margin: 0.5rem;		
	}
	h2{
		font-size: 1.3rem;
		margin: 0.5rem;		
	}
	h3{  
		font-size: 1.2rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.2rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 60%;
		margin-left: 20%;
	}
	.focuslien ul li{
		font-size: 1.5rem;
		margin: 1rem 1rem 0 1rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.3rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.2rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}
	
	/* Barre de titres */
	li.hr6{
		width:42.2%;
	}
	li.hr7{
		width:41.7%;
	}
	li.hr8{
		width:41.1%;
	}
	li.hr9{
		width:40.9%;
	}
	li.hr10{
		width:40.6%;
	}
	li.hr11{
		width:40.3%;
	}
	li.hr12{
		width:39.8%;
	}
	li.hr13{
		width:39.7%;
	}
	li.hr14{
		width:39.3%;
	}
	li.hr15{
		width:38.8%;
	}
	li.hr16{
		width:38.2%;
	}
	li.hr18{
		width:37.2%;
	}
	li.hr26{
		width:34.2%;
	}
	li.hr27{
		width:34%;
	}
	li.hr30{
		width:32.8%;
	}
	li.hr31{
		width:32.3%;
	}

}

@media all and (min-width:1600px) and (max-width:1699px) {


	#header{
		width:90%;
		margin-left:5%;
	}
	#content{
		width:90%;
		margin-left:5%;
	}
	#footer{
		width:90%;
		margin-left:5%;
	}
	h1{
		font-size: 1.4rem;
		margin: 0.5rem;			
	}
	h2{
		font-size: 1.4rem;
		margin: 0.5rem;			
	}
	h3{  
		font-size: 1.3rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.3rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 70%;
		margin-left: 15%;
	}
	.focuslien ul li{
		font-size: 1.4rem;
		margin: 1rem 1rem 0 1rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.3rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.3rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:42.2%;
	}
	li.hr7{
		width:41.7%;
	}
	li.hr8{
		width:41.1%;
	}
	li.hr9{
		width:40.9%;
	}
	li.hr10{
		width:40.6%;
	}
	li.hr11{
		width:40.3%;
	}
	li.hr12{
		width:39.8%;
	}
	li.hr13{
		width:39.7%;
	}
	li.hr14{
		width:39.3%;
	}
	li.hr15{
		width:38.8%;
	}
	li.hr16{
		width:38.2%;
	}
	li.hr18{
		width:37.3%;
	}
	li.hr26{
		width:34.7%;
	}
	li.hr27{
		width:34.5%;
	}
	li.hr30{
		width:33.3%;
	}
	li.hr31{
		width:32.9%;
	}

}

@media all and (min-width:1700px) and (max-width:1799px) {


	#header{
		width:85%;
		margin-left:7.5%;
	}
	#content{
		width:85%;
		margin-left:7.5%;
	}
	#footer{
		width:85%;
		margin-left:7.5%;
	}
	h1{
		font-size: 1.4rem;
		margin: 0.5rem;			
	}
	h2{
		font-size: 1.4rem;
		margin: 0.5rem;			
	}
	h3{   /* focus */
		font-size: 1.3rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.3rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 65%;
		margin-left: 17.5%;
	}
	.focuslien ul li{
		font-size: 1.4rem;
		margin: 1rem 1rem 0 1rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.3rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.3rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:42.2%;
	}
	li.hr7{
		width:41.7%;
	}
	li.hr8{
		width:41.1%;
	}
	li.hr9{
		width:40.9%;
	}
	li.hr10{
		width:40.6%;
	}
	li.hr11{
		width:40.3%;
	}
	li.hr12{
		width:39.8%;
	}
	li.hr13{
		width:39.7%;
	}
	li.hr14{
		width:39.3%;
	}
	li.hr15{
		width:38.8%;
	}
	li.hr16{
		width:38.2%;
	}
	li.hr18{
		width:37.3%;
	}
	li.hr26{
		width:34.2%;
	}
	li.hr27{
		width:34.2%;
	}
	li.hr30{
		width:33%;
	}
	li.hr31{
		width:32.6%;
	}
	
}

@media all and (min-width:1800px) {

	#header{
		width:80%;
		margin-left:10%;
	}
	#content{
		width:80%;
		margin-left:10%;
	}
	#footer{
		width:80%;
		margin-left:10%;
	}
	h1{
		font-size: 1.4rem;
		margin: 0.5rem;			
	}
	h2{
		font-size: 1.4rem;
		margin: 0.5rem;		
	}
	h3{   /* focus */
		font-size: 1.3rem;
		margin: 0.5rem;
	}
	h4{ 
		font-size: 1.1rem;
	}
	h5{
		font-size: 1.1rem;
	}
	p{
		font-size: 1.1rem;	
		padding: 2rem;
	}
	li{
		font-size: 1.3rem;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}
	
	.navmob{
		display:none;
	}

	.lignemob{
		display:none;
	}
	.lignemobH{
		display:none;
	}
	
	.lgtexte{
		width: 70%;
		margin-left: 15%;
	}
	.focuslien ul li{
		font-size: 1.4rem;
		margin: 1rem 1rem 0 1rem;
	}

	.pagination li{
		font-size: 1.3rem;
		margin:0.5rem;
	}
	/* footer */
	.commun li{
		font-size: 1.3rem;
		margin:0 1rem 0 1rem;
	}
	.mob{
		display: none;
	}
	.tab{
		display: none;
	}
	.ordi{
		width: 97%;
		float: left;
		margin: 0 0 0 3%;
	}
	.sousordi{
		width: 33.33%;
		margin: 0;
		float: left;
	}
	.sousordi ul li{
		display: block;
		font-size: 1.3rem;
		text-align: left;
		margin: 1rem 1rem 1rem 0;
	}
	.sepapieddepage{
		display: none;
	}

	/* Barre de titres */
	li.hr6{
		width:42.2%;
	}
	li.hr7{
		width:41.7%;
	}
	li.hr8{
		width:41.1%;
	}
	li.hr9{
		width:40.9%;
	}
	li.hr10{
		width:40.6%;
	}
	li.hr11{
		width:40.3%;
	}
	li.hr12{
		width:39.8%;
	}
	li.hr13{
		width:39.7%;
	}
	li.hr14{
		width:39.3%;
	}
	li.hr15{
		width:38.8%;
	}
	li.hr16{
		width:38.2%;
	}
	li.hr18{
		width:37.3%;
	}
	li.hr26{
		width:34.2%;
	}
	li.hr27{
		width:34.2%;
	}
	li.hr30{
		width:33%;
	}
	li.hr31{
		width:32.6%;
	}
		
}