body {
	background-color: rgb(240,240,240);
	background-repeat: no-repeat;
	
	font-family: Arial;
	font-size: 12px;
	
	width: 1366px;
	height: 100%;
	margin: auto;
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////     CHAMPS GENERIQUES    ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

section{
	background-color: rgb(240,240,240);

	color: black;

	text-align: justify;
	font-size : 12px;
/*-------------------------------------------------------------------
   champs génériques au positionnement des boites (position + taille)
 --------------------------------------------------------------------*/
	position: relative;
	left: 0%;
	
	margin-top:0px;

	padding-left: 0px; /*Le padding est dans cette section, car il modifie la taille de la boite*/
	padding-top: 0px;
	padding-bottom: 100px;
	width: 1180px;
	height: 100%;
}

section a{
	color: rgb(104,145,201);
	font-weight: bold;
	text-decoration: none;
}

section h2{
	font-size: 14px;
	
	color: rgb(104,145,201);
}

#zone-texte{
	position: relative;
	
	
	height:100%;
	width: 530px;
	
	min-height: 415px;
	
	margin-left: 200px;
		
	margin-top:20px;	
	list-style-position:inside;
}

ul{
 	list-style-type:none;
}

.vignette{
	position: relative;
	width: 100px;
	text-align:center;
}

.vignette img{
	position: relative;
	height: 100px;
	}

.vignette p{
	margin:0;
}
	
#right_picture {
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
	position: relative;
	top: 5px;
	margin-top: 30px;
}

#bloc_vignette {
	position: relative;
	float: left;
	left: 80px;
	width : 900px;
	height: 100%;
	text-align: center;
	
	font-size:12px;
}

#bloc_vignette-2{
	position: relative;
	float: left;
	left: 170px;
	width : 720px;
	height: 100%;
	text-align: center;
	margin-top: 50px;
	
	font-size:12px;
}

#bloc_vignette-3{
	position: relative;
	float: left;
	left: 25px;
	width : 500px;
	height: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
	
	font-size:12px;
}

h1{
	margin-top: 10px;
	color: rgb(41,74,107);
}

img{
	border:none;
}


.image-tab img{
	width:150px;
	height:150px;
	
	position:relative;
	float: left;
	
	padding-bottom: 100px;
}

.image-tab2 img{
	width:100px;
	height:100px;
	padding-right: 20px;
}

.text-tab h2{
	padding-left: 10px;
	font-size: 14px;
	color: rgb(104,145,201);
}

.text-tab ul{
	padding-left: 20px;
	padding-right: 50px;
	padding-bottom: 100px;
	margin-right:50px;
}

.text-tab2 {
	font-size: 12px;
	text-align: center;
	padding-right: 20px;
}

strong{
	color: rgb(104,145,201);
	font-weight: bold;
}

#your-applications{
	position: relative;
	
	left: 100px;
}

#bande-gauche{
    background-image: url("../images/menu-deroulant-1366.jpg");
	background-repeat: repeat-y;

	float: left;

	width: 200px;
	height: 150%;

	position: absolute;
	top:-220px;
	
	padding: 0px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////     FORMULAIRE     ///////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

.error{
	width: 350px;
	background-color: rgb(255,157,157);
	border: solid 2px red;
	border-radius: 10px;
	
	padding: 5px;
	margin: 5px;
}

.valide{
	width: 350px;
	background-color: rgb(149,255,149);
	border: solid 2px rgb(0,128,0);
	border-radius: 10px;
	
	padding: 5px;
	margin: 5px;
}

textarea {
	resize: none;
	width: 500px;
	height: 100px;
	
	font-family: Arial;
	font-size: 13px;
}

label{
	display: inline-block;
	width: 200px;
}

input{
	width: 300px;
	
	font-family: Arial;
}

select{
	width: 305px;
}

.mandatory_fields{
	font-weight:bold;
	color:red;
}

fieldset{
	border:0px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////          HEADER         ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

header{
	height: 60px;
	margin: 0px;
}

#logo{
	height: 30px;
	
	position: relative;
	
	left: 180px;
	top: 18px;
}

#english_flag{
	width: 30px;
    height: 20px;
	
    position: relative;
    top: 18px;
	left: 230px;

}

#french_flag{
	width: 30px;
	height: 20px;
	
	position: relative;
    top: 18px;
	left: 210px;
}


/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////           MENU          ///////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

nav
{
	height : 44px;
	width: 650px;
	min-width: 650px;
	margin : 0px;
	padding : 0px;
	text-align : center;
	
	position: relative;

	top: -2px;
	left:635px;
}

nav a
{	display : inline-block;
	margin : 0px;
	font-size : 10px;
	font-weight : bold;
}

.groupe_lien_MH
{	display : inline-block;
	position: relative;
	margin-right: 0px;
	margin-left: -1px;
	z-index : 90;
}

.groupe_lien_MH a.menu_MH
{
	background-color: rgb(240,240,240);
	height : 23px;
	/*On ne met pas de largeur pour que le bouton s'adapte a la taille du texte*/
	padding-top : 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-align : center;
	color : rgb(104,145,201);
	border-radius: 12px 12px 0px 0px;
	min-width: 20px;
}

.groupe_sublien_MH
{
	display : none;
	position: absolute;
	top: 30px;
	left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	text-align : center;
	border-radius: 0px;
	text-decoration: none;
}

.sublien_MH a
{
	position : relative;
	height : 30px;
	width : 210px;
	padding-top : 5px;
	padding-left: 0px;
	background-color : rgb(104,145,201);
	background-repeat: repeat;
	text-align : left;
	color: rgb(41,74,107);
	border-radius: 0px;
	text-decoration: none;
}

.groupe_sublien_MH a
{
	padding-top : 5px;
	padding-left: 8px;
	padding-right: 8px;
	white-space: pre;
	color: #FFFFFF;
	text-decoration: normal;
}

a.lien_1{
	width:115px;
}

.groupe_lien_MH:hover .groupe_sublien_MH, .groupe_lien_MH_hover .groupe_sublien_MH
{
	display: block;
}

.groupe_lien_MH:hover a.menu_MH, .groupe_lien_MH_hover a.menu_MH
{
	background-color : rgb(41,74,107);
	text-decoration:underline;
	color : #c8c8c8;
	height: 25px;
}

.sublien_MH a:hover
{
	background-color : rgb(41,74,107);
	text-decoration: underline;
	color:#C8C8C8;
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////    BANNIERE     /////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

#banniere{
	background-image: url("../images/banniere-1366.jpg");
	background-repeat: repeat-y;
	width:100%;
	min-width:1280px;
	height:200px;
	border-top: solid 2px rgb(41,74,107);
	z-index:1;
	}
	
#bouteille{
	position: relative; 
	top: 0px; 
	left: 130px; 
	z-index:3;  
	height: 200px;
}

#banniere-texte-1{
	position: relative; 
	top: -180px; 
	left: 325px; 
	font-size: 30px; 
	width: 700px; 
	color: rgb(41,74,107); 
	font-style: italic;
}

#banniere-texte-2{
	position: relative; 
	top: -180px; 
	left: 625px; 
	width: 550px; 
	font-size: 30px; 
	color: rgb(41,74,107); 
	font-style: italic;
}

/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////     FOOTER     /////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

footer{
background-color: rgb(41,74,107);

color: white;
text-align: center;

font-size: 12px;

margin: 0;
margin-top: 10px;

padding-top: 10px;
z-index: 3;

position: relative;
bottom: 0%;
left: 0%;

width: 100%;
min-width: 1280px;
height: 40px;
}

footer a{
	color: white;
	text-decoration: none;
}

footer a:hover{
	color: white;
	text-decoration: underline;
}