body {
  background: #000000 url('../images/background.png') repeat-x; /* Fond de page*/
  font-family: sans-serif;  /* Style et taille de la police de la page */
  margin:0px auto;
  width:100%;
  height:100%;
  position:relative;
}

body .img{
  position:absolute;

}

h1 { color: #182421; /*gris anthracite*/
	
  }
h2 { color: #bd4d08; /*orange*/}

h3{ margin: 10px 10px 0 10px; 
    color:#FFF; 
	font:18pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;  }

.code{
    margin: 3% 3% 3% 3%;
	padding-top: 5px;
	background: #EFEFEF ; 
	font:10pt Courrier New, sans-serif; 
	letter-spacing:-1px; 
	}
	
h4{
	text-decoration:underline
}

p{
 /*text-align: justify;*/
 }


#entete {
  list-style: none; /* On ne veut plus que les lignes de la liste aient de puces */
  margin: 0px; /* Aucune marge au dessus et en dessous de la liste (les listes étant normalement utilisées entre des paragraphes) */
  padding: 0px; /* Aucune indentation des éléments contenus dans la liste (généralement, les listes ont un padding à gauche) */
}

#groupMenu{
  margin-left:0px; /* premier élément du menu comence au centre */
}

#menu {
  background: url('../images/menu.png'); /* image d'arrière plan du menu */
  list-style: none; /* On ne veut plus que les lignes de la liste aient de puces */
  margin-top:-4px;
  /*margin: 0px; /* Aucune marge au dessus et en dessous de la liste (les listes étant normalement utilisées entre des paragraphes) */
  height: 40px; /* Hauteur de l'image menu.png */
}

#menu  ul{
	margin:0px;
	padding:0px;
}

#menu  li{
	width:100px;
	height:30px;
	float:left;
	text-align:center;
	margin:5px 5px;
	overflow:hidden;
}

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

#menu  p{
	color:#FFF;
	padding:5px 15px;
	margin:0px 0px;
}

#menu	.subtext{
		/*padding-top:15px;*/
		padding-right: 40%;
	}

/*Menu Color Classes*/
.green{background:#6AA63B url('../images/green-item-bg-w.jpg') top left no-repeat;}
.yellow{background:#FBC700 url('../images/yellow-item-bg-w.jpg') top left no-repeat;}
.red{background:#f72f6d url('../images/red-item-bg-w.jpg') top left no-repeat;}
.purple{background:#5122B4 url('../images/purple-item-bg-w.jpg') top left no-repeat;}
.blue{background:#0292C0 url('../images/blue-item-bg-w.jpg') top left no-repeat;}

#mainPanel{
	margin: 1px 2em 2em 1em;
	float :left;
	background-color:#ffffff; /*blanc*/
	width:850px;	
	height:1550px;
}

#mainGalleryPanel{
	margin: 1em 2em 5em 10em;
	float :left;
}

#mainPanel li{
	margin-left: 2px;
}

#rightPanel{
	margin-top:1px;
	margin-left:1px;
	margin-bottom:20px;
	float:left;
	background-color:#ffffff; /*blanc*/
	width:250px;	
}

.articleStyle{
	font: Arial, sans-serif; 
	font-size: 14px;
	text-align: justify;
}





.CorpusRoundedCorner {
   background: #ffffff;
}
.CorpusRoundedCornerTop div {
   background: url('../images/CorpusRoundedCornerTopLeft.png') no-repeat top left;
}
.CorpusRoundedCornerTop {
   background: url('../images/CorpusRoundedCornerTopRight.png') no-repeat top right;
}
.CorpusRoundedCornerBottom div {
   background: url('../images/CorpusRoundedCornerBottomLeft.png') no-repeat bottom left;
}
.CorpusRoundedCornerBottom {
   background: url('../images/CorpusRoundedCornerBottomRight.png') no-repeat bottom right;
}

.CorpusRoundedCornerTop div, .CorpusRoundedCornerTop,
.CorpusRoundedCornerBottom div, .CorpusRoundedCornerBottom{ 
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.CorpusRoundedCornerContent { margin: 0 10px; }

.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;}
/* End hide from IE-mac */



#pied_de_page{
	font-size: 12px; /* Un peut moins que les 19 pixels de line-height */
	border-top: none; /* Séparer le pied du contenu de la page */
	padding-top: 6px; 
	height: 25px;
	
    text-align: center;
	background:#000000 url('../images/footerImg.png') repeat-x;
}

#pied_de_page span{
	color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#pied_de_page a{
	margin:0px;
	text-align: center;
	color: #ffffff;
}

.boxgrid{ 
				width: 250px; 
				height: 260px; 
				margin:10px;
				margin-left: 3%; 
				margin-right: 3%;				
				float:left; 
				background:#000000; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
				.boxgrid a{ 
					color:#ffffff; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}