/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
/* 
*/
body{
background: url("../image/fond.png") repeat-x top;
background-color: #e8f0f4;
color: black;
margin-left: 50px;
margin-right: 5px;
width: 85%;
}
ol{
font-family : "Comic Sans MS", serif;
color : black;
font-size : middle;
text-indent: 0px;
list-style-type: decimal;
}
h1{
color: #b24242;
font-weight: bold;
font-size : xx-large;
text-align : center;
margin-bottom: 50px;
margin : auto;
width: 50%;
margin-left: 369px;
margin-top: 30px;
}
h2{
font-family : "Times New Roman", "Comic Sans MS", serif;
text-align : center;
color : #273367;
font-size : x-large;
width: 50%;
text-indent: 0px;
margin-bottom: 40px;
margin : auto;
margin-left: 369px;
}
h3{
font-family : "Times New Roman", "Comic Sans MS", serif;
text-align : center;
color : #273367;
font-size : x-large;
width: 50%;
text-indent: 0px;
margin-bottom: 40px;
margin : auto;
margin-left: 410px;
}
/*-------------CLASS------------*/
.cadre{
border: 1px solid black;
margin-bottom: 30px;
margin-top: 30px;
margin: auto;
padding: 15px;
width: 65%;
background-color: #f4f9fd;
margin-left: 319px;
text-align : justify;
}
.clignote{
text-decoration: blink;
}
.titre_menu{
text-align : center;
color : #b24242;
font-size : large;
font-family : "Times New Roman", "Comic Sans MS", serif;
margin-left : 40px;
}
.petit{
font-family : "Times New Roman", serif;
text-align : justify;
color : blue;
font-size : small;
text-indent: 0px;
}
.hr{
margin-left : 280px;
margin-right : 20px;
}
.introduction{
font-family : "Times New Roman", serif;
text-align : justify;
color : #1d2a52;
font-size : large;
}
.photo{
margin-left : 15px;
margin-right : 20px;
}
.cadre_photo{
border: 1px solid black;
margin-bottom: 30px;
margin-top: 30px;
margin: auto;
padding: 15px;
width: 65%;
background-color: #f4f9fd;
margin-left: 319px;
}
.sommaire_photo{
list-style: outside circle url("../image/puce_boule.png");
}
.puce{
list-style: outside circle url("../image/puce_boule.png");
list-style-type: decimal;
}
.sommaire_photo a{
color: #b24242;
}
.sommaire_photo a:hover{
color: #f12127;
font-weight: bold;
}
.bas_page {
text-align : center;
font-family : "Times New Roman", serif;
font-size : x-small;
}
.flotte_gauche{
float: left;
text-align : left;
}
.flotte_droite{
float: right;
text-align : right;
}
.commentaire{
margin-left: 319px;
}
.cache{
display: none;
}
.sous_titre_photo{
font-weight: bolder;
color: #3e586a;
font-variant: small-caps;
}
.remonter_sommaire{
margin-left: 319px;
text-align : center;
font-family : "Times New Roman", serif;
font-size : x-small;
}
/*---------------ID------------------*/
#window_media_player {
float: left;
text-align : left;
width: 20%;
display: none;
}
#sujet_forum {
float: left;
margin-top: 10px;
margin-right: 980px;
width: 20%;
display: none;
}
#construction{
text-align : center;
}
#wallpaper{
text-align : center;
}
#pub{
text-align : center;
width: 90%;
}
#new{
margin-left: 230px;
margin-right:10px;
}
#photo_ariege{
text-align : center;
}
/*--------------MENU VERTICALE--------------*/
#sous_menu{
margin-top: 40px; /* on retire les marges intérieures et extérieures */
padding:0;
width: 20%; /* J'ai mis une largeure pour ne pas prendre toute la largeur de l'écran */
border : solid 1px #a3c0d5; /* on applique des bordures à la balise ul */
border-bottom: none; /* et on retire celle du bas */
float: left;
}
#sous_menu li{
list-style-type:none; /* on enlève la puce */
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0;
border-bottom: 1px solid #a3c0d5; /* ici on affiche une bordure uniquement en bas */
}
#sous_menu a{
text-decoration:none; /* on enlève le soulignement */
color:#5d90b5;
display:block; /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
padding-left:1.5em; /* une marge intérieure gauche juste pour l'esthétique */
}
#sous_menu a:hover{
background-color:#c7d2f5;
color:#294f79;
}
/*----------------LIVRE d' OR------------------*/
form{
text-align : center;
}
input, textarea{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
input:focus, textarea:focus {/* Quand le curseur est sur un champ (ne marche pas sur IE) */
background-color: #FFFF99;
}
label{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
text-indent: 0px;
}
legend {/* On met un peu plus en valeur les titres des fieldset */
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #FF9933;
font-weight: bold;
}
fieldset{
margin-bottom: 15px; /* Une marge pour séparer les fieldset */
background-color: #FFFFCC;
}
/*------------MENU HORIZONTALE------------------*/
div#menu_horizontal {
width : 100%;
height : 30px;
margin-top : 2em;
background-color : #f4f9fd;
border : 1px dashed black;
float : left;
}
div#menu_horizontal ul {
list-style-type : none;
margin : 0;
padding : 0;
}
div#menu_horizontal li {
padding : 0 0.5em;
line-height : 1px;
}
div#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black;
}
div#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}
div#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em;
font : 0.8em "Trebuchet MS";
}
div#menu_horizontal a:hover {
font-weight: bold;
}
div#menu_horizontal a img {
border : none;
padding : 0 0.3em;
}