
/*======================*/
section{ width:100%; float:left;
margin-top:25px;}


/*=====================================================*/
#butflt{  text-align:center; float:right; }

h1{ text-align:center;}
.imageflottante { text-align:center;
	float: left;
	padding: 5px;
	/* [disabled]margin-bottom: 120px; 
	margin-right: 5px;*/
}
.imageflottante2 {
	float: right;
	padding: 5px;
	/* [disabled]margin-bottom: 120px; */
	margin-right: 5px;
}

#video {
	margin-top:10px;
	width: 100%;
}


.txt{ font-size:12px;}



.titre-content{
	border-bottom:#FFFFFF 1px solid;
	font-size:18px;
	width:100%;
margin-bottom:2%;
	/*margin-top: 15px;width:90%;*/
}

.sepclear{clear:both;}



#mentions, #mentions a { font-size:10px; color:#FFF; text-align:left; text-decoration:none; line-height:12px; }

	
 article{
	float:right;

	/*margin-left: 10%;*/
	margin-top: 50px;
	text-align: justify;
	width: 57%;
	margin:50px;
	}
aside{ width:28%; float:left;}
header{ font-family: 'Dosis', sans-serif;
 text-transform:none; font-size:36px; font-weight:400;}

/* ==|== media queries ====================================================== */


/*@media screen and (min-width: 320px) and (max-width: 480px) {
	.logo{ width:100%; /*margin-left:5%;*/ /*margin-right:10%;margin-top:25px; }*/



/*=====================================================*/

/*=======LOGOS==========*/
 
 @media (min-width: 320px) and (max-width: 640px) { 
 
 .imageflottante {
	float: left;
	padding: 5px;
	/* [disabled]margin-bottom: 120px; */
	margin-right: 5px;
}


#video {
	margin-top:10px;
	width: 100%;
}


.txt{ font-size:12px;}

#main article2{ margin-left:15px;
}

.titre-content{
	border-bottom:#FFFFFF 1px solid;
	font-size:18px;
	width:100%;
margin-bottom:2%;
	/*margin-top: 15px;width:90%;*/
}

.sepclear{clear:both;}

.prix1 {
	
	width:100%;
	font-size:14px;
	margin:5% 0;
}
.txtprx{ width:85%;float:right; 	}
.imgprx{ width:10%; float:left;}

#mentions, #mentions a { font-size:10px; color:#FFF; text-align:left; text-decoration:none; line-height:12px; }

#title{
	width:80%;
	text-align: left;
	font-size:12px;
	box-shadow: 5px 5px 5px #000;
	background-color:rgba(255,255,255,0.2);
	border: solid 2px #666;
	
	/*border-radius:5px;*/
	border:solid 3px #000033;
	background-color:#073653;
	padding: 5px;

	}
	
 article{
	float:left;
	width:100%;
	margin-left: 0;
	margin-top:25px;
	text-align: left;
	}

	/*box-shadow: 5px 5px 5px #000;
	background-color:rgba(255,255,255,0.8);
	border: solid 2px #666;
	
	border-radius:10px;
	border:solid 3px #000033;
	background-color:#073653;*/
	
		
 aside{
	float: right;
	width: 100%;
	/*margin-right: 5px;*/
	margin-top: 10px;
	background-color: rgba(104, 104, 104, 0.5);
	padding:10px;
	}
 
 
 
 
 
 
 
 



 }
 


 @media (min-width: 320px) and (max-width: 640px) { 
 
 
 body{ background-image:url(../img/bckgd/320x480ACC.jpg),  url(../img/bckgd/320x480PGBGR.jpg); background-repeat:no-repeat, repeat;}




.medium2 {margin-left:0px;
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.medium {margin-left:10px; margin-top:3px;
clear:both;
	font-size: 12px;
	padding: .4em 1.5em .42em;
}


#butflt{ 
clear: both;
    float: none;}

 }
@media (min-width: 640px) and (max-width: 766px) { 
body{ background-image:url(../img/bckgd/640x320ACC.jpg),  url(../img/bckgd/320x480PGBGR.jpg); background-repeat:no-repeat, repeat;}


}

@media screen and (min-width: 481px) and (max-width: 767px) {
	
	.logo{ width:100%; /*margin-left:5%;*/ /*margin-right:10%;margin-top:25px;*/ }
	

 #footer{ margin-top:0px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) { body{ background-image:url(../img/bckgd/768x1024Ipadnewpage.jpg),  url(../img/bckgd/768x1024R.jpg);
background-repeat: no-repat, repeat;  }
.medium {
   
    margin-top: 0px !important;}


.txtprx{ width:80%;float:left; 	}
.imgprx{ width:20%; float:left; margin:1%;}


}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	article { text-align:left;}
	
	}
	
	@media only screen and (min-width: 1023px)and (max-width: 1050px) {
	body {background-image:url(../img/bckgd/1024x768pgbg.jpg),url(../img/bckgd/1024x768pgbgR.jpg); background-repeat:no-repeat, repeat;
	
}

}