*{ font-family: verdana; margin:0; padding: 0; } body{ margin:0; padding: 0; background-color: #000; font-size: 11px; } img{ margin:0; padding:0; border:0; } form{ margin:0; padding:0; } fieldset{margin:0; padding:0;border:0;} a{ text-decoration:none; font-family: arial; } ul{ margin:0; list-style:none; } li{ margin:0; } /* structure */ #conteneur{ width:910px; margin:0 auto; background-color: #000; } #contenu{ width:910px; background-color: #fff; clear: both; } .clearboth{clear:both;height:50px;background-color:#fff;} /* ******************************************************************************************************************** entete */ #entete .logo{float:left;} #entete #acces-client{ float:right; width: 337px;height:121px; background: #000 url("_img/entete-fd-client.png") no-repeat; } #entete #acces-client form{ margin-left: 150px; margin-top: 42px; } #entete #acces-client label{ float:left; width: 145px; color: #fff; text-align:right; /*line-height:12px;*/ font-family: arial; margin:0;padding:0;margin-top:1px; } #entete #acces-client input{ margin:0;padding:0; width: 140px; height:12px; font-family: arial; font-size : 11px; line-height:12px; margin-bottom:2px; } #entete #acces-client input.submit{ width: 25px;height:12px; background: transparent; border:0; } /* ******************************************************************************************************************** entete */ /* ******************************************************************************************************************** menu haut */ #menu{clear:both; margin-left:10px; padding: 3px 0 0 0;background-color:#000;height:43px;} #menu li {display:inline;} #menu a{display:block;float:left;margin-right:2px;height:41px;} #menu a.penelope{width:70px;background: #000 url('_img/menu-penelope-off.png') no-repeat;} #menu a.penelope:hover{background: #000 url('_img/menu-penelope-on.png') no-repeat;} #menu a.penelope-active{width:70px;background: #000 url('_img/menu-penelope-on.png') no-repeat;} #menu a.accueil{width:72px;background: #000 url('_img/menu-accueil-off.png') no-repeat;} #menu a.accueil:hover{background: #000 url('_img/menu-accueil-on.png') no-repeat;} #menu a.accueil-active{width:72px;background: #000 url('_img/menu-accueil-on.png') no-repeat;} #menu a.animation{width:91px;background: #000 url('_img/menu-animation-off.png') no-repeat;} #menu a.animation:hover{background: #000 url('_img/menu-animation-on.png') no-repeat;} #menu a.animation-active{width:91px;background: #000 url('_img/menu-animation-on.png') no-repeat;} #menu a.evenementiel{width:94px;background: #000 url('_img/menu-evenementiel-off.png') no-repeat;} #menu a.evenementiel:hover{background: #000 url('_img/menu-evenementiel-on.png') no-repeat;} #menu a.evenementiel-active{width:94px;background: #000 url('_img/menu-evenementiel-on.png') no-repeat;} #menu a.telephonie{width:91px;background: #000 url('_img/menu-telephonie-off.png') no-repeat;} #menu a.telephonie:hover{background: #000 url('_img/menu-telephonie-on.png') no-repeat;} #menu a.telephonie-active{width:91px;background: #000 url('_img/menu-telephonie-on.png') no-repeat;} #menu a.prestige{width:63px;background: #000 url('_img/menu-prestige-off.png') no-repeat;} #menu a.prestige:hover{background: #000 url('_img/menu-prestige-on.png') no-repeat;} #menu a.prestige-active{width:63px;background: #000 url('_img/menu-prestige-on.png') no-repeat;} #menu a.espace-rh{width:77px;background: #000 url('_img/menu-rh-off.png') no-repeat;} #menu a.espace-rh:hover{background: #000 url('_img/menu-rh-on.png') no-repeat;} #menu a.espace-rh-active{width:77px;background: #000 url('_img/menu-rh-on.png') no-repeat;} #menu a.espace-entreprise{width:85px;background: #000 url('_img/menu-entreprises-off.png') no-repeat;} #menu a.espace-entreprise:hover{background: #000 url('_img/menu-entreprises-on.png') no-repeat;} #menu a.espace-entreprise-active{width:85px;background: #000 url('_img/menu-entreprises-on.png') no-repeat;} #menu a.contact{width:71px;background: #000 url('_img/menu-contacter-off.png') no-repeat;} #menu a.contact:hover{background: #000 url('_img/menu-contacter-on.png') no-repeat;} #menu a.contact-active{width:71px;background: #000 url('_img/menu-contacter-on.png') no-repeat;} #menu a.formation{width:123px;background: #000 url('_img/menu-formation-off.png') no-repeat;} #menu a.formation:hover{background: #000 url('_img/menu-formation-on.png') no-repeat;} #menu a.formation-active{width:123px;background: #000 url('_img/menu-formation-on.png') no-repeat;} #menu a.end{width:34px;background: #000 url('_img/menu-end.png') no-repeat;} .disappear {display:none;} /* ******************************************************************************************************************** menu haut */ /* ******************************************************************************************************************** piedpage */ #piedpage{ clear: both; background-color: #777777; text-align:center; color: #fff; } #piedpage ul{padding:5px;} #piedpage li {display:inline;} #piedpage a{color: #fff;} #piedpage p{background:#E2007A;margin:0;padding:5px;} /* ******************************************************************************************************************** piedpage */ /* ************************************************************************************************** menu pages int�rieures gauche */ #col-gauche ul{ margin-top:105px; width:117px; } #col-gauche li{ height:30px; line-height:30px; background: transparent url(_img/commun-filet.png) repeat-x bottom; } #col-gauche li a{ color: #777777; font-family: arial, verdana, sans-serif; font-size:12px; } #col-gauche li a:hover, #col-gauche li a.active{ color: #000; font-weight:bold; } /* ************************************************************************************************** menu pages int�rieures gauche */ #col-droite{background-color:#fff;} #notre-actu-image img{width: 148px;height:110px;} #notre-actu p a {color:#000;} /* ************************************************************************************************** fil d'ariane */ #fil-ariane {font-family:Arial; font-size:11px;} #fil-ariane p {line-height: 20px;color: #000;font-family:Arial;} #fil-ariane a {color: #000; font-family:Arial;} /* ************************************************************************************************** fil d'ariane */ #contenu-interieur {margin-top:106px;font-family: verdana; font-size:12px;} #contenu-interieur div {font-family: verdana; font-size:12px;text-align:justify;} #contenu-interieur p{padding-top:20px;text-align:justify;} #contenu-interieur ul{padding-top:20px;} #contenu-interieur a {color: #000;} #contenu-interieur-bas{ background: transparent url(_img/commun-filet-violet.png) repeat-x top; } #contenu-interieur-titre{ background: transparent url(_img/commun-filet-violet.png) repeat-x top; padding-top:1px; } .contenu-interieur-titre2{ background: transparent url(_img/commun-filet-violet.png) repeat-x bottom; } .gris{color:#777777; font-weight:bold; } .rose{color:#e2007a; font-weight:bold; } .violet{color:#470086; font-weight:bold; } .mauve{color:#91306c; font-weight:bold;} .s{text-decoration:underline;} .b{font-weight:bold;} .mauve-it{color:#91306c;font-style:italic;} .actu-titre{color:#91306c; font-size:12px !important ;font-weight:bold;} .actu-titre-14{color:#91306c; font-size:14px !important ;font-weight:bold;} .divActuListe{ clear:both;padding:10px 0; background: transparent url(_img/commun-filet.png) repeat-x bottom left; } .divActuListe img{width:138px;} #contenu-interieur .divActuListe a{font-family:verdana;font-size:11px;} .divAdroite{float:left;width:80%;} .imgGauche{float:left;margin-right:10px; margin-bottom:2px;} .imgDte{float:right;margin-bottom:10px;margin-left:10px;} .liste-in-texte{list-style:square;margin-left:20px;} .retour-accueil{color:#fff;margin-left:15px;} .retour-accueil img{margin:2px 0 0 5px;} .viadeo{float:right;text-align:right;margin-top:10px;} .viadeo img{vertical-align:middle; } .viadeo a{font-family:verdana;font-size:11px;}