body {margin: 0; padding: 0; font-family: arial; color: #333333;}
img {color: #dcdcdc; font-size: 10px;}

/*------------------------------------------------------------- Couleur background */
.background1 {background: #65c957;}
.background2 {background: #333333;}
.background3 {background: #f7f7f7;}
.background4 {background: #dcdcdc;}
.background5 {background: #7ad36e;}
.background6 {background: #515151;}
.background7 {background: #fff;}
.background7:hover {background: #f7f7f7;}
.background8 {background: #fff;}

/*------------------------------------------------------------- Couleur background + survol de la div et du a href */
.survol1:hover{background: #65c957; color: #fff;}
.survol1:hover a{background: #65c957; color: #333333;}
.survol2:hover{background: #65c957; color: #fff;}
.survol2:hover a{background: #65c957; color: #fff;}

/*------------------------------------------------------------- Couleur police */
.color1 {color: #fff;}
.color2 {color: #000;}
.color3 {color: #dcdcdc;}
.color4 {color: #333333;}
.color5 {color: #65c957;}
.color6 {color: #7e7e7e;}

/*------------------------------------------------------------- Style police */
.gras {font-weight: bold;}
.italic {font-style: italic;}
.majuscule {text-transform: uppercase;}

/*------------------------------------------------------------- Taille police */
.size0 {font-size: 30px;}
.size1 {font-size: 24px;}
.size2 {font-size: 22px;}
.size3 {font-size: 20px;}
.size4 {font-size: 18px;}
.size5 {font-size: 16px;}
.size6 {font-size: 14px;}
.size7 {font-size: 12px;}
.size8 {font-size: 10px;}

/*------------------------------------------------------------- Lien hypertext */
.lien {text-decoration: none;}
.lien:hover {text-decoration: underline;}
.lien_image:hover {opacity: 0.65;}

/*------------------------------------------------------------- Espacement police */
.espaceText1 {line-height: 20px;}
.espaceText2 {line-height: 12px;}
.espaceText3 {line-height: 15px;}

/*------------------------------------------------------------- Espacement bloc */
.espaceTop1 {padding-top: 10px;}
.espaceTop2 {padding-top: 30px;}
.espaceTop3 {padding-top: 20px;}
.espaceTop4 {padding-top: 14px;}
.espaceTop5 {padding-top: 5px;}
.espaceBottom1 {padding-bottom: 10px}
.espaceBottom2 {padding-bottom: 30px}
.espaceBottom3 {padding-bottom: 20px}
.espaceBottom4 {padding-bottom: 14px}
.espaceBottom5 {padding-bottom: 5px}
.espaceGlobal {padding: 2%;}
.espaceGlobal2 {padding: 1%;}
.espaceGlobal3 {padding: 5px;}

/*------------------------------------------------------------- Margin bloc */
.marginLeft1 {margin-left: 2%;}
.marginTop1 {margin-top: 20px;}
.marginTop2 {margin-top: 30px;}
.marginTop3 {margin-top: 10px;}
.marginTop4 {margin-top: 5px;}
.marginBottom1 {margin-bottom: 20px;}
.marginBottom2 {margin-bottom: 30px;}
.marginBottom3 {margin-bottom: 10px;}

/*------------------------------------------------------------- Alignement bloc */
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

/*------------------------------------------------------------- Flottement bloc */
.floatLeft {float: left;}
.floatRight {float: right;}

/*------------------------------------------------------------- Puce */
li.puce1 {List-Style-Type: Square; margin-left: 0px;}

/*------------------------------------------------------------- Bloc */
.bloc1{width: 100%; float: left;}

/*------------------------------------------------------------- Taille des Div */
.tailleDiv {width: 1200px; margin: auto;}
.tailleRaccourci {width: 600px;}
.tailleMenu {width: 1200px; margin: auto;}

/*------------------------------------------------------------- Taille des Div */
.blocGauche {width: 870px; padding-right: 30px; float: left;}
.blocDroit {width: 329px; border-left: 1px solid #d7d7d7;  padding-left: 30px; float: left;}

/*------------------------------------------------------------- Bordure des Div */
.borderTop1 {border-top: 1px solid #f0f0f0;}
.borderTop2 {border-top: 2px solid #f0f0f0;}
.borderLeft1 {border-left: 1px solid #f0f0f0;}
.borderBottom1 {border-bottom: 1px solid #f0f0f0;}
.borderBottom2 {border-bottom: 2px solid #f0f0f0;}
.borderRight1 {border-right: 1px solid #f0f0f0;}











/*##################################################### MEDIA QUERIES ####################################################################*/

@media (max-width: 1200px) 
	{
	.tailleDiv {width: 1124px; margin: auto;} /* Div parent gloable */
	.tailleMenu {width: 1124px; margin: auto;} /* Div parent du menu */	
	.tailleRaccourci {width: 100%; min-height: 200px;} /* Div parent du bloc raccourci */	
	
	.blocGauche {width: 100%; border-right: 0px solid #f7f7f7; padding-right: 0px;}
	.blocDroit {width: 100%; padding-left: 0px; margin-top: 20px; padding-top: 30px; border-top: 5px dotted #f7f7f7;}
	}
	

@media (max-width: 1124px) 
	{
	.tailleDiv {width: 964px;} /* Div parent gloable */
	.tailleMenu {width: 964px;} /* Div parent du menu */	
	.blocDroit {border-left: 0px solid #d7d7d7;}
	}

@media (max-width: 976px) 
	{
	.tailleDiv {width: 96%;}
	.tailleMenu {width: 100%;} /* Div parent du menu */
	.size5 {font-size: 14px;}
	}
	
@media (max-width: 630px) 
	{
	.tailleRaccourci {min-height: 100px;} /* Div parent du bloc raccourci */	
	.size0 {font-size: 24px;} /*Taille police */
	}