@charset "utf-8"; /* CSS Document */ h1, h2, h3 {margin:0 0 10px 0; padding:0} body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#374F70} .infobulle{background-color:#6CCAE9; border:1px solid #FFFFFF; color:#FFFFFF; font-size:10px; padding:2px; position:absolute; text-align:center; visibility:hidden; width:80px !important;} .tout {background:url(../images/picto_tout.gif) no-repeat; padding-left:14px; margin-left:10px; margin-right:10px;} .tout_occas {background:url(../images/picto_tout.gif) no-repeat; padding-left:14px; margin:0px 5px 5px 0 !important;} .colorBlue {color:#39b8e1; font-weight:bold;} #center{ width:966px; margin:0px auto; height:100%;} #container{float: left; width:988px; height:100%;} #retourAccueil {width:300px; height:110px; display:block;} #retourAccueil a {width:300px; height:110px; display:block; } #bandeau {float: left; width:966px; height:147px; background:url(../images/bandeau.jpg);} #menu {float: left; width:950px; height:30px; background:url(../images/fd_menu.gif); margin:0px 0 0 8px; display:inline} #menu image { float:left;} #menu ul {float: left; margin:0;padding:7px 0 0 0;list-style:none;text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #menu li{ display: inline;width:30px;} #menu li a{ text-decoration:none; color:#fff; padding:0 10px 0 10px; border-right: solid 1px #fff} #menu li a:hover{ color:#fff; text-decoration:underline;} .legende { float: left; font-size:11px; font-style:italic;} #htpage {float: left; width:966px; height:19px; background:url(../images/htpage.gif);} #contenu {float: left; width:966px; background:url(../images/fd_contenu.gif);} #contenu a{ color:#374f70; text-decoration:none} /*#contenu .listeProduit a , #contenu #produit a{ vertical-align:middle; padding-top:10px}*/ #contenu a:hover{ color:#374F70; text-decoration:underline;} #contenu #centre {float: left; width:933px; margin: 0 15px 0 15px; border-bottom:1px #a7b8d0 solid; padding-bottom:10px; display:inline; background:url(../images/background_left.jpg) repeat-y #fff;} #contenu #centre #gauche {float: left; width:206px; /*min-height:610px;*/} #contenu #centre .fond {background:url(../images/fd_gauche.jpg) repeat-x #3f658c} #contenu #centre .menuGauche {width:206px; background:url(../images/fd_menugauche.gif) repeat-x #6bcae9;} #contenu #centre .menuGauche .intitule{ color:#FFFFFF; padding:5px 0 4px 20px; font-weight:bold; font-size:13px;} #contenu #centre .menuGauche .select{ color:#1d305e; padding:5px 0 4px 20px; font-weight:bold; font-size:13px;} #contenu #centre .menuGauche .intitule a{ color:#FFFFFF; text-decoration:none;} #contenu #centre #gauche .bordure {border: solid 2px #FFFFFF;} #contenu #centre #gauche .info { float:left; color:#FFFFFF; width:190px; margin:0 0 0 5px; padding-bottom:5px;} #contenu #centre #gauche .info a{ color:#FFFFFF;} #contenu #centre #gauche .titreMeteo { background:url(../images/titre_meteo.gif) no-repeat;width:206px; height:30px; margin:10px 0 0 0;} #contenu #centre #gauche .titreMeteo h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #gauche .titreLetter { background:url(../images/titre_news.gif) no-repeat;width:206px; height:30px; margin:0 0 10px 0;} #contenu #centre #gauche .titreLetter h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #gauche .titreWebcam { background:url(../images/titre_webcam.gif) no-repeat;width:206px; height:30px; margin-bottom:8px;} #contenu #centre #gauche .titreWebcam h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #gauche .titreConcession { background:url(../images/titre_concession.gif) no-repeat;width:206px; height:30px; margin-top:7px; margin-bottom:8px;} #contenu #centre #gauche .titreConcession h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #gauche .titreConcession2 { background:url(../images/titre_concession2.gif) no-repeat;width:206px; height:30px; padding-top:7px} #contenu #centre #gauche .titreConcession2 h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #gauche .titreService { background:url(../images/titre_service.gif) no-repeat;width:206px; height:30px; padding-top:7px} #contenu #centre #gauche .titreService h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #droiteHaut {float: left; margin-left:10px; padding-bottom:10px; border-bottom: solid 2px #374F70; display:inline; width:710px;} #contenu #centre #droiteHaut #actualite {float: left; width:507px;} #contenu #centre #droiteHaut #actualite h2 { visibility: visible; margin: 0 0 10px 0 ; padding:0px; font-size:19px;} #contenu #centre #droiteHaut #actualite img {padding:2px; border: solid 1px #CCCCCC; width:480px;} #contenu #centre #droiteHaut #lesActu {} #contenu #centre #droiteHaut #lesActu #actuPrinc {float:left; width:405px;} #contenu #centre #droiteHaut #lesActu #actuPrinc h3{ font-size:15px; display:inline; /*border-bottom:1px #336699 solid;*/ margin-bottom:15px;} #contenu #centre #droiteHaut #lesActu #actuPrinc img {padding:2px; border:#999999 solid 1px; display:inline} #contenu #centre #droiteHaut #lesActu #actulist {float:right; width:221px; background:url(../images/fd_actu.gif); padding:60px 10px 10px 20px; } #contenu #centre #droiteHaut #lesActu #actulist img { border:#FFFFFF solid 1px} #contenu #centre #droiteHaut #lesActu #actulist a {color:#FFFFFF; text-decoration:none} #contenu #centre #droiteHaut #lesActu #actulist a:hover {color:#FFFFFF; text-decoration:underline} #contenu #centre #droiteHaut #lesActu #actulist h3 {margin:0; padding:0} #contenu #centre #droiteHaut #infoPage {float: left; width:460px; display:inline; padding:0} #contenu #centre #droiteHaut #infoPage h2 { font-size:19px;} #contenu #centre #droiteHaut #infoPage img {padding:2px; border: solid 1px #CCCCCC; display:inline;} #contenu #centre #droiteHaut #textePage {float: left; width:700px; display:block; padding:0 10px 0 0} #contenu #centre #droiteHaut #textePage h2 { font-size:19px;} #contenu #centre #droiteHaut #textePage h3 { font-size:16px; width:100%; color:#44bce3} #contenu #centre #droiteHaut #textePage .photo { background-image:url(../images/fd_photo.gif); width:129px; height:162px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #textePage .photo2 { background-image:url(../images/fd_photo2.gif); width:327px; height:176px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #textePage .nom { font-weight:bold} #contenu #centre #droiteHaut #textePage .fonction { color:#39b8e1; font-weight:bold} #contenu #centre #droiteHaut #textePage a {color:#39b8e1; text-decoration:none} #contenu #centre #droiteHaut #textePage a:hover {color:#39b8e1; text-decoration:underline} #contenu #centre #droiteHaut #equipe {float: left; width:700px; display:block; padding:0 10px 0 0} #contenu #centre #droiteHaut #equipe h2 { font-size:19px;} #contenu #centre #droiteHaut #equipe h3 { font-size:16px; width:100%; border-bottom: #37b7e1 solid 1px; color:#44bce3} #contenu #centre #droiteHaut #equipe .photo { background-image:url(../images/fd_photo.gif); width:129px; height:162px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #equipe .photo2 { background-image:url(../images/fd_photo2.gif); width:390px; height:198px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #equipe .nom { font-weight:bold} #contenu #centre #droiteHaut #equipe .fonction { color:#39b8e1; font-weight:bold} #contenu #centre #droiteHaut #equipe a {color:#39b8e1; text-decoration:none} #contenu #centre #droiteHaut #equipe a:hover {color:#39b8e1; text-decoration:underline} #contenu #centre #droiteHaut #produit {float: left; width:700px; display:block; padding:0 10px 0 0} #contenu #centre #droiteHaut #produit h3 { font-size:19px; margin:0; padding:0} #contenu #centre #droiteHaut #produit h4 { font-size:13px; margin:0; padding:0; color:#6bcae9} #contenu #centre #droiteHaut #produit h5 { font-size:12px; margin:0; padding:0; width:100%; border-bottom:1px solid #374F70; margin:0px 0 5px 0} #contenu #centre #droiteHaut #produit .Apartir { font-size:12px; padding:0; width:100%; border-bottom:1px solid #374F70; margin:0px 0 30px 0} #contenu #centre #droiteHaut #produit .listeProduit { border-bottom:1px #3ab8e1 dotted} #contenu #centre #droiteHaut #produit .pdf {margin-top:5px;} #contenu #centre #droiteHaut .prix { font-size:14px; color:#FF0000; font-weight:bold;} #contenu #centre #droiteHaut .prix { width:100%; background-color:#3ab8e1; font-size:16px; color:#FFFFFF; font-weight:bold; text-align:center; line-height:50px;} #contenu #centre #droiteHaut .visible{ width:273px; background-color:#006699; font-size:14px; color:#FFFFFF; font-weight:bold; text-align:center; line-height:50px;} #contenu #centre #droiteHaut #produit img{padding:2px; border: solid 1px #CCCCCC; display:inline; vertical-align:top;} #contenu #centre #droiteHaut #produit .pdf{padding:0; border:none; vertical-align:middle;} #contenu #centre #droiteHaut img { clear:both; margin: 0 8px 10px 0;} #bleu { background-color:#39B8E1; color:#FFFFFF !important; padding:10px 10px 180px 10px ; margin:0px;} #bleu P{ margin:0; padding:0;} #contenu #centre #droiteHaut h2 { visibility:hidden; margin:0px; padding:0px;} #contenu #centre #droiteHaut .titreMoteur { background:url(../images/titre_moteur.gif) no-repeat;width:350px; height:24px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titre20ans { background:url(../images/titre_20ans.gif) no-repeat;width:380px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreCoque { background:url(../images/titre_coque.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreMulti { background:url(../images/titre_ressource.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreCharte { background:url(../images/titre_charte.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreEquipe { background:url(../images/titre_equipe.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreSaisir { background:url(../images/titre_saisir.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreUne { background:url(../images/titre_une.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreInfos { background:url(../images/titre_infos.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreTeal { background:url(../images/titre_teal.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreContact { background:url(../images/titre_contact.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreNeuf { background:url(../images/titre_neuf.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreOccasion{ background:url(../images/titre_occasion.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreEntretien{ background:url(../images/titre_entretien.gif) no-repeat;width:280px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreReparation{ background:url(../images/titre_reparation.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreGardiennage{ background:url(../images/titre_gardiennage.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titrePort{ background:url(../images/titre_port.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreHivernage{ background:url(../images/titre_hivernage.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titrePlaceBornes{ background:url(../images/titre_place_bornes.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titrePlaceLavandou{ background:url(../images/titre_place_lavandou.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreServices{ background:url(../images/titre_services.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreProposition{ background:url(../images/titre_proposition.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreShipchandler { background:url(../images/titre_ship.gif) no-repeat;width:500px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut .titreFinancement { background:url(../images/titre_finance.gif) no-repeat;width:600px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut #team {float: left; width:180px; margin-top:18px ; padding:0;} #contenu #centre #droiteHaut #team #logo { float:left; width:187px; height:106px; display:block; text-align:center} #contenu #centre #droiteHaut #team #info { float:left; width:187px;} #contenu #centre #droiteHaut #team .visuel{ border:#3d648b solid 1px; margin-bottom:5px; display:inline;} #contenu #centre #droiteHaut #team .titreTeam {background:url(../images/titre_team.gif) no-repeat;width:338px; height:20px; margin-top:7px; margin-bottom:20px; display:inline;} #contenu #centre #droiteHaut #encart_entretien { width:710px; float:left; margin:0 0 10px 0;} #contenu #centre #droiteHaut #encart_entretien IMG { border:medium none; margin:0; padding:0;} #contenu #centre #droiteHaut #encart_entretien A {float:left; margin: 1px 1px 0 0;} #contenu #centre #droiteHaut #encart_entretien P {float:left;} #contenu #centre #droiteHaut .devis { font-size:16px;} #contenu #centre #droiteHaut .devis H4{color:#FFFFFF; font-size:16px;} #contenu #centre #droiteHaut .devis A{color:#FFFFFF !important; text-decoration:none; font-size:16px; float:right; background-color:#39B8E1; padding:5px; margin-bottom:15px;} #contenu #centre #droiteHaut .devis A:HOVER{color:#FFFFFF; text-decoration:underline;} #contenu #centre #media { float:left; width:230px; background:url(../images/zone_multimedia.gif) no-repeat; padding:30px 0 0 11px;} #contenu #centre #media .mediaListe { float:left; width:230px; background-image:url(../images/liste_media.gif)} #contenu #centre #media .mediaListe .titremedia { line-height:29px; font-weight:bold; padding:0px 0 0px 10px} #contenu #centre #media .titre { line-height:15px; padding:12px 0 7px 30px} #contenu #centre #media .titre2 { line-height:15px; padding:12px 0 7px 10px} #contenu #centre #media .vid { background:url(../images/picto_tele.gif) left no-repeat} #contenu #centre #media .video { padding:0px 0 0px 10px} #contenu #centre #media .selection { padding:3px 0 3px 10px; width:210px; font-size:10px; text-align:center} #contenu #centre #media P { margin:10px;} #contenu #centre #droiteBas {float: right; width:711px; margin-right:5px;} #contenu #centre #droiteBas #service {float:left; width:150px; margin-right:-4px;} #contenu #centre #droiteBas #annonce {float:right; margin-top:10px; width:565px;} #contenu #centre #droiteBas #annonce .annonce_annonce{ clear:both; padding-top:15px;} #contenu #centre #droiteBas #annonce .titreOffre {float:left; background:url(../images/titre_offre-e.gif) no-repeat;width:210px; height:20px;} #contenu #centre #droiteBas #annonce .titreOffre h2 { visibility:hidden; margin:0px; padding:0px; font-size:12px} #contenu #centre #droiteBas #annonce #titreTypeOffre {float:left; background:url(../images/titre_typeoffre-e.gif) no-repeat;width:558px; height:33px; margin:10px 0 2px 0} #contenu #centre #droiteBas #annonce .plus { float:left;} #contenu #centre #droiteBas #annonce .annonce { float:left; width:137px; margin-right:3px; display:inline; } #contenu #centre #droiteBas #annonce .annonce img {padding:2px; border: solid 1px #CCCCCC} #contenu #centre #droiteBas #annonce .annonce h3 a{ color:#6ccae9; font-weight:bold; font-size:11px; margin:0 0 3px 0; padding:0;} #contenu #centre #droiteBas #annonce .lien {float:right; width:170px; text-align:right; margin:0 ;} #contenu #centre #droiteBas #annonce .lien_occas {float:right; width:170px; text-align:right; margin:0; } #contenu #centre #droiteBas #annonce P {margin:5px 5px 5px 0; width:130px;} #contenu #centre #droiteBas #annonce A {margin:5px 5px 5px 0; width:130px;} #contenu #centre #droiteBas #zoom {float:left; margin-top:10px; width:710px;} #contenu #centre #droiteBas #zoom .titreZoom {float:left; background:url(../images/titre_zoom.gif) no-repeat; width:118px; height:16px; margin-bottom:15px;} #contenu #centre #droiteBas #zoom .titreZoom h2 { visibility:hidden; margin:0px; padding:0px; font-size:12px} #contenu #centre #droiteBas #zoom img {padding:2px; border: solid 1px #CCCCCC} #contenu #centre #table_ressource img {padding:2px; border: solid 1px #CCCCCC} #contenu #centre #table_ressource {} #contenu #centre #droiteBas #zoom .lien {float:right; /*width:170px;*/ text-align:right; margin:12px 0 0 0 } #contenu #centre #droiteBas #zoom h3 { font-size:15px; text-transform: uppercase; margin:0; padding:0} #contenu #centre #droiteBas #zoom h4 { color:#37b7e1; margin:0; padding:0} #pied {float: left; width:966px; height:36px; background:url(../images/fd_pied.gif); padding-top:5px} #pied ul {margin:0;padding:3px 0 0 0;list-style:none;text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #pied li{ display: inline; padding:0 10px 0 10px; border-right: solid 1px #374F70} #pied li a{ text-decoration:none; color:#374F70;} #pied li a:hover{ color:#374F70; text-decoration:underline;} #lien {float: left; width:966px; height:41px;} #lien ul { float:left; margin:0; width:160px; padding:3px 0 0 0;list-style:none;/*text-align:center;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #lien li{} #lien li a{ text-decoration:none; color:#374F70; padding:0 10px 0 10px;} #lien li a:hover{ color:#374F70; text-decoration:underline;} #partenaire { float:left; text-align:right} .ligne { clear:both; width:200px; text-align:right;} label { float: left; width:50px; text-align:right; clear:both; line-height:23px; margin-right:10px; display:block} .form { width:200px; float:right;} #contenu #centre #droiteHaut #contact {float: left; width:700px; padding:0 0 0 0} #contact #gauche { float:left; width:470px;} #contact #droite { float:right; width:210px; } #contact input {margin-bottom:2px; width:130px;} .important { font-size:12px; font-weight:bold; color:#006699} .pagination { font-size:12px; color: #FFCC00; font-weight:bold} #pagination a{ font-size:12px; color: #fff} #contenu #centre #droiteHaut #team1 img {padding:2px; border: solid 1px #CCCCCC} #contenu #centre #droiteHaut #team1 {float: left; width:690px; display:block; padding:0 10px 0 0} #contenu #centre #droiteHaut #team1 h2 { font-size:19px;} #contenu #centre #droiteHaut #team1 h3 { font-size:16px; width:100%; border-bottom: #cddfe9 solid 1px; color:#e2001a; font-size: large} #contenu #centre #droiteHaut #team1 .titreActu{ font-size:16px; width:128%; border-bottom: #374F70 solid 1px; color:#374F70; font-size: large} #contenu #centre #droiteHaut #team1 .photo { background-image:url(../images/fd_photo.gif); width:129px; height:162px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #team1 #actu .photo{ background-image:url(../images/fd_photo.gif); width:129px; height:162px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #team1 #actu h4{ font-size:14px; width:100%; color:#44bce3; border:none; margin:0; padding:0; display:inline;} #contenu #centre #droiteHaut #team1 .photo2 { background-image:url(../images/fd_photo2.gif); width:327px; height:176px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #team1 .nom { font-weight:bold} #contenu #centre #droiteHaut #team1 .fonction { color:#39b8e1; font-weight:bold} #contenu #centre #droiteHaut #team1 a {color:#39b8e1; text-decoration:none} #contenu #centre #droiteHaut #team1 a:hover {color:#39b8e1; text-decoration:underline} #contenu #centre #droiteHaut #team1 .titreTeam {background:url(../images/titre_teal.gif) no-repeat;width:338px; height:20px; margin-top:7px; margin-bottom:20px;} #contenu #centre #droiteHaut #actuPage {float: left; width:700px; display:block; padding:0 10px 0 0} #contenu #centre #droiteHaut #actuPage h2 { font-size:19px;} #contenu #centre #droiteHaut #actuPage h3 { font-size:16px; width:100%; color:#44bce3; display:inline;} #contenu #centre #droiteHaut #actuPage .photo { background-image:url(../images/fd_photo.gif); width:129px; height:162px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #actuPage .photo2 { background-image:url(../images/fd_photo2.gif); width:327px; height:176px; padding:7px 0 0 7px} #contenu #centre #droiteHaut #actuPage .nom { font-weight:bold} #contenu #centre #droiteHaut #actuPage .fonction { color:#39b8e1; font-weight:bold} #contenu #centre #droiteHaut #actuPage a {text-decoration:none} #contenu #centre #droiteHaut #actuPage a:hover {color:#39b8e1; text-decoration:underline} #contenu #centre #droiteHaut #actuPage img {padding:2px; border: solid 1px #CCCCCC} #contenu #centre #droiteHaut #actuPage .titre { font-weight:bold; font-size:13px;} #contenu #centre #droiteHaut .prixAnnonce {color:#374F70 !important; font-weight:bold;} /*---------------------------------------------------------------------------------- Acordeon ---------------------------------------------------------------------------------- { width:100%; }*/ .menuOff{ width:690px; height:30px; padding:0 10px 0 0px; line-height: 30px; font-size:16px; font-weight:bold; color:#44bce3; cursor: pointer; border-bottom: #006699 solid 1px; padding-bottom:3px} .rouge{ color:#e2001a !important;border-bottom: #7d000f solid 1px !important; } .rouge_menu{ } .dernier { } .premier { } #image_team {float:right; margin:73px 0 0; width:20%;} #actu {float:left; margin:30px 0 0; width:80%;} .menuOn{width:690px; height:30px; padding:0 10px 0 0px; line-height: 30px; font-size:16px; font-weight:bold; color:#44bce3; cursor:pointer; border-bottom: #006699 solid 1px; padding-bottom:3px} .sousMenu{display:inline-block; float:left; width:680px; padding:10px 10px; background-color:#ffffff; text-align:justify;} html>/**/body .menuOff{display:inline-block; float:left;} html>/**/body .menuOn{display:inline-block; float:left;} /*----------------------------------------------------*/ /*--------------------------Formulaire--------------------------*/ INPUT #mail { border:1px solid #FFFFFF; }