/*PAGE D'ACCUEIL*/

.PhotoHead
{
	vertical-align: top;
}

.Index #banniere_image
{
	margin-top: 15px;
	margin-bottom: 25px;
	box-shadow: 0px 4px 4px #1c1a19;
}

.Index #site
{
	color:#FF0000;
}

.Index #Photo
{
	display: inline-block;
	vertical-align: top;
	width:min(300px,21.4%);
}

.Index #Presentation
{
	font-size:14px;
	display: inline-block;
	vertical-align:top;
	text-align:justify;
	width:calc(99% - min(300px,21.4%) - min(350px,25%));
	float:center;
}

.Index p
{
	font-size:14px;
	color:black;
	text-decoration:none;
	font-weight:normal;
	margin:12px 5px;
}

.Index ul
{
	font-size:14px;
	color:black;
	text-decoration:none;
	font-weight:normal;
	margin:0px 5px;
	margin-bottom:15px;
}

.Index a
{
	font-size:14px;
	color:blue;
	text-decoration:underline;
	font-weight:normal;
}

.Index a:hover
{
	font-size:14px;
	color:blue;
	text-decoration:underline;
	font-style: italic;
	font-weight:normal;
}

.Index a:visited
{
	font-size:14px;
	color:blue;
	text-decoration:underline;
	font-weight:normal;
}

.Index table
{
	font-size:14px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.Index td
{
	font-size:14px;
	text-align:justify;
	min-width:165px;
	vertical-align:top;
}

.Index #logo
{
	height:25px;
	margin:-8px 3px;
}

.Index #Twitter
{
	display: inline-block;
	vertical-align: top;
	width:min(350px,25%);
	float:right;
}

/*MOBILE*/

@media screen and (max-width: 1000px)
{

.Index #banniere_image
{
	margin-top: 1vw;
	margin-bottom: 2vw;
	box-shadow: 0px 4px 4px #1c1a19;
}

.Index #Photo
{
	vertical-align: none;
	width:70%;
	text-align:center;
}

.Index #Photo img
{
	margin:0vw 15vw;
}

.Index #Presentation
{
	vertical-align: none;
	font-size:3vw;
	width:100%;
	max-width:100%;
}

.Index p
{
	font-size:3vw;
	margin:2vw 1.1vw;
}

.Index ul
{
	font-size:3vw;
	margin:2vw 1.1vw;
	margin-bottom:3.2vw;
	padding-left: 3vw;
}

.Index a, .Index a:hover, .Index a:visited
{
	font-size:3vw;
}

.Index table
{
	font-size:3vw;
	padding-top:2.15vw;
	padding-bottom:2.15vw;
	padding-left:2.15vw;
}

.Index td
{
	font-size:3vw;
	min-width:0px;
}

.Index #logo
{
	height:5.36vw;
	margin:-1.7vw 0.64vw;
}


.Index #Twitter
{
	vertical-align: none;
	float:none;
	margin:0vw 15vw;
	width:70%;
}

}