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

body {
margin:0px; 
padding:0px; 
text-align:center;
letter-spacing:-1px;
background:url(../Images/fondP.png) repeat-x;
background-color:#666666;
}

*{
font-family: "Lucida Grande", "Jamrul", Helvetica, Verdana, Arial, Tahoma, sans-serif;
color:#333333;
font-size:15px;
font-weight:bold;
}

* {margin:0; padding:0;}

img{
border:none;
padding:0;
margin:0;}


/* Element essentiel pour centrer la mise en page*/
div#mainwrap { 
width:955px; 
margin-left: auto; 
margin-right:auto; 
text-align:left;
}


/*Conteneur genral*/
div#contentarea{
width:955px;
background-color:#000000;
float:left;
font-weight:200;
border:#CCCCCC;
border:thin;
}

/******Partie du haut*******/

/*Conteneur Logo et Menu*/
div#haut{
width:955px;
height:65px;
background-color:#282A28;

}

/*element Logo*/
div#logo{
float:left;
width:215px;
height:77px;
background:url(../Images/Logo1.png);
background-position:right center;
background-repeat:no-repeat;
margin:10px 0px 0px 4px;

}


/* Conteneur du menu*/

.menu {
float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	width:730px;
}
.menu li {
	padding: 0;
	margin: 0;
	margin-right:30px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -3000px;
	height: 55px;
	background-repeat: no-repeat;
	
}
.W {background-image: url(../Images/Menu/W_R.png); width: 92px;}
.W a {background-image: url(../Images/Menu/W.png);  }
.G {background-image: url(../Images/Menu/G_R.png); width: 134px;}
.G a {background-image: url(../Images/Menu/G.png);}
.P {background-image: url(../Images/Menu/P_R.png); width: 116px;}
.P a {background-image: url(../Images/Menu/P.png););}
.A {background-image: url(../Images/Menu/A_R.png);); width: 51px;}
.A a {background-image: url(../Images/Menu/A.png);}
.C {background-image: url(../Images/Menu/C_R.png); width: 73px;}
.C a {background-image: url(../Images/Menu/C.png);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/********* ELEMENT QUI VA CONTENIR TOUS LES ELEMENTS GRAPHIQUES DU BAS *******/
div#ensemble{
width:955px;
height:400px;

}

/*Pour la partie à partir du titre*/
div#contenu{
width:855px;
height:100%;
margin:0px 50px;}

div#espacetitre{
width:100%;
height:30px;
padding-top:25px;
font-size:25px;
color:#999999;
}

div#trait{
background:url(../Images/traitP.png) repeat-x;
width:855px;
height:4px;
float:left;
}


/**************POUR LES THUMBNAILS DE LA PAGE  PHOTO*************/

div#espcethumbs{
width:855px;
height:100%;
}

div#thumbG{
float:left;
width:855px;
height:450px;
margin:25px 0px;
text-align: left;
font-size:14px;
}

div#photoG{
float:left;
width:350px;
height:450px;
border:solid;
border-color:#999999;
border-width:thin;
margin-top: 20px;
margin-bottom:20px;
}

div#photoD{
float:left;
width:350px;
height:450px;
border:solid;
border-color:#999999;
border-width:thin;
margin-left:150px;
margin-top: 20px;
margin-bottom:20px;
}

div#titrephotos{
float:left;
width:266px;
margin-left:55px;}

div#desphotos{
float:left;
width:266px;
height:100%;
margin:10px 0px 0px 55px;}


h1 a {color: DimGray;
font-size:12px;
text-decoration: none;
letter-spacing:0px;}

h1 a:hover, h1 a:focus, h1 a:active {
color:#CCCCCC;
}

h2{
font-size:12px;
color:#666666;
letter-spacing:0px}

h3{
font-size:12px;
color:white;
letter-spacing:0px}


h4{
font-size:13px;
color:white;
letter-spacing:0px}

/*LE FOOTER*/

#footer { 
 float:left;
 background: url(../Images/fondbas2.png) repeat-x;
 width:100%;
 height:150px;
 margin-top:30px;}

#footer p{
 font-family: "Lucida Grande", "Jamrul", Helvetica, Verdana, Arial, Tahoma, sans-serif;
 font-size:12px; 
 color:#999999;
 margin-top: 10px;
 text-align:center;
 letter-spacing:0px;}

#footer p a{
 font-family: "Lucida Grande", "Jamrul", Helvetica, Verdana, Arial, Tahoma, sans-serif;
 font-size:12px;
 color:#FF3399;
 text-decoration:none;}

#footer p a:hover{ color:#333333;}