/* AFFICHAGES DES COLLECTIONS */

/* Affichage des collections sur ordinateurs et tablettes */
.ordinateur{
	width: 98%;
	float: left;
	margin:0 0 0 1%;
}

.boiteordinateur{  /* A SUPPRIMER */
	width: 25%;
	float:left;
	margin:0 0 1rem 0;
}

.sousboite2C{
	width: 25%;
	float:left;
	margin:0;
	padding:0 0 1rem 0;
}

.boitephoto{
	width: 24%;
	float: left;
	margin:0 0 0 2%;
}
.boitephoto img{
	width:100%;
	border: 1px solid rgba(128,128,128,1);
}	

.boitetexte{
	width: 71%;
	float: left;
	margin:0 0 0 2%;
}


/* boiteimg : Format utilisé dans plusieurs types de div 
   h4 > font-size et margin définies au niveau des contenants supérieurs : sousboite2C souboite2Cmob ...
 */

.boiteimg, .boiteimgactive{
	width: 96%;
	margin: 0 0 1.5% 2%;
}
.boiteimg h4, {
	text-align: center;
}
.boiteimg a h4{
	text-align: center;	
}
.boiteimg:hover h4{
	color: #B69731;
	text-shadow:none;
}
.boiteimg:hover a h4{
	color: #B69731;
	text-shadow:none;
}
.boiteimg img{
	width: 100%;
	margin: 0;	
	border: 1px solid rgba(128,128,128,1); 
}
.boiteimg a img{
	width: 100%;
	margin: 0;	
	border: 1px solid rgba(128,128,128,1); 
}
.boiteimg:hover img{	
	border: 1px solid #B69731;
}
.boiteimg:hover a img{	
	border: 1px solid #B69731;
}

.boiteimgactive h4{
	color: #B69731;
	text-align: center;
}
.boiteimgactive a h4{
	color: #B69731;
	text-align: center;
}
.boiteimgactive:hover h4{
	color: #000;
}
.boiteimgactive:hover a h4{
	color: #000;
}
.boiteimgactive img{
	width: 100%;
	margin: 0;	
	border: 1px solid #B69731; 
}
.boiteimgactive a img{
	width: 100%;
	margin: 0;	
	border: 1px solid #B69731; 
}
.boiteimgactive:hover img{	
	border: 1px solid rgba(128,128,128,1);
}
.boiteimgactive:hover a img{	
	border: 1px solid rgba(128,128,128,1);
}

/* Changement de couleur du bord de boiteimg */
.bordure img{
	border:1px solid #2F9428;
}
.boiteimg .bordure img{
	border:1px solid #2F9428;
}

/* Affichage des collections sur mobiles */
.mobile{
	width:100%;
	margin:0;
}
.boxmobile{
	float:left;
	width:50%;
	margin:0;
}
.boxmobile img{
}
.boxmobile h5{
	text-align:center;
	color:#574432;
	text-shadow:none;
	margin:0;
}

.gauche{
	width: 20%;
	float:left;
	margin:0;
}
.gauche h3{
	margin: 1rem 1rem 1rem 0;
	text-align: right;
}
.gauche h4{
	margin: 0.5rem 1rem 0.5rem 0;
	text-align: right;
}

.gauchemob{
	width: 100%;
	float:left;
	margin:0;
}
.gauchemob h3{
	margin: 1rem 0 1rem 0;
	text-align: center;	
}
.gauchemob h4{
	margin: 0.5rem 0 0.5rem 0;
	text-align: center;
}

.droite{
	width:80%;
	float:left;
	margin:0 0 0 0;
}

/* Autres versions ... */
.boiteecrins{
	width: 96%;
	float: left;
	margin: 0 0 0 2%;
	padding: 1rem 0 1rem 0;
}

.ecrin1{
	width: 25%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}
.ecrin1:first-child{	
	margin: 0 0 0 37.5%;
}
.ecrin2{
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
}
.ecrin2:first-child{	
	margin: 0 0 0 25%; 
}
.ecrin3{
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
}
.ecrin3:first-child{	
	margin: 0 0 0 12.5%;
}
.ecrin4{
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
}


/* Filtres */
.boitefiltre{
	width:33%;
	float:left;
	margin:0;
	padding:0;
}
.boitefiltre50{
	width:50%;
	float:left;
	margin:0;
	padding:0;
}

/* Accordéon fermé au chargement de la page */

.selection{
	cursor: pointer;
	width:100%;
}

.menuselection{
	padding:0 0 0 3.2rem;
   	max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out; /* Safari */
    transition: max-height 0.2s ease-out;
}

.menuselection h3, .menuselection h4 {
	margin-left: 0;
	display : block;
	text-align: left;
}

.selection:before {
    content: "\25BC" ; /* Triangle 25BC Fléche 2193*/
    float:left;
    font-size: 1.1rem;
    color: rgb(121,121,121);
    margin: 0.2rem 1rem 0 1rem;
    padding:0;
}

.retourselection:before {
    content: "\25B2" ; /* Triangle 25B2 Fléche 2191*/
    float:left;
    font-size: 1.1rem;
    color: rgb(121,121,121);
    margin: 0.2rem 1rem 0 1rem;
    padding:0;
}

/* Accordéon ouvert au chargement de la page */

.personnalisation{
	cursor: pointer;
	width:100%;
}

.menupersonnalisation{
	padding:0;
   	/* max-height: 0;
   	   overflow: hidden;  Fonctionne avec Display block et none */
    -webkit-transition: max-height 0.2s ease-out; /* Safari */
    transition: max-height 0.2s ease-out;
}

.personnalisation:before {
    content: "\25B2" ; /* Triangle 25BC Fléche 2193*/
    float:left;
    font-size: 1.1rem;
    color: rgb(121,121,121);
    margin: 0.2rem 1rem 0 1rem;
    padding:0;
}

.retourpersonnalisation:before {
    content: "\25BC" ; /* Triangle 25B2 Fléche 2191*/
    float:left;
    font-size: 1.1rem;
    color: rgb(121,121,121);
    margin: 0.2rem 1rem 0 1rem;
    padding:0;
}

.cartouche1{
	clear:both;
	margin:0;
}
.cartouche2 h5, .cartouche2bis h5, .cartoucheF h5{
	color:#fff;
	text-align: center;
	font-size: 0.9rem;
	margin:0;
}

.cartouche2noire h5{
	color:#fff;
	text-align: center;
	font-size: 0.9rem;
	margin:0;
}

.stgactiveG{
	clear:both;
	float:left;
	border-left: solid 2px #B69731;
}
.stgvisibleG{
	clear: both;
	float:left;
	border-left: solid 2px #404040;
}

/* responsiveBOX doit être chargé après responsiveG3 pour le fonctionnement des réductions */
.reduction80 img{
	width:80%;
	margin-left:10%;
}
.reduction70 img{
	width:70%;
	margin-left:15%;
}

.sepa2{
	width: 100%;
	clear: both;
	margin:0;
}
.sepa4{
	width: 100%;
	clear: both;
	margin:0;
}


.versions2{
	width: 100%;
	clear: both;
	margin:0;
}
.versions3{
	width: 100%;
	clear: both;
	margin:0;
}
.versions4{
	width: 100%;
	clear: both;
	margin:0;
}

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

	/* Iphone 3 4 5 portrait 320px */

	.ordinateur{
		display:none;
	}

	.mobile{
		width: 99%;
		margin: 0 0 0 0.5%;
	}

	.boitefiltre{
		width:100%;
	}
	.boitefiltre50{
		width:100%;
	}

	/* Utilisation de boiteimg car le conteneur peut varier : sousboite2C / sousboite2C / ecrin1 / ecrin2 / ecrin3 / ecrin4 */
	.boiteimg, .boiteimgactive {
		width: 96%;
		margin:0 0 2% 2%;
		pading:0;		 	    
	}
	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		box-shadow:none;
		margin:0;
	}
	.boiteimg:hover img, .boiteimgactive:hover img, .boiteimg:hover a img, .boiteimgactive:hover a img{
		box-shadow:none;
	}
	.sousboite2Cmob .boiteimg img, .sousboite2Cmob .boiteimgactive img, .sousboite2Cmob .boiteimg a img, .sousboite2Cmob .boiteimgactive a img{
		border:none;
	}
	.sousboite2Cmob .boiteimg:hover img, .sousboite2Cmob .boiteimgactive:hover img, .sousboite2Cmob .boiteimg:hover a img, 
	.sousboite2Cmob.boiteimgactive:hover a img{
		border:none;
	}


	.boiteordinateur, .sousboite2C{
		width: 49.65%;
		margin:0;
	}
	.boiteordinateur h4, .sousboite2C h4{
		margin:0.2rem 0 0.1rem 0;
	}

	/* Affichage des matières */
	/* h4 : font-size et margin à ce niveau */
	.sousboite2Cmob{
		float:left;
		width: 25%;
		margin:0;
		padding:0 0 0.8rem 0;
	}
	.sousboite2Cmob h4, .sousboite2Cmob a h4{
		font-size:0.7rem;
		line-height:1rem;
		margin:0;
	}
	
	/* Autres versions */
	.boiteecrins{
		width: 100%;
		margin: 0;
	}

	/* Autres versions */
	.boiteecrins{
		width: 100%;
		margin: 0;
	}

	.ecrin1{
		width: 49.6%;
		margin:0;
	}
	.ecrin1:first-child{	
		margin: 0 0 0 25%;
	}
	.ecrin2{
		width: 49.6%;
		margin:0;
	}
	.ecrin2:first-child{	
		margin:0;
	}
	.ecrin3{
		width: 49.6%;
		margin:0;
	}
	.ecrin3:first-child{	
		margin:0;
	}
	.ecrin4{
		width: 49.6%;
		margin:0;
	}

	.ecrin1 h4, .ecrin2 h4, .ecrin3 h4, .ecrin4 h4{
		line-height: 1.2rem;
		margin:0;
	}

	.navtab1{
		float:left;
		width:100%;
		margin:0;
	}
	.navtab2{
		float:right;
		width:100%;
		margin:0;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.blocmenuG{
		width: 57%;
	}
	.blocsousmenuG{
		width: 43%;
	}

	.blocmenuD{
		width: 57%;
	}
	.blocsousmenuD{
		width: 43%;
	}

	.blocmenuG .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2em;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa4{
		display:none;
	}

	.versions3{
		display:none;
	}
	.versions4{
		display:none;
	}

	.boitephoto{
		width: 60%;
		margin:0 0 0 20%;
	}
	.boitetexte{
		width: 96%;
		margin:0 0 0 2%;
	}

}

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

	/* Iphone 6 .. 11 portrait 375px */

	.ordinateur{
		display:none;
	}

	.mobile{
		width: 99%;
		margin: 0 0 0 0.5%;
	}

	.boitefiltre{
		width:100%;
	}
	.boitefiltre50{
		width:100%;
	}

	/* Utilisation de boiteimg car le conteneur peut varier : sousboite2C / sousboite2C / ecrin1 / ecrin2 / ecrin3 / ecrin4 */
	.boiteimg, .boiteimgactive {
		width: 96%;
		margin:0 0 2% 2%;
		pading:0;		 	    
	}
	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		box-shadow:none;
		margin:0;
	}
	.boiteimg:hover img, .boiteimgactive:hover img, .boiteimg:hover a img, .boiteimgactive:hover a img{
		box-shadow:none;
	}
	.sousboite2Cmob .boiteimg img, .sousboite2Cmob .boiteimgactive img, .sousboite2Cmob .boiteimg a img, .sousboite2Cmob .boiteimgactive a img{
		border:none;
	}
	.sousboite2Cmob .boiteimg:hover img, .sousboite2Cmob .boiteimgactive:hover img, .sousboite2Cmob .boiteimg:hover a img, 
	.sousboite2Cmob.boiteimgactive:hover a img{
		border:none;
	}


	.boiteordinateur, .sousboite2C{
		width: 49.65%;
		margin:0;
	}
	.boiteordinateur h4, .sousboite2C h4{
		margin:0.2rem 0 0.1rem 0;
	}

	/* Affichage des matières */
	/* h4 : font-size et margin à ce niveau */
	.sousboite2Cmob{
		float:left;
		width: 25%;
		margin:0;
		padding:0 0 0.8rem 0;
	}
	.sousboite2Cmob h4, .sousboite2Cmob a h4{
		font-size: 0.7rem;
		line-height:1rem;
		margin:0;
	}	

	/* Autres versions */
	.boiteecrins{
		width: 100%;
		margin: 0;
	}

	.ecrin1{
		width: 49.65%;
		margin:0;
	}
	.ecrin1:first-child{	
		margin: 0 0 0 25%;
	}
	.ecrin2{
		width: 49.65%;
		margin:0;
	}
	.ecrin2:first-child{	
		margin:0;
	}
	.ecrin3{
		width: 49.65%;
		margin:0;
	}
	.ecrin3:first-child{	
		margin:0;
	}
	.ecrin4{
		width: 49.65%;
		margin:0;
	}

	.ecrin1 h4, .ecrin2 h4, .ecrin3 h4, .ecrin4 h4{
		line-height: 1rem;
		margin:0.5rem 0 0 0;
	}

	.navtab1{
		float:left;
		width:100%;
		margin:0;
	}
	.navtab2{
		float:right;
		width:100%;
		margin:0;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.blocmenuG{
		width: 54%;
	}
	.blocsousmenuG{
		width: 46%;
	}

	.blocmenuD{
		width: 54%;
	}
	.blocsousmenuD{
		width: 46%;
	}

	.blocmenuG .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.7rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.7rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.7rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45em;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}	

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa4{
		display:none;
	}

	.versions3{
		display:none;
	}
	.versions4{
		display:none;
	}

	.boitephoto{
		width: 60%;
		margin:0 0 0 20%;
	}
	.boitetexte{
		width: 96%;
		margin:0 0 0 2%;
	}

}

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

	/* iphone 3 4 paysage 480px */

	.ordinateur{
		display:none;
	}
	.mobile{
		width: 98%;
		margin: 0 0 0 1%;
	}

	.boitefiltre{
		width:100%;
	}
	.boitefiltre50{
		width:100%;
	}

	/* Utilisation de boiteimg car le conteneur peut varier : sousboite2C / ecrin1 / ecrin2 / ecrin3 / ecrin4 */
	.boiteimg, .boiteimgactive {
		width: 96%;
		margin:0 0 3% 2%;
		pading:0;		 	    
	}
	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		box-shadow:none;
		margin:0;
	}
	.boiteimg:hover img, .boiteimgactive:hover img, .boiteimg:hover a img, .boiteimgactive:hover a img{
		box-shadow:none;
	}
	.sousboite2Cmob .boiteimg img, .sousboite2Cmob .boiteimgactive img, .sousboite2Cmob .boiteimg a img, .sousboite2Cmob .boiteimgactive a img{
		border:none;
	}
	.sousboite2Cmob .boiteimg:hover img, .sousboite2Cmob .boiteimgactive:hover img, .sousboite2Cmob .boiteimg:hover a img, 
	.sousboite2Cmob.boiteimgactive:hover a img{
		border:none;
	}

	.boiteordinateur, .sousboite2C{
		width: 49.7%;
		margin:0;
	}
	.boiteordinateur h4, .sousboite2C h4{
		margin:0.2rem 0 0.1rem 0;
	}

	/* Affichage des matières */
	/* h4 : font-size et margin à ce niveau */
	.sousboite2Cmob{
		float:left;
		width: 25%;
		margin:0;
		padding:0 0 0.8rem 0;
	}
	.sousboite2Cmob h4, .sousboite2Cmob a h4{
		font-size: 0.75rem;
		line-height:1rem;
		margin:0;
	}

	/* Autres versions */
	.boiteecrins{
		width: 98%;
		margin: 0 0 0 1.05%;
	}

	.ecrin1{
		width: 49.7%;
		margin:0;
	}
	.ecrin1:first-child{	
		margin: 0 0 0 25%;
	}
	.ecrin2{
		width: 49.7%;
		margin:0;
	}
	.ecrin2:first-child{	
		margin:0;
	}
	.ecrin3{
		width: 49.7%;
		margin:0;
	}
	.ecrin3:first-child{	
		margin:0;
	}
	.ecrin4{
		width: 49.7%;
		margin:0;
	}

	.navtab1{
		float:left;
		width:100%;
		margin:0;
	}
	.navtab2{
		float:right;
		width:100%;
		margin:0;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.blocmenuG{
		width: 42%;
	}
	.blocsousmenuG{
		width: 58%;
	}

	.blocmenuD{
		width: 42%;
	}
	.blocsousmenuD{
		width: 58%;
	}

	.blocmenuG .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.7rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.7rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.7rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45em;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	#sepamenu{
		display: none;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa4{
		display:none;
	}

	.versions3{
		display:none;
	}
	.versions4{
		display:none;
	}

	.boitephoto{
		width: 50%;
		margin:0 0 0 25%;
	}
	.boitetexte{
		width: 96%;
		margin:0 0 0 2%;
	}

}

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

	/* iphone 5 paysage 568px */

	.ordinateur{
		display:none;
	}
	.mobile{
		width: 96%;
		margin: 0 0 0 2%;
	}

	.boitefiltre{
		width:100%;
	}
	.boitefiltre50{
		width:100%;
	}

	/* Utilisation de boiteimg car le conteneur peut varier : sousboite2C / ecrin1 / ecrin2 / ecrin3 / ecrin4 */
	.boiteimg, .boiteimgactive {
		width: 96%;
		margin:0 0 3% 2%;
		pading:0;		 	    
	}
	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		box-shadow:none;
		margin:0;
	}
	.boiteimg:hover img, .boiteimgactive:hover img, .boiteimg:hover a img, .boiteimgactive:hover a img{
		box-shadow:none;
	}
	.sousboite2Cmob .boiteimg img, .sousboite2Cmob .boiteimgactive img, .sousboite2Cmob .boiteimg a img, .sousboite2Cmob .boiteimgactive a img{
		border:none;
	}
	.sousboite2Cmob .boiteimg:hover img, .sousboite2Cmob .boiteimgactive:hover img, .sousboite2Cmob .boiteimg:hover a img, 
	.sousboite2Cmob.boiteimgactive:hover a img{
		border:none;
	}

	.boiteordinateur, .sousboite2C{
		width: 49.75%;
		margin:0;
	}
	.boiteordinateur h4, .sousboite2C h4{
		margin:0.3rem 0 0.3rem 0;
	}

	/* Affichage des matières */
	/* h4 : font-size et margin à ce niveau */
	.sousboite2Cmob{
		float:left;
		width: 25%;
		margin:0;
		padding:0 0 0.9rem 0;
	}
	.sousboite2Cmob h4, .sousboite2Cmob a h4{
		font-size: 0.8rem;
		line-height:1.1rem;
		margin:0;
	}

	/* Autres versions */
	.boiteecrins{
		width: 96%;
		margin: 0 0 0 2.05%;
	}

	.ecrin1{
		width: 49.75%;
		margin:0;
	}
	.ecrin1:first-child{	
		margin: 0 0 0 25%;
	}
	.ecrin2{
		width: 49.75%;
		margin:0;
	}
	.ecrin2:first-child{	
		margin:0;
	}
	.ecrin3{
		width: 49.75%;
		margin:0;
	}
	.ecrin3:first-child{	
		margin:0;
	}
	.ecrin4{
		width: 49.75%;
		margin:0;
	}

	.navtab1{
		float:left;
		width:100%;
		margin:0;
	}
	.navtab2{
		float:right;
		width:100%;
		margin:0;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.blocmenuG{
		width: 35%;
	}
	.blocsousmenuG{
		width: 65%;
	}

	.blocmenuD{
		width: 35%;
	}
	.blocsousmenuD{
		width: 65%;
	}

	.blocmenuG .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.5rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.5rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.5rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45em;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.45rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	#sepamenu{
		display: none;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa4{
		display:none;
	}

	.versions3{
		display:none;
	}
	.versions4{
		display:none;
	}

	.boitephoto{
		width: 50%;
		margin:0 0 0 25%;
	}
	.boitetexte{
		width: 96%;
		margin:0 0 0 2%;
	}

}

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

	/* Samsung galaxy paysage 640px iphone 6 paysage 667 */

	.ordinateur{
		display:none;
	}
	.mobile{
		width: 96%;
		margin: 0 0 0 2%;
	}

	.boitefiltre{
		width:100%;
	}
	.boitefiltre50{
		width:100%;
	}

	/* Utilisation de boiteimg car le conteneur peut varier : sousboite2C / ecrin1 / ecrin2 / ecrin3 / ecrin4 */
	.boiteimg, .boiteimgactive {
		width: 96%;
		margin:0 0 3% 2%;
		pading:0;		 	    
	}
	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		box-shadow:none;
		margin:0;
	}
	.boiteimg:hover img, .boiteimgactive:hover img, .boiteimg:hover a img, .boiteimgactive:hover a img{
		box-shadow:none;
	}
	.sousboite2Cmob .boiteimg img, .sousboite2Cmob .boiteimgactive img, .sousboite2Cmob .boiteimg a img, .sousboite2Cmob .boiteimgactive a img{
		border:none;
	}
	.sousboite2Cmob .boiteimg:hover img, .sousboite2Cmob .boiteimgactive:hover img, .sousboite2Cmob .boiteimg:hover a img, 
	.sousboite2Cmob.boiteimgactive:hover a img{
		border:none;
	}

	.boiteordinateur, .sousboite2C{
		width: 49.75%;
		margin:0;
	}
	.boiteordinateur h4, .sousboite2C h4{
		margin:0.3rem 0 0.2rem 0;
	}

	/* Affichage des matières */
	/* h4 : font-size et margin à ce niveau */
	.sousboite2Cmob{
		float:left;
		width: 25%;
		margin:0;
		padding:0 0 0.9rem 0;
	}
	.sousboite2Cmob h4, .sousboite2Cmob a h4{
		font-size: 0.9rem;
		line-height: 1.2rem;
		margin:0;
	}

	/* Autres versions */
	.boiteecrins{
		width: 94%;
		margin: 0 0 0 3.1%;
	}

	.ecrin1{
		width: 49.75%;
		margin:0;
	}
	.ecrin1:first-child{	
		margin: 0 0 0 25%;
	}
	.ecrin2{
		width: 49.75%;
		margin:0;
	}
	.ecrin2:first-child{	
		margin:0;
	}
	.ecrin3{
		width: 49.75%;
		margin:0;
	}
	.ecrin3:first-child{	
		margin:0;
	}
	.ecrin4{
		width: 49.75%;
		margin:0;
	}


	.navtab1{
		float:left;
		width:100%;
		margin:0;
	}
	.navtab2{
		float:left;
		width:100%;
		margin:0;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.blocmenuG{
		width: 55%;
	}
	.blocsousmenuG{
		width: 45%;
	}

	.blocmenuD{
		width: 55%;
	}
	.blocsousmenuD{
		width: 45%;
	}

	.blocmenuG .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 1.9rem;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 1.9rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	#sepamenu{
		display: none;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa4{
		display:none;
	}

	.versions3{
		display:none;
	}
	.versions4{
		display:none;
	}

	.boitephoto{
		width: 50%;
		margin:0 0 0 25%;
	}
	.boitetexte{
		width: 96%;
		margin:0 0 0 2%;
	}

}

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

	/* Microsoftsurface portrait 720 px iphone 6+ paysage 736 */

	.ordinateur{
		display:none;
	}
	.mobile{
		width: 96%;
		margin: 0 0 0 2%;
	}

	.boitefiltre{
		width:100%;
	}
	.boitefiltre50{
		width:100%;
	}

	/* Utilisation de boiteimg car le conteneur peut varier : sousboite2C / ecrin1 / ecrin2 / ecrin3 / ecrin4 */
	.boiteimg, .boiteimgactive {
		width: 96%;
		margin:0 0 3% 2%;
		pading:0;		 	    
	}
	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		box-shadow:none;
		margin:0;
	}
	.boiteimg:hover img, .boiteimgactive:hover img, .boiteimg:hover a img, .boiteimgactive:hover a img{
		box-shadow:none;
	}
	.sousboite2Cmob .boiteimg img, .sousboite2Cmob .boiteimgactive img, .sousboite2Cmob .boiteimg a img, .sousboite2Cmob .boiteimgactive a img{
		border:none;
	}
	.sousboite2Cmob .boiteimg:hover img, .sousboite2Cmob .boiteimgactive:hover img, .sousboite2Cmob .boiteimg:hover a img, 
	.sousboite2Cmob.boiteimgactive:hover a img{
		border:none;
	}

	.boiteordinateur, .sousboite2C{
		width: 49.75%;
		margin:0;
	}
	.boiteordinateur h4, .sousboite2C h4{
		margin:0.3rem 0 0.2rem 0;
	}

	/* Affichage des matières */
	/* h4 : font-size et margin à ce niveau */
	.sousboite2Cmob{
		float:left;
		width: 25%;
		margin:0;
		padding:0 0 1rem 0;
	}
	.sousboite2Cmob h4, .sousboite2Cmob a h4{
		font-size: 0.9rem;
		line-height:1.2rem;
		margin:0;
	}

	/* Autres versions */
	.boiteecrins{
		width: 90%;
		margin: 0 0 0 5.1%;
	}

	.ecrin1{
		width: 49.75%;
		margin:0;
	}
	.ecrin1:first-child{	
		margin: 0 0 0 25%;
	}
	.ecrin2{
		width: 49.75%;
		margin:0;
	}
	.ecrin2:first-child{	
		margin:0;
	}
	.ecrin3{
		width: 49.75%;
		margin:0;
	}
	.ecrin3:first-child{	
		margin:0;
	}
	.ecrin4{
		width: 49.75%;
		margin:0;
	}


	.navtab1{
		float:left;
		width:100%;
		margin:0;
	}
	.navtab2{
		float:left;
		width:100%;
		margin:0;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.blocmenuG{
		width: 55%;
	}
	.blocsousmenuG{
		width: 45%;
	}

	.blocmenuD{
		width: 55%;
	}
	.blocsousmenuD{
		width: 45%;
	}

	.blocmenuG .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.5rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.2rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		margin: 1rem 0 0.5rem 2.5rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.4rem;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2.4rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	#sepamenu{
		display: none;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa4{
		display:none;
	}

	.versions3{
		display:none;
	}
	.versions4{
		display:none;
	}

	.boitephoto{
		width: 50%;
		margin:0 0 0 25%;
	}
	.boitetexte{
		width: 96%;
		margin:0 0 0 2%;
	}

}

/* Tablettes */		

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

	/* ipad portrait 768px Samsung Tab 800px */

	.mobile{
		display:none;
	}

	.boitefiltre{
		width:100%;
	}
	
	.ordinateur li{
		margin: 0.5rem 1rem 0.5rem 0;
	}

	.boiteordinateur h4{
		font-size: 0.95rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 0.9rem;
		margin:0;
	}
	
	.navtab1{
		float:left;
		width:98%;
		margin:0 0 0 2%;
	}
	.navtab2{
		float:left;
		width:98%;
		margin:0 0 0 2%;
	}

	.navtab1 h2; .navtab2 h2{
		margin:0;
	}

	.categoriemenuG{
		width: 26%;
	}
	.blocmenuG{
		width: 33%;
	}
	.blocsousmenuG{
		/*width: ;*/
	}

	.categoriemenuD{
		width: 26%;
	}
	.blocmenuD{
		width: 33%;
	}
	.blocsousmenuD{
		/*width: ;*/
	}

	.blocmenuG .menu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;		
	}

	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}


	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa2{
		display:none;
	}

	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

	.boitephoto{
		width: 23%;
		margin:1% 0 0 1.7%;
	}
	.boitetexte{
		width: 73.6%;
		margin:0 0 0 1.7%;
	}		
	
}

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

	/* Asus LG  paysage 960px */

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 2% 2%;
	}	
	
	.ordinateur li{
		margin: 0.5rem 1rem 0.5rem 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 0.9rem;
		margin:0;
	}

	.navtab1{
		float:left;
		width:98%;
		margin:0 0 0 2%;
	}
	.navtab2{
		float:left;
		width:98%;
		margin:0 0 0 2%;
	}

	.categoriemenuG{
		width: 21%
	}
	.blocmenuG{
		width: 30%;
	}
	.blocsousmenuG{
		
	}

	.categoriemenuD{
		width: 21%
	}
	.blocmenuD{
		width: 30%;
	}
	.blocsousmenuD{
		
	}


	.blocmenuG .menu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 3rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;		
	}


	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	/* Catégorie */
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 3rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 3rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa2{
		display:none;
	}

	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

	.boitephoto{
		width: 23%;
		margin:1% 0 0 1.7%;
	}
	.boitetexte{
		width: 73.6%;
		margin:0 0 0 1.7%;
	}
	
}

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

	/* ipad paysage 1024 px */

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 2.5% 2%;
	}
	
	.ordinateur li{
		margin: 0.5rem 1rem 0.5rem 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1rem;
		margin:0;
	}

	.navtab1{
		float:left;
		width:98%;
		margin:0 0 0 2%;
	}
	.navtab2{
		float:left;
		width:98%;
		margin:0 0 0 2%;
	}

	.categoriemenuG{
		width: 20%
	}
	.blocmenuG{
		width: 28%;
	}
	.blocsousmenuG{
		
	}

	.categoriemenuD{
		width: 20%
	}
	.blocmenuD{
		width: 28%;
	}
	.blocsousmenuD{
		
	}

	.blocmenuG .menu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;		
	}
	.blocmenuG .menu h4{
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
	}
	.blocsousmenuG .sousmenu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 3rem;
	}
	.blocsousmenuG .sousmenu h4{
		text-align: left;
		font-size: 1.2rem;
		margin: 0;
	}

	.blocmenuD .menu h3{
		text-align: left;
		font-size: 1.3rem;
		margin: 1rem 0 0.5rem 2rem;		
	}

	/* Fil de navigation => couleur */
	.cartoucheFG{
		display: inline-block;		
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -8px 0;	
	}
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);	
		margin: 0 0 -8px 0;
	}
	
	.cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.cartouche1T{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.cartouche1bis{
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}	
	.cartouche1bisT{
		width:110px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 2rem;	
	}
	.cartouche1bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	/* Sous catégorie */
	.cartouche2, .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.cartouche2bis{
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 3rem;	
	}
	.cartouche2 h5, .cartouche2bis h5{
		font-size: 0.9rem;
		margin:0;
	}

	.cartouche2bisT{
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 10px 0 10px 3rem;	
	}
	.cartouche2bisT h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.stgvisibleG, .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding:  0 0 0 0.5rem;
	}
	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}
	
	.gauche{
		display:none;
	}
	.droite{
		width: 100%;
	}

	.sepa2{
		display:none;
	}

	.versions2{
		display:none;
	}
	.versions3{
		display:none; 
	}

	.boitephoto{
		width: 23%;
		margin:1% 0 0 1.7%;
	}
	.boitetexte{
		width: 73.6%;
		margin:0 0 0 1.7%;
	}	
	
}

/* Ordinateurs */

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 2.5% 2%;
	}
	
	.ordinateur li{
		margin: 0.5rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}


	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}
	
	.ordinateur li{
		margin: 0.5rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	/* Fil de navigation => couleur */
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}
	
}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}

	.ordinateur li{
		margin: 0.5rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}

	.ordinateur li{		
		margin: 1rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}

	.ordinateur li{
		margin: 1rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}

	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}

	.ordinateur li{
		margin: 1rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1.1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1.1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}

	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}
	
}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}
	
	.ordinateur li{
		margin: 1rem 1rem 0 0;
	}
	
	.boiteordinateur h4{
		font-size: 1.1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1.1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}

}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}	

	.ordinateur li{
		margin: 1rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1.1rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1.1rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}

	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}
	
}

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

	.mobile{
		display:none;
	}

	.boiteimg, .boiteimgactive{
		width: 96%;
		margin: 0 0 3% 2%;
	}

	.ordinateur li{
		margin: 1rem 1rem 0 0;
	}

	.boiteordinateur h4{
		font-size: 1.2rem;
	}

	.boiteimg img, .boiteimgactive img, .boiteimg a img, .boiteimgactive a img{
		margin:0;
	}

	.sousboite2C h4{
		font-size: 1.2rem;
		margin:0;
	}

	.cartoucheFG{
		display: inline-block;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	
	.cartoucheF{
		display: inline-block;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 0 0 -7px 0;		
	}
	.cartouche1{
		float: right;
		width:35px;
		height:35px;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.cartouche1T{
		width:100px;
		float:right;
		border: 1px solid rgb(128,128,128);
		margin: 5px 0.5rem 5px 0;	
	}
	.boite2D .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0; 
	}
	
	.cartouche2{
		float: right;
		width:28px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.cartouche2noire{
		float: right;
		width:90px;
		height:28px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	
	.cartouche2T{
		float: right;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 3px 5px 3px 0;	
	}
	.boite2D .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.boite2G .stgactiveG{
		clear:both;
		float:left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #B69731;
		border-right: none;
	}
	.boite2G .stgvisibleG{
		clear: both;
		float: left;
		margin: 0 0 0 0.5rem;
		padding: 0.3rem 0 0.3rem 0;
		border-left: solid 2px #404040;
		border-right: none;
	}

	.boite2D .stgactiveG{
		clear:both;
		float:right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #B69731;
		border-left: none;
	}
	.boite2D .stgvisibleG{
		clear: both;
		float: right;
		margin: 0 0.5rem 0 0;
		padding: 0;
		border-right: solid 2px #404040;
		border-left: none;
	}

	.menuselection .stgvisibleG, .menuselection .stgactiveG{
		margin: 0 0 0 0.5rem ;
		padding: 0 0 0 0.5rem;
	}

	.menuselection h3{
		margin: 0.5rem 0;
	}

	.menuselection .cartouche1{
		float:left;
		width:110px;
		height:25px;
		border: 1px solid rgb(128,128,128);	
		margin: 4px 0 4px 0;
	}
	.menuselection .cartouche1T{
		width:110px;
		float:left;
		border: 1px solid rgb(128,128,128);
		margin: 4px 0 4px 0;	
	}
	.menuselection .cartouche1T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.menuselection .cartouche2, .menuselection .cartouche2noire{
		float: left;
		width:90px;
		height:22px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2 h5{
		font-size: 0.9rem;
		margin:0;
	}
	.menuselection .cartouche2T{
		float: left;
		width:90px;
		border: 1px solid rgb(128,128,128);
		margin: 2px 0 2px 0;	
	}
	.menuselection .cartouche2T h4{
		text-align: center;
		margin:0.3rem 0;
	}

	.gauchemob{
		display:none;
	}

	.sepa2{
		display:none;
	}
	
	.versions2{
		display:none;
	}
	.versions3{
		display:none;
	}
		
}