/********************************************************************
    Couleurs utilisées:     #000000 : Noir 
                            #242424 : Gris très foncé
                            #3A3A3A : Gris foncé
                            #CCCCCC : Gris
                            #FFFFFF : Blanc
*********************************************************************
    Polices utilisées : 'Berkshire Swash', cursive; : pour le logo
                        'Muli', sans-serif; : pour le reste
    avec les CDN de google
*********************************************************************/

/* Debut des boites */

/* Debut boites 1 et 2 utilisées pour la colonne de droite */     
section.boite{
	background-color: #CCCCCC;
	margin:0;
	text-align: left;
	font-weight: bold;
	overflow : hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.boite h2{
	background-color: #3A3A3A;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	vertical-align: 20px;
	text-indent: 20px;	
	margin:0;
	font-family: 'Muli', sans-serif;
	margin-bottom: 20px;
    color: #FFFFFF;

}

.boite li span,
.boite span{
    font-family: 'Muli', sans-serif;
	font-size: 11px;
	letter-spacing: -1px;
}


.boite2{
	width: 280px;

	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}


#col3 a,
#col3 a:link,
#col3 a:visited,
#col3 a:active,
#col3 a:hover{
	color: black;
	text-decoration:none;
	font-weight: bold;
    font-family: 'Muli', sans-serif;
	margin-bottom: 20px;
}
#col3 a:hover{
	color: white;
}

.b2-photo{
	width: 240px;
	min-height: 100px;
	background-image: #FF0099;
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-top: 5px;
}

.b2-texte{
	width: 240px;
	min-height: 100px;
	/*background-color: blue;*/
	float:left;
	font-size: 0.80em;
	color: black;
    font-family: 'Muli', sans-serif;
	letter-spacing: -1px;	
}

.b2-texte p{
	margin-top:0;
}
/* Fin boites 1 et 2 utilisées pour la colonne de droite */

/* Debut boite 5 utilisé pour la colonne de gauche */
section.boite5{
	background-color: #CCCCCC;
	margin:0;
	text-align: left;
	font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.boite5 h2{
	background-color: #3A3A3A;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	vertical-align: 20px;
	text-indent: 20px;	
	margin:0;
    font-family: 'Muli', sans-serif;
	margin-bottom: 20px;
    color: #FFFFFF;
}

.boite5 ul,
.boite5 li{
	margin:0;
	padding:0;
	list-style:none;
}

.boite5 li{ 
	color: #000000;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 12px;
}

.boite5 li span{
	font-family: 'Muli', sans-serif;
	font-size: 11px;
	letter-spacing: -1px;
}

.boite5 a,
.boite5 a:link,
.boite5 a:visited,
.boite5 a:active,
.boite5 a:hover{
	color: red;
	text-decoration:none;
	font-size:0.75em;
	font-weight: bold;
    font-family: 'Muli', sans-serif;
}

.boite5 a:hover{
	color: white;
}
/* Fin boite 5 utilisée pour la colonne de gauche */

/* Fin des boites */