﻿html
{
	height:100%;
	
	margin:0px;
	padding:0px;
	
	color:#000000;
	font-family:Calibri, Arial, sans-serif;
	font-size:1em;
    font-style:normal;
    font-weight:normal;
    text-align:left;
    
    background:url('../Images/Fond.jpg') no-repeat #FAFAFA;
	background-attachment:fixed;
	background-position:0px 185px;
	background-size:100% auto;
}

@media (max-width:400px)
{
	html
	{
		background:url('../Images/Fond.jpg') no-repeat #FAFAFA !important;
		background-attachment:scroll !important;
		background-position:0px 275px !important;
		background-size:150% auto !important;
	}
}

@media (min-width:401px) and (max-width:750px)
{
	html
	{
		background:url('../Images/Fond.jpg') no-repeat #FAFAFA !important;
		background-attachment:scroll !important;
		background-position:0px 185px !important;
		background-size:150% auto !important;
	}
}

body
{
	height:100%;
	
	margin:0px;
	padding:0px;
}

form
{
	height:100%;
	
	margin:0px;
	padding:0px;
}

span.Rouge
{
	color:#FF0000;
}

span.Rose
{
	color:#88B726;
}

div.Principale
{
	margin:0px;
	padding:0px;
}

div.Bloc
{
	min-width:1px;
	min-height:1px;
	
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	padding-top:20px;
	padding-bottom:10px;
	
	background:rgba(255, 255, 255, 0.90);
	border:1px solid #4C4D4F;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);

	float:left;
	
	overflow:hidden;
}

@media (max-width:750px)
{
	div.Bloc
	{
		width:100% !important;
		
		margin-bottom:10px !important;
		padding-top:10px !important;
		padding-bottom:0px !important;
		
		float:none !important;
	}
}

div.SousBloc
{
	min-width:1px;
	min-height:1px;
	
	margin:0px;
	padding:0px;

	float:left;
}

@media (max-width:750px)
{
	div.SousBloc
	{
		width:100% !important;
		
		float:none !important;
	}
}

div.Separateur
{
	min-width:1px;
	min-height:1px;
	
	margin:0px;
	padding:0px;
	
	float:left;
}

@media (max-width:750px)
{
	div.Separateur
	{
		display:none !important;
	}
}

div.Clear
{
	margin:0px;
	padding:0px;
	
	clear:both;
}

/* Pas thémé !!! */

#Carousel
{
	
}

#Carousel div
{
	padding-bottom:0.1px;
}