@charset "UTF-8";
/* CSS Document */


/**********************
	-	RESET	-
************************/
html, body {
	padding: 0px;
	margin: 0px;
	
}

table{border-collapse:collapse;border-spacing:0}

.container{
	/*padding-right:20px;
	padding-left:20px;
	margin-right:auto;
	margin-left:auto;*/
	
	width: 100%;
}

.blanc{
	background-color: rgba(255,255,255,1.00);
}
.bleu{
	background-color: rgba(56,142,207,1.00);
}
.gris{
	background-color: rgba(223,223,223,1.00);
}

.marg10 { margin-top: 10px !important }
.marg25 { margin-top: 25px }
.marg40 { margin-top: 40px }
.marg50 { margin-top: 50px }
.marg75 { margin-top: 75px }
.marg100 { margin-top: 100px }
.marg125 { margin-top: 125px }
.marg150 { margin-top: 150px }

.bottom10 { margin-bottom: 10px !important }
.bottom25 { margin-bottom: 25px }
.bottom40 { margin-bottom: 40px }
.bottom50 { margin-bottom: 50px }
.bottom75 { margin-bottom: 75px }
.bottom100 { margin-bottom: 100px }
.bottom125 { margin-bottom: 125px }
.bottom150 { margin-bottom: 150px }

.padtop10 { padding-top: 10px !important }
.padtop25 { padding-top: 25px }
.padtop40 { padding-top: 40px }
.padtop50 { padding-top: 50px }
.padtop75 { padding-top: 75px }
.padtop100 { padding-top: 100px }
.padtop125 { padding-top: 125px }
.padtop150 { padding-top: 150px }

.padbottom10 { padding-bottom: 10px !important }
.padbottom25 { padding-bottom: 25px }
.padbottom40 { padding-bottom: 40px }
.padbottom50 { padding-bottom: 50px }
.padbottom75 { padding-bottom: 75px }
.padbottom100 { padding-bottom: 100px }
.padbottom125 { padding-bottom: 125px }
.padbottom150 { padding-bottom: 150px }


.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-20{position:relative;min-height:1px;} /*padding-right:25px;padding-left:25px*/



.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-20{float:left}


.col-1{width:8.333333333333332%}
.col-2{width:16.666666666666664%}
.col-3{width:25%}
.col-4{width:33.33333333333333%}
.col-5{width:41.66666666666667%}
.col-6{width:50%}
.col-7{width:58.333333333333336%}
.col-8{width:66.66666666666666%}
.col-9{width:75%}
.col-10{width:83.33333333333334%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}

.col-20{width:100%}


@media(min-width:768px){
.container{ 
	/*max-width:740px; */
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-20{float:left}
.col-1{width:8.333333333333332%}
.col-2{width:16.666666666666664%}
.col-3{width:25%}
.col-4{width:33.33333333333333%}
.col-5{width:41.66666666666667%}
.col-6{width:50%}
.col-7{width:58.333333333333336%}
.col-8{width:66.66666666666666%}
.col-9{width:75%}
.col-10{width:83.33333333333334%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}
	
.col-20{width:20%}

}



@media(min-width:992px){
.container{ 
	/*max-width:950px;*/ 
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-20{float:left}
.col-1{width:8.333333333333332%}
.col-2{width:16.666666666666664%}
.col-3{width:25%}
.col-4{width:33.33333333333333%}
.col-5{width:41.66666666666667%}
.col-6{width:50%}
.col-7{width:58.333333333333336%}
.col-8{width:66.66666666666666%}
.col-9{width:75%}
.col-10{width:83.33333333333334%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}
	
.col-20{width:20%}

}



@media(min-width:1200px){
.container{ /*max-width:1160px;*/ 
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-20{float:left}
.col-1{width:8.333333333333332%}
.col-2{width:16.666666666666664%}
.col-3{width:25%}
.col-4{width:33.33333333333333%}
.col-5{width:41.66666666666667%}
.col-6{width:50%}
.col-7{width:58.333333333333336%}
.col-8{width:66.66666666666666%}
.col-9{width:75%}
.col-10{width:83.33333333333334%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}
	
.col-20{width:20%}

}