*{padding: 0px; margin: 0px;} body {background-color: #5f6c8a; font-family: Arial, Verdana, sans-serif; } .logo {width: 166px; height: 100px; margin-left: 400px; padding-top: 15px;} .menu a {font-family: Arial; color: #ffffff; font-size: 12px; letter-spacing: 0.2em; margin-left: 49px; text-decoration: none; font-weight: 590; margin-right: -20px;} .menu a:hover { color: #66738a;} .menu .couleur {font-family: Arial; color: #6e7a91; font-size: 13px; letter-spacing: 0.2em; font-weight: bold;} .menu { width: 700px; margin-top: -28px;} .fond { width: 1024px; min-height:700px; margin-right: auto; margin-left: auto; } .clear {clear:both;} #accueil .fond {background: transparent url("../decoupe/accueil/fond_accueil.jpg") no-repeat;} #accueil .logo {width: 188px; height: 106px; margin-left: 400px; padding-top: 15px;} #accueil h1 {font-family: Arial; color: #6e7a91; font-size: 15px; letter-spacing: 0.2em; margin-top: -30px; margin-left: 40px;} #accueil h1 a{ color: #6e7a91; text-decoration: none;} #accueil .menu {margin-top: 20px;} #accueil .menu a {font-family: Arial; color: #ffffff; font-size: 14px; letter-spacing: 0.2em; line-height: 40px; margin-left: 53px; text-decoration: none; font-weight: 590;} #accueil .menu a:hover { color: #66738a;} #accueil .menu {padding-top: 15px; } #accueil .bloc_images .bloc1 .img1 {width: 268px; height: 200px; padding-left: 17px; padding-top: 13px;} #accueil .bloc_images .bloc1 { width: 268px; height: 200px; float: left; margin-right: 60px; } #accueil .bloc_images .titre1 {width: 115px; height: 14px; margin-top: 20px; margin-left: 80px;} #accueil .bloc_images .bloc2 .img2{width: 268px; height: 200px; padding-left: 17px; padding-top: 13px;} #accueil .bloc_images .bloc2 { float: left; width: 268px; height: 200px; margin-right: 60px;} #accueil .bloc_images .titre2 {width: 134px; height: 14px; margin-top: 20px; margin-left: 80px;} #accueil .bloc_images .bloc3 .img3{width: 268px; height: 200px; padding-left: 17px; padding-top: 13px;} #accueil .bloc_images .bloc3 {width: 268px; height: 200px; float: left;} #accueil .bloc_images .titre3 {width: 152px; height: 14px; margin-top: 20px; margin-left: 80px;} #accueil .bloc_images a img{ border: none; } #accueil .bloc_images { margin-left: 25px; width: 1024px;} #accueil .bloc_images .ombre {background: transparent url("../decoupe/accueil/ombre.png") no-repeat; width: 296px; height:223px;} #accueil .description p{font-family: Arial; font-size: 10px; color: #808ba1;position: absolute; top: 650px; width: 1024px; text-align: center;} #accueil .footer p{font-family: Arial; font-size: 9px; color: #ffffff; margin-left: 310px; margin-top: 10px; letter-spacing: 0.2em;} #accueil .footer a {color: #ffffff; text-decoration: none;} #contact .fond {background: transparent url("../decoupe/contact/fond_contact.jpg") no-repeat;} #contact .colonne_droite { width: 400px; margin-left: 55px; margin-top: 18px; float:left;} #contact .colonne_droite img { float: left;} #contact .colonne_droite h2 { color: #a0a8b8; font-size: 12px; font-family: Arial; } #contact .colonne_droite p { font-size: 11px; font-family: Arial; color: #ffffff;} #contact .colonne_droite a { font-family: Arial; color: white; font-size: 12px; } #contact .colonne_droite .texte { margin-left: 50px; padding-top: 50px;} #contact .bloc_img {width: 400px; padding-top: 50px;} #contact .bloc_img .image1{ float: left; margin-left: 8px; margin-right: 15px;} #contact .colonne_gauche { width: 500px; margin-left: 55px; margin-top: 18px; float:left;} #contact .colonne_gauche p { font-size: 11px; font-family: Verdana; color: #ffffff;} #contact .colonne_gauche .texte { margin-left: 15px; padding-top: 55px; width: 430px;} #contact .colonne_gauche .texte .carte{ padding-top: 15px; padding-bottom: 15px;} #mentions .fond {background: transparent url("../decoupe/mentions/fond_mentions.jpg") no-repeat; } #mentions .block { width: 500px; margin-left: 200px; margin-top: 100px; } #mentions .block img{ width: 22px; height: 222px; padding-top: 15px; padding-left: 5px; float: left;} #mentions .texte { margin-left: 130px; width: 400px; padding-top: 40px;} #mentions .texte h2 { color: #a0a8b8; font-size: 12px; font-family: Arial; } #mentions .texte p { font-size: 11px; font-family: Arial; color: #ffffff;} #mentions .texte a { font-size: 11px; font-family: Arial; color: #ffffff;} #references .fond {background: transparent url("../decoupe/references/fond_reference.jpg") no-repeat;} #references .colonne_gauche { width: 200px; margin-left: 60px; margin-top: 20px; float: left;} #references .colonne_gauche .img_ref { width: 17px; height: 135px; float: left; } #references .colonne_gauche .img_sceno { width: 105px; height: 13px; margin-left: 25px;} #references .colonne_gauche #titre_ref h2{ width: 190px; text-align: left; font-size: 14px; font-family: Arial; color: #a0a8b8; margin-top: 35px; margin-left: 36px; height: 20px;} #references .colonne_gauche .bloc_img .mosaique { width: 57px; height: 56px; float: left; padding: 1px; margin:1px; } #references .colonne_gauche .bloc_img .mosaique:hover { width: 57px; height: 56px; background: transparent url("../decoupe/references/contour_select.png") no-repeat; } #references .colonne_gauche .bloc_img { margin-left: 30px; margin-top: 25px; width: 200px;} #references .colonne_gauche .bloc_img img { border: none; width: 47px; height: 47px; margin-left: 3px; margin-top: 3px; } #references .droite { width: 800px; margin-left: 280px;} #references .droite .bloc_img_droite { width: 700px; margin-left: 40px; padding-top: 100px; height: 258px;} #references .droite .bloc_texte_droite { margin-left: 40px; margin-top: 0px; width: 650px; } #references .droite .bloc_texte_droite .titre { width: 650px;} #references .droite .bloc_texte_droite .texte { width: 650px;} #references .droite .bloc_texte_droite h1 { font-size: 20px; font-family: Arial; color: #a0a8b8; font-weight: normal; float: left;} #references .droite .bloc_texte_droite .presentation p {font-size: 11px; font-family: Arial; color: #ffffff; font-weight: normal; margin-top: 15px;} #references .droite .bloc_texte_droite .technique { margin-top: 15px;} #references .droite .bloc_texte_droite .technique p {font-size: 11px; font-family: Arial; color: #ffffff; font-weight: normal;} #references .droite .bloc_texte_droite .technique a {font-size: 11px; font-family: Arial; color: #a0a8b8; font-weight: normal;} #references .droite .bloc_texte_droite .picto_video { margin-left: 560px;} #references .droite .bloc_texte_droite .picto_video img { width: 69px; height: 21px; border: none; padding-top: 5px; margin-right: 40px;} ul.thumb { float: left; list-style: none; margin: 0; padding: 0px; width: 700px; } ul.thumb li { margin: 0; padding: 5px; float: left; position: relative; /* Set the absolute positioning base coordinate */ width: 210px; height: 158px; } ul.thumb li img { width: 210px; height: 158px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: none; padding: 0; background: transparent; position: absolute; left: 0; top: 0; } ul.thumb li img.hover { background:url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect border: none; /* Get rid of border on hover */ } #plan .fond { background: transparent url("../decoupe//plan_du_site/fond_plan.jpg") no-repeat; } #plan .block { width: 950px; margin-left: 45px; margin-top: 50px;} #plan .block .img_plan img { width: 21px; height: 148px; float: left;} #plan .block .ligne1 { margin-left: 140px; width: 920px;} #plan .block .ligne1 li{ float: left; padding-right: 180px; list-style-type :none; font-family: Arial; color: #ffffff; letter-spacing: 0.2em; font-size: 14px; text-transform: uppercase;} #plan .block .ligne1 li a{ text-decoration: none; color: #a0a8b8;} #plan .block .ligne1 a:hover {color: #ffffff;} #plan .block .ligne2 img{ width: 497px; height: 4px; margin-top: 40px; margin-bottom: 15px; } #plan .block .ligne2 { margin-left: 220px; width: 720px;} #plan .block .ligne2 h1 { margin-right: 70px; list-style-type :none; font-family: Arial; color: #ffffff; letter-spacing: 0.2em; font-size: 12px; font-weight: normal; margin-bottom: 15px;} #plan .block .ligne2 h1 a { text-decoration: none; font-family: Arial; color: #ffffff;} #plan .block .ligne2 .sceno {float: left; width: 200px;} #plan .block .ligne2 .sceno li { text-decoration: none; font-size: 12px; list-style-type :none; font-family: Arial; color: #ffffff;} #plan .block .ligne2 .e_spx {float: left;} #plan .block .ligne2 .e_spx li { text-decoration: none; font-size: 12px; list-style-type :none; font-family: Arial; color: #ffffff;} #plan .block .ligne2 .proto li { text-decoration: none; font-size: 12px; list-style-type :none; font-family: Arial; color: #ffffff;} #plan .block .ligne2 a { text-decoration: none; color: white;} .footer { width: 1024px; margin-left: auto; margin-right: auto;} .footer a {color: #ffffff; text-decoration: none; padding-top: -50px; margin-bottom: 50px;} .footer .texte { font-family: Arial; font-size: 9px; color: #ffffff; letter-spacing: 0.2em; text-align: center; float:left; padding-top: 6px; width: 1024px;} .footer img { width: 28px; height: 28px; margin-left: 10px; margin-bottom: -10px;} .footer a img { border: none; text-decoration: none;}