body {
	height: 100%;
	margin: 0;
	padding: 0;
	 font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.audio{width:100%;}
.gros{font-size:24px}
.taille12{font-size:13px;}
.bleu{color: blue;}
.retrait{margin-left:30px;font-size:15px;font-style:italic}
#a1{
    background-color:#9C4A96;font-size:18px; color:white; font-weight: bold;padding-left:10px
}
#b1{
    background-color:#296AC0;font-size:18px; color:white; font-weight: bold;padding-left:10px
}
#b2{
    background-color:#E19809;font-size:18px; color:white; font-weight: bold;padding-left:10px
}
#alternance{background-color:#F5F5F5}
#diphtongue{background-color:#F5F5F5}
#gris{background-color:#F5F5F5}
#cancion{
    background-color:#0C0;font-size:18px; color:white; font-weight: bold;padding-left:10px
}
#audio{
    background-color:#FF0;font-size:18px; color:#333; font-weight: bold;padding-left:10px
}
.a1{color:#C09}
.b1{color:#36F}
.b2{color:#C30}

.test{color:#090}
.orange{color;#F60}
.bouton{width:60px;}
.color1{color: #cc0000;font-size:18px;}

.container{margin:0 auto;
width:1100px; align:center;}
.box-rep{width:100%; padding-left:10%; padding-top:5%;}
.box100g{width:99%;text-align:left;padding-left:5px;}
.box100g ul,li{display: yes}
.box1{float:left;margin-right:10%;width:16%}
.box80{float:left;width:65%;margin-right:5%}
.box81{float:left;width:80%;margin-right:5%}
.box50 {margin:0 auto;
	top: 0px;
	width: 48%;
	font-size:14px;
	text-align: left;
	float: left;
	padding-left:1%;
	padding-right:1%;
	border: 0px;
}
.box51 {margin:0 auto;
	top: 0px;
	width: 48%;
	font-size:13px;
	text-align: left;
	float: left;
	padding-left:1%;
	padding-right:1%;
	border: 0px;
}
.box51 a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color : #C00;
	text-decoration: none;
	background-color: fff;
}
.box51 a:visited {	font-size: 13px;
	color : #C00;
	text-decoration: none;
	background-color: fff;
}
.box51 a:hover {	font-size: 13px;
	color : #fff;
	background-color: #C00;
}
.box65{width:65%;marging-left:0px;float:left;}
.box35{width:35%;float:left}

.nonO {
	display: none;
}
.nonP {
	display: none;
}
.red{color:#C00}
.blue p{color:#004f9f}

.solution img{width:80px;height:16px}

.size18{font-size:18px}
.center{text-align:center;}

.marge-voc{margin-left:30px;float:left;width:28%;}
 p.titr{font-size:17px;color: black;align-text:center;margin-bottom:10px;}
 .titre-verbos{margin:0 auto;width:550px;height:50px;float:left;padding-top:10px;margin-top:40px; margin-bottom:20px;margin-left:250px;margin-right:300px;text-align: center;background:#EEA7A7;font-size:20px;
}

.box25{float:left;width:25%}
.box30{float:left;width:32%}
.box60{float:left;width:55%;padding-left:5px;}
.box40{float:left;width:38%;margin-left:2%;}


.marge-voc li a,a:visited{color:black; font-size:16px;line-height:1.6}
.marge-voc li a:hover{background:#cc0000;color:#ffc400; font-size:16px;line-height:1.6}

.verticale{float:left; width:50px;height:100px;}
.orange{color:#e73e01;}

.li{font-size:12px;}

h1{
	margin-left:0px;
	margin-bottom:5px;
	margin-top:2px;
	 font-size: 18px;
	color: #C00;}
.taille25 h1{
	margin-left:0px;
	margin-bottom:5px;
	margin-top:2px;
	 font-size: 25px;
	color: #C00;}
	
h1.nouve{
	margin-left:20px;
	 font-size: 18px;
	color: #C00;}
	
h2{margin-left:0px;
 font-size: 18px;
	color: #000;}	

h3{
	margin-left:18px;
	margin-bottom:10px;
	margin-top:2px;
	 font-size: 20px;
	color: #C00;}
	h4{
	margin-left:0px;
	margin-bottom:10px;
	margin-top:2px;
	 font-size: 16px;
	color:#00F;}
		h5{
	margin-left:0px;
	margin-bottom:5px;
	margin-top:2px;
	 font-size: 15px;
	color:#C00;}
		h6{
	margin-left:0px;
	margin-bottom:5px;
	margin-top:2px;
	 font-size: 15px;
	color:#060;}
.marge-10 {
 width:100%;
 height:10px;
clear: both;
}
.marge-5 {
 width:100%;
 height:5px;
clear: both;
}
.marge-15 {
 width:100%;
 height:15px;
clear: both;
}
.marge-20 {
 width:100%;
 height:20px;
clear: both;
}
.marge-25 {
 width:100%;
 height:25px;
clear: both;
}
.marge-30 {
 width:100%;
 height:30px;
clear: both;
}
.marge-40 {
 width:100%;
 height:40px;
clear: both;
}

p a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color : #C00;
	text-decoration: none;
	background-color: fff;
}
p a:visited {	font-size: 16px;
	color : #C00;
	text-decoration: none;
	background-color: fff;
}
p a:hover {	font-size: 16px;
	color : #fff;
	background-color: #C00;
}


.nonO {
	display: none;
}
.nonO h1{	color: #C00;align:center;}
.encadre {
	border: solid 1px #444444
}

/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
@media (min-width:751px) and (max-width:1200px){
	.container{
		margin:0 auto;
		width:100%;		
}
.box50{ word-break: normal;}
.box30{float:left;width:95%}
.box100g{width:92%;text-align:left;padding-left:3%;padding-right:3%;font-size:17px}
	.box100g img{width:50%:height:auto}
	.box100g a{color:black ;text-decoration:underline; font-size:17px;}
.box100g a:visited{color:black ;text-decoration:underline; font-size:17px;}
.box100g a:hover{background:#cc0000;color:#ffc400; font-size:17px;line-height:1.6}
.box60{float:left;width:99%}
.box40{float:left;width:99%}
.frame{width:100%;height:auto;}
}

@media only screen and (max-width:750px) {
	.container{margin: 0 auto;	
	width:100%;padding-left:0%}
	.box1{width:15%;margin-left:3px;margin-right:5px;float:left;}
	.img box1{width:100%}
	.box80{width:78%;margin-right:0%;float:left;}
	.box81{width:97%;margin-right:1%;margin-left:2%;float:left;}
	.box30{float:left;width:95%}
	.box100g{width:95%;text-align:left;padding-left:2%;padding-right:3%;font-size:14px}
	.box100g img{width:100%}
	.box100g a{color:black ;text-decoration:underline; font-size:14px;}
.box100g a:visited{color:black ;text-decoration:underline; font-size:14px;}
.box100g a:hover{background:#cc0000;color:#ffc400; font-size:16px;line-height:1.6}
img.danger{width:20px;height:auto}
.box60{float:left;width:99%; font-size:14px;}
.box40{float:left;width:99%; font-size:14px;}
.nonP {
	display: none;
}
.nonO {
	display: inline-block;

}


h1{text-align:left;font-size:16px ;
	color: #C00;margin-right:10px;margin-top:10px;}

h2{font-size:16px;}
h4{
	 font-size: 14px;
	}
h6{
	 font-size: 20px;
	}
img.solution{width:70px;height:auto}

.marge-sup{ width:100%;
 height:0px;
clear: both;}
.com{margin-left:0px;
}
.titre-verbos{margin:0 auto;;width:95%;height:60px;float:left;padding-top:10px;text-align: center;background:#FFF;font-size:14px;
}
.marge-voc {margin-left:4%;float:left;width:96%;font-size:12px;}
.frame{width:98%;height:
auto;}
.iframe{width:100%;height:
auto;}
img.para{width:50%;height:auto}
}