/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 15px; padding: 0; margin: 0;}

.containerxl  {
	text-align: right;
	font-size: 16px;
	padding: 2em 2em 3em 2em;
	background: rgba(30,20,30,30.01);
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; } main


body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #003399;
}
debit {
	color: #CC0033;
}
.main,
.container > header {
	width: 100%;
	margin: 0 auto;
    padding: 0em 1em 0em 2em; /* passe ici  top right bottom left */
	border: none;
	border-color : rgba(30,20,30,30.01); border-style : none; 
	z-index:1;
}

.main {
	max-width: 82.667em;
	min-height: 20em;  /* 40 origine */
	border : none;
	border-style : none;
	
}
.Style121 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.Style121 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color:#FF0000;
	
}
.Style4 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	text-align: left;
	font-size: 18px;
}
.Style444 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #CC0033;
	text-align: left;
	font-size: 16px;
	
}
.Style4b { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
}
.Style4c { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	text-align: left;
	font-size: 24px;
	text-decoration : underline;
}
.rouge{ font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #CC0033;
	text-align: left;
	font-size: 14px;
}
.noir{ font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: left;
	font-size: 14px;
}
.blanc { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}
.Style5 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	text-align: center;
	font-size: 14px;
}

.Style5 a:hover, a:focus, a:visited, a:active{
	color: #003399;
	
}
.Style6 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	text-align: center;
	font-size: 10px;
}
.bleu_nuit { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #66CCFF;
	text-align: left;
	font-size: 14px;
}
.bleu_nuit_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #66CCFF;
	text-align: center;
	font-size: 14px;
}
.bleu_doux_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #0062C4;
	text-align: center;
	font-size: 18px;
}
.fond_noir_texte_blanc
{ font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	valign: top;
	font-size: 14px;
}
.fond_noir_texte_blanc_gros
{ font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	valign: top;
	font-size: 16px;
}
.fond_noir_texte_blanc_petit
{ font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	valign: top;
	font-size: 12px;
}
.titre_menu { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
}
.titre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #89867e;
	text-align: left;
	font-size: 32px;
}
.titre_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 80%;
}
.titre_centre2 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 120%;
}
.gros_blanc { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: 150%;
}
.titre_centre3 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 100%;
}
.petit_titre_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 12px;
}
.petit_titre_centre1 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 85%;
}
.titre_noir { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 144%;
}
.titre_noir1 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: left;
	font-size: 144%;
}
.petit_titre_noir { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 85%;
}
.gros_titre_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 144%;
	
}
.gros_titre_centre_240 { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 240%;
	
}
.gros_titre_noir_centre a:hover{

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color:#FF0000;
	
}
	
.gros_titre_noir { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: left;
	font-size: 200%;
	
}
.gros_titre_noir_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 200%;
	
}
.gros_rouge_3em { font-family:  Arial; color: #CC0033; text-align: center; font-size: 3em; }
.gros_noir_3em { font-family:  Arial; color: #000000; text-align: center; font-size: 3em; }
.gros_blanc_3em { font-family:  Arial; color: #FFFFFF; text-align: center; font-size: 3em; }
.gros_rouge_2em { font-family:  Arial; color: #CC0033; text-align: center; font-size: 2em; }
.gros_noir_2em { font-family:  Arial; color: #000000; text-align: center; font-size: 2em; }
.gros_noir_1_5em_fond_bleu { font-family:  Arial; color: #000000; text-align: center; font-size: 1.5em; background-color : #F4F4FF;  }
.gros_noir_2em_fond_bleu { font-family:  Arial; color: #000000; text-align: center; font-size: 2em; background-color : #F4F4FF;  }
.gros_noir_2_5em { font-family:  Arial; color: #000000; text-align: center; font-size: 2.5em; }
.gros_blanc_2em { font-family:  Arial; color: #FFFFFF; text-align: center; font-size: 2em; }
.blanc2em { font-family:  Arial; color: #FFFFFF; text-align: center; font-size: 2em; }
.gros_rouge_1em { font-family:  Arial; color: #CC0033; text-align: center; font-size: 1em; }
.gros_rouge_1emb { font-family:  Arial; color: #CC0033;  font-size: 1em; }
.gros_noir_1em {  font-family:  Arial; color: #000000; text-align: center; font-size: 1em; }
.gros_noir_1em_fond_bleu { font-family:  Arial; color: #000000; text-align: center; font-size: 1em; background-color : #F4F4FF; }
.gros_noir_1em_fond_bleu_fonce { font-family:  Arial; color: #000000; text-align: center; font-size: 1em; background-color : #66CCCC; }
.noir1em { font-family:  Arial; color: #000000; text-align: center; font-size: 1em; }
.gros_blanc_1em { font-family:  Arial; color: #FFFFFF; text-align: center; font-size: 1em; }
.gros_rouge_1_5em { font-family:  Arial; color: #CC0033; text-align: center; font-size: 1.5em; }
.gros_noir_1_5em { font-family:  Arial; color: #000000; text-align: center; font-size: 1.5em; }
.gros_rouge_1_8em { font-family:  Arial; color: #CC0033; text-align: center; font-size: 1.8em; }
.gros_noir_1_8em { font-family:  Arial; color: #000000; text-align: center; font-size: 1.8em; }
.noir1_5em { font-family:  Arial; color: #000000; text-align: center; font-size: 1.5em; }
.gros_blanc_1_5em { font-family:  Arial; color: #FFFFFF; text-align: center; font-size: 1.5em; }
.gros_noir_0_5em { font-family:  Arial; color: #000000; text-align: center; font-size: 0.5em; }
.gros_noir_gauche_0_5em { font-family:  Arial; color: #000000; text-align: left; font-size: 0.5em; }
.gros_rouge_0_5em { font-family:  Arial; color: #CC0033; text-align: center; font-size: 0.5em; }
.rouge_0_5em { font-family:  Arial; color: #CC0033;  font-size: 0.5em; }
.rouge_1_em { font-family:  Arial; color: #CC0033;  font-size: 1em; }
.gros_noir_0_8em { font-family:  Arial; color: #000000; text-align: center; font-size: 0.8em; }
.gros_noir_0_8_gauche_em { font-family:  Arial; color: #000000; text-align: center; font-size: 0.8em; }
.gros_noir_0_8em_fond_bleu { font-family:  Arial; color: #000000; text-align: center; font-size: 1em; background-color : #F4F4FF; }
.gris_1_em { font-family:  Arial; color: #40ADEC;  font-size: 1.5em; text-align: center;}
.gr_1_em { font-family:  Arial; color: #979A9C ;  font-size: 1em; text-align: center; }



.obligatoire { font-family:  Arial; color: #CC0033; text-align: center; font-size: 1em; }

.enorme_titre_noir { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 300%;
	
}
.moyen_titre_noir { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: left;
	font-size: 140%;
	
}
.moyen_titre_noir_centre { font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 140%;
	
}
.container11 > header {
	text-align: right;
	font-size: 16px;
	padding: 4em 2em 3em 2em;
	background: rgba(30,20,30,30.01);
}


.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
	padding: 0em 2em 0em 2em;
}

.container > header span { /*  top right bottom left  */
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0em 2em 0em 2em;
}
.contenu111 {

	position: relative;
	top: -65px;
	z-index:22;


}
.compteur { display: block; }
.table {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 width:100%;
 }