body {
background-color: White;
font-family: arial;
font-size: 11px;
margin: 0;
padding: 0;
color: #231555;
}
#logo-pages {
display: block;
float: left;
margin-top: 5px;
}
#logo-accueil {
display: block;
margin-right: auto;
margin-left: auto;
width: 171px;
}
#liens-top {
display: block;
width: 550px;
float: right;
font-size: 8px;
color: #231555;
margin-bottom: 30px;
padding-top: 10px;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
#langues {
max-width: 110px;
}
}
#liens-top a {
color: #231555;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
#liens-top a:hover {
color: #B6A973;
}
#langues {
width: 200px;
float: right;
display: block;
margin-top: -5px;
margin-bottom: 0px;
text-align: right;
}
#langues img {
}
#centrale {
background-color: #140838;
display: block;
clear: both;
height: 520px;
width: 100%;
z-index: 0;
position: relative;
}
#contenus {
display: block;
width: 990px;
margin-top: 0px;
z-index: 99999;
text-align: left;
position: absolute;
left: 50%;
margin-left: -475px;
color: White;
}
#contenus a {
color: White;
}
#contenus a:hover {
text-decoration: none;
}
.image-fond {
z-index: 1;
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
}
#textes {
display: block;
color: White;
width: 430px;
padding-left: 520px;
padding-top: 120px;
line-height: 14px;
}
#textes p {
padding-left: 60px;
}
#textes-grands {
display: block;
color: White;
width: 430px;
padding-left: 520px;
padding-top: 30px;
line-height: 15px;
}
#mentions-index {
color: White;
padding-top: 280px;
width: 600px;
margin-left: 340px;
margin-right: auto;
position: relative;
text-align: center;
font-size: 10px;
}
#mentionL {
float: left;
width: 275px;
text-transform: uppercase;
}
#mentionD {
float: right;
width: 275px;
text-transform: uppercase;
}
#col-photos {
width: 680px;
padding-top: 200px;
display: inline-block;
position: relative;
vertical-align: top;
}
#col-dynamiqueA, #col-dynamiqueB, #col-dynamiqueC {
color: White;
box-sizing: border-box;
display: inline-block;
width: 300px;
max-height: 520px;
padding: 10px;
overflow: auto;
position: relative;
}
#col-plan {
width: 600px;
float: left;
padding-top: 100px;
display: block;
position: relative;
}
#generic {
display: block;
color: White;
padding-left: 50px;
padding-top: 100px;
line-height: 15px;
}
#generic p {
padding-left: 60px;
}
ul#archives {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
color: #B6A973;
border-top: 1px solid White;
}
ul#archives li {
border-bottom: 1px solid White;
padding-top: 3px;
padding-bottom: 3px;
}
ul#archives li a {
color: #B6A973;
text-decoration: none;
}
ul#archives li a:hover {
color: White;
}
.photos {
float: left;
margin-right: 30px;
}
.colL {
float: left;
width: 300px;
margin-left: -350px;
text-align: left;
padding-top: 140px;
/padding-top:40px;
}
.colD {
float: right;
width: 300px;
text-align: left;
padding-top: 40px;
margin-right: 100px;
}
.citation {
display: block;
width: 800px;
margin-right: auto;
margin-left: auto;
color: #B6A973;
font-size: 20px;
font-family: Georgia;
position: relative;
margin-top: 80px;
text-align: center;
}
.noms {
color: #B6A973;
font-size: 20px;
font-family: Georgia;
}
.surligne {
color: #B6A973;
font-weight: bold;
}
h1 {
color: #B6A973;
font-weight: bold;
font-family: Arial;
font-size: 22px;
margin-bottom: 0px;
}
h2 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: 4px;
}
.small {
font-size: 8px;
text-transform: none;
padding-top: 10px;
display: block;
}
#footer {
width: 990px;
text-align: center;
font-size: 9px;
padding-top: 4px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
#footer a {
color: #231555;
text-decoration: none;
}
#footer a:hover {
color: #B6A973;
}
.clear {
clear: both;
}
.liens-articles {
display: block;
border-top: 1px solid White;
width: 250px;
margin-left: 60px;
text-transform: uppercase;
padding-top: 10px;
}
#contenus .liens-articles a {
color: #B6A973;
text-decoration: none;
}
#contenus .liens-articles a:hover {
color: White;
}
.lien-partage {
display: block;
border-top: 1px solid White;
border-bottom: 1px solid White;
width: 250px;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(../images/agrements/picto-facebook.png);
background-repeat: no-repeat;
background-position: right center;
}
#contenus .lien-partage a {
text-decoration: none;
color: #B6A973;
}
#contact {
}
#contact input[type="text"] {
background-color: White;
color: Black;
font-family: Arial;
padding: 5px;
display: block;
width: 250px;
border: 0;
margin-bottom: 5px;
background-image: url(../images/agrements/fnd-input-txt.gif);
background-repeat: repeat-x;
background-position: top left;
}
#contact textarea {
background-color: White;
color: Black;
font-family: Arial;
padding: 5px;
display: block;
width: 250px;
border: 0;
margin-bottom: 5px;
background-image: url(../images/agrements/fnd-input-txt.gif);
background-repeat: repeat-x;
background-position: top left;
}
.champs-obligatoires {
font-size: 9px;
text-align: right;
}
img[data-fullpic] {
border: 2px solid White !important;
margin: 0 30px 30px 0;
cursor: url(/images/zoom.cur), help;
}
.zoom {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.zoom img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}