html {overflow-y:scroll;}

body {
margin-top:0px; 
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-color:#888888; 
text-align: center;
}

#lapage
{
width: 1000px;
margin-top: 17px;
margin-bottom: 0px;
margin-left: auto ;
margin-right: auto ;
border: 1px solid #888888;
background-color:#FFFFFF;
}

#bandeau {
background-color:#888888;
width: 1000px;
height: 105px;
position: relative;
}

#contenu {
position: relative;
width: 1000px;
min-height: 630px;
text-align: left;
}


/* Astuce pour IE 6 */
* html #contenu {
height: 630px;
}

#contenu_homepage {
position: relative;
width: 1000px;
min-height: 605px;
text-align: left;
}


/* Astuce pour IE 6 */
* html #contenu_homepage {
height: 605px;
}

#menu_section {
margin-top:0px; 
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-left: 0px;
list-style-type: none;
text-align: center; 
position:relative;
top: 33px;
left:0px;
right:0px;
}


#menu_sous_section {
margin-top:0px; 
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-left: 0px;
list-style-type: none;
text-align: center; 
position:relative;
top: 20px;
left:0px;
right:0px;
}

#subsection {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #c87d50;
font-size: 22px;
margin-top:0px; 
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-left: 0px;
list-style-type: none;
text-align: center; 
position:relative;
top: 22px;
left:0px;
right:0px;
}


#bandeau ul li {
display: inline;
}

#bandeau ul li a {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 17px;
color: #FFFFFF;
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
}

#bandeau ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}

#bandeau .lienactif {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 17px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
}

#bandeau .lieninactif {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 17px;
color: #FFFFFF;
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
}

#bandeau .lieninactif:hover {
color: #FFFFFF;
text-decoration: none;
}


#logosplash {
position: absolute;
top: 680px;
left: 873px;
}

#logo {
position: absolute;
left: 14px;
top: 14px;
}

#texte {
position: relative;
top: 15px;
left: 260px;
text-align: left;
width: 680px;
}

.bloc_orange {
position: absolute;
left: 30px;
top: 30px;
width: 160px;
height: 160px;
background-color: #C87D50;
padding: 20px;
text-align: left;
}

* html div .bloc_orange {
\width: 220px; /* for IE5 and IE6 in quirks mode */
w\idth: 200px; /* for IE6 in standards mode */
\height: 220px; /* for IE5 and IE6 in quirks mode */
he\ight: 200px; /* for IE6 in standards mode */
} 


.bloc_gris {
position: absolute;
left: 30px;
top: 265px;
width: 160px;
height: 160px;
background-color: #404040;
padding: 20px;
text-align: left;
}

* html div .bloc_gris {
\width: 220px; /* for IE5 and IE6 in quirks mode */
w\idth: 200px; /* for IE6 in standards mode */
\height: 220px; /* for IE5 and IE6 in quirks mode */
he\ight: 200px; /* for IE6 in standards mode */
} 

.bloc_titre {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #FFFFFF;
font-size: 18px;
margin: 0px;
text-decoration: none;
font-weight: bold;
}

.bloc_texte {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
color: #FFFFFF;
}


h2 {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #c87d50;
font-size: 16px;
text-decoration: none;
}


.static_texte {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
color: #888888;
}

.static_texte:hover {
color: #FFFFFF;
}

#links {
overflow: auto;
position: relative;
left: 50px;
width: 900px;
margin-bottom: 30px;
}

#links li, #links_top li {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
list-style-image : url(/img/carreorange.gif);
list-style-position: outside;
}

#links .fr, #links_top .fr {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
list-style-image : url(/img/fr.gif);
list-style-position: outside;
}

#links .both, #links_top .both {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
list-style-image : url(/img/both.gif);
list-style-position: outside;
}

#links .en, #links_top .en {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
list-style-image : url(/img/en.gif);
list-style-position: outside;
}

#links .all, #links_top .all {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
list-style-image : url(/img/all.gif);
list-style-position: outside;
}

#links p, #links_top p {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
}

.big_lien {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 16px;
}

.big_lien:hover {
color:#FFFFFF;
}


#links a, #links_top a {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
color: #888888;
}

#links a:hover, #links_top a:hover {
color: #FFFFFF;
}

#links h1 {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #c87d50;
font-size: 20px;
text-decoration: none;
margin-top: 20px;
}

#links h2 {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #c87d50;
font-size: 16px;
text-decoration: none;
margin-top: 50px;
}

#links h3 {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #888888;
font-size: 15px;
text-decoration: none;
font-weight: bold;
}


p {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
}


#logosection {
position: absolute;
left: 930px;
}

.section_title {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 20px;
color: #c87d50;
text-decoration: none;
}

.section_description {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 14px;
color: #888888;
text-decoration: none;
}

#section_chapeau {
padding-top: 20px;
padding-left: 30px;
padding-bottom: 20px;
padding-right: 20px;
margin-bottom: 20px;
}

#section_toutes_les_vignettes {
overflow: hidden;
width: 900px;
margin-left: 35px;
}

.serie_inactive {
float: left; 
background-color:#404040;
width: 400px;
height: 200px;
margin-right: 40px;
border: 3px solid #292929;
position: relative;
margin-bottom: 40px;
border: 3px solid #292929;
text-decoration: none;
}

.lienserie, .lienserie:hover {
text-decoration: none;
}

.serie_active {
float: left; 
background-color:#404040;
width: 400px;
height: 200px;
margin-right: 40px;
border: 3px solid #292929;
position: relative;
margin-bottom: 40px;
border: 3px solid #FFFFFF;
text-decoration: none;
}


.serie_texte {
position: absolute;
width: 160px;
height: 160px;
top: 20px;
left: 220px;
}

.section_slidename {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
}

.section_slidedescription {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 16px;
color: #888888;
text-decoration: none;
}

#slideshow_box {
margin-top: 4px; 
margin-right: 13px; 
text-align: right;
}

.texteslideshow {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 12px;
text-decoration: none;
}

.texteslideshow:hover {
text-decoration: none;
}


.slideshowInactive {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}

.slideshowInactive:hover {
color: #FFFFFF;
}

.slideshowActive {
color:#c87d50;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}

.slideshowActive:hover {
color: #c87d50;
}

#navigation {
position: absolute;
width: 77px;
height: 77px;
top: 14px;
left: 908px;
border: 1px solid #555555;
}


#navigation_bandeau {
width: 77px;
height: 15px;
background-color: #888888;
}

#navigation_contenu {
padding-top: 19px;
width: 77px;
height: 62px;
}

.bouton_back {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #292929;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.bouton_back:hover,  {
text-decoration: none;
}

.numero_courant {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #c87d50;
font-size: 18px;
}

.numero_total {
font-family: Arial,Helvetica,sans-serif, Verdana;
color: #888888;
font-size: 18px;
}

.photo {
border: 0px solid rgb(0,0,0);
}

.photoname {
color:#FFFFFF;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 12px;
font-weight: bold;
margin-left: 2px;
}

.photobullet {
color:#FFFFFF;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 12px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
}

.photocaption {
color:#888888;
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 12px;
}

#navigation_gauche {
position: absolute; 
top: 285px; 
left: 34px; 
text-align: center;
}

#navigation_droite {
position: absolute; 
top: 285px; 
left: 920px; 
text-align: center;
}

#cadrephoto {
margin-top: 40px;
}

.error404_lien {
font-family: Arial,Helvetica,sans-serif, Verdana;
font-size: 20px;
color: #888888;
text-decoration: none;
}

.error404_lien:hover {
color: #FFFFFF;
}

.error404_texte {
font-family: Arial,Helvetica,sans-serif, Verdana;
margin-top:6px;
color: #c87d50;
font-size: 16px;
}