body.page-id-7 #zoneEntete {
	/*	min-width:300px;*/
	max-width: 1160px;
	width: auto;
}
body.page-id-7 #zoneConteneur {
	min-width: 340px;
	max-width: 1160px;
	width: auto;
}
body.page-id-7 #identite {
	/*	min-width:300px;*/
	max-width: 1160px;
	width: auto;
}
body.page-id-7 #zoneContenu {
	position: relative;
	padding-left: 0px;
	padding-top: 10px;
}



body.page-id-7 #contenu a {
		display:inline-block;
	font-family:"BebasNeue";
	font-size: 16px;
	background-color: #1a181b;
	border: 1px solid #FFF;
	color: #fff !important;
	/*margin: 10px;
	padding: 6px 10px;*/
	padding: 2px 5px 0px 5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space:nowrap;
 
	letter-spacing: 0.1em;
	
}


body.page-id-7 #contenu #accueil a {
	border: 1px solid #D2C506;

}

/*base bouton acc*/
#accueil {
	width: 340px;
	height: 90px;

    padding: 7px 4px;	
	
	background: url(../img/img_phrase_380.png) no-repeat;
	cursor:pointer;
}

#module1 , #module2 , #module3 , #texte ,
#pratique ,  #evaluation , #plan , #autreRess {
	width: 165px !important;
	height: 60px;
	
    padding: 5px 2px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align:top;

	background:#999;
	cursor:pointer;			
	}
#module1 , #module3, #pratique, #plan {
	margin-right: 6px;
}



/* background*/

#module1 {
	background: url(../img/1micro_380.jpg) no-repeat;
	}
#module2 {
	background: url(../img/HommeCravateVille_380.jpg) no-repeat;
	}
#module3 {
	background: url(../img/Avions_380.jpg) no-repeat;
	}
#texte {
	background: #d2c505;
	}
#pratique {
	background: #fcd367;
	}
#evaluation {
	background: url(../img/3micros_380.jpg) no-repeat;
	}
#plan {
	background: url(../img/MontageMachineEcrireDuotone.jpg) no-repeat;
	}
#autreRess {
	background: #05687d;
	}

 
#contenu {
	width: 340px;
    margin: 0 auto;
	margin-top: 35px;
    margin-bottom: 40px;
}

#accueil a {
	margin-top: 10px;	 
	margin-left: 10px;	 
	}
	
	
	
	
.w3-accordion-content ul ul {
	list-style:none;
 	padding: 0;
    margin: 0;
	}
.w3-accordion-content ul ul li { list-style:none; 
text-indent:-26px;
padding-left: 26px; 	}
	
.w3-accordion-content ul ul li:before {
 
	 content: "—"; /* Insert content that looks like bullets */
    padding-right: 10px;
  
	}
	

	
	
	
	
	
	
@media only screen and (min-width: 768px)  {/* version tablette*/
 

#contenu {
	width: 660px; 
	 /*width: 90%;*/
}


/*base bouton acc*/
#accueil {
	width: 322px;
	height: 496px;

	margin-right: 4px;
	
	float:left;
	background: url(../img/img_phrase_768.png) no-repeat;
}

#module1 , #module2 , #module3 , #texte ,
#pratique ,  #evaluation {
	width: 152px !important;
	height: 152px;
	
    padding: 5px 2px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 5px;
	display: inline-block;

	background:#999;			
	}
#module1 , #module3, #pratique, #plan {
	margin-right: 6px;
}


#plan , #autreRess {
	width: 315px !important;
	height: 90px;
}


/* background*/

#module1 {
	background: url(../img/1micro.jpg) no-repeat;
	}
#module2 {
	background: url(../img/HommeCravateVille.jpg) no-repeat;
	}
#module3 {
	background: url(../img/Avions.jpg) no-repeat;
	}
#texte {
	background: #d2c505;
	}
#pratique {
	background:  url(../img/img_enpratique.jpg)no-repeat;
	}
#evaluation {
	background: url(../img/3micros.jpg) no-repeat;
	}
#plan {
	background: url(../img/MontageMachineEcrireDuotone_768.jpg) no-repeat;
	}
#autreRess {
	background: #05687d;
	}
 
 
#accueil a {
	margin-top: 7px;	 
	margin-left: 7px;	 

	}
#module1 a,
#module2 a,
#module3 a,
#texte a ,
#pratique a ,
#evaluation a ,
#plan a , #autreRess a {	
	margin-top: 7px;	 
	margin-left: 7px;	 
    letter-spacing: 0.1em;
}

 
 
 
 
	  
  }


@media only screen and (min-width: 1100px)  {/* version tablette*/


#contenu {
    width: 1042px;
    margin-left: 65px;

}


/*base bouton acc*/
#accueil {
	width: 434px;
	height: 472px;

	margin-right: 20px;
	
	float:left;
	background: url(../img/img_phrase.jpg) no-repeat;
}

#module1 , #module2 , #module3 , #texte ,
#pratique ,  #evaluation {
	width: 180px !important;
    height: 180px;
	
    padding: 5px 2px;
	margin-top: 9px;
	margin-right: 13px;
	margin-bottom: 5px;
}
#module1 , #module2 , #module3 {margin-top: 0px;}
	
#plan , #autreRess {
	width: 280px !important;
	height: 90px;
	margin-right: 10px;
}

#accueil a {
	margin-top: 8px;	 
	margin-left: 18px;	 
	}


}