/* CSS Document */
html, body {
height: 100%;
margin: 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em Times, Garamond, "Times New Roman", serif ;
background-color:#CCCCCC;
}

p {
margin-left:110px;
margin-right:55px;
margin-bottom:5px;
margin-top: 0px;
font-size: 140%;
font-family: Times, "Times New Roman", serif;
color: #CCCCCC;
text-align: left;
text-indent:10px;
line-height:17px;
}

ul,td {
margin-left:50px;
margin-right:55px;
font-size: 120%;
font-family: Times, "Times New Roman", serif;
color: #000000;
text-align: left;
line-height:16px;
}

li {
margin-left:50px;
margin-right:55px;
font-family: Times, "Times New Roman", serif;
font-size: 120%;
color: #000000;
list-style-type:none;
background-image:url(Images/Puce.jpg);
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:15px;
line-height:16px;
}

cite {
color: #811414;
}

h1 {
margin-left:110px;
margin-right:55px;
margin-bottom:10px;
margin-top:10px;
font-size: 150%;
font-family: Times, Garamond, "Times New Roman", serif;
text-align:left;
color:#660000;
}


h2 {
margin-left:110px;
margin-right:55px;
margin-bottom:10px;
font-size: 150%;
font-family: Times, Garamond, "Times New Roman", serif;
text-align:left;
color: #000000;
}

h3 {
margin-left:80px;
margin-right:55px;
margin-bottom:10px;
font-size: 130%;
font-family: Times, Garamond, "Times New Roman", serif;
text-align:right;
color: #000000;
}

div#conteneur {
min-height: 100%;
width: 770px ;
margin: 0 auto ;
padding: 0 10px;
text-align: justify;
background-image: url(Images/Fond_flocon_noir.png);
background-repeat: repeat-y;
position: relative;
}

pre {
overflow: auto;
}

*html pre {
width: 636px ;
}

.centre {
text-align:center;
}

.credit {
text-align:right;
}

.in {
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
}

.left {
margin-left:110px;
padding-top: 30px;
float:left;
position:relative;
}

.menuphoto {
margin-left:273px;
}

.menuphoto a: {
color:#000000;
}

.right {
margin-left:430px;
padding-top:70px;
position:relative;
}

.titre {
text-align:center;
margin-top:10px;
padding-bottom:6px;
font-size:500%;
}


a:link {color: #FFFFFF; text-decoration:none;}
a:visited {color: #FFFFFF; text-decoration:none;}
a:hover {color: #FFFFFF; text-decoration:underline overline;}

h4#blanc a
{
display: block ;
width: 293px ;
line-height: 130px ;
margin-left:250px;
color: #000 ;
text-decoration: none ;
font-size:10%;
background: url(Images/Accueil_bouton_blanc.gif) no-repeat 0 0 ;
}

h4#blanc a:hover
{
background: url(Images/Accueil_bouton_blanc.gif) no-repeat 0 -130px ;
}

h4#gris a
{
display: block ;
width: 293px ;
line-height: 130px ;
margin-left:100px;
color: #000 ;
text-decoration: none ;
float: left;
font-size:10%;
background: url(Images/Accueil_bouton_gris.gif) no-repeat 0 0 ;
}

h4#gris a:hover
{
background: url(Images/Accueil_bouton_gris.gif) no-repeat 0 -130px ;
}

h4#noir a
{
display: block ;
width: 293px ;
line-height: 143px ;
margin-left:400px;
margin-top:70px;
color: #000 ;
text-decoration: none ;
font-size:10%;
background: url(Images/Accueil_bouton_noir.gif) no-repeat 0 0 ;
}

h4#noir a:hover
{
background: url(Images/Accueil_bouton_noir.gif) no-repeat 0 -143px ;
}

h4#news a
{
display: block ;
width: 215px ;
line-height: 63px ;
margin-left:290px;
color: #000 ;
text-decoration: none ;
font-size:10%;
background: url(Images/Accueil_bouton_news.gif) no-repeat 0 0 ;
}

h4#news a:hover
{
background: url(Images/Accueil_bouton_news.gif) no-repeat 0 -63px ;
}