body
{
margin: 0;
padding: 0;
font: 12px verdana, tahoma, arial, sans-serif;
color: #5f5f5f;
background-color: #333333;
}

div#menu
{
margin : 2px auto;
text-align : center;
}

div#menu ul
{
margin : 0;
padding : 0 0 2px 0;
list-style-type : none;
}

div#menu ul li
{
float : left;
text-align : center;
}

div#menu ul li a
{
width : auto;
padding : 0 10px 0 10px;
font-size : 12px;
font-weight : bold;
letter-spacing : 2px;
color : #8f8f8f;
display : block;
text-decoration : none;
border-right : 1px solid #5f5f5f;
}

div#menu ul li span a
{
padding-left: 0;
}

div#menu ul li a:hover
{
color: #ffffff;
}

h1#en_tete
{
text-align: left;
font-size: 1.8em;
font-weight: normal;
letter-spacing: 2px;
clear: both;
}

h1#en_tete span.sous_titre
{
font-size: 80%;
color: #8f8f8f;
}

h1#en_tete span.info
{
font-size: 40%;
color: #6f6f6f;
padding-left: 10px;
}

div#conteneur
{
width: 770px;
height: 500px;
margin: 20px auto;
}

div#conteneur_h
{
width: 770px;
height: 445px;
margin: auto;
padding: 15px;
}

div#conteneur_v
{
width: 586px;
height: 629px;
margin: auto;
padding: 15px;
}

div#menu_h
{
float: right;
width: 130px;
height: 445px;
padding: 0;
overflow: auto;
}

div#menu_v
{
float: right;
width: 130px;
height: 629px;
padding: 0;
overflow: auto;
}

div#contenu_h
{
float: left;
width: auto;
padding: 15px;
border: 2px solid #5f5f5f;
}

div#contenu_v
{
float: left;
width: auto;
padding: 15px;
border: 2px solid #5f5f5f;
}

table
{
width: 770px;
margin: auto;
padding: 0;
text-align: center;
}

td.left
{
width: 100px;
border: none;
}

td.left a img
{
border: none;
}

td.right
{
width: 100px;
border: none;
}

td.right a img
{
border: none;
}

td.center
{
width: auto;
padding: 20px;
font-size: 20px;
color: #8f8f8f;
text-align: center;
}

td.center1
{
width: auto;
padding-left: 20px;
padding-right: 20px;
color: #8f8f8f;
text-align: left;
}

td.center2
{
width: auto;
padding-left: 20px;
padding-right: 20px;
color: #8f8f8f;
text-align: right;
}

td span
{
color: #ffffff;
}

p.lien
{
text-align: left;
color: #8f8f8f;
}

div#pied_page_a
{
float: left;
width: 770px;
text-align: center;
padding: 15px 0;
font: 1em verdana, tahoma, arial, sans-serif;
color: #5f5f5f;
}

div#pied_page_h
{
float: left;
width: 584px;
text-align: center;
padding: 15px 0;
font: 1em verdana, tahoma, arial, sans-serif;
color: #5f5f5f;
}

div#pied_page_v
{
float: left;
width: 400px;
text-align: center;
padding: 15px 0;
font: 1em verdana, tahoma, arial, sans-serif;
color: #5f5f5f;
}

div#pied_page_a a
{
font: 1em verdana, tahoma, arial, sans-serif;
color: #8f8f8f;
}
div#pied_page_a a:hover
{
font: 1em verdana, tahoma, arial, sans-serif;
color: #ffffff;
text-decoration: none;
}

div#pied_page_h a
{
font: 1em verdana, tahoma, arial, sans-serif;
color: #8f8f8f;
}
div#pied_page_h a:hover
{
font: 1em verdana, tahoma, arial, sans-serif;
color: #ffffff;
text-decoration: none;
}

div#pied_page_v a
{
font: 1em verdana, tahoma, arial, sans-serif;
color: #8f8f8f;
}
div#pied_page_v a:hover
{
font: 1em verdana, tahoma, arial, sans-serif;
color: #ffffff;
text-decoration: none;
} 
 
ul#accueil
{
position: relative;
width: 770px;
height: 500px;
margin : auto;
padding: 0;
list-style-type: none;
}
 
ul#accueil a
{
position: absolute;
display: block;
height: 49px;
text-decoration: none;
color: #ffffff;
font-size: 14px;
}

ul#accueil p
{
position: absolute;
display: block;
}

ul#accueil a:hover
{
width: 150px;
height: 49px;
font-weight: bold;
font-size: 16px;
}

ul#accueil li a#galerie1_1
{
top: 50px;
left: 65px;
width: 300px;
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-left: 40px;
background: url(../images/bouton3.jpg) no-repeat;
}

ul#accueil li a#galerie1_1:hover
{
top: 40px;
left: 35px;
width: 300px;
font-size: 12px;
text-align: left;
padding-top: 15px;
padding-left: 80px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li a#galerie1_2
{
top: 100px;
left: 65px;
width: 300px;
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-left: 40px;
background: url(../images/bouton3.jpg) no-repeat;
}

ul#accueil li a#galerie1_2:hover
{
top: 90px;
left: 35px;
width: 300px;
font-size: 12px;
text-align: left;
padding-top: 15px;
padding-left: 80px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li a#galerie2_2
{
top: 150px;
left: 65px;
width: 300px;
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-left: 40px;
background: url(../images/bouton3.jpg) no-repeat;
}

ul#accueil li a#galerie2_2:hover
{
top: 140px;
left: 35px;
width: 300px;
font-size: 12px;
text-align: left;
padding-top: 15px;
padding-left: 80px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li a#galerie_g_1_1
{
top: 50px;
left: 65px;
width: 300px;
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-left: 40px;
background: url(../images/bouton3.jpg) no-repeat;
}

ul#accueil li a#galerie_g_1_1:hover
{
top: 40px;
left: 35px;
width: 300px;
font-size: 12px;
text-align: left;
padding-top: 15px;
padding-left: 80px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li a#galerie_g_2_1
{
top: 100px;
left: 65px;
width: 300px;
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-left: 40px;
background: url(../images/bouton3.jpg) no-repeat;
}

ul#accueil li a#galerie_g_2_1:hover
{
top: 90px;
left: 35px;
width: 300px;
font-size: 12px;
text-align: left;
padding-top: 15px;
padding-left: 80px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li a#galerie_g_3_1
{
top: 150px;
left: 65px;
width: 300px;
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-left: 40px;
background: url(../images/bouton3.jpg) no-repeat;
}

ul#accueil li a#galerie_g_3_1:hover
{
top: 140px;
left: 35px;
width: 300px;
font-size: 12px;
text-align: left;
padding-top: 15px;
padding-left: 80px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li p#texte
{
top: 20px;
left: 88px;
width: 365px;
text-align: justify;
color: #ffffff;
}

ul#accueil li p#texte:first-letter
{
font-size: 16px;
font-weight: bold;
color: #fe0002;
}

ul#accueil li p#texte span
{
border-bottom: 2px solid #fe0002;
font-weight: bold;
}

ul#accueil li p#texte1
{
top: 325px;
left: 88px;
width: 365px;
text-align: justify;
color: #ffffff;
}

ul#accueil li p#texte1:first-letter
{
font-size: 16px;
font-weight: bold;
color: #fe0002;
}

ul#accueil li a#contact
{
top: 440px;
left: 56px;
width: 150px;
text-align: center;
padding-top: 15px;
padding-left: 15px;
background: url(../images/bouton.jpg) no-repeat;
}

ul#accueil li a#contact:hover
{
top: 430px;
left: 25px;
width: 150px;
text-align: center;
padding-top: 25px;
padding-left: 25px;
background: url(../images/bouton0.jpg) no-repeat;
}

ul#accueil li a#index
{
top: 440px;
left: 515px;
width: 200px;
text-align: center;
padding-top: 15px;
padding-left: 11px;
background: url(../images/bouton1.png) no-repeat;
}

ul#accueil li a#index:hover
{
top: 430px;
left: 500px;
width: 245px;
text-align: center;
padding-top: 25px;
padding-left: 21px;
background: url(../images/bouton2.png) no-repeat;
}

ul#accueil li a#photo
{
top: 50px;
left: 515px;
width: 200px;
text-align: center;
padding-top: 15px;
padding-left: 11px;
background: url(../images/bouton1.png) no-repeat;
}

ul#accueil li a#photo:hover
{
top: 40px;
left: 500px;
width: 245px;
text-align: center;
padding-top: 25px;
padding-left: 21px;
background: url(../images/bouton2.png) no-repeat;
}

ul#accueil li a#lien
{
top: 300px;
left: 515px;
width: 200px;
text-align: center;
padding-top: 15px;
padding-left: 20px;
background: url(../images/bouton1.png) no-repeat;
}

ul#accueil li a#lien:hover
{
top: 290px;
left: 500px;
width: 245px;
text-align: center;
padding-top: 25px;
padding-left: 21px;
background: url(../images/bouton2.png) no-repeat;
}

ul#accueil li a#graphisme
{
top: 120px;
left: 515px;
width: 200px;
text-align: center;
padding-top: 15px;
padding-left: 0px;
background: url(../images/bouton1.png) no-repeat;
}

ul#accueil li a#graphisme:hover
{
top: 110px;
left: 500px;
width: 245px;
text-align: center;
padding-top: 25px;
padding-left: 21px;
background: url(../images/bouton2.png) no-repeat;
}
 
ul#galerie_mini
{
width: 100px;
margin: 0;
padding: 0;
list-style-type: none;
}
 
ul#galerie_mini li
{
padding: 0;
}

ul#galerie_mini li p
{
padding-bottom: 4px;
color: #8f8f8f;
}

ul#galerie_mini li p a
{
padding-bottom: 4px;
color: #8f8f8f;
}

ul#galerie_mini li p a:hover
{
color: #ffffff;
}

ul#galerie_mini li a img
{
border: none;
}

dl#photo_h
{
width: 550px;
text-align: center;
margin: 0;
padding: 0;
clear: both;
}
 
dl#photo_h dt
{
font: 1.6em verdana, tahoma, arial, sans-serif;
text-align: center;
line-height: 45px;
letter-spacing: 2px;
color: #5f5f5f;
}
 
dl#photo_h dd 
{
margin: auto;
text-align: center;
}

dl#photo_v
{
width: 366px;
text-align: center;
margin: 0;
padding: 0;
clear: both;
}
 
dl#photo_v dt
{
font: 1.6em verdana, tahoma, arial, sans-serif;
text-align: center;
line-height: 45px;
letter-spacing: 2px;
color: #5f5f5f;
}
 
dl#photo_v dd 
{
margin: auto;
}

div#fond
{
position: relative;
width: 770px;
height: 500px;
margin : auto;
padding: 0;
background: url(../images/fond.jpg) no-repeat;
}

div#galerie
{
position: relative;
width: 770px;
height: 500px;
margin : auto;
padding: 0;
background: url(../images/fond1.jpg) no-repeat;
}

div#galerie #galerie_l
{
position: absolute;
top: 330px;
left: 112px;
border: none;
}

div#conteneur p
{
text-align: left;
}

div#conteneur p a img
{
border: none;
padding-top: 20px;
}