/*  
 COPYRIGHTS - XAVIER GRANET
 
 Les donnÈes publiÈes et les marques citÈes sur xaviergranet.com sont la propriÈtÈ exclusive de leurs titulaires respectifs. 
Toute reproduction totale ou partielle de ces images, marques et/ou logos, effectuÈe ý partir des ÈlÈments du site sans 
l'autorisation expresse de leurs propriÈtaires est donc prohibÈe, 
au sens de l'article L. 713-2 du Code de la propriÈtÈ intellectuelle.


Reproduction of Images, logos and Other Copyrighted Material Found on xaviergranet.com Web Site is illegal.
You should be aware that it is illegal to reproduce or distribute copyrighted material without the permission of the copyright owner.
Accessing images, logos or text provided on xaviergranet.com Web Site does not give you any rights to use them as you wish.
Only the copyright owner, or the owner's legal agent, can give you permission to copy, distribute, or publicly display protected material.


*/

html, body {
background:  #fff;
margin: 0 auto;
padding: 0;
font: 13px verdana;
text-align: center;
}


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






/* ------------------------------------ container */
#container {
background:  #fff;
margin: 0 auto;
padding:8px 0px 0px 0px;
width: 750px;
}
#top{
float:left;
background:  transparent ;
margin: -20px 0px 0px 0px;
padding: 0;
text-align: left;
font: 1px verdana;
color: #fff;
}
#top h1{
background:  transparent ;
margin: -20px 0px 0px 0px;
padding: 0;
text-align: left;
font: 1px verdana;
color: #fff;
}
/* ------------------------------------ header + Logo */
#logo {
float:left;
background:  #999966 ;
margin: 0px 0px 0px 0px;
padding: ??0px 0px 0px 0px;
width: 750px;
height:60px;
text-align: left;
}
#header {
float:left;
background:  transparent ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
width: 585px;

text-align: left;
font: 37px verdana;
font-weight:bold;
color: #fff;
}

#header p{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#header  a{
font: 37px verdana;
font-weight:bold;
color: #fff;
text-decoration: none;
}
#header  a:hover{
color: #333 ;
text-decoration: none;
}
.photographe {
font: 16px verdana;
font-weight:bold;
color: #fff;
}
/* ------------------------------------ Adresse */

#adresse {
float:right;
background:  transparent;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width: 150px;

}
#adresse p{
margin: 20px 0px 0px 0px;
padding:0px 0px 0px 8px;
font: 11px verdana;
color: #fff;
text-align: left;

}
#adresse  a{
font: 11px verdana;
color: #fff;
text-decoration: none;
}
#adresse  a:hover{
color: #333 ;
text-decoration: none;
}



/* ------------------------------------CENTRE */
#centre {
float:right;
background:  #fff ;
margin: 10px 0px 4px 0px;
padding:0;
width: 750px;
}
#centre h1{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 10px;
text-align: left;
font: 17px verdana;
font-weight:bold;
color: #666;
border-left: solid 10px #666;
}
#centre h2{
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 12px verdana;
font-weight:bold;
color: #999966;
}
#centre p{
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 12px verdana;
color: #333;
line-height:13px;
letter-spacing:1px;
}
#centre  a{
font: 12px verdana;
color: #999966;
text-decoration: none;
}
#centre  a:hover{
color: #666 ;
text-decoration: none;
}

/* ------------------------------------ TRAIT  */
.trait{
float:left;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
width:740px;
border-bottom: solid 1px #999;
text-align: center;
}
/* ------------------------------------ REGION */
.region {
float:left;
background:  #fff ;
margin: 6px 0px 8px 0px;
padding: 0px 0px 0px 0px;
width: 750px;
text-align: left;
border-top: solid 1px #999;
}

.region h1{
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 10px;
text-align: left;
font: 16px verdana;
font-weight:bold;
color: #666;
border-left: solid 10px #666;
}

.region p{
margin: 0px 15px 8px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 11px verdana;
color: #666;
line-height:13px;
letter-spacing:1px;
}

.region  a{
font: 14px verdana;
color: #999966;
text-decoration: none;
font-weight:bold;
}
.region  a:hover{
color: #666 ;
text-decoration: none;
}

/* ------------------------------------MODULE */

.module {
float:left;
background:  #fff ;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 250px;

}
.module h2{
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 12px verdana;
font-weight:bold;
color: #999966;
}
.module h3{
margin: 4px 0px 8px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 14px verdana;
font-weight:bold;
color: #999966;
text-decoration:underline;
}
.module p{
margin: 0px 15px 8px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 11px verdana;
color: #666;
line-height:13px;
letter-spacing:1px;

}
.module  a{
font: 11px verdana;
color: #999966;
text-decoration: none;
font-weight:bold;
}
.module  a:hover{
color: #666 ;
text-decoration: none;
}

/* ------------------------------------bas */
#blank {
padding: 0;
margin: 0;
visibility: hidden;
width:728px;
clear: both;
}
#bas {
height:30px;
float:center;
background:  transparent;
width:750px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 10px verdana ;
color:#999;
text-align: left;
}


/* ------------------------------------ lientext */
.lientext  a{
font: 11px verdana;
color: #666;
text-decoration: none;
font-weight:bold;
}
.lientext  a:hover{
color: #666 ;
text-decoration: none;
}