* {margin:0;padding:0;} /* Toujours conserver ces deux valeurs pour pouvoir coller le footer dans le fond */ html, body { height: 100%; background-image:url(Pictures/Templates/images/BodyFont.jpg); background-repeat:repeat-x; background-color:#064809; font-family: Verdana, Geneva; color:#333; } #PageEntiere { min-height: 100%; text-align:center; } #header{ width:900px; height:140px; margin:0 auto;/* Centre au milieu de la page */ background-image:url(Pictures/Templates/images/Logo.jpg); background-position:bottom; background-repeat:no-repeat; text-align:right; } #LogoDuHeader{ float:right; margin-top:5px; height:120px; width:650px; background-image:url(Pictures/Carrousel/Trois.jpg); background-repeat:no-repeat; } #main { padding-bottom: 200px;/* Doit avoir la meme valeur que le footer */ margin:0 auto;/* Centre au milieu de la page */ padding-top:40px; width:900px; background-color:#FFF; min-height:500px; } #footer { position:relative; background-image:url(Pictures/Templates/images/FooterFond.jpg); background-repeat:no-repeat; margin:0 auto;/* Centre au milieu de la page */ padding:0px 0 10px 0; height:200px; width:900px; bottom:0px; font-size:10px; color:#FFF; text-align:center; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }/* corrige un bug sous OPERA */ /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ #Colonne{ position:relative; width:210px; background-image:url(Pictures/Templates/images/Colonne.jpg); background-repeat:no-repeat; min-height:500px; padding:40px 10px 10px 30px; margin:40px 0px 10px 0px; float:right; text-align:left; } .PhotoColonne{ padding: 10px; } .BoxPostIt450{ background-image:url(Pictures/Template/Post-it350.jpg); background-repeat:no-repeat; height:450px; padding: 10px; } a.PostIt{ font-size:14px; color:#060; text-decoration:none; } .PostItSpan{ font-size:13px; color:#090; text-decoration:none; } a.PostIt:hover{ font-size:14px; color:#090; text-decoration:none; } .PhotoPostIt{ border: 3px #FFF solid; margin-left: 2px; margin-top:5px; margin-bottom: 10px; } #MainContent{ margin: 30px 250px 0 20px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */ padding:0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */ background-color:#fff; text-align:left; width:620px; min-height:550px; overflow:auto; zoom: 1; } #MainContentSansColonne{ margin: 30px 0 0 20px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */ padding: 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */ background-color:#fff; text-align:left; min-height:550px; overflow:auto; zoom: 1; } /* LES PETITS IMPORTANTS */ .MainContentAlert{ padding:0px ; color:#F00; } #MainContentSansColonne a, #MainContent a{ color:#000; text-decoration:none; } #MainContentSansColonne a:Hover, #MainContent a:Hover{ color:#000; text-decoration:underline; } a.footer{ color:#fff; text-decoration:none; } a.footer:hover{ color:#fff; text-decoration:underline; } /* FIN DES PETITS IMPORTANTS */ /* TEXTE */ h1{ color:#06F; font-size:22px; padding-right:10px; padding-bottom:40px; } h2{ color:#09F; font-size:18px; margin-top:15px; margin-bottom:10px; } h3{ color:#063; font-size:16px; padding-bottom:10px; } h4, h5 { color:#000; } /* FIN DES TEXTES */ /* LE MENU */ #nav{ list-style:none; } #nav li.First{ display:inline; padding-right:15px; } #nav li.Last{ display:inline; padding-right:15px; } a.Menu{ color:#000000; font-size:18px; text-decoration:none; line-height:25px; } a.Menu:hover{ color:#06F; font-size:18px; text-decoration:none; line-height:25px; } /* FIN DU MENU */ /* BARRE LOGIN */ #log{ position::relative; text-align:right; width:890px; padding-right:10px; font-size:12px; font-weight:bold; height:20px; margin-top:150px; color:#000; background-color:#0F0; } #log a{ color:#000; text-decoration:none; } #log a:hover{ color:#000; text-decoration:underline; } /* FIN BARRE LOGIN */ /* INSCRIPTION */ .FormInscription{ text-align:right; width:500px; margin-right:0px; } .FormInscription p{ padding:5px; } .BoutonInscription{ width:155px; height:30px; margin-top:20px; margin-bottom:10px; background-color:#000000; color:#fff; font-size:16px; font-weight:bold; border:1px solid #ccc; } .BoutonRetour{ width:155px; height:30px; margin-top:20px; margin-bottom:10px; background-color:#e3001b; color:#fff; font-size:16px; font-weight:bold; border:1px solid #000; } .ChampsInscription{ width:150px; } /* FIN INSCRIPTION */ /* PARAGRAPHS */ .ArticlesParagraphsAndRest{ margin-bottom:50px; } .FormParagraphs{ text-align:left; } .ChampsParagraphs{ width:450px; } .ChampsTextParagraphs{ width:450px; } .MenuInsertion{ padding:0% 0% 0% 1%; float:left; width:98%; text-align:left; background-color:#0F0; margin:5px 0px 5px 0px; } .Articles{ padding-bottom:10px; padding-top:10px; } .Auteur{ font-size:12px; color:#333; padding:0px; line-height:25px; } /* FIN PARAGRAPHS */ /* PHOTO */ .ChampsFichier{ width:400px; } a.RedCross{ color:#F00; } a.RedCross:hover{ color:#F00; } /* FIN PHOTO */ /* Information Style */ .Information{ padding-top:5px; border:0px; } .TableauInformation{ width:500px; border:0px; } .InfoView{ text-align:left; width:170px; font-weight:bold; height:20px; } .SpaceView{ width:20px; } .DataView{ text-align:left; width:310px; } .DetailView{ font-style:italic; font-size:12px; } /* Fin Information Style */ /*DIAPORAMA*/ .diaporama{ position:relative; width:670px; height:115; } .diaporama li{ list-style-type:none; overflow:hidden; position:absolute; } .diaporama_controls{ width:660px; margin:3px 0; padding:5px; clear:both; overflow:hidden; } .diaporama_controls .btns{ float:right; } .diaporama_controls a{ font-weight:normal; width:10px; height:13px; text-indent:-9999px; display:inline-block; margin:0 3px; } .diaporama_controls .prev{ background:url(img/fleches_diapo.png) no-repeat top right; } .diaporama_controls .next{ background:url(img/fleches_diapo.png) no-repeat top left; } .diaporama_controls .pause{ background:url(img/fleches_diapo.png) no-repeat bottom right; } .diaporama_controls .play{ background:url(img/fleches_diapo.png) no-repeat bottom left; } .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */ clear:both; height:0; font-size: 1px; line-height: 0px; } /*=========================================================================== */ h1.Sponsors{ color:#FFF; font-size:1.3em; letter-spacing:-1px; line-height:1.1em; margin:1em 0 0 0; padding:0 0 0 15px; text-align:left; } .Banniere300x100{ margin-right:15px; border:3px #000 solid; margin-bottom:5px; float:right; }