html 
{ 
	position:absolute;
    left:0%;
	width : auto;
	height :auto;
	background-image: url(../images/background_gray_stone.jpg);
}
body 
{
	font-family: "Lato", sans-serif;
	font-size: 13px;
	width : 100%;
	height : auto;
	/*min-height: 100%;*/
	height : auto;
	background-color: #0F1112;
	color: #eee;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*line-height: 15px;*/
}
header 
{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1005;
	width : 100%;
	padding: 0px;
	text-align: left;
	color: white;
	height :135px;
	border-radius: 4px 4px 0px 0px;
	clear: both;
	background-color: white;
	border: 1px solid  #2C2E33;
	overflow: hidden;
	background-image: url(../images/background_gray_steel.jpg); 
	
}
	
.divColumn_entete 
{
	 display:inline-block;
	 height:100px; 
	 margin-top: 15px;
}
#Colonne_1 
{
	 width :10%;float : left;
}
#Colonne_2 
{
	 width :60%;float : left;
}
#Colonne_3 
{ 
	 width :17%;float : left;
}	 
#Colonne_4 
{ 
	 width :12%;float : left;
}

div#image_pathe 
{
  background-image: url(../images/vignette_uboot_argonaute.png); 
  background-repeat: no-repeat;
  width:  120px;
  height: 100px ;
  margin-left: 30px;
  padding: 0;
  float : left;
  text-align: center;
  vertical-align:middle;
}	
div#image_titre 
{
  background-image: url(../images/titre_page_anagramme.png);
  background-repeat: no-repeat;
  width: 850px;
  height: 90px;
  padding: 0;
  float : left;
  text-align: center;
  vertical-align:middle
}
div#image_aniversal
{
  background-image: url(../images/vignette_aniversal.png);
  background-repeat: no-repeat;
  margin-top: 17px;
  width: 150px;
  height: 80px;
  padding: 0;
  float : right;
}	
.form_col_right
{
		display:inline-block;
		float: center;	
}

img{
	margin-top : 15px;
	height: auto;
	max-width : 500px;
	display: inline-block;
	
	float: left;
}
#humour
{
	margin-top : 5px;
	height: auto;
	max-width : 500px;
	display: inline-block;
	float: left;
}
.form
{
		margin-top : 0px;
		margin-bottom : 10px;
		margin-left : 0px;
		float: left;
		height : auto;
		width :95%;
		display:inline-block;
		/*text-align: center;
	    vertical-align:middle;*/
}

.fit-picture {
    width: 520px;
	margin-left : 0px;
	
}

.small_picture{
    width: 70px;
	margin-left : 160px;

}
.small_picture_large{
    width: 300px;
	margin-left : 160px;
}
.centre_bloc
{
	margin-left: auto;
    margin-right: auto;
	text-align : center;
	font-family:"Times New Roman", Times, serif;  
	font-size: 30px; 
}
.trait_blanc
{
	width : 100%;
	background-color: white;
	border-bottom: 1px solid white;
	border: 1px solid  white;
	/*margin-left : 350px;*/
	margin-top : 10px;
}
.container 
{
  width : 1260px;
  height : auto;
  margin-top : 100px;
  margin-left : 0px;
  margin-bottom : 2px;
  vertical-align:middle;
  /*background-color: transparent;*/
  display:inline-block; 
  padding-top:50px;
  background-image: url(../images/background_gray_stone.jpg);
}
.box{
  
  width: 520px;
  height: 717px;
  margin: 30px 30px 30px 30px;
  padding: 5px;
  border: 2px solid gray;
  float: left;
  display: inline-block;
  background : white;
}

.box_page_une{
  /*width: 500px;*/
  height: 597px;
  margin: 10px 10px 10px 10px;
 /*adding: 10px;*/
  /*border: 2px solid gray;*/
  float: left;
  /*display: inline-block;*/
  background-image: url(../images/fond_520.png);
  background-repeat: no-repeat;
  border-radius: 4px 4px 4px 4px;
}
.box_page{
  width: 510px;
  height: 707px;
  margin: 2px 2px 2px 2px;
 /*adding: 10px;*/
  float: left;
  /*display: inline-block;*/
 background : white;
 /*border: 2px solid gray;
 border-radius: 4px 4px 4px 4px;*/
}
.box_entete{
  /*height: 246px;*/
  height : 33%;
  width: 507px;
  margin: 5px 5px 5px 5px;
 /*adding: 10px;*/
  
  float: left;
  background : white;
  /*border-radius: 4px 4px 4px 4px;
  border: 1px solid gray;*/
}
.box_entete_1{
  /*height: 246px;*/
  height : auto; /*%;*/
  width: 507px;
  margin: 5px 5px 5px 5px;
 /*adding: 10px;*/
  float: left;
  background : white; 
  /*
  border: 1px solid gray;
  border-radius: 4px 4px 4px 4px;
  */
}
.box_entete_2{
  /*height: 246px;*/
  height : 270px;
  width: 507px;
  margin: 5px 5px 5px 5px;
 /*adding: 10px;*/
  float: left;
  background : white;
  /*border-radius: 4px 4px 4px 4px;
  border: 1px solid gray;*/
}
.box_entete_3{
  /*height: 246px;*/
  height : auto;
  /*height : 200px;*/
  width: 507px;
  margin: 0px 5px 5px 5px;
 /*adding: 10px;*/
  float: left;
  background : white;
  /*border-radius: 4px 4px 4px 4px;
  border: 1px solid gray;*/
}
.box_entete_4{
  /*height: 246px;*/
  height : 330px;
  width: 507px;
  margin: 5px 5px 5px 5px;
 /*adding: 10px;*/
  float: left;
  background : white;
  /*border-radius: 4px 4px 4px 4px;
  border: 1px solid gray;*/
}
.box_corps_1{
  /*height: 246px;*/
  height : 60%;
  width: 507px;
  margin: 0px 5px 5px 5px;
 /*adding: 10px;*/
  border: 1px solid gray;
  float: left;
  background : white;
  border-radius: 4px 4px 4px 4px;
}
.box_titre{
  /*height: 60px;*/
  height : 8%;
  width: 507px;
  margin: 5px 5px 5px 5px;
 /*adding: 10px;*/
  /*border: 2px solid gray;*/
  float: left;
  background : #F7D358;
  border-radius: 4px 4px 4px 4px;
}
.box_titre_long{
  /*height: 60px;*/
  height : 70px;
  width: 507px;
  margin: 0px 5px 5px 0px;
 /*adding: 10px;*/
  /*border: 2px solid gray;*/
  float: left;
  background : #F7D358;
  border-radius: 4px 4px 4px 4px;
}
.box_titre_0{
   height : 40px;
  width: 507px;
  margin: 0px 5px 5px 0px;
 /*adding: 10px;*/
  /*border: 2px solid gray;*/
  float: left;
  background : #F7D358;
  border-radius: 4px 4px 4px 4px;
}
.box_titre_1{
 
  height : 60px;
  width: 507px;
  margin: 0px 5px 5px 0px;
 /*adding: 10px;*/
  /*border: 2px solid gray;*/
  float: left;
  background : #F7D358;
  border-radius: 4px 4px 4px 4px;
}
.box_titre_2{
  /*height: 60px;*/
  height : 70px;
  width: 507px;
  margin: 5px 5px 5px 0px;
 /*adding: 10px;*/
  /*border: 2px solid gray;*/
  float: left;
  background : #F7D358;
  border-radius: 4px 4px 4px 4px;
}
.box_corps{
  /*height: 246px;*/
  height : 27%;
  width: 507px;
  margin: 0px 5px 5px 5px;
 /*adding: 10px;*/
  
  float: left;
  background : white;
  /*border-radius: 4px 4px 4px 4px;
  border: 1px solid gray;*/
}
.box_corps_bas{
  /*height: 40px;*/
   height : 17%;
  width: 507px;
  margin: 0px 5px 5px 5px;
 /*adding: 10px;*/
  
  float: left;
  background : white;
  /*border-radius: 2px 2px 2px 2px;
  border: 1px solid gray;*/
}
.box_liberation{
  width:  300px;
  height: 150px;
  /*border: 2px solid gray;*/
  float: left;
  display: inline-block;
  background-image: url(../images/laberation.png);
  background-repeat: no-repeat;
}
.box_titre_bas{
	/* border: 2px solid gray;*/
 width:  500px;
  height: 100px;
  margin-top : 597px;
  /*border: 2px solid gray;*/
  /*position: absolute; 
  bottom: 0;
  left: 0; 
  right: 0;*/
 
  background : red;
  
}
.box_texte{
  width:  240px;
  height: 420px;
  border: 2px solid gray;
  float: left;
  margin : 0px;
  display: inline-block;
  /*background-image: url(../images/images/aniv_small.jpg);
  background-repeat: no-repeat;*/
  border-radius: 4px 4px 4px 4px;
}
#BP1{
	background-image: url(../images/images/aniv_small.jpg);	
	width:  200px;
	height: 200px;
	margin : 5px;
}

#I1{
	background : black;
	margin-top : 10px;
	width:  185px;
	height: 190px;
}
#I2{
	background : black;
	margin-top : 10px;
	width:  185px;
	height: 315px;
}
#I3{
	margin-top : 0px;
	width:  110px;
	height: 110px;
}
#I4{
	margin-top : 0px;
	width:  110px;
	height: 110px;
}
#I5{
	margin-top : 10px;
	width:  185px;
	height: 185px;
}
#I6{
	margin-top : 0px;
	width:  507px;
	height: 80px;
}
#I7{
	margin-top : 10px;
	width:  507px;
	height: 60px;
}
#I8{
	margin-top : 10px;
	width:  185px;
	height: 250px;
}
#I9{
	margin-top : 10px;
	width:  165px;
	height: 250px;
}
#I10{
	margin-top : 10px;
	width:  169px;
	height: 250px;
}
#I11{
	margin-top : 10px;
	width:  169px;
	height: 250px;
}
#I12{
	margin-top : 10px;
	width:  110px;
	height: 110px;
}
#BP15{
	background-image: url(../images/redoutable_sm_sm.png);	
	background-repeat: no-repeat;
	margin-top : 20px;
	width:  110px;
	height: 110px;
	
}
#I13{
	background-image: url(../images/kiosque_1.png);	
	background-repeat: no-repeat;
	margin-top : 5px;
	width:  180px;
	height: 200px;
	
}
#I14{

	/*background : black;*/
	background-image: url(../images/kio_1.png);
	background-repeat: no-repeat;
	margin-top : 0px;
	width:  145px;
	height: 200px;
	
}
#I15{
	background-image: url(../images/kio_2.png);	
	background-repeat: no-repeat;
	margin-top : 0px;
	width:  145px;
	height: 200px;
	margin-right : 30px;
    margin-left : 30px;
}
#I16{
	background-image: url(../images/kio_3.png);	
	background-repeat: no-repeat;
	margin-top : 0px;
	width:  145px;
	height: 200px;
	
}
#I17{
	margin-top : 10px;
	width:  185px;
	height: 330px;
}
.box_photo{
  
  /*border: 2px solid gray;*/
  float: left;
  
  display: inline-block;
  
  background-repeat: no-repeat;
  
}
#T0{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
text-align : center;
width : 240px;
margin-right : 0px;
margin-top : 0px;
}
#T1{
color : white;
height : auto ;
font-family:"Tahoma", Times, serif;  
font-size: 19px; 
text-align : center;
width : 500px;
margin-right : 0px;
margin-top : 20px;
}
#T2{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
margin-left : 5px;
font-weight: bold;
width : 500px;
margin-right : 0px;
margin-top : 0px;
}	
#T3{
width : 500px;
margin-right : 0px;
margin-top : 20px;
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
margin-left : 5px;
font-weight: bold;
text-align : center;
}	
#T4{
width : 500px;
margin-right : 0px;
margin-top : 20px;	
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
margin-left : 5px;
font-weight: bold;
text-align : center;
}	
#T5{
width : 507px;
margin-left : 0px;
margin-top : 0px;	
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 15px; 
/*font-weight: bold;*/
text-align : left;
text-align: justify;
white-space: normal;
}	
#T6{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
/*text-align : left;*/
width : 310px;
margin-left : 5px;
margin-top : 15px;
text-align: justify;
white-space: normal;
}
#T6-2{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
/*text-align : left;*/
width : 310px;
margin-left : 5px;
margin-top : 0px;
text-align: justify;
white-space: normal;
}
#T7{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
/*text-align : left;*/
width : 310px;
margin-left : 5px;
margin-top : 0px;
text-align: justify;
white-space: normal;
}
#T8{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
/*text-align : left;*/
width : 260px;
margin-left : 2px;
margin-top : 5px;
text-align: justify;
white-space: normal;
}
#T9{
color : black;
font-family:"Tahoma", Times, serif;  
font-size: 14px; 
/*text-align : left;*/
width : 390px;
margin-left : 2px;
margin-top : 5px;
text-align: justify;
white-space: normal;
}
textarea{
	
	/*height:auto;*/
	border: none; /*2px dashed red;*/
	resize: none;
	text-align : left;
	vertical-align : middle;
	background : transparent;
	float: left;
	display: inline-block;
	
}
#TA1{
    width : 310px;	
}	
@supports (-ms-ime-align:auto) {
	/* Edge */
     input, entete_colonne{
        width : 100px; 
		font-size:11px;
    }
	.container, header{
        width : 95%;
    }
	select, select option, form, body{
		
		font-size:11px;
		
	}	
}

@-moz-document url-prefix() {
    *{    /* firefox */
        /*color: red;*/
    }
}