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

p {
margin-left:110px;
margin-right:55px;
margin-bottom:5px;
margin-top:0px;
font-size: 140%;
text-indent:10px;
line-height:17px;
}

ul {
margin-left:50px;
margin-right:55px;
font-size: 120%;
line-height:16px;
}

table {
width:590px;
margin-left:110px;
margin-right:1px;
padding:0px;
position:relative;
text-align:center;
background-color:#CCCCCC;
border-color:#660000;
border-style:outset;
border-width:1px;
}

td {
padding:20px;
}

.second {
margin-left:3px;
margin-right:55px;
font-size: 90%;
line-height:16px;
background-image:none;
}

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

h1 {
margin-left:110px;
margin-right:55px;
margin-bottom:10px;
margin-top:10px;
font-size: 150%;
color:#660000;
}


h2 {
margin-left:110px;
margin-right:55px;
margin-bottom:10px;
font-size: 150%;
}

h3 {
margin-left:80px;
margin-right:55px;
margin-bottom:10px;
font-size: 130%;
text-align:right;
}

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

div#news {
width:600px ;
top:20px ;
margin-left:110px;
margin-right:55px;
text-align: justify;
position: relative ;
border-style:outset;
border-color:#999999;
border-width:1px;
}

div#calendrier {
width:600px ;
top:70px ;
margin-left:110px;
margin-right:55px;
text-align: justify;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#CCCCCC;
border-width:1px;
padding-bottom:40px;
margin-bottom:100px;
}

div#thumbnail {
width:140px ;
margin-left:320px;
margin-bottom:10px;
text-align: center;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#CCCCCC;
border-width:1px;
padding-top:3px;
padding-bottom:3px;
}

div#thumbnailvert {
width:100px ;
margin-left:340px;
margin-bottom:10px;
text-align: center;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#CCCCCC;
border-width:1px;
padding-top:3px;
padding-bottom:3px;
}

div#photo {
width:580px ;
margin-left:120px;
margin-right:65px;
margin-bottom:20px;
text-align: center;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#CCCCCC;
border-width:1px;
padding-top:15px;
padding-bottom:15px;
}

div#photovert {
width:500px ;
margin-left:160px;
margin-right:105px;
margin-bottom:20px;
text-align: center;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#CCCCCC;
border-width:1px;
padding-top:15px;
padding-bottom:15px;
}

div#caption {
width:580px ;
margin-left:120px;
margin-right:65px;
margin-bottom:20px;
text-align: center;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#DCDCDC;
border-width:1px;
padding-top:10px;
padding-bottom:10px;
}

div#captionvert {
width:500px ;
margin-left:160px;
margin-right:105px;
margin-bottom:20px;
text-align: center;
position: relative ;
border-color:#660000;
border-style:outset;
background-color:#DCDCDC;
border-width:1px;
padding-top:10px;
padding-bottom:10px;
}

pre {
overflow: auto;
}

*html pre {
width: 636px ;
}

.bg {
margin-right:300px;
margin-left:110px;
margin-top: 0px;
margin-bottom: 0px;
}

.bg a:hover {
text-decoration:none; 
background-color:none;
}

.bleu {
color: #006666
}

.br {
margin-right:55px;
margin-left:400px;
margin-top: 0px;
margin-bottom: 0px;
}

.centre {
text-align:center;
}

.citation {
color:#FFFFFF;
font-style:italic;
line-height:15px;
}

.credit {
text-align:right;
}

.gris {
color: #666666;
}

.header {
text-align:right;
margin-top:10px;
padding-bottom:6px;
font-size:500%;
color:#330000;
}

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

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

.light {
background-color:#C3C0D2;
}

.photo {
text-align:center;
margin-left:0px;
margin-right:0px;
}

.menuphoto {
margin-left:273px;
}

.menuphoto a: {
color:#000000;
}

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

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

.thumbnail {
text-align:center;
margin-left:-6px;
margin-right:6px;
margin-top:6px;
}

.soustitre {
text-align:right;
margin-top:10px;
padding-bottom:6px;
font-size:200%;
line-height:25px;
}

.Style1 {
color:#FFFFFF;
font-weight:bold;
font-style:italic;
}

.Style2 {
color:#660000;
}

a:link {color: #8C0909; text-decoration:none;}
a:visited {color: #8C0909; text-decoration:none;}
a:hover {color: #8C0909; text-decoration:none; background-color:#DBD7D7;}

h4#accueilbp a
{
display: block ;
width: 75px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_accueilbp.gif) no-repeat 0 0 ;
}

h4#accueilbp a:hover
{
background: url(Images/Bianco_bouton_accueilbp.gif) no-repeat 0 -35px ;
}

h4#blancbp a
{
display: block ;
width: 65px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_blancbp.gif) no-repeat 0 0 ;
}

h4#blancbp a:hover
{
background: url(Images/Bianco_bouton_blancbp.gif) no-repeat 0 -35px ;
}

h4#newsbp a
{
display: block ;
width: 65px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_newsbp.gif) no-repeat 0 0 ;
}

h4#newsbp a:hover
{
background: url(Images/Bianco_bouton_newsbp.gif) no-repeat 0 -35px ;
}

h4#communbp a
{
display: block ;
width: 112px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_communbp.gif) no-repeat 0 0 ;
}

h4#communbp a:hover
{
background: url(Images/Bianco_bouton_communbp.gif) no-repeat 0 -35px ;
}

h4#pressebp a
{
display: block ;
width: 75px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_pressebp.gif) no-repeat 0 0 ;
}

h4#pressebp a:hover
{
background: url(Images/Bianco_bouton_pressebp.gif) no-repeat 0 -35px ;
}

h4#liensbp a
{
display: block ;
width: 67px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_liensbp.gif) no-repeat 0 0 ;
}

h4#liensbp a:hover
{
background: url(Images/Bianco_bouton_liensbp.gif) no-repeat 0 -35px ;
}

h4#contactbp a
{
display: block ;
width: 83px ;
line-height: 35px ;
color: #FFFFFF ;
text-decoration: none ;
text-align:right;
font-size:1%;
background: url(Images/Bianco_bouton_contactbp.gif) no-repeat 0 0 ;
}

h4#contactbp a:hover
{
background: url(Images/Bianco_bouton_contactbp.gif) no-repeat 0 -35px ;
}