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

#footer {
	position: relative;
	margin-top: -180px; /*---->>>> Valeur négative du footer height */
	padding-top:10px;
	height: 170px;		/*---->>>> 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{
	font-family:"Lucida Grande", sans-serif;
	font-size:16px;
	color:#333;
	background:url(Pictures/Template/FondHeader.jpg) repeat-x;
}



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



/* Le header de la page */
#header{
	width:1024px;
	height:170px;
	margin:0 auto;
	position:relative;
}



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

#mainContentaccueil{
	min-height:600px;
	width:1024px;
	
}

/* Le menu et l'interieur du menu */
#Menu{
	position:relative;
	width:1024px;
	height:25px;
	
}

				  #nav{
					  list-style:none;
					  margin:0 auto;
					  padding-top:0px;
					  width:1024px;
					  
				  }
				  
				  #nav a{
					  color:#ffffff;
					  text-decoration:none;
					  padding:0px 10px;
					  margin-top:5px;
					  border-right:1px solid #CCC;
					  
				  }
				  
				  #nav a:hover{
					  color:#0C0;
					  
				  }
				  
				  #nav li.First{
					  display:inline;
					  float:left;
					  
					  
					  
				  }
				  
				  #nav li.Last{
					  display:inline;
					  padding: 0px;
				  }
				  
				  a.accueil{
					  
					  display:block;
				  }
				  
				  a.accueil:hover{
					  
				  }
				  
				  a.accueilcurrent{
					  
					  display:block;
				  }
				  
				  a.siteinternet{
					  display:block;
				  }
				  
				  a.siteinternet:hover{
				  }
				  
				  a.siteinternetcurrent{
					  display:block;
				  }
				  
				  a.webdesign{
					  display:block;
				  }
				  
				  a.webdesign:hover{
				  }
				  
				  a.webdesigncurrent{
					  display:block;
				  }
				  
				  a.referencement{
					  display:block;
				  }
				  
				  a.referencement:hover{
				  }
				  
				  a.referencementcurrent{
					  display:block;
				  }
				  
				  a.portfolio{
					  display:block;
				  }
				  
				  a.portfolio:hover{
				  }
				  
				  a.portfoliocurrent{
					  display:block;
				  }
				  
				  a.contact{
					  display:block;
				  }
				  
				  a.contact:hover{
				  }
				  
				  a.LinkLogo{
					  display:block;
					  background:url(Pictures/Template/Logo.png) no-repeat;
					  width:500px;
					  height:100px;
					  margin-top:8px;
					  
				  }
				  
				  a.LinkLogo:hover{
				  }				  



/*  Le login et l'interieur du login  */
#log{
	width:1024px;
	height:15px;
	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:#06C;
						text-decoration:underline;
					}


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



				#ContainerPrincipal p{
					margin-bottom:10px;
				}
				
				#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;
				}

/* Le design du footer, et son contenu */
#footer{
	
	background-color:#333;
	min-width:1000px;
	border-top:2px solid #CCC;
}

				  #innerFooter{
					  margin:0 auto;
					  width:100%;
					  padding:0px;
					  font-size:10px;
					  color:#ccc;
					  
				  }
				  
				  #footer a{
					  color:#ccc;
					  text-decoration:none;
				  }
				  
				  #footer a:hover{
					  color:#ccc;
					  text-decoration:underline;
				  }



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

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

h2{
	color:##333;
	font-size:16px;
	padding-bottom:20px;
}

h3{
	color:#5d4d27;
	font-size:16px;
	padding:15px 0 0px 0px;
}

h4, h5 {
	color:#000;
}

.Alert{
	color:#F00;
}

#side{
	padding:20px;
	margin-top:0px;
	width:860px;
	
}

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

a.Lienbase:hover{
	color:#0C0;
}

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

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

#carrousel {
	border:solid 3px #FFFFFF;
	width: 400px;
	height: 200px;
	margin:0px;
	position:relative;
	padding: 10px;
	overflow:hidden;
	
}

.Contenu{
	padding-left:0px;
	text-align:left;
	color:#ca9d37;
	font-size:16px;
}

.TitrePageActivite{
	padding-left:20px;
	padding-top:20px;
}

#BoutonIndisponible{
	width:140px;
	height:35px;
	line-height:30px;
	text-align:center;
	background-color:#F00;
	color:#000;
	margin-left:100px;
}

.TableauInfoCalendrier{
	text-align:left;
	vertical-align:top;
}
/* ============== 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:#000000;
	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;
}
	  

.SelectDate{
	color:#ca9d37;
}

.SelectPeople{
	color:#ca9d37;
	margin-left:120px;
}

.CommentaireContact{
	margin-right:160px;
}

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



/* =================== PARTIE 4 ===================== */
/*                   WebOnly	                      */
/* ================================================== */


#UlAccueil{
	padding-left:15px;
}

#UlAccueil li{
	Margin-left:15px;
	list-style-image:url(Pictures/Accueil/li-WebOnly.png);
}

.ContactMini{
	font-size:16px;
	color:#5d4d27;
}

.ImgLeft{
	float:left;
	margin-right:3px;
}



/* ============== FIN DE LA PARTIE 4 ================ */
/*                   WebOnly	                      */
/* ================================================== */