/* COULEURS: Orange foncé: #e95d0f Orange clair: #f4ae87 */ /** * STRUCTURE DU SITE */ /* Déclarations globales */ body {margin: 0 0 0 0px; font-family: Verdana, Arial; background-color: #eeeeee;} p,div,td {font-family: Verdana, Arial; font-size:11px;} a {color: #e95d0f; text-decoration: underlined;} a.lienimage {color: #ffffff; border:0px transparent #ffffff;} /* Accesskeys */ a[accesskey] strong {text-decoration: underline;} /* Cadre principal et titre */ #main {position: relative; width: 900px; /*_height: 384px;*/ min-height: 384px; margin: auto; margin-top:20px; background-color: white; overflow: auto!important; overflow: visible;} #main #bandeau-titre {display:inline; float: left; width: 880px; margin: 20px 0px 0px 10px;} #main #bandeau-titre-suffixe {color: #999999; font-size:24px; font-family: Tahoma; letter-spacing: 8px; font-weight: normal; margin: 0px 0px 0px 10px;} #main h1 {color: #e95d0f; font-size:36px; font-family: Tahoma; font-weight: bold; margin: 0px 0px 0px 0px;} /* Menus */ #main #menu {float: left; width: 880px; margin: 14px 0px 0px 10px;display:inline;} #main #menu div.menu {float: left; width: 173px; height: 26px; background-color: #f4ae87; margin: 0px 0px 0px 4px;display:inline;} #main #menu div.menu:hover {background-color: #e95d0f;} #main #menu div.menu:focus {background-color: #000000;} #main #menu div.menu_inactif {float: left; width: 173px; height: 26px; background-color: #f4ae87; margin: 0px 0px 0px 4px;} #main #menu div.menu_inactif:hover {} #main #menu div.actif {background-color: #e95d0f;} #main #menu a.menu {float: left; width: 165px; height: 18px; color:white; text-decoration: none; font-weight: bold; padding: 6px 0px 0px 6px; border: 1px solid #f4ae87;} #main #menu a.menu:hover {border-color: #e95d0f;} #main #menu a.menu:focus {background-color: #f4ae87; border-color: #606060; border-style: dashed;} #main #menu a.actif {border-color: #e95d0f;} #main #menu a.actif:focus {background-color: #e95d0f; border-color: #606060; border-style: dashed;} #main #menu #premiermenu {width: 172px; margin: 0px 0px 0px 0px;} /* Premier div du menu */ /* Contenu du cadre principal */ #main #contenu {display:inline;float: left; width: 880px; margin: 20px 0px 0px 10px;} /* Bouton du W3C */ #img_w3c {position: absolute; right:6px; bottom: 34px; width:88px; height:31px; margin:0px 0px 0px 0px; z-index:0; opacity: 0.42; filter:alpha(opacity=42);} #img_w3c:hover {opacity: 1; filter:alpha(opacity=100);} /* Pied de page */ #footer{position: relative; width: 900px; height: 22px; margin: auto; margin-bottom:20px; background-color: #e5e5e5;} #footer #gauche{float: left; width: 300px; margin: 4px 0px 0px 10px;} #footer #droite{float: left; width: 580px; margin: 4px 10px 0px 0px; text-align: right;} /* Pour placer des input de type hidden de manière valide */ div.inputhidden {width:0px; height:0px;} /* Pour cacher des elements */ .invisible {display:none;} /* Mise en forme standard */ .gras {font-weight:bold;} .italique {font-style:italic;} /** * PAGE D'ACCUEIL */ #accueil {float: left; width: 880px; margin: 10px 0px 0px 0px;} #accueil #ligne1 {float: left; width: 880px; height: 150px; margin: 0px 0px 0px 0px;} #accueil #ligne2 {float: left; width: 880px; height: 170px; margin: 0px 0px 0px 0px;} #accueil #ligne3 {float: left; width: 880px; height: 150px; margin: 0px 0px 0px 0px;} #accueil .vignette {float: left; height: 120px; background-color: #f5f5f5; padding:15px;} #accueil .vignette_hebergement {float: left; height: 75px; background-color: #f5f5f5; padding:15px;} #accueil #ligne1 #encart1 {width: 120px; margin: 0px 0px 0px 190px;} #accueil #ligne1 #encart2 {width: 290px; margin: 0px 0px 0px 20px;} #accueil #ligne2 #carre1 {width: 18px; height: 18px; padding:0px; background-color: #f4ae87; margin: 20px 0px 0px 294px;} #accueil #ligne2 #carre2 {width: 18px; height: 18px; padding:0px; background-color: #e95d0f; margin: 20px 0px 0px 10px;} #accueil #ligne2 #encart3 {width: 120px; margin: 20px 0px 0px 20px;} #accueil #ligne2 #encart4 {width: 120px; margin: 20px 0px 0px 20px;} #accueil #ligne3 #encart5 {width: 290px; margin: 20px 0px 0px 360px;} #accueil #brin-muguet {margin: 16px 0px 0px 30px;} #accueil #ligne1 #encart2 #titre2 {color: #999999; font-size:20px; font-weight: bold; letter-spacing: 4px;} #accueil #ligne1 #encart2 #message2 {margin: 20px 0px 0px 0px;} #accueil #ligne2 #encart3 #titre3 {color: #999999; font-size:16px; font-weight: bold; letter-spacing: 1px;} #accueil #ligne2 #encart3 #message3 {margin: 20px 0px 0px 0px;} #accueil #ligne2 #encart3 #lien3 {margin: 34px 0px 0px 0px;} #accueil #ligne2 #encart4 #titre4 {color: #999999; font-size:16px; font-weight: bold; letter-spacing: 1px;} #accueil #ligne2 #encart4 #message4 {margin: 20px 0px 0px 0px;} #accueil #ligne2 #encart4 #lien4 {margin: 21px 0px 0px 0px;} #accueil #ligne3 #encart5 #titre5 {color: #999999; font-size:16px; font-weight: bold; letter-spacing: 1px;} #accueil #ligne3 #encart5 #titre5 #nouveau {color: #e95d0f; font-size:10px; letter-spacing: -1px; margin: 0px 0px 0px 6px;} #accueil #ligne3 #encart5 #message5 {margin: 10px 0px 0px 0px;} #accueil #ligne3 #encart5 #lien5 {margin: 10px 0px 0px 0px;} /** * PAGE CV */ #cv {float: left; width: 880px; margin: 10px 0px 0px 0px;} #cv #ligne1 {float: left; width: 880px; height: 150px; margin: 0px 0px 0px 0px;} #cv #ligne2 {float: left; width: 880px; height: 186px; margin: 0px 0px 0px 0px;} #cv #bandeaumaj {float: left; width: 880px; margin: 0px 0px 20px 0px;} #cv #bandeaumaj #cadremaj {float: left; background-color: #f5f5f5; width: 320px; height:24px; margin: 0px 0px 0px 280px; text-align: center;} #cv #bandeaumaj #cadremaj #textemaj {margin-top: 5px;} #cv .vignette {float: left; width: 120px; height: 120px; background-color: #f5f5f5; padding:15px;} #cv #ligne1 #vignette-html {margin: 0px 0px 0px 280px;} #cv #ligne1 #vignette-pdf {margin: 0px 0px 0px 20px;} #cv #ligne2 #vignette-doc {margin: 20px 0px 0px 280px;} #cv #ligne2 #vignette-odt {margin: 20px 0px 0px 20px;} #cv #ligne2 #carre1 {width: 18px; height: 18px; padding:0px; background-color: #e95d0f; margin: 20px 0px 0px 10px;} #cv #ligne2 #carre2 {width: 18px; height: 18px; padding:0px; background-color: #f4ae87; margin: 20px 0px 0px 10px;} #cv .titre {} #cv .titre h2 {color: #999999; font-size:20px; font-weight: bold; letter-spacing: 4px; margin: 0px 0px 0px 0px;} #cv .message {margin: 20px 0px 0px 0px;} #cv .lien {margin: 30px 0px 0px 0px;} /** * PAGE PUBLICATIONS */ #publications {float: left; width: 880px; margin: 10px 0px 0px 0px;} #publications .categorie {float: left; margin: 28px 0px 0px 200px; padding: 0px 0px 0px 0px;} #publications .premier {margin-top: 0px} #publications .libelle {float: left; width: 424px;} #publications .libelle h2 {color: #f4ae87; font-size:18px; font-weight: bold; letter-spacing: 3px; margin:0px 0px 0px 0px;} #publications .carre1 {float: left; width: 18px; height: 18px; padding:0px; background-color: #f4ae87; margin: 0px 0px 0px 10px;} #publications .carre2 {float: left; width: 18px; height: 18px; padding:0px; background-color: #e95d0f; margin: 0px 0px 0px 10px;} #publications .encart {float: left; width: 450px; margin: 10px 0px 10px 200px; background-color: #f5f5f5; padding:15px;} #publications .dernier {margin-bottom: 40px} #publications .titre {} #publications .titre h3 {color: #999999; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 0px 0px 0px 0px;} #publications .infos {width: 450px; margin: 2px 0px 10px 0px;} #publications .site {float: left; width: 225px;} #publications .date {float: left; width: 225px; text-align:right; font-style: italic;} #publications .description {margin: 30px 0px 0px 0px; text-align: justify; padding: 0px 30px 0px 30px;} #publications .lien {width: 450px; margin: 0px 0px 0px 0px; text-align: right;} /** * PAGE HEBERGEMENT */ #hebergement {float: left; width: 880px; margin: 10px 0px 0px 0px;} #hebergement .categorie {float: left; margin: 18px 0px 0px 170px; padding: 0px 0px 0px 0px;} #hebergement .libelle {float: left; width: 484px;} #hebergement .libelle h2 {color: #f4ae87; font-size:18px; font-weight: bold; letter-spacing: 3px; margin: 0px 0px 0px 0px;} #hebergement .carre1 {float: left; width: 18px; height: 18px; padding:0px; background-color: #f4ae87; margin: 0px 0px 0px 10px;} #hebergement .carre2 {float: left; width: 18px; height: 18px; padding:0px; background-color: #e95d0f; margin: 0px 0px 0px 10px;} #hebergement .encart {float: left; width: 510px; margin: 10px 0px 20px 170px; background-color: #f5f5f5; padding:15px;} #hebergement .lignepack {float: left; width: 540px; margin: 0px 0px 20px 170px;} #hebergement .gauche {float: left; width: 120px; height:120px; background-color: #f5f5f5; margin: 0px 10px 0px 0px;} #hebergement .ligne1 {margin: 32px 0px 0px 22px; color:#e95d0f; font-size:24px; font-weight: bold;} #hebergement .ligne2 {margin: 0px 0px 0px 36px; color:#999999; font-size:20px;} #hebergement .droite {float: left; width: 390px; background-color: #f5f5f5; padding: 10px;} #hebergement .titrepack {color:#e95d0f; font-size:12px; font-weight: bold; letter-spacing: 1px;} #hebergement .descpack {} #hebergement .listeoption {margin: 22px 0px 0px 0px;} #hebergement ul.liste {padding: 0px 0px 0px 40px;} #hebergement ul.liste li {list-style-type:square; margin: 6px 0px 0px 0px;} #hebergement .prixoption {color:#e95d0f; font-weight: bold;} #hebergement p.souscrire {text-align:center;margin-top: 24px;} #hebergement a.souscrire {font-size:14px; font-weight: bold;} #hebergement .dernier {margin-bottom: 40px} #hebergement .introduction {margin: 0px 0px 0px 0px;} #hebergement .introduction .encart-image {float: left; width: 90px; margin: 0px 0px 0px 0px;} #hebergement .introduction .encart-texte {float: left; width: 400px; margin: 0px 0px 0px 0px; text-align: justify; padding: 0px 10px 0px 10px;} #hebergement .titre {color: #999999; margin: 20px 0px 10px 0px;} #hebergement .titre h3 {color: #999999; font-size:12px; font-weight: bold; letter-spacing: 1px; margin: 0px 0px 0px 0px;} #hebergement .description {margin: 0px 0px 0px 0px; text-align: justify; padding: 0px 10px 0px 10px;} #hebergement .premier {margin-top: 0px} /* Image serveur */ #hebergement #img_serveur {right:6px; bottom: 34px; width:65px; height:100px; margin:0px 0px 0px 25px;} /** * PAGE DE CONTACT */ #contact {float: left; width: 880px; margin: 10px 0px 0px 0px;} #contact #confirmation {float: left; width: 538px; margin: 0px 0px 20px 150px; padding: 10px; text-align:center; background-color: #d5fcca; color:green; border: 1px solid green;} #contact #ligne1 {float: left; width: 880px; height: 375px; margin: 0px 0px 0px 0px;} #contact #ligne2 {float: left; width: 880px; height: 120px; margin: 0px 0px 0px 0px;} #contact .vignette {float: left; background-color: #f5f5f5; padding:15px;} #contact #ligne1 #titre {width: 120px; height: 120px; margin: 0px 0px 0px 150px;} #contact #ligne1 #formulaire {width: 360px; height: 345px; margin: 0px 0px 0px 20px;} #contact #ligne2 #carre1 {width: 18px; height: 18px; padding:0px; background-color: #f4ae87; margin: 20px 0px 0px 254px;} #contact #ligne2 #carre2 {width: 18px; height: 18px; padding:0px; background-color: #e95d0f; margin: 20px 0px 0px 10px;} #contact #ligne2 #securite {width: 190px; height: 56px; margin: 20px 0px 0px 20px;} #contact #ligne2 #envoyer {width: 120px; height: 56px; margin: 20px 0px 0px 20px;} #contact #ligne1 #titre .titre {color: #999999; font-weight: bold; letter-spacing: 2px;} #contact #ligne1 #titre .premiere {color: #e95d0f;} #contact #ligne1 #titre #contactez {font-size:18px; margin: 32px 0px 0px 0px;} #contact #ligne1 #titre #moi {font-size:28px; margin: 4px 0px 0px 58px;} #contact #ligne1 #formulaire .titre {color: #999999; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 14px 0px 0px 0px;} #contact #ligne1 #formulaire .premier {margin: 0px 0px 0px 0px;} #contact #ligne1 #formulaire .sstitre {margin: 5px 0px 0px 0px;} #contact #ligne1 #formulaire .important {color: #e95d0f; font-weight: bold;} #contact #ligne1 #formulaire span.erreur {color: red;} #contact #ligne1 #formulaire div.input {margin: 5px 0px 0px 0px;} #contact #ligne1 #formulaire input.input {width: 200px; padding: 4px; border: 1px solid #999999; background-color: #fdfdfd; font-family: Verdana, Arial; color: black; font-size:11px;} #contact #ligne1 #formulaire input.erreur {background-color: #f4ae87;} #contact #ligne1 #formulaire textarea.erreur {background-color: #f4ae87; background-image: none;} #contact #ligne1 #formulaire .textarea { width: 350px; height: 140px; padding: 4px; border: 1px solid #999999; background-color: #fdfdfd; font-family: Verdana, Arial; color: black; font-size:11px; background-image: url('../templates/images/brinmuguet.gif');background-repeat: no-repeat;background-position: 280px 40px; } #contact #ligne2 #securite #titrecode {color: #999999; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 0px 0px 0px 0px;} #contact #ligne2 #securite #code {color: black; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 10px 0px 0px 0px;} #contact #ligne2 #securite span.code {color: black; font-size:14px; letter-spacing: 3px;} #contact #ligne2 #securite .input {width: 80px; padding: 3px; border: 1px solid #999999; background-color: #fdfdfd; font-family: Verdana, Arial; color: black; font-size:14px; font-weight:bold; letter-spacing: 3px; text-align: center;} #contact #ligne2 #securite .erreur {background-color: #f4ae87;} #contact #ligne2 #envoyer #titreenvoi {color: #999999; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 0px 0px 0px 0px;} #contact #ligne2 #envoyer #input {color: #999999; font-size:14px; font-weight: bold; letter-spacing: 1px; margin: 10px 0px 0px 0px;} #contact #ligne2 #envoyer #bouton {width: 120px; padding: 4px; border: 1px solid #999999; background-color: #fdfdfd; font-family: Verdana, Arial; color: black; font-size:11px;} /** * PAGES DE MESSAGES */ #message-simple {float: left; width: 700px; margin: 40px 0px 0px 70px; padding: 20px 20px 20px 20px; text-align: center; background-color: #f5f5f5;} #message-erreur {float: left; width: 700px; margin: 40px 0px 0px 70px; padding: 20px 20px 20px 20px; text-align: center; background-color: #f4ae87; border: 1px solid #e95d0f;} #message-erreur #libelle-erreur {color: red; font-weight: bold; font-size: 18px;}