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

html, body {
	height: 100%;
	background-color:#7573ec;
	color:#fff;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(Pictures/Template/images/Fond.png);
	background-repeat:repeat-x;
	}

#PageEntiere {
	min-height: 100%;
	}

#header{
	width:100%;
	min-width:1000px;
	height:135px;
	padding-top:0px;
	background-image:url(Pictures/Template/images/Logo_insignes_militaires.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin:0 auto;/* Centre au milieu de la page */
	margin-top:0px;
	margin-bottom:15px
	
}

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

#footer {
	position: relative;
	
	text-align:center;
	font-size:10px;
	color:#fff;
	margin:0 auto;/* Centre au milieu de la page */
	margin-top: -180px; /* Valeur negative du footer */
	height: 180px;
	padding-top:10px;
	background-image:url(Pictures/Template/images/FondFooter.png);
	background-repeat:repeat-x;
	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;
	
}

#MainContent{
	text-align:left;
	margin: 30px 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:0px; /* 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 */
	min-height:800px;
	zoom: 1;
	
}

#MainContentSansColonne{
	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. */
	margin-top:20px;
	max-width:1780px;
	padding:5px; /* 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:0px;
	color:#F00;
	
	}

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

#MainContentSansColonne ol, #MainContent ol{
	margin:30px 0px 30px 60px;
}

#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:#fff;
	font-size:22px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
}

h2{
	color:#fff;
	font-size:18px;
	padding-top:15px;
	padding-bottom:20px;
}

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

h4, h5 {
	color:#fff;
}

/* FIN DES TEXTES */

/* LE MENU */

#Menu{
	margin:0px;
	padding:0px;
	min-width:1000px;
	height:39px;
}


#nav{
	 padding:0;
 	 margin:0;
 	 list-style-type:none;
}


#nav.li{
	float:left; /*pour IE*/
}

a.MenuHome {
 display:block;
 float:left;   
 width:150px;
 line-height:39px; /*hauteur de l'image de fond*/
 background:url(Pictures/Template/images/BoutonHome.jpg);
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
 
a.MenuHome:hover {
 background:url(Pictures/Template/images/BoutonHomeHover.jpg);
 color:white;
 }  

a.MenuHistory {
 display:block;
 float:left;   
 width:150px;
 line-height:39px; /*hauteur de l'image de fond*/
 background:url(Pictures/Template/images/BoutonHistory.jpg);
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
 
a.MenuHistory:hover {
 background:url(Pictures/Template/images/BoutonHistoryHover.jpg);
 color:white;
 }
 
a.MenuLink{
 display:block;
 float:left;   
 width:150px;
 line-height:39px; /*hauteur de l'image de fond*/
 background:url(Pictures/Template/images/BoutonLink.jpg);
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
 
a.MenuLink:hover {
 background:url(Pictures/Template/images/BoutonLinkHover.jpg);
 color:white;
 }
 
a.MenuContact{
 display:block;
 float:left;   
 width:150px;
 line-height:39px; /*hauteur de l'image de fond*/
 background:url(Pictures/Template/images/BoutonContact.jpg);
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
 
a.MenuContact:hover {
 background:url(Pictures/Template/images/BoutonContactHover.jpg);
 color:white;
 }
 
a.MenuGuestbook{
 display:block;
 float:left;   
 width:200px;
 line-height:39px; /*hauteur de l'image de fond*/
 background:url(Pictures/Template/images/BoutonGuestbook.jpg);
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
 
a.MenuGuestbook:hover {
 background:url(Pictures/Template/images/BoutonGuestbookHover.jpg);
 color:white;
 }  
/* FIN DU MENU */


/*  BARRE LOGIN  */

#log{
	float:left;
	min-width:1000px;
	padding:0px 40px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	height:25px;
	margin-top:95px;
}

#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 */

.ArticlesParagraphsAndRest{
	margin-bottom:25px;
}

.FormParagraphs{
	text-align:left;
	
}


.ChampsParagraphs{
	width:450px;
	
}

.ChampsTextParagraphs{
	width:450px;
	
}

.MenuInsertion{
	padding:0% 0% 0% 1%;
	float:left;
	width:98%;
	text-align:left;
	background-color:#999;
	margin:5px 0px 5px 0px;
	
}

.Articles{
	padding-bottom:10px;
	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;
	
}

.BoutonDenom{
	width:120px;
	
}

/* FIN PHOTO */

/* Information Style */

.Information{
	padding-top:5px;
	border:0px;
	
	
}

.InfoView{
	text-align:left;
	width:200px;
	float:left;
}

.DataView{
	text-align:left;
	width:400px;
	float:right;
}


/* Fin Information Style */

.BoxColonne{
	width:304px;
	margin-bottom:20px;
}
.BoxColonneUp{
	background-image:url(Pictures/Template/images/HautColonneGrillage.png);
	background-repeat:no-repeat;
	width:279px;
	padding:20px 10px 0px 15px;
	height:36px;
}

.BoxColonneInterior{
	background-image:url(Pictures/Template/images/LamelleColonneGrillage.png);
	background-repeat:repeat-y;
	width:279px;
	padding:0 15px 0 10px;
}

.BoxColonneDown{
	background-image:url(Pictures/Template/images/BasColonneGrillage.png);
	background-repeat:no-repeat;
	width:304px;
	height:21px;
}


.MainBoxColonne{
	width:659px;
	margin-bottom:20px;
}
.MainBoxColonneUp{
	background-image:url(Pictures/Template/images/MainBoxHaut.png);
	background-repeat:no-repeat;
	width:599px;
	padding:15px 30px 0px 30px;
	height:54px;
}

.MainBoxColonneInterior{
	background-image:url(Pictures/Template/images/MainBoxLamelle.png);
	background-repeat:repeat-y;
	color:#000;
	width:599px;
	padding:0 30px 0 30px;
}

.MainBoxColonneDown{
	background-image:url(Pictures/Template/images/MainBoxBas.png);
	background-repeat:no-repeat;
	width:659px;
	height:34px;
	
}


#LastUpdateUL{
	 padding:0 15px 0 10px;
 	 margin:0;
 	 list-style-type:none;
}


#LastUpdateUL.li{
	float:left; /*pour IE*/
}

a.WhiteLink{
	color:#FFF;
	text-decoration:none;
}

a.WhiteLink:hover{
	color:#0F0;
	text-decoration:none;
}

a.GreenLink{
	color:#0C0;
	text-decoration:underline;
	font-size:larger;
}

a.GreenLink:hover{
	color:#0F0;
	text-decoration:none;
}

.BlackLink{
	color:#000;
}
a.BlackLink{
	color:#000;
	text-decoration:none;
}
a.BlackLink:hover{
	color:#0F0;
	text-decoration:none;
}

a.Pagination{
	display:block;
	width:20px;
	height:20px;
	background-color:#000;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	border:1px solid #fff;
}

a.Pagination:hover{
	display:block;
	width:20px;
	height:20px;
	background-color:#4f8d10;
	text-decoration:none;
	color:#000;
	border:1px solid #fff;
}

a.PaginationCurrent{
	display:block;
	width:23px;
	height:21px;
	padding-top:2px;
	background-color:#4f8d10;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	border:2px solid #fff;
}

a.PaginationCurrent:hover{
	display:block;
	width:23px;
	height:21px;
	padding-top:2px;
	background-color:#4f8d10;
	text-decoration:none;
	color:#fff;
	border:2px solid #fff;
}

.PaginationDiv{
	float:left;
	width:100%;
}

.PhotoAccueil{
	width:660px;
}

.Centrage {
	text-align: center;
	padding:5px;
	margin:10px;
	width:140px;
	height:140px;
	display:table-cell;
	vertical-align:middle;
	
	}		
			
.ContourCentrage{
	height:160px;
	width:165px;
	float:left;
	background-image:url(Pictures/Template/images/FondThumbNew.png);
	background-repeat:no-repeat;
}

.FormDoublon{
	position:relative;
	width:100%;
	float:left;
}
.FormDoublonInterior{
	position:relative;
	text-align:right;
	width:50%;
	min-width:500px;
	float:left;
}