/* Feuille de style réalisé par le webmaster du site, Sleepy
Créé le 17 mars 2008
Cette feuille de style respecte les normes W3C.

Interdiction de copier, de regarder, de chanter, de...
Non je plaisante, cette feuille de style est libre de droit ! mais bon évitez quand même le copier / coller ("copier/coller c'est mal", répètez après moi...)  ;)

Amusez vous bien !

*/

/* I. Styles des balises html et classes spéciales */

/* Remise à zéro de toutes les marges */
* {margin:0px; padding:0px; }

/* Style de toute la page */
body {
background-color:#90afd6; 
background-image:url('images/fond.jpg');
background-repeat:repeat-x;
font-family: Verdana;
font-size:0.8em;
}

/* Balises générales */
h1, h2, h3, h4, h5 {font-family: Verdana, Arial, "Lucida Grande", serif; }
/*h1 {font-size:135%;}
h2 {font-size:125%;}
h3 {font-size:115%;}
h4 {font-size:100%;}*/
h1 {font-size:140%;}
h2 {font-size:125%;}

p {color:black; }
a {color:#ad3134; font-family: Verdana, Arial, serif; text-decoration:none; }
a:hover {text-decoration:underline; }

ul {line-height:1.2em; font-family: Verdana, Arial, serif; padding-left:10px; list-style-type:none; padding-top:3px;}

img {border:2px solid #d8d8d8; padding:2px; margin-top:7px; margin-bottom:5px; margin-left:6px; margin-right:6px; }

textarea {margin-bottom:3px;}
input, textarea {background-color:#e9e9e9; border:1px solid #cacaca; }
form p {padding-bottom:3px; padding-top:3px; }

pre {font-size:1.5em; }

table { margin:auto; max-width:95%; text-align:left;  margin-top:8px;}
table img {margin:0; }
table a {font-size:0.8em; }
td {padding:8px; border:1px solid #dbe0e7;  font-size:1.1em; font-family: 'Trebuchet MS', Verdana, Arial, serif; }
th {background-color:#e8edf1; border:1px solid #808080; text-align:center; height:30px; padding:3px; }

acronym {cursor:help; }

label {cursor:pointer;}

/* Classes spéciales */
.txt-centre {text-align:center; }
.txt-droite {text-align:right; }
.txt-gauche{text-align:left; }
.txt-justifie {text-align:justify; }
.txt-souligne {text-decoration:underline; }
.txt-barre {text-decoration:line-through; }
.txt-clignotant {text-decoration:blink; }

.float-aucun {clear:both;}
.float-gauche {float:left; }
.float-droite {float:right; }

.c-noir {color:black; }
.c-blanc {color:white; } 
.c-rouge {color:red; } 
.c-vert {color:green; } 
.c-bleu {color:blue; } 
.c-marron {color:maroon; }
.c-marine {color:navy; } 

.taille-tres-petit-2 {font-size:xx-small; }
.taille-tres-petit {font-size:x-small; }
.taille-petit {font-size:small; }
.taille-moyen {font-size:medium; }
.taille-gros {font-size:large; }
.taille-tres-gros {font-size:x-large; }
.taille-tres-gros-2 {font-size:xx-large; }

/* L'introduction du site */
.intro-site {padding-left:15px; padding-top:3px; height:76px; }
.intro-site img {padding-right:5px; float:left; border:none; padding-top:0px; padding-left:0px; margin:0px; }
.intro-site h1 {color:#353d54; font-size:1.4em; }
.intro-site p {padding-top:3px; text-align:justify; padding-right:8px; color:#172f8e; font-size:0.9em; line-height:1.6em; }
.intro_site_global {
background-color:#e6e6e6; 
background-image: url('images/bord-rayures-gauche.jpg');
background-position:left;
background-repeat:repeat-y;
}

/* Logo à côté des titres */
.logo-sous-titre img{float:left; border:none; padding:0px; margin:0px; }
.logo-sous-titre {height:25px; padding-top:8px;  }
.logo-sous-titre h3, .logo-sous-titre h2  {text-align:right; border-bottom:1px solid #cccccc; font-size:125%; color:#4f5568; }

/* Partie gauche et droite de la page d'accueil */
.bloc-gauche {float:left; width:540px; margin-top:5px; border-right:1px solid #f3f3f3; padding-right:12px;}
.bloc-droite {margin-left:562px; margin-top:8px; }

/* Mise en forme des petits cadres de droite */
.cadre-supp-accueil{
padding-left:3px; 
padding-right:3px; 
padding-bottom:3px; 
border-left:1px solid #e9e9e9;
border-bottom:1px solid #f2f2f2; 
margin-bottom:8px; 
font-size:0.9em;
}

.cadre-supp-accueil ul {padding-left:2px;}

/* Mise en forme des news */
.news-global {padding-left:8px; }
.news-titre h3 {font-size:120%;}
.info-news {color:#999999; padding-left:2px; }
.news-contenu {padding-top:4px; padding-right:8px; text-align:justify; font-size:0.95em; color:#333; }
.news-global img {border:none; }

/* Une citation, ça se met en pge non ?*/
.citation-auteur {
text-align:right; 
display:block; 
background-color:#e8edf1; 
border-top:1px solid #dbe0e7; 
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
padding-left:2px;
}
.citation {margin:auto; width:80%; border:1px solid #dbe0e7; }
.citation-txt {padding:2px; }

/* Un autre style de bloc (utilisé surtout pour les forms) */
.bloc-type-2 {border:5px solid #eff0f4; padding-bottom:5px; padding-right:5px; padding-left:5px; margin-top:5px; margin-bottom:3px; }
.bloc-type-2 legend {color:#7088a6; font-family:"Arial Black", Arial, serif; font-size:148%;}

.bloc-type-3 {
border:3px solid #dbe0e7;
padding-bottom:5px; 
padding-right:5px; 
padding-left:5px; 
margin-top:5px; 
margin-bottom:5px; 
background-color:#dfe8f4;
}

/* Menu horizontal à liste déroulante */
.menu-lst-deroulante {padding-top:5px; padding-bottom:3px;}
.menu-lst-deroulante a {border:1px solid #cacaca; }
.menu-lst-deroulante, .menu-lst-deroulante ul {line-height:15px; text-align:center;  }
.menu-lst-deroulante a {display:block; background-color: #7889cf; width:110px; color:white; }
.menu-lst-deroulante li {float:left; border-right:1px solid transparent; }
.menu-lst-deroulante li ul {position:absolute; width:100px; left:-999em; padding:0px; background-color:white;}
.menu-lst-deroulante li ul li {border-top:1px solid transparent; }
.menu-lst-deroulante li ul ul {margin:-22px 0 0 144px ; border-left:1px solid transparent; }
.menu-lst-deroulante a:hover {color:black; text-decoration:none; font-weight:normal; }
.menu-lst-deroulante li:hover ul ul  {left: -999em; }
.menu-lst-deroulante li:hover ul, #menu li li:hover ul {left:auto; min-height:0; }

/* ------> Mise en form des formulaires */
/* On ruse un peu pour ne pas que les bouton type radio ou checkbox est une couleur de fond comme le reste des input ! */
.champs-radio input {background-color:transparent; border:0px solid white; }

/* Bloc de traitement */
.bloc-traitement {
position:absolute;
left: 50%; 
top: 50%;
width: 650px;
margin-top: -70px; 
margin-left: -325px; 
border:4px solid #eff0f4; 
background-color:white;
}

/* Alignement des champs du form */
.align-form {float:left; width:150px; }
.legend-fond {background-color:#90afd6; padding-left:5px; padding-right:5px; color:red; }

/* Encadrement d'un autre bloc (annonces par exemple) */
.cadre_rayures_gauche {
background-color:#f7f5f5; 
background-image: url('images/rayures-cadre-gauche.jpg');
background-position:left;
background-repeat:repeat-y;
margin-top:5px;
}

.cadre_rayures_droite {
background-image: url('images/rayures-cadre-droite.jpg');
background-position:right;
background-repeat:repeat-y;
}

.cadre-rayures-txt {margin-top:-1px; }
.cadre-rayures-txt h1, .cadre-rayures-txt h2, .cadre-rayures-txt h3, .cadre-rayures-txt h4, .cadre-rayures-txt h5  {color:#6c5571; }
.cadre-rayures-txt p {padding-left:10px; padding-right:15px; color:#353865; }

.cadre_rayures_haut {
background-image:url('images/rayures-cadre-haut.jpg');
width:811px;
height:12px;
}

.cadre_rayures_bas {
background-image:url('images/rayures-cadre-bas.jpg');
width:811px;
height:10px;
}

/* Feuille de style terminée ! */