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


.ASAVOIR{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
		/*--Les différentes définitions de Box Shadow en CSS3--*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(Pictures/Pie/PIE.htc);
}


/* =================== PARTIE 1 ===================== */
/* ON NE TOUCHE A RIEN DANS CETTE PARTIE SAUF---->>>> */
/* ================================================== */
*{
	margin: 0;
	padding: 0;
}

html, body, #wrap {
	height: 100%;
	}

body > #wrap {
	height: auto; 
	min-height: 100%;
	}

#main {
	padding-bottom: 30px;/*---->>>> Doit être égale au height du footer */
	}  

#footer {
	position: relative;
	margin-top: -30px; /*---->>>> Valeur négative du footer height */
	height: 30px;		/*---->>>> Valeur positive du footer margin-top - le padding-top */
	clear:both;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/* =============== FIN DE LA PARTIE 1 =============== */
/* ======== FIN DE LA ZONE A NE PAS MODIFIER ======== */
/* ================================================== */

/* Imports */

@import url(http://fonts.googleapis.com/css?family=Noto+Serif);
@font-face {
    font-family: 'DIN-BoldRegular';
    src: url('fonts/dinb__-webfont.eot');
    src: url('fonts/dinb__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinb__-webfont.woff') format('woff'),
         url('fonts/dinb__-webfont.ttf') format('truetype'),
         url('fonts/dinb__-webfont.svg#DIN-BoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

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

/* Le corps de la page, l'arrière plan principal, la police */
body{
	font-family: 'DIN-LightRegular';
	font-size:14px;
	color:#fff;
	background:#3938cd url(../Pictures/Template/body.jpg) repeat-x left top;

	}

/* La structure principale, ici se règle la largeur, et le design de la page */
#main{
	min-width:1000px;
	margin:0 auto;
	margin-top:0px;
}

/* Le header de la page */
#header{
	height:130px;
	min-width:1000px;
	margin:0 auto;
	position:relative;
	
}

#innerHeader{
	width:1000px;
	height:130px;
	margin:0 auto;
	margin-top:0px;
	
	
}

.clear{ clear:both; }

/* Le Logo */				  
a.LinkLogoFr, a.LinkLogoNl{
	display:block;
	
}

a.LinkLogo:hover{
}

#DivLogoHeader{
	width:500px;
	height:100px;
	float:right;
}

#DivPubHeader{
	width:328px;
	height:90px;
	float:left;
	background:#2b2b2b;
}



/* Le contenu principal de la page, contenant le menu et le reste */
#mainContent{
	min-height:300px;
	max-width:1000px;
	width:100%;
	margin:0 auto;
	margin-top:15px;
	font-family: 'DIN-LightRegular';
	/*--Les différentes définitions de Box Shadow en CSS3
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;--*/
	/*--Les différentes définitions de Box Shadow en CSS3
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../Pictures/Pie/PIE.htc);--*/
}

#mainContentWide{
	min-height:300px;
	min-width:1000px;
	width:100%;
	margin:0 auto;
	margin-top:15px;
	font-family: 'DIN-LightRegular';
	/*--Les différentes définitions de Box Shadow en CSS3
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;--*/
	/*--Les différentes définitions de Box Shadow en CSS3
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(../Pictures/Pie/PIE.htc);--*/
}

/* Le menu et l'interieur du menu */
#Menu{
	height:35px;
	margin:0 auto;
	width:100%;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	/*-webkit-box-shadow: 0px 5px 5px #000;
	-moz-box-shadow: 0px 5px 5px #000;
	box-shadow: 0px 5px 5px #000;*/
}

#innerMenu{
	width:1000px;
	height:35px;
	margin:0 auto;
	
}

				 #nav{
					 width:800px;
					 float:left;
					 height:22px;
					 padding-top:5px;
				 }
				 
				  #nav ul{
					  margin: 0px;
					  text-align:left;
					  height:22px;
					  
				  }
				  
				  #nav ul li.second{
					  display: inline;
					  margin-left: 0px;
					  height:22px;
				  }
				  
				  #nav ul li.first{
					  display:inline;
					  margin-left: 0px;
					  height:22px;
				  }
				  
				  #nav ul li a{
					  display:inline-block;
					  font-family: 'DIN-BoldRegular';
					  min-width:100px;
					  height:20px;
					  padding:2px 0 0 0;
					  margin:0 10px;
					  font-size:1em;
					  color:#ffffff;
					  text-decoration:none;
					  text-align:center;
				  }
				  
				  #nav ul li a:hover{
					  color:#333;
					  /*--Les différentes définitions de Box Shadow en CSS3
					  -webkit-box-shadow: 0px 5px 5px #000;
					  -moz-box-shadow: 0px 5px 5px #000;
					  box-shadow: 0px 5px 5px #000;--*/
					  /*--Les différentes définitions de Box Shadow en CSS3
					  -moz-border-radius: 5px;
					  -webkit-border-radius: 5px;
					  border-radius: 5px;
					  behavior: url(../../Pictures/Pie/PIE.htc);--*/
				  }
				  
				  #nav ul li a.current{
					  color:#333;
					  /*--Les différentes définitions de Box Shadow en CSS3
					  -webkit-box-shadow: 0px 5px 5px #000;
					  -moz-box-shadow: 0px 5px 5px #000;
					  box-shadow: 0px 5px 5px #000;
					  /*--Les différentes définitions de Box Shadow en CSS3
					  -moz-border-radius: 5px;
					  -webkit-border-radius: 5px;
					  border-radius: 5px;
					  behavior: url(../../Pictures/Pie/PIE.htc);--*/
				  }

#languages{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	width:50px;
}

#languages ul{
	height: 22px;
	margin: 0px;
	padding: 0;
}

#languages ul li{
	display: inline;
	margin-left: 0px;
}

#languages ul li a{
	display: inline-block;
	padding-top:2px;
	height:20px;
	width:20px;
}

#languages ul li a.LinkFr{
	background:url(../Pictures/Template/Fr.png) no-repeat;
}


#languages ul li a.LinkEn{
	background:url(../Pictures/Template/En.png) no-repeat;
}

#languages ul li a:hover{
	color:#fff;
}

#languages ul li a.LinkFr:hover{
	color:#fff;
	background:url(../Pictures/Template/FrHover.png) no-repeat;
}

#languages ul li a.LinkEn:hover{
	color:#fff;
	background:url(../Pictures/Template/EnHover.png) no-repeat;
}



#languages ul li a.current{
	color:#fff;
}

#languages ul li a.currentFr{
	color:#fff;
	background:url(../Pictures/Template/FrHover.png) no-repeat;
}

#languages ul li a.currentEn{
	color:#fff;
	background:url(../Pictures/Template/EnHover.png) no-repeat;
}


/*  Le login et l'interieur du login  */
#log{
	max-width:1000px;
	height:0px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
	padding-left:10px;
	color:#ccc;
	
}

					#log a{
						color:#ccc;
						text-decoration:none;
					}
					
					#log a:hover{
						color:#fff;
						text-decoration:underline;
					}




/* Le container contenant tous les éléments de la page */
#ContainerPrincipal{
	text-align:left;
	width:660px;
	min-height:300px;
	border:0px solid #bcbdc0;
	margin: 0px 125px 0px 185px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */
	padding:10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	zoom: 1;
	
}

#ContainerPrincipalWide{
	text-align:left;
	min-width:660px;
	min-height:300px;
	border:0px solid #bcbdc0;
	margin: 0 auto; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */
	padding:10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	zoom: 1;
	
}


/* Les colonnes */
#Colonneleft{
	width:180px;
	min-height:300px;
	float:left;
}

#Colonneleft a{
	margin-bottom:10px;
}

#Colonneright{
	width:130px;
	min-height:300px;
	float:right;
}







/* Le design du footer, et son contenu */
#footer{
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	/*-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;*/
}

				  #innerFooter{
				  width:100%;
				  padding:10px;
				  padding-bottom:25px;
				  min-height:300px;
				  margin:0 auto;
				  border-top:1px solid #FFF;
				  background:url(../Pictures/Template/BgMesh.png);
			  }
			  
			  	  
				  #innerFooter2{
				  width:1000px;
				  padding:10px;
				  padding-bottom:10px;
				  min-height:300px;
				  margin:0 auto;
			  }
				  
				  
/* Le style des éléments textes de la page */



h1, h2, h3, h4, h5, h6 {
	font-family: 'DIN-BoldRegular';
	margin-left:15px;
	
}

h1{
	font-size:1.9em;
	padding-bottom:10px;
	color:#FFF;
}

h2{
	color:#fff;
	font-size:1.2em;
	padding:15px 0 10px 0;
}



h3{
	color:#090;
	font-size:1.15em;
	padding:15px 0 10px 0px;
}




h4, h5 {
	font-size:1.1em;
	padding-bottom:20px;
	color:#090;
}

h6{
	color:#C00;
	font-size:1em;
	font-weight:100;
}

p{
	margin-bottom:1.5em;
}



/* Le style des éléments Links de la page */




#footer a{
	color:#ccc;
	text-decoration:none;
}

#footer a:hover{
	color:#ccc;
	text-decoration:underline;
}
				  
				  
/* Le style des éléments img de la page */

.ImageRight {
	float: right;
	margin:0 0 8px 8px;
	padding:0px;
}



.ImageLeft{
	float: left;
	margin:0 8px 8px 0;
	padding: 0px;
}



/* PAGE ONWORK */
#OnWork{
	max-width:800px;
	height:300px;
	margin:0 auto;
	margin-top:50px;
}

.adminCube{
	display:block;
	width:15px;
	height:15px;
	border:1px solid #000000;
	float:left;
}
/* ============== FIN DE LA PARTIE 2 ================ */
/* FIN DES ELEMENTS REPRIS SUR TOUTES LES PAGES HORS MODULE   */
/* ================================================== */