@charset "iso-8859-1";
/* STRUCTURE DE LA PAGE */

.page {
	width:100%;
	margin:0 auto;
	position:relative;
}
	.page .page, .contain2 .contain2{width:100%;}
#banner{
	width : 100% ;
}
#container{
	width: 100%;
	overflow: hidden;
}
#leftbar{
	float : left ;
	width : 0px ;
	padding: 0 0px 0 0px ;
	min-height : 1px ; /* pour s'assurer que les paramètres soit pris en compte même si leftbar est vide */
}
	#leftbar div.box{
		padding: 0 15px 0 15px ;
		width : -30px ;
	}
#rightbar{
	float : left ;
	width : 0px ;
	padding: 0 0px 0 0px ;
	min-height : 1px ; /* pour s'assurer que les paramètres soit pris en compte même si rightbar est vide */
}
	#rightbar div.box{
		padding: 0 5px 0 5px ;
		width : -10px ;
	}
#contain{
	width : 1200px ;
	float : left ;
	min-height : 1px ;
	padding : 0px 0px 0px 0px ;
}
.contain{
	width : 1200px ;
}

	.contain2{
		width : 1200px ;
		margin : auto ;
		max-width : 100% ;
	}

#footer{
	width : 100% ;
}
span.vignette img{
	width : 340px ;
}
/* LIEN */
	div.lien .image_lien_url{
		width : 360px ;
		padding-right : 5px ;
		max-width : 95% ;
		overflow-x : hidden ;
	}
	
		div.lien div.lien_url div.contenu_lien_url{
			width : 835px ;
			max-width : 95% ;
		}
	.bloc_double{
		vertical-align : top ;
		text-align : left ;
		clear : both ;
	}
	.bloc_double > div{
		display : block ;
		float : left; 
		clear : right ;
		overflow-x : hidden ;
		box-sizing: border-box;
	}
		.bloc_double > div > div{ // Ajoute Npx de chaque côté des div parent contenu dans un sous bloc
			padding : 0 5px ;
		}
		.bloc_double > div:first-child > div{ // Ajuste à Npx à droite uniquement pour la première des div parent contenu dans un sous bloc
			padding : 0 5px 0 0 ;
		}
		.bloc_double > div:last-child > div{ // Ajuste à Npx à gauche uniquement pour la dernière des div parent contenu dans un sous bloc
			padding : 0 0 0 5px;
		}
		.bloc_double .bdl_2{width:49.75%;}
		.bloc_double .bdl_2:nth-child(2){margin-left:0.5%;}
		.bloc_double .bdl_3{width:33%;}
		.bloc_double .bdl_3:nth-child(2){margin : auto 0.5%;}
		.bloc_double .bdl_4{width:24.5%;}
		.bloc_double .bdl_4:nth-child(n+2){margin-left:0.5%;}
		.bloc_double .bdl_5{width:19.5%;}
		.bloc_double .bdl_5:nth-child(n+2){margin-left:0.5%;}
@media (min-width:970px) and (max-width:1200px){
	/* STRUCTURE DE LA PAGE */
	#site .page {
		width:100%;
	}
	#site #contain{
		width : 970px ;
	}
	.contain{
		width : 970px ;
	}
	.contain2{
		width : 970px ;
	}

		/* LIEN */	
	#site div.lien div.lien_url div.contenu_lien_url{
		width : 605px ;
	}
}
		
		
	#containers .page, #containers #contain{
		width : 100% ;
		max-width : 100%;
	}
/* 	#containers main article > div,#containers main > div,#containers main > form,#containers main > p{
		width:1200px;
		margin:auto;
		position:relative;
	} */
/*	
	#containers main article > div{max-width:95%;margin-auto;}*/