
* {margin:0;padding:0;} 
/* Toujours conserver ces deux valeurs pour pouvoir coller le footer dans le fond */

html, body {
	height: 100%;
	background-color:#000;
	color:#fff;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(Pictures/Template/OndeBleue.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	}

#PageEntiere {
	min-height: 100%;
	background-image:url(Pictures/Template/Earth.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	}

#header{
	width:1000px;
	height:45px;
	padding-top:100px;
	background-image:url(Pictures/Template/Logo.png);
	background-repeat:no-repeat;
	margin:0 auto;/* Centre au milieu de la page */
	
}

#main {
	padding-bottom: 300px;/* Doit avoir la meme valeur que le footer */
	margin:0 auto;/* Centre au milieu de la page */
	width:1000px;
	}  

#footer {
	position: relative;
	width:1250px;
	text-align:center;
	font-size:10px;
	color:#fff;
	margin:0 auto;/* Centre au milieu de la page */
	margin-top: -300px; /* Valeur negative du footer */
	height: 200px;
	padding-top:100px;
	background-image:url(Pictures/Template/Moon.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	clear:both;
	} 

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}/* corrige un bug sous OPERA */


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/


#Colonne{
	position:relative;
	width:300px;
	margin-right:20px;
	min-height:500px;
	float:left;
	padding:15px;
	background-image:url(Pictures/Template/Opacity.png);
	
}

#MainContent{
	text-align:left;
	background-image:url(Pictures/Template/Opacity.png);
	margin: 0 0 0 350px; /* 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:15px; /* 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;
	
}

#MainContentSansColonne{
	margin: 0 0 0 0px; /* 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:15px; /* 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 PETITS IMPORTANTS */
.MainContentAlert{
	padding:20px 10px 20px 10px;
	color:#F00;
	
	}
	
#MainContentSansColonne a, #MainContent a{
	color:#fff;
	text-decoration:none;
}

#MainContentSansColonne a:Hover, #MainContent a:Hover{
	color:#0c0;
	text-decoration:underline;
}

#MainContentSansColonne p, #MainContent p{
	margin-bottom:10px;
}

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

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

a.ContactMini{
	font-size:10px;
}

a.ContactMini:hover{
	font-size:10px;
}

.imageright {
	float: right;
	margin: 2px 2px 2px 2px;
	padding: 5px;
}

.imageleft{
	float: left;
	margin: 2px 2px 2px 2px;
	padding: 5px;
}

/* FIN DES PETITS IMPORTANTS */

/* TEXTE */

h1{
	color:#0C0;
	font-size:22px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
}

h2{
	color:#0C0;
	font-size:18px;
	height:10px;
	margin-bottom:20px;
}

h3{
	color:#fff;
	font-size:16px;
	margin-bottom:10px;
}

h4, h5 {
	color:#000;
}

/* FIN DES TEXTES */

/* LE MENU */

#Menu{
	margin:0px;
	padding:0px;
	background-image:url(Pictures/Template/Opacity.png);
}

#nav{
	list-style:none;
	margin-left:10px;
}


#nav li.First{
	display:inline;
	
}

#nav li.Last{
	display:inline;
}

a.Menu{
	color:#FFF;
	font-size:24px;
	text-decoration:none;
	padding-right:10px;
}

a.Menu:hover{
	color:#0C0;
	font-size:24px;
	text-decoration:none;
	padding-right:10px;
}	

/* FIN DU MENU */


/*  BARRE LOGIN  */

#log{
	float:left;
	width:980px;
	padding:0px 10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#fff;
}

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

#log a:hover{
	color:#0C0;
	text-decoration:underline;
}

/*  FIN BARRE LOGIN  */


/* INSCRIPTION */

.FormInscription{
	text-align:right;
	width:400px;
	margin-right:150px;
}

.FormInscription p{
	padding:5px;
	
	}

.BoutonInscription{
	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;
}

.BoutonRetour{
	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;
}

.ChampsInscription{
	width:150px;
	
	
}

/* FIN INSCRIPTION */

/* PARAGRAPHS */

.FormParagraphs{
	text-align:left;
	
}


.ChampsParagraphs{
	width:450px;
	
}

.ChampsTextParagraphs{
	width:450px;
	
}

.MenuInsertion{
	padding:5px 0 10px 5px;
	float:left;
	width:95%;
	text-align:left;
	background-color:#0F0;
	
}

.Articles{
	padding-bottom:0px;
	padding-top:10px;
	
}

.Auteur{
	font-size:12px;
	color:#333;
	padding:0px;
	line-height:25px;
	
}
/* FIN PARAGRAPHS */

/* PHOTO */

.ChampsFichier{
	width:400px;
	
}

.RedCross{
	color:#F00;
	
}

.RedCross:hover{
	color:#F00;
	
}

/* FIN PHOTO */


/* Caroussel Jquery   */

#slideshow {
		position: relative;
		width: 300px;
		height: 400px;
		overflow: hidden;
		border: 1px solid #000000;
	}
	#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 300px;
		height: 400px;
	}

/* FIN Caroussel Jquery   */