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

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

*{
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:#929598;
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;
background:url(../Images/ensembleG.png) repeat-x;}

/*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:#333333;
}

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


/**************POUR LES THUMBNAILS DE LA PAGE WEB ET GRAPHIC*************/

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

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

div#photo{
float:left;
width:530px;
height:330px;
border:solid;
border-color:#FFFFFF;
border-width:thin;
}

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

div#desphotos{
float:left;
width:266px;
height:100%;
margin:0px 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: #FFFFFF;
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;}