body{background: url(../images/fond/fond-site.jpg) repeat; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 14px; height: 100%; } a{text-decoration:none;color:#FFFFFF;} a:hover{text-decoration:none;color:#FFFFFF;} ul{margin:0px;padding:0;list-style:none;} img{border:0;} p{margin:0;padding:0;} #conteneur{width:1000px;display:block;margin:auto;} #conteneur #bandeauHaut{width:1000px;height:150px;display:block;margin:0;padding:0;background:url(../images/elements/bandeau.png) no-repeat;} #conteneur #bandeauHaut #utilisateurConnecte{width:300px;margin:0;padding:135px 0 0 0px;} #conteneur #bandeauHaut #utilisateurConnecte p{text-align:center;font-size:10px;color:#000000;} #conteneur #bandeauHaut #utilisateurConnecte a{color:#000000;} #conteneur #bandeauHaut #utilisateurConnecte a:hover{color:#e59202;} #conteneur #milieu{width:1000px;display:block;background:url(../images/fond/degrad-milieu.png) repeat-y;} #conteneur #milieu #menu{width:990px;line-height:30px;display:block;background:url(../images/fond/fond-menu.jpg) repeat-x;} #conteneur #milieu #menuAccueil{width:990px;height:310px;display:block;margin:30px 0 0 0;} #conteneur #milieu #menuAccueil #menuSpecialAccueil{height:310px;width:820px;display:block;margin:auto;} #conteneur #milieu #menuAccueil #menuSpecialAccueil #accesProfessionels a{float:left;width:260px;height:310px;display:block;margin:0;background:url(../images/boutons/acces-pro-off.png) no-repeat;} #conteneur #milieu #menuAccueil #menuSpecialAccueil #accesProfessionels a:hover{background:url(../images/boutons/acces-pro-over.png) no-repeat;} #conteneur #milieu #menuAccueil #menuSpecialAccueil #devis a{float:left;width:260px;height:310px;display:block;margin:0 20px;background:url(../images/boutons/devis-off.png) no-repeat;} #conteneur #milieu #menuAccueil #menuSpecialAccueil #devis a:hover{background:url(../images/boutons/devis-over.png) no-repeat;} #conteneur #milieu #menuAccueil #menuSpecialAccueil #rappel{float:left;width:260px;height:310px;display:block;margin:0;} #conteneur #milieu #contenu{float:none;clear:both;width:990px;display:inline-block;margin:20px 0;} #conteneur #milieu #contenu #colonneGauche{float:left;width:720px;} #conteneur #milieu #contenu #colonneGauche #texteAccueil{width:660px;margin:0 30px;text-align:justify;} #conteneur #milieu #contenu #colonneGauche #texteAccueil #edition{display:table;width:660px;height:690px;margin:0 0 10px 0;} #conteneur #milieu #contenu #colonneGauche #texteAccueil #visualisation{width:660px;margin:0;} #conteneur #milieu #contenu #colonneGauche #texteAccueil h1{margin:0 0 20px 0;width:650px;line-height:35px;display:block;background:url(../images/fond/fond-titre-page.jpg) no-repeat;font-weight:bold;color:#e59202;font-size:24px; text-shadow:1px 1px 2px black;} #conteneur #milieu #contenu #colonneGauche #texteAccueil #visualisation h2{margin:0 0 0 0;text-align:center;width:500px;line-height:30px;display:inline-block;background:url(../images/fond/fond-h2.jpg) no-repeat;font-weight:bold;color:#FFFFFF;font-size:18px; text-shadow:1px 1px 2px black;} #conteneur #milieu #contenu #colonneGauche #texteAccueil a{text-decoration:none;color:#e59202;} #conteneur #milieu #contenu #colonneGauche #texteAccueil a:hover{text-decoration:none;color:#bb7804;} #conteneur #milieu #contenu #colonneGauche #titrePartie{float:left;width:30px;height:500px;display:block;margin:0 5px 0 0;} #conteneur #milieu #contenu #colonneGauche #texte{float:left;width:625px;display:block;margin:0;text-align:justify;} #conteneur #milieu #contenu #colonneGauche #texte #edition{display:table;width:650px;height:500px;margin:0 20px 10px 20px;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation{float:left;width:650px;margin:0 20px;} #conteneur #milieu #contenu #colonneGauche #texte h1{margin:-5px 0 20px 0;width:650px;line-height:35px;display:block;background:url(../images/fond/fond-titre-page.jpg) no-repeat;font-weight:bold;color:#e59202;font-size:24px; text-shadow:1px 1px 2px black;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation h2{margin:15px 75px 0 75px;text-align:center;width:500px;line-height:25px;display:inline-block;background:url(../images/fond/fond-h2.jpg) no-repeat;font-weight:bold;color:#FFFFFF;font-size:18px; text-shadow:1px 1px 2px black;} #conteneur #milieu #contenu #colonneGauche #texte a{text-decoration:none;color:#e59202;} #conteneur #milieu #contenu #colonneGauche #texte a:hover{text-decoration:none;color:#bb7804;} #conteneur #milieu #contenu #colonneGauche #texte #blog{} #conteneur #milieu #contenu #colonneGauche #texte #blog #typeAffichage{text-align:center;font-weight:bold;} #conteneur #milieu #contenu #colonneGauche #texte #blog #ajoutActu{text-align:right;font-weight:normal;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog{width:650px;margin:0 0 10px 0;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog tr{vertical-align:middle;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog tr .c1{width:530px;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog tr .c2{width:120px;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog .l1{height:20px;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog .l1 .c1{text-align:left;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog .l1 .c2{text-align:right;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog .l2{background:url(../images/fond/fond-titre-article-blog.jpg) repeat-x;color:#FFFFFF;height:25px;text-align:center;} #conteneur #milieu #contenu #colonneGauche #texte #blog #tabBlog .l3{} #conteneur #milieu #contenu #colonneGauche #texte #visualisation div.devis{margin:0 0 10px 0;width:650px;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation .tabDevis{width:100%;border-color: #ff9900;border-style:outset;border-width:1px;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation .tabDevis tr{} #conteneur #milieu #contenu #colonneGauche #texte #visualisation .tabDevis tr td{vertical-align:text-top} #conteneur #milieu #contenu #colonneGauche #texte #visualisation .tabDevis tr td.c1{width:40%;text-align:right;font-weight:bold;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation .tabDevis tr td.c2{width:60%;text-align:left;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation div#choixInitial .tabDevis{width:100%;border:none;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation div#boutonsDevis{width:100%;border:none;text-align:center} #conteneur #milieu #contenu #colonneGauche #texte #visualisation .tabDevis tr td .error_list {color:red;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation #messageEnvoi p{text-align:center;font-weight:bold;margin:10px 0 10px 0;color:#ff9900;} #conteneur #milieu #contenu #colonneGauche #texte #visualisation #messageEnvoi{border-color: #ff9900;border-style:outset;border-width:1px;margin:0 0 10px 0;} #conteneur #milieu #contenu #colonneDroite{float:left;width:270px;display:block;text-align:center;} #conteneur #milieu #contenu #colonneDroite #menuPages #menuSpecialPages{width:270px;display:inline-block;margin:0 auto 10px auto;} #conteneur #milieu #contenu #colonneDroite #menuPages #menuSpecialPages #accesProfessionels a{width:260px;height:140px;display:block;margin:auto;background:url(../images/boutons/acces-pro-mini-off.png) no-repeat;} #conteneur #milieu #contenu #colonneDroite #menuPages #menuSpecialPages #accesProfessionels a:hover{background:url(../images/boutons/acces-pro-mini-over.png) no-repeat;} #conteneur #milieu #contenu #colonneDroite #menuPages #menuSpecialPages #devis a{width:260px;height:140px;display:block;margin:10px auto;background:url(../images/boutons/devis-mini-off.png) no-repeat;} #conteneur #milieu #contenu #colonneDroite #menuPages #menuSpecialPages #devis a:hover{background:url(../images/boutons/devis-mini-over.png) no-repeat;} #conteneur #milieu #contenu #colonneDroite #menuPages #menuSpecialPages #rappel{width:260px;height:140px;display:block;margin:auto;} #conteneur #milieu #contenu #colonneDroite #logosLiens{width:270px;display:inline-block;margin:0;} #conteneur #milieu #contenu #colonneDroite #logosLiens #iconeEdition{margin:-16px 0 0 250px;height:16px;width:16px;} #conteneur #milieu #contenu #colonneDroite #logosLiens #edition{width:270px;} #conteneur #milieu #contenu #colonneDroite #logosLiens #visualisation{width:250px;margin:auto;} #conteneur #cadreBas{float:none;clear:both;width:1000px;height:10px;display:block;background:url(../images/fond/degrad-bas.png) no-repeat;} #conteneur #menuBas{text-align:center;font-size: 12px;color: #FFFFFF;font-weight:bold;margin-bottom: 4px;} #conteneur #menuBas a{color: #FFFFFF;} #conteneur #menuBas a:hover{text-decoration:underline;} #conteneur #copyright{text-align:center;font-size: 10px;color: #FFFFFF;} #conteneur #copyright a{color: #FFFFFF;} #conteneur #copyright a:hover{text-decoration:underline;} table#formGlobalConfig{width:650px;padding:0;margin:10px auto;border:solid 1px #013f78;} table#formGlobalConfig th{} table#formGlobalConfig tr{margin:0;} table#formGlobalConfig tr td{margin:0;background-color:#FFFFFF;} table#formGlobalConfig tr td.c1{width:160px;text-align:right;} table#formGlobalConfig tr td.c2{width:490px;text-align:left;} table#formGlobalConfig tr td.c2 input{width:490px} table#formValid th{} table#formValid tr{margin:0;} table#formValid tr td{margin:0;background-color:#FFFFFF;width:650px;} /* MENU */ #menuHaut{ padding: 0; margin:0 auto; height:30px; width:990px; } #menu, #menuHaut ul { /* Propriétés pour toutes les listes */ padding: 0; /* Espacements intérieurs : tous à zéro */ margin: 0; /* Marges : toutes à zéro */ list-style: none; /* Style de liste : aucun (pas de puce ni de numérotation) */ font-size:14px; /* Taille de la police 15 pixels */ font-weight:bold; text-transform:uppercase; text-shadow:2px 2px 3px gray; } #menu{ color: #FFFFFF; cursor:pointer; /*height:25px;*/ } #menu a { /* Propriétés pour tous les liens hypertextes */ display: block; /* Force les sous-menus du niveau 2 à s'afficher au-dessous du menu principal */ color:#FFFFFF; text-decoration:none; width: 123.75px; cursor:pointer; line-height:30px; margin:0 0 0px 0; padding:0; background-image: url(/images/boutons/btn-menu.jpg); background-repeat: no-repeat; text-align:center; } #menu a:hover { /* Propriétés pour tous les liens hypertextes lors du survol de la souris */ color:#042a6d; cursor:pointer; } #menu li { /* Pour toutes les options des menus */ float: left; /* Forcer les options de menu principal (niveau 1) en ligne et pas en colonne */ position: relative; /* Positionner les options de façon relative à leur parent : UL */ margin:0 0 0 0; } ul#menu { /* Pour le menu de niveau 1 ou plus */ } #menu li ul { /* Pour tous les sous-menu de niveau 2 ou plus */ position: absolute; /* Positionner le sous-menu de façon absolue */ display:none; /* Masquer le sous-menu par défaut */ width: 132px; /* Largeur des items : NE PAS SUPPRIMER sinon BUG sous IE */ text-transform:none; font-weight:normal; } #menu li ul ul { /* Pour tous les sous-menu de niveau 3 ou plus */ margin-left:139px; /* Décaler le sous-menu vers le droite d'un peu moins de la largeur d'une option */ top:0px; /* Ajuster la hauteur sur le haut de son item parent */ } #stopMenu { clear:both; /* Arrêter le positionnement des blocs à gauche après le menu principal */ float:none; display:block; } #menu img /* Style pour les images du menu */ { border:0; padding-left:5px; }