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



/* ------------------------------------ TABLE border-collapse: collapse;*/
table {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0;
border-collapse: separate;
}
tr {
margin: 0;
padding:0;
border:0;
}
td{
margin: 0;
padding:0;
border:0;
}

/* ------------------------------------ ajout du diaporama start here;*/
/* ------------------------------------ entourage */
#entourage {
background:  #fff;
margin: 0 auto;
padding:0px 0px 0px 0px;
width: 1150px;
text-align: left;
}

/* ------------------------------------ blocg */
#blocg {
float:left;
background: url(news.gif)   left top  no-repeat;
margin: 0;
padding:0;
width: 75px;
text-align: left;
}
/* ------------------------------------ blocd */
#blocd {
float:left;
margin: 0;
padding:0;
background:#fff;
width: 75px;
height:100px;
text-align: left;
}
/* ------------------------------------ ajout du diaporama end here;*/

/* ------------------------------------ container */
#container {
background:  #fff;
margin: 0 auto;
padding:0px 0px 0px 0px;
width: 1000px;
}
#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: 1000px;
height:50px;
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: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#header  h1{
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 37px verdana;
font-weight:bold;
color: #fff;
text-decoration: none;
width:300px;
float:left;
}
#header  h2{
margin: 0;
padding: 23px 0px 0px 0px;
font: 16px verdana;
font-weight:bold;
color: #fff;
text-decoration: none;
width:250px;
float:left;
}
#header  a{
font-weight:bold;
color: #fff;
text-decoration: none;
}

#header  a:hover{
color: #333 ;
text-decoration: none;
}
.photographe {
margin:0;
padding:0;
}
.titre {
margin:0;
padding:0;
}

/* ------------------------------------ Adresse */

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

}
#adresse p{
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 8px;
font-size: 11px;
font-weight: bold;
font-family: verdana;
color: #fff;
text-align: left;

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



/* ------------------------------------teteindex */
#teteindex {
float:right;
background:  #fff ;
margin: 10px 0px 0px 0px;
padding:0;
width: 1000px;
}

#teteindex h1{
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
font: 10px verdana;
color: #999;
line-height:12px;
letter-spacing:2px;
}
#teteindex  h2{
margin: 4px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 11px verdana;
font-weight:normal;
color: #999;
}

#teteindex p{
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
font: 11px verdana;
color: #999966;
line-height:12px;
letter-spacing:0px;
}
#teteindex  a{
font: 11px verdana;
color: #999966;
line-height:12px;
text-decoration: none;
font-weight:bold;
}
#teteindex  a:hover{
color: #999966 ;
text-decoration: none;
}
/* ------------------------------------navteteindex */
#navteteindex {
text-align: justify;
float:right;
background:  #fff ;
margin: 10px 0px 0px 0px;
padding:0;
width: 1000px;
}

#navteteindex  a{
font: 11px verdana;
color: #666;
line-height:12px;
text-decoration: none;
font-weight:bold;
}
#navteteindex  a:hover{
color: #999966 ;
text-decoration: none;
}

#navteteindex ul{
text-align: center;
padding: 0px 0px 10px 0px;
margin: 0 ;
list-style-type: none;
font: 11px verdana;
color: #999;
line-height:12px;
font-weight:normal;
letter-spacing:0px;
}
#navteteindex li {
text-align: justify;
display: inline;
padding: 0px 0px 0px 0px;
margin: 0;
list-style-type: none;
font: 11px verdana;
color: #999;
line-height:12px;
font-weight:normal;
}
/* ------------------------------------CENTRE */
#centre {
float:right;
background:  #fff ;
margin: 10px 0px 4px 0px;
padding:0;
width: 1000px;
}
#centre h1{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 10px;
text-align: left;
font: 18px verdana;
font-weight:bold;
color: #333;
border-left: solid 10px #333;
}
#centre h2{
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 12px georgia;
font-weight:bold;
color: #999966;
}
#centre p{
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 11px verdana;
color: #333;
line-height:13px;
}
#centre  a{
font: 11px 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:990px;
border-bottom: solid 1px #999;
text-align: center;
}
/* ------------------------------------ TOPLIEN */
.toplien {
float:left;
background:  #fff ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
text-align: right;
}

.toplien  a{
background: url(imgsite/top.gif)   left top no-repeat;
}
.toplien  a:hover{
background: url(imgsite/top.gif)   left top no-repeat;

}
/* ------------------------------------ REGION */
.region {
float:left;
background:  #fff ;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
text-align: left;
border-top: solid 1px #999;
}

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

.region h2{
margin: 4px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 11px verdana;
font-weight:normal;
color: #999;
}

.region  a{
font: 12px georgia;
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 georgia;
font-weight:bold;
color: #999966;
}
.module h3{
margin: 4px 0px 8px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: 14px georgia;
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: 12px georgia;
color: #999966;
text-decoration: none;
font-weight:bold;
}
.module  a:hover{
color: #666 ;
text-decoration: none;
}
/* ------------------------------------FRAME */
#frame{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0 ;
width:1000px;
height:380px;
			  }
/* ------------------------------------bas */
#blank {
padding: 0;
margin: 0;
visibility: hidden;
width:978px;
clear: both;
}
#bas {
height:30px;
float:center;
background:  transparent;
width:1000px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 10px verdana ;
color:#999;
text-align: left;
}


#refer{
float:left;
background:  transparent ;
margin: 0px 0px 0px 0px;
padding: 0;
text-align: left;
font: 1px verdana;
color: #fff;
}
#refer h1{
background:  transparent ;
margin: 00px 0px 0px 0px;
padding: 0;
text-align: left;
font: 1px verdana;
color: #fff;
}

#refer  a, a:hover{
color: #fff;
text-decoration: none;
}

/* ------------------------------------bas texte */
#bastxt {
float:right;
background:  #fff ;
margin: 0px 0px 4px 0px;
padding:0;
width: 1000px;
border-top: solid 1px #999;
}


#bastxt p{
margin: 0px 0px 6px 0px;
padding: 10px 0px 0px 0px;
text-align: justify;
font: 11px verdana;
color: #999;
line-height:12px;
letter-spacing:1px;
}
#bastxt  a{
font: 11px verdana;
color: #999;
line-height:12px;
text-decoration: none;
font-weight:normal;
}
#bastxt  a:hover{
color: #999 ;
text-decoration: none;
}
#bastxt ul{
text-align: justify;
padding: 10px 0px 0px 0px;
margin: 0 ;
list-style-type: none;
font: 11px verdana;
color: #999;
line-height:12px;
font-weight:normal;
letter-spacing:0px;
}
#bastxt li {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0;
list-style-type: none;
font: 11px verdana;
color: #999;
line-height:12px;
font-weight:normal;
}