body{
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	background-color:#b2eafb;

}
font[color]{
	font-weight: bold;
}
font[color]>a{
	color: inherit;
}

/*Couleurs*/
.txt-blue{
	color:#00c0e3;
}
.txt-green{
	color:#9abf00;
}
.txt-red{
	color:#e52520;
}
.txt-darkblue{
	color:#009fe4;
	}
.txt-pink{
	color:#ee7073;
}
.txt-orange{
	color:#ee571b;
}
.txt-purple{
	color:#524e98;
}
.strong{
	font-weight: bold;
}

.bg-blue{
	background-color:#00c0e3;
	color: white; 
}
.bg-green{
	background-color:#9abf00;
	color: white; 
}
.bg-red{
	background-color:#e52520;
	color: white; 
}
.bg-darkblue{
	background-color:#009fe4;
	color: white; 
	}
.bg-pink{
	background-color:#ee7073;
	color: white; 
}
.bg-orange{
	background-color:#ee571b;
	color: white; 
}
.border-left-blue{
	border-left: 4px solid #00c0e3;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;}
.border-left-green{
	border-left: 4px solid #9abf00;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;}
.border-left-red{
	border-left: 4px solid #e52520;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;}
.border-left-darkblue{
	border-left: 4px solid #009fe4;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;	}
.border-left-pink{
	border-left: 4px solid #ee7073;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;}
.border-left-orange{
	border-left: 4px solid #ee571b;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;}
.border-left-purple{
	border-left: 4px solid #795091;
    padding-left: 12px;
    margin-left: -20px;
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;}

.small-pad{
	padding: 5px;
	padding-left: 0px;
}
.sponsors img{
	margin-left: 10px;
	margin-bottom: 10px;
	height: 50px; 
}
.sponsors{
	text-align: center;
	margin-bottom: 20px;
}
.w100{
	width: 100%;
}
.contact{
	font-size: 1.1em;
}
.max100{
	max-width: 100%;
	display: block;
	margin: auto;
}
#carte{
	display: block;
	float: left;
	margin-right: 15px;
}
.max100b{
	max-width: 100%;
}

/* Parts */
#main{
	background-color: white;
}
#header{
	height: 50px;
}
#menu{
	margin-top: -15px;
}
#cinq-cases{
}

#apparte{
	background-color:#b2eafb;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.m50{
	margin-top: 50px;
}
.m80{
	margin-top: 80px;
}
#empty{
	height: 01px;
}
#dessous{
	padding-left: 20px;
	text-align: justify;
}
.minus20{
	margin-left: -20px;
}
.rond{
	font-size: 16px;
    position: relative;
    left: -4px;
    bottom: 4px;
}
/*ELEMENTS*/
.h2{
	color: #00b9ef;
	font-variant: small-caps;
}
#menu_petit{
	margin-bottom: 20px;
}
.case{
	width: 20%;
	margin:0px;
	float: left;
	cursor: pointer;
	overflow: hidden
}
.case img{
	margin-top: -15px;
}
#crayon{
	width: 46px;
	margin-top: -8px;
	cursor: pointer;
}
.footer{
	text-align: center;
	color: #009fe4;
}
.accueillant{
    padding: 15px;
    float: right;
    width: 45%;
    margin-top: 50px;
    margin-left: 15px;
    margin-bottom: 5px;
}
.accueillant h2{
	margin-top: 0px;
}
img.not_selected{
	margin: 0px;
}
.clear{
	clear: both;
}

.titre{
	font-weight: bold;
	font-size: 18px;
	padding: 20px;
	margin: 0px;
	margin-top: 20px; 
}
.titre_petit{
	font-weight: bold;
	font-size: 18px;
	padding: 7px 20px;
	margin: 0px;
}
.article{
	padding: 20px;
}
.more{
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}
#sponsors{
	/*width: 300px;*/
	margin: auto; 
	margin-bottom: 60px;
}
.pointer{
	cursor: pointer;
}

#news_petit{
	overflow: hidden;
}
#news_petit img{
	margin-top: -20px;
	margin-bottom: -20px;
}
.contact-lien{
	display: inline-block;
    background-color: white;
	font-size: 1.1em; 
	}
#logo{
	position: absolute;
    margin-left: -250px;
    width: 250px;
    bottom: -42px;
}
@media (max-width: 900px) {
	#logo{
		position: absolute;
	    margin-left: -150px;
	    width: 150px;
	    bottom: 13px;
	}
}
@media (max-width: 992px) {
	.accueillant {
	    margin-left: -20px;
	    padding-left: 25px;
	}
}