/* CSS Document */ /************************************************ Réinitialisation 
des valeurs par défaut des navigateurs ********************************************************/ 
* {padding:0; outline:0; margin:0; border:0;} /************************************************ 
Formatage d'éléments ********************************************************/ 
a { text-decoration:none; } ul { list-style-type:none; /* Enlève les puces des 
listes*/ } html, body {height:100%;} body { font-family:Helvetica, "Trebuchet 
MS", Verdana, Arial, sans-serif; /* Polices du site */ margin: 0; padding: 0; 
font: 14px/18px arial, verdana, sans-serif; color: #353535; text-align:center; 
background: #cacaca url(design/Background-top.png) top left repeat-x; } html { 
width:100%; /* Taille des marges (dessus du design et bas du design) ici 22px 
*/ padding: 20px 0; /* Taille des marges (dessus du design et bas du design) ici 
32px */ } /****************************************************GLOBAL (regroupe 
toutes les div) ****************************************************/ div#global{ 
width:847px; margin:0 auto; } /********************************************HEADER 
(en tête => bannière) ************************************************************/ 
div#header { width:847px; height:140px; background:url('design/Header.png') no-repeat 
center; } div#titre { overflow:hidden; padding-right:70px; padding-top:50px; text-align:150px; 
font-variant:small-caps; font-size:20px; color:#006699; height:30px; } div#titre 
a{ overflow:hidden; font-variant:small-caps; font-size:50px; color:#006699; } 
div#titre a:hover{ text-decoration:overline; color:#009999; } div#slogan { overflow:hidden; 
padding-right:50px; text-align:150px; font-variant:small-caps; font-size:px; color:#006699; 
height:40px; } /************************************************ MENU HORIZONTAL 
(Sous le header)*******************************************************/ div#top 
{ width:847px; height:42px; background:url('design/Top.png') no-repeat center; 
line-height:40px; } div#top a { font-variant:small-caps; /* Petites capitales 
*/ color:#666666; /* Couleurs des liens */ font-weight:bold; /*Mise en forme (ici 
=> gras) */ font-size:18px; /* Taille des liens */ } div#top li:hover a {color:#393938} 
/* Couleur des liens au passage de la souris */ div#top ul { padding-left:40px; 
/* Ecart entre le bord gauche du design et le menu */ } div#top ul li { height:29px; 
float:left; margin-left:50px; padding: 0 5px 0 5px; } div#top ul li:hover { background-color:#CCCCCC; 
height:42px; } /* Arrière plan des liens au passage de la souris */ div#middle{ 
width:847px; background:url('design/Middle.png') repeat-y center; min-height:300px; 
/* Taille minimale de la partie centrale (menu gris + partie blanche)*/ } /************* 
Menu vertical gris ******************/ div#left{float:left; width:216px; overflow:hidden;margin-top:15px;margin-left:5px;} 
div#left ul {margin-left:12px; width:205px; font-size:14px;} div#left ul li.titre 
{font-variant:small-caps; font-weight:bold; font-size:16px;} /* Titre des rubriques 
*/ div#left ul li {text-align:left; line-height:20px;} div#left ul li.link:hover 
{background:#C6D6FF;} /* Liens du menu au survol */ div#left a {color:#333333; 
text-align:left;} /************* Menu Top, Middle et Bottom ***************/ div#menutop{ 
margin-left:8px; background-image:url(design/Menu-top.png); width:211px; height:16px; 
} div#menumiddle{ margin-left:8px; background-image:url(design/Menu-middle.png); 
width:211px; } div#menubottom{ margin-left:8px; background-image:url(design/Menu-bottom.png); 
width:211px; height:16px; } div#menutop2{ margin-left:8px; background-image:url(design/Menu-top.png); 
width:211px; height:16px; } div#menumiddle2{ margin-left:8px; background-image:url(design/Menu-middle.png); 
width:211px; } div#menubottom2{ margin-left:8px; background-image:url(design/Menu-bottom.png); 
width:211px; height:16px; } div#menutop3{ margin-left:8px; background-image:url(design/Menu-top.png); 
width:211px; height:16px; } div#menumiddle3{ margin-left:8px; background-image:url(design/Menu-middle.png); 
width:211px; } div#menubottom3{ margin-left:8px; background-image:url(design/Menu-bottom.png); 
width:211px; height:16px; } /************* Contenu (news, etc...) ******************/ 
div#right{float:right; width:620px; overflow:hidden;margin-top:15px;} div#right 
p {font-size:14px; text-align:justify;padding: 10px 0px 10px 5px; width:580px; 
overflow:hidden; border-left:5px solid #dbdbdb;} /*Paragraphes*/ div#right p a 
{color:#006699; font-weight:bold;} /* Liens */ div#right p a:hover {color:#087cae; 
text-decoration:underline;} /* Liens au passage de la souris */ div#right h1{padding: 
0px 0px 0px 10px; font-size:17px; color:#393938;} /* Titres */ div#middle hr {clear:both; 
visibility:hidden;} /* Element invisible gérant les flottants (à ne pas modifier/supprimer) 
*/ /**********************************************FOOTER (pied de page)**********************************************************/ 
div#bottom{ width:847px; height:16px; background:url('design/Bottom.png') no-repeat 
center; } div#bottom p a {color:#006699; font-weight:bold;} /* Liens */ div#bottom 
a:hover {text-decoration:overline;} div#bottom p{text-align:center; padding-top:25px; 
font-size:12px;} /*************************************** Barre du bas **************************************/ 
div#bottombarre { width:847px; height:36px; background:url('design/Bottom-bar.png') 
no-repeat center; font-variant:small-caps; font-size:14px; font-weight:bold; } 
div#bottombarre p {padding-top:10px;} div#bottombarre a {color:#006699; font-weight:bold;} 
/* Liens */ div#bottombarre a:hover {color:#087cae; text-decoration:overline;} 
/* Liens au passage de la souris */ /************************************* Merci 
gaara pour ton aide ********************************/