/* --- STYLES DE BASE --- */
/* Page */
html {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
margin: 0;
padding: 1em; /* Remettre à zéro si nécessaire. */
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-size: .8em; /* À adapter pour la police choisie. (3) */
line-height: 1.4; /* À adapter au design. (4) */
color: #343434;
background: white;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
line-height: 1.2;
font-weight: bold; /* Valeur par défaut. (6) */
font-style: normal;
}
h1 {
font-size: 1.75em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1em;
}
/* Listes */
ul, ol {
margin: .75em 0 .75em 32px;
padding: 0;
}
/* Paragraphes */
p {
margin: 0 0 .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
margin: .75em 0;
font-style: normal;
}
/* Liens */
a {
color:#333;
text-decoration: underline;
}
a:link {
}
a:visited {
}
a:hover, a:focus, a:active {
}
a img {
border: none;
}
/* Divers éléments de type en-ligne (8) */
em {
font-style: italic;
}
strong {
font-weight: bold;
}
/* Formulaires */
form, fieldset {
margin: 0;
padding: 0;
border: none;
}
input, button, select {
vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */
/* Met en évidence les abréviations */
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
/* Met en évidence les citations */
blockquote {
margin: .75em 0 .75em 20px;
padding: 0 0 0 10px;
border-left: solid 2px #ddd;
}
q {
font-style: italic;
quotes: none; /* Supprime les guillemets automatiques */
}
q:before, q:after {
content: ""; /* Supprime les guillemets dans Safari/Chrome */
}
cite {
font-style: italic;
}
q cite, q q {
font-style: normal
}
/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
margin: .5em 0;
}
/* Styles de base pour les listes de définition */
dl {
margin: .75em 0;
}
dt {
margin: .75em 0 0 0;
font-weight: bold;
}
dd {
margin: .25em 0 .25em 32px;
}
/* Mise en forme simple pour les tableaux */
table {
margin: 0;
border: none;
/* border: 1px solid gray; /* Pas de bordure = "none". */
border-collapse: collapse; /* Valeur par défaut: "separate". */
border-spacing: 0;
}
table td, table th {
padding: 4px; /* Pas de retrait autour du texte = "0". */
/* border: 1px solid #ccc; /* Pas de bordure = "none". */
vertical-align: top; /* Valeur par défaut: "middle" */
/* text-align: left; */
}
ul { list-style:square }
/*//////////////////////////////////////////////////////////////*/
div#site { margin:auto; width:770px; }
div#footer { position:relative; height:100px; }
div#footer p.gris { font-size: 10px; color: #333333; font-family: Arial, Helvetica, sans-serif; position:absolute; top:30px; left:20px; margin-right:100px; text-align:justify }
div#footer p.gauche { position:absolute; top:0; left:20px; font-size:10px; }
div#footer p.droite { position:absolute; text-align:right; top:30px; right:20px; }
h1#logo { margin:0; padding:0; height:130px; width:200px; display:block; color:#666; font-family:Verdana, Geneva, sans-serif; font-weight:normal; margin-left:6px; margin-top:10px; }
h1#logo span { display:none; }
h1#logo a { text-decoration:none; color:#666 }
div#header { position:relative }
div#header div#image { height:99px; width:526px; display:block; position:absolute;top:0; right:10px; background:url(../images/header/fond.png) no-repeat top left; padding:8px 8px 13px 8px }
div#header span.photo1 { width:521px; height:99px; display:block; background:url(../images/header/photo1.png) top left no-repeat; }
div#header span.photo2 { width:521px; height:99px; display:block; background:url(../images/header/photo2.png) top left no-repeat; }
div#header span.photo3 { width:521px; height:99px; display:block; background:url(../images/header/photo3.png) top left no-repeat; }
div#header span.photo4 { width:521px; height:99px; display:block; background:url(../images/header/photo4.png) top left no-repeat; }
div#header span.photo5 { width:521px; height:99px; display:block; background:url(../images/header/photo5.png) top left no-repeat; }
div#header span.photo6 { width:521px; height:99px; display:block; background:url(../images/header/photo6.png) top left no-repeat; }
div#header span.photo7 { width:521px; height:99px; display:block; background:url(../images/header/photo7.png) top left no-repeat; }
div#header ul#menu { list-style-type: none; margin:0; padding:0; margin-top:5px; margin-left:5px; }
div#header ul#menu li { height:28px; text-align:center; float:left; margin-left:10px; width:95px; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:9px; }
div#header ul#menu li.jaune { background:url(../images/menu/jaune1.png) repeat-x top left; }
div#header ul#menu li.rose { background:url(../images/menu/rose1.png) repeat-x top left; }
div#header ul#menu li.rose1 { background:url(../images/menu/rose1.png) repeat-x top left; }
div#header ul#menu li.bleu { background:url(../images/menu/bleu1.png) repeat-x top left; }
div#header ul#menu li.gris { background:url(../images/menu/gris1.png) repeat-x top left; }
div#header ul#menu li.orange { background:url(../images/menu/orange1.png) repeat-x top left; }
div#header ul#menu li.rouge { background:url(../images/menu/rouge1.png) repeat-x top left; }
div#header ul#menu li a { height:18px; display:block; text-decoration:none; color:black; text-transform:uppercase; background:
url(../images/menu/fin-btn.png) no-repeat top right; padding-top:10px;}
div#header ul#menu li a:hover { padding-top:8px; height:20px; }
div#header ul#menu li.bleu a, div#header ul#menu li.orange a, div#header ul#menu li.rose1 a{ height:22px; padding-top:6px; }
div#header ul#menu li.bleu a:hover, div#header ul#menu li.orange a:hover, div#header ul#menu li.rose1 a:hover{ padding-top:4px; height:24px; }
div#wrapper { clear:both; background:url(../images/wrap/fond.png) repeat-y top left; width:770px; overflow:auto; }
div#wrapper div.haut { background:url(../images/wrap/haut.png) no-repeat top left; height:11px; }
div#wrapper div.bas { background:url(../images/wrap/bas.png) no-repeat top left; height:23px; }
div#wrapper h2.titre { margin:0; padding:0; text-align:center; color:#333; height:20px; }
div#wrapper div.contenu { background:#FFF; margin:5px 20px 0px 20px; padding:10px 20px; text-align:justify }
div#wrapper .centre { text-align:center; }
div#wrapper .centre { color:#666 }
div#wrapper h3.centre { margin:20px 0; }
div#wrapper h3.bleu { margin:20px 0; color:#00009D }
div#wrapper h3.bleu a { color:#00009D; text-decoration:none;}
div#wrapper h3.gris { text-decoration:none; color:#343434 }
div#wrapper h3.gris a { text-decoration:none; color:#343434 }
div#wrapper h4.gris { color:#666; margin:0; padding:0; margin-top:20px; margin-bottom:0px; line-height:12px; font-size:12px; }
div#wrapper h4.gris a { text-decoration:none; color:#666 }
ul.carre { display:block; color:#333; font-weight:bold; width:600px; margin:20px 0px 0px 100px; list-style-type:square; }
ul.carre li { float:left; width:270px; line-height:30px; }
a.lienGris { font-size:14px; color:#666; text-decoration:none; font-weight:bold; }
a.lienRouge { font-size:14px; color:#FF0033; text-decoration:none; font-weight:bold; }
a.lienBleu { font-size:14px; color:#006666; text-decoration:none; font-weight:bold; }
div.contact { float:left; width:280px; text-align:center; margin-top:40px; }
div.googlemap { width:400px; float:left}
.PaginationActif{
background-color:#DDD;
color:#FC8E35;
text-align:center;
vertical-align:middle;
font-weight:bold;
text-decoration:none;
}
.PaginationInactif{
background-color:#DDD;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}
.PaginationInactif a:hover{
color:#FC8E35;
}
h2.HousingTitre { margin:0; padding:0; }
div.bloc-350 { background:url(../images/home/bloc-milieu.png) repeat-y top left; width:331px; margin:0; padding:0; }
div.bloc-350 div.haut-bloc { background:url(../images/home/bloc-haut.png) top left no-repeat; width:331px; margin:0; padding:0; }
div.bloc-350 div.bas-bloc { background:url(../images/home/bloc-bas.png) bottom left no-repeat; width:301px; margin:0; padding:0; min-height:50px; padding:5px 15px;}
div.bloc-350 h3.header { text-align:center; margin:0; padding:0; margin-top:5px; font-size:18px; margin-bottom:5px; }
p.bouton {font-size:14px; text-align:center; }
p.bouton a { padding:5px; border:1px solid #000; text-decoration:none; font-weight:bold; }
p.bouton a:hover { background:#EEE }