/****************** Pages générales *******************/

body {
font-family:verdana;
color:#000000;
text-align:center;
background-color:#919191;
font-size:13px
}

p {
text-align:left;
margin:0
}

ul, li {
margin:0;
padding: 0;
font-weight: normal;
}

h1 {
font-variant:small-caps;
font-weight:normal;
font-size:28px
}

em {
font-weight:bold
}

#menugauche {
position: absolute;
left: 0px;
top: 20px;
border: none;
height:500px;
width:150px;
background:url(menu.jpg);
color:#888;
font-size:14px;
font-weight:bold;
line-height:20px;
padding:0px
}

#menugauche em {
font-style:normal;
font-weight:bold;
font-size: 14px;
color:#A00000;
line-height:18px;
}

#menugauche ul {
position:relative;
top:4px
}

ul.matieres {
list-style-type:none;
}

li.sousmenu {
padding:0px;
font-size:12px;
line-height:20px
}

li.sousmenu a:hover {
text-decoration: none;
background-color: #A00000
}

#contenu {
position:absolute;
left:170px;
top:20px;
width:607px;
height:500px;
text-align:justify
}

#contenu div ul li {
padding:1px;
text-align:left
}

#contenu div ul li a:hover {
text-decoration: none;
background-color: #808080;
color:#000000
}

img {
border:0
}

a#contact {
text-decoration:underline;
color:#000
}

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

a:hover{
text-decoration:underline
}


/*************** DISCLAIMER ********************/

#disclaimer {
background-color:#FFF;
width:760px;
height:300px;
padding:0;
overflow:scroll;
border:solid 1px #A00000;
margin-right:auto;
margin-left:auto
}

#paddingdisclaimer {
margin:8px 10px 10px
}

ul.disclaimer {
text-align:justify;
padding:10px
}

#copyright {
font-size:10px;
position:relative;
top:25px;
margin-bottom:20px
}

#entrersortir a:link, #entrersortir a:visited {
color:#A00000
}

#entrersortir p {
text-align:center
}


/********************** Accueil ********************/

#accueil1 {
position:absolute;
left:70px;
top:80px;
width:200px;
padding:0px;
background-color:#BBB;
border:1px solid #000000
}

#accueil2 {
position:absolute;
left:215px;
top:160px;
width:160px;
padding:0px;
background-color:#DDD;
border:1px solid #000000
}

#accueil3 {
position:absolute;
left:330px;
top:271px;
height:230px;
width:208px;
padding:0px;
background-color:#FFF;
border:1px solid #000000;
}

#signatureaccueil {
position:absolute;
top:180px;
left:134px;
font-style:italic;
font-size:12px;
text-align:center;
}

img#banniere {
position:absolute;
top:20px;
left:240px
}

p.accueil {
margin:5px 8px
}

#signature {
margin:5px 8px;
text-align:left
}


/************************** Avec vous **************************/

h3 {
font-size:16px;
margin:0px 0px 10px 
}

h5 {
font-size:13px;
margin:20px 0px 6px;
}

ul#retrait {
padding-left:15px
}


/************************* Liens *******************************/

#colonne1 {
position:absolute;
left:0;
width:159px;
padding:0px;
background-color:#777;
border:1px solid #000000
}

#colonne2 {
position:absolute;
left:149px;
width:159px;
padding:0px;
background-color:#555;
border:1px solid #000000
}

#colonne3 {
position:absolute;
left:298px;
width:159px;
padding:0px;
background-color:#333;
border:1px solid #000000
}

#colonne4 {
position:absolute;
left:447px;
width:159px;
padding:0px;
background-color:#111;
border:1px solid #000000
}

#colonne1 ul, #colonne2 ul, #colonne3 ul, #colonne4 ul {
list-style:none
}

div.margeliens {
margin:4px 7px 5px 
}


/************************ Galeries *****************/


#galerie {
position:absolute;
left:170px;
top:20px;
width:609px;
height:500px;
text-align:left
}

#avantapres {
position:relative;
top:530px;
left:-300px;
}

#avantapres a:link, #avantapres a:visited {
color:#A00000;
font-size:40px
}

/***************** E-mail ***************/

body#email {
margin:0px;
padding:13px
}