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


/* =================== 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: 200px;/*---->>>> Doit être égale au height du footer */
	}  

#footer {
	position: relative;
	margin-top: -200px; /*---->>>> Valeur négative du footer height */
	padding-top:20px;
	height: 180px;		/*---->>>> 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 ======== */
/* ================================================== */








/* =================== PARTIE 2 ===================== */
/* ELEMENTS REPRIS SUR TOUTES LES PAGES HORS MODULE   */
/* ================================================== */


/* Le corps de la page, l'arrière plan principal, la police */
body{
	background:url(Pictures/Template/Fond.jpg) fixed #26378f;
	background-repeat:no-repeat;
	background-position:top center;
	font-family: Tahoma, Verdana, Geneva;
	font-size:16px;
	color:#333;
}



/* La structure principale, ici se règle la largeur, et le design de la page */
#main{
	width:1024px;
	margin:0 auto;
	background:url(Pictures/Template/FondMain.png) repeat-y;
}



/* Le header de la page */
#header{
	width:100%;
	height:150px;
	background:url(Pictures/Template/Logo.jpg) no-repeat;
}



/* Le contenu principal de la page, contenant le menu et le reste */
#mainContent{
	min-height:600px;
	width:1024px;
}



/* Le menu et l'interieur du menu */
#menu{
	width:1024px;
	height:120px;
	background:url(Pictures/Template/FondMenu.png) no-repeat;
}

				  #nav{
					  list-style:none;
					  margin:0 auto;
					  padding-top:20px;
					  width:970px;
					  
				  }
				  
				  
				  #nav li.First{
					  display:inline;
					  
				  }
				  
				  #nav li.Last{
					  display:inline;
				  }
				  
				  a.Menu{
					  color:#333;
					  font-size:20px;
					  font-weight:bold;
					  text-decoration:none;
					  padding:10px;
				  }
				  
				  a.Menu:hover{
					  color:#666;
					  font-size:20px;
					  font-weight:bold;
					  text-decoration:none;
					  padding:10px;
				  }	
				  
				  .FirstLetterMenu{
					  font-size: 26px;
					  color:#333;
					  
				  }



/*  Le login et l'interieur du login  */
#log{
	width:930px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
	padding-top:30px;
	color:#000;
}

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


/* Le container contenant tous les éléments de la page */
#ContainerPrincipal{
	width:984px;
	margin:0 auto;
	min-height:500px;
	overflow:hidden;
}



				#ImagePage{
					width:450px; 
					height:350px;  
					float:left;
					
				}
				
				.TitrePage{
					padding-left:35px;
	
				}
				
				#ImagePageContact{
					background-image:url(Pictures/Template/FondCreux.jpg); 
					width:440px; 
					height:385px;
					padding-left:35px;
					padding-top:65px;  
					float:left;
					
				}
				
				#ContainerLigne{
					width:964px; 
					height:500px; 
					margin:0 auto;
					position:relative;
				}
				
				#PostIt{
					background-image:url(Pictures/Template/Post-it.jpg); 
					width:415px; 
					height:430px; 
					padding:25px 35px 25px 25px;  
					float:left;
					
				}

				#ContainerColonneleft{
					width:480px; 
					Min-height:500px; 
					margin-left:20px;
					float:left;
				}
				
				#ContainerColonneright{
					width:470px; 
					Min-height:500px; 
					margin-left:0px;
					float:left;
				}
				
				.UlPhotoBasDePage{
					list-style:none;
					padding-left:15px;
				}
				
				
				ul.Accueil{
					margin-left:30px;
					padding-top:0px;
					margin-bottom:5px;
					
					color:#333;
					font-weight:bold;
				}
				
				li.BallGreen{
					display : list-item;
					list-style-image:url(Pictures/Accueil/BallGreen.png);
				}
				
				li.BallYellow{
					display : list-item;
					list-style-image:url(Pictures/Accueil/BallYellow.png);
				}
				
				li.BallBlue{
					display : list-item;
					list-style-image:url(Pictures/Accueil/BallBlue.png);
				}
				
				li.BallRed{
					display : list-item;
					list-style-image:url(Pictures/Accueil/BallRed.png);
				}
				
				a.LinkGreen{
					color:#0C0;
				}
				
				a:hover.LinkGreen{
					color:#0CC;
				}

/* Le design du footer, et son contenu */
#footer{
	background:url(Pictures/Template/FondFooter.png) no-repeat;
	min-width:1024px;
}

				  #innerFooter{
					  margin:0 auto;
					  width:984px;
					  height:140px;
					  padding:20px;
					  text-align:center;
					  font-size:10px;
					  color:#666;
				  }
				  
				  #footer a{
					  color:#666;
					  text-decoration:none;
				  }
				  
				  #footer a:hover{
					  color:#666;
					  text-decoration:underline;
				  }



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

h1{
	color:#FFF;
	font-size:22px;
	padding-top:20px;
	padding-bottom:20px;
}

h2{
	color:#06F;
	font-size:18px;
	margin-top:5px;
	margin-bottom:20px;
}

h3{
	color:#FF0;
	font-size:16px;
	padding-bottom:10px;
}

h4, h5 {
	color:#000;
}

.Alert{
	color:#F00;
}


/* ============== FIN DE LA PARTIE 2 ================ */
/* FIN DES ELEMENTS REPRIS SUR TOUTES LES PAGES HORS MODULE   */
/* ================================================== */







/* =================== PARTIE 3 ===================== */
/*                   FORMULAIRES                      */
/* ================================================== */


/* INSCRIPTION */

.FormulaireBase{
	text-align:right;
	width:400px;
	margin-left:35px;
	padding:10px;
	border:1px solid #000;
	background-color:#FFF;
}

.FormulaireBase p{
	padding:5px;	
	}

.FormulaireBase a, a:hover{
	color:#060;
}
	
.BoutonFormulaireBase{
	width:155px;
	height:30px;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#093;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border:1px solid #ccc;
}

.BoutonRetourFormulaireBase{
	width:155px;
	height:30px;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#e3001b;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border:1px solid #000;
}

.ChampsFormulaireBase{
	width:150px;
}
	  





/* ============== FIN DE LA PARTIE 3 ================ */
/*                FIN DES FORMULAIRES                 */
/* ================================================== */