/*CSS alternatif pour ecran verticaux et tailles inférieures à 800px */ 
html , body#accueil{
min-width:100%;
Width:100%;
Height:100%;
}
	#accueil img#logo_site{
	width: 60%;
	height: auto;
	position: absolute;
	left:25%;
	top: 40%;
}
body#accueil img{
width: 100%;
height:auto;
position: absolute;
}
#accueil #art575{
width:30%;
top: 40%;
left:23%;  
}
#art575 .titre{
width: 180px;
top:10%;
left:70%;
}

#accueil #art300{ 
width: 20%;
top: 15%;
right:30%;
}
#art300 .titre{
width: 180px;
top:40%;
left:30%;
}
#accueil #art1{
width: 15%;
top: 0;
left:42%;
}
#art1 .titre{
top:30%;
left:5%;
}
#accueil #art2{
width: 15%;
top: 0;
left:30%;
}
#art2 .titre{
bottom:10%;
left:10%;
}
#accueil #art3{
width: 35%;
top: 0;
left:0;
}
#art3 .titre{
bottom:10%;
left:10%;
}
#accueil #art4{
width: 15%;
bottom: 20%;
left:10%;
}
#art4 .titre{
bottom:10%;
left:-2%;
}
#accueil #art5{
width: 25%;
top: 36%;
left:66%;
}
#art5 .titre{
bottom:10%;
left:40%;
}
#accueil #rub2{
width: 35%;
top: 0;
right:0;
}
#rub2 .titre{
top:20%;
right:25%;
}
#accueil #rub3{
width: 30%;
bottom: 0;
left:0;
}
#rub3 .titre{
bottom: 20%;
margin-left: 10%;
}
#accueil #rub4{
width: 30%;
bottom: 0;
right:0;
}
#rub4 .titre{
bottom:20%;
right:5%;
}
#accueil #rub5{
width: 30%;
bottom: 0;
left:30%;
}
#rub5 .titre{
bottom: 25%;
left:40%;
}
#accueil #art807{
top:70%;
right:35%;
}
#accueil #art807 img{
	width:200%;
}

#flash{

   width: 12%;

}

#part1
{
	width: 90%;
	position:relative;
}
#part2{
	padding:2%;
	width:90%;
	margin: auto;
	position:relative;
}