/* GLOBAL */ body { font-family: Tahoma, Arial; background: #f8f8f8 url(../pict2/bg_site.gif) repeat-y center top; margin: 0; padding: 0 } .thumb {height: 50px; width: 80px; float: left; margin:0px} .contour_thumb {width: 80px;height:50px;border:solid 1px #D6D6D6; padding:2px; float: left; clear: left } .thumb2 {padding: 0px; margin:0px} .dsr2 { position: relative; left: 20px; margin-left: 4px; } .logo { background: url(../pict2/logo_bg.gif) no-repeat right top; text-align: left; margin: 20px 250px 20px 20px; padding: 0px } .selectform { color: black; font-size: 10px } .form { font-size: 12px; padding-left: 5px; width: 80% } .form1 { font-size: 12px; padding-left: 5px;} .logostrat { float: right; margin-right: 60px; border: 0px } .img { background-color: #fff; width: 137px; margin: 5px; padding: 4px; border: solid 1px #D6D6D6 } .left { float: left; clear: left } .right { float: right; clear: right } .conteneurPhotos{clear:right; width: 150px} .image_right { float: right; clear: right } #devis {clear: both; color: #a90230; background: url(../pict/devis.png) no-repeat right top; height: 76px; font-size: 19px ; font-weight: bold; text-align: left; width: 310px; padding-top: 15px } #devis a { color: #a90230;text-decoration: none; padding-left: 75px; } #devis a:hover { text-decoration: underline } #geograph {clear: both; color: #a90230; background: url(../../pict2/recherchegeo.png) no-repeat right top; height: 86px; font-size: 19px ; font-weight: bold; text-align: left; width: 310px; padding-top: 15px } #geograph a { color: #a90230;text-decoration: none; padding-left: 75px; } #geograph a:hover { text-decoration: underline } #bouttonretour {clear: both; color: #a90230; background: url(../pict/retour.png) no-repeat right top; height: 76px; font-size: 19px ; font-weight: bold; text-align: left; width: 310px; padding-top: 15px } #bouttonretour a { color: #a90230;text-decoration: none; padding-left: 75px; } #bouttonretour a:hover { text-decoration: underline } #google_map { width:310px; height:180px; overflow: hidden; border: solid 1px #e2e3b7; } /* STRUCTURE DU SITE */ #Site { clear: both; margin: 0px; padding: 0px; width: 790px } #bot { color: #000; font-size: 12px; background: #f5f5f5 url(../pict2/bot.png) no-repeat; clear: both; padding-top: 10px; border-top: 2px solid #f4f0f0; width: 920px; height: 500px; } #bot a { color: #000; text-decoration: none ; } #bot .espace { height: 20px } #bot .espace_deux { color: black; text-decoration: none; height: 12px; padding-bottom: 5px; } #bot a:hover {color: #00c;text-decoration: underline } /* -------- FOOTER ------------------------------------ */ #footer{ font-size: 12px; background-repeat: repeat-x; width: 900px; clear: both; } #footer h4 { color: #ff8200; font-size: 17px; font-weight: bolder; text-decoration: underline; margin: 0 0 4px; padding: 0 ; } #footer img { margin: 0px } #footer div { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float: left; text-align: left; } #footer a {color: blue; text-decoration: none; } #footer a:hover { text-decoration: underline; } #links{padding : 16px 20px 30px 20px; border-top: 1px solid #ff8200 } #links div{ float:left; } #top { font-size: 12px; padding-top: 40px; width: 800px } #top a { color: #a90230;text-decoration: none} #top a:hover {text-decoration: underline} #Ctop { color: #a00; font-size: 12px; background: url(../pict2/top.png) no-repeat; text-align: center; clear: both; width: 920px } #Ctop a.drapo { vertical-align: baseline; margin: 0px; padding: 0px } #logo { font-weight: bolder; background: no-repeat right top; vertical-align: top; margin: 0px; padding: 0px } #logo a { font-family: Tahoma, Arial; text-decoration: none; background: no-repeat right top; vertical-align: top; margin: 0px; padding: 0px } #logo img { margin: 20px 0px 0px 30px; padding: 0px; float: right} #Cleft { color: #a90230; text-align: left; font-size: 10px; background: no-repeat right bottom; float: left; margin: 0px 0px 25px; padding: 0px; border: 1px; width: 458px } #header2 { color: #e3e3e3; font-size:10px; background-image: url(../pict2/bord.png); background-repeat: no-repeat; text-align: left; height: 38px; margin-left: 10px; padding-bottom: 10px; padding-left: 20px; } #header2 a { color: #999898; text-decoration: none ; vertical-align: middle; } #header2 a:hover { color: #b00; text-decoration: underline } #header2 img { vertical-align: middle; } #Csmallleft { float: left; margin: 0px; padding: 15px 0px 0px } #Cright { font-size: 12px; background: no-repeat right bottom; float: right; margin: 0px 0px 25px; padding: 0px; width: 311px } #Cbot { font-size: 12px; background: url(../pict2/cacom.gif) no-repeat right top; clear: both; margin: 0px; padding: 10px 0px 0px; border-top: 1px dashed #ddd; width: 790px; height: 100% } #titre_theme { color: #fff; font-size: 19px; font-weight: bolder; background: url(../pict/back_theme.png) no-repeat; width: 100%; clear: both; margin: 0; padding: 12px 0 12px 35px; height: 25px } /* COLONNE TOP LANGUE */ .langue { color: #696969; font-size: 10px; font-weight: normal; text-decoration: none; vertical-align: middle; float: left; padding: 4px 20px } /* GOOGLE*/ #map { width: 456px; height: 300px ; border-right: 1px solid #dcbb29; border-left: 1px solid #dcbb29; } /* BLOC PRESENTATION*/ #presentation { color: #fff; font-size: 12px; background: #b00 url(../pict2/bg_menu_red.png) left top; margin: 0; padding: 0; width: 100%; height: 140px } #presentation .produits { color: #fff; font-size: 12px; background: #b00 url(../pict2/bg_menu_red2.png) left top; margin: 0; padding: 0; width: 100%; height: 180px } #presentation2 { color: #fff; font-size: 12px; background: #b00 url(../pict2/bg_menu_red2.png) left top; margin: 0; padding: 0; width: 100%; height: 160px } #presentation span { margin: 0px; padding: 0px } #presentation p { margin: 0px; padding: 0px } #presentation h1 { color: #fff; font-weight: bold; font-size: 18px; text-align: left; margin: 0px; padding: 25px 0px 0px } #presentation2 h1 { color: #fff; font-weight: bold; font-size: 18px; text-align: left; margin: 0px; padding: 25px 0px 0px } #presentation strong { } #presentation h2 { color: #fff; font-weight: normal; font-size: 17px; margin: 0px; padding: 0px 0px 7px } #presentation h3 { font-weight: normal; font-size: 14px; margin: 0px 80px 0px 0px; padding: 0px 0px 7px } #presentation .bloc { text-align: left; margin: 0px 0px 0px 55px; padding: 0px } #presentation .form2 { color: #808080; font-size: 10px; background-color: white; margin: 2px; padding-left: 5px } #presentation a {color: white; text-decoration: none} #presentation a:hover {color: white; text-decoration: underline} #presentation2 {margin: 0; padding: 0; width: 100%; height: 140px } #presentation2 h1 { color:Black; font-weight: bold; font-size: 22px; text-align: left; margin: 0px; padding: 25px 0px 0px } #presentation2 h2 { color: #fff; font-weight: normal; font-size: 20px; margin: 0px; padding: 0px 0px 7px } #presentation2 h3 { font-weight: normal; font-size: 14px; margin: 0px 80px 0px 0px; padding: 0px 0px 7px } #presentation2 .bloc { text-align: left; margin: 0px 0px 0px 55px; padding: 0px } /* #presentationtest { color: white; font-size: 10px; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-image: url(../pict2/fond_test_2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin: 0; padding: 0; width: 100%; height: 520px } #presentationtest span { margin: 0px; padding: 0px } #presentationtest .thumb_hp { float: right; width: 130px;padding: 10px 0 0 } #presentationtest p { font-size: 12px; width: 90%; margin: 0; padding: 7px 0 0 } #presentationtest h1 { font-size: 28px; text-align: left; margin: 0; padding: 15px 0 0 35px } #presentationtest strong { font-weight: bold; font-size: 24px; margin: 0px; padding: 0px } #presentationtest h2 { font-size: 20px; font-weight: normal; width: 90%; margin: 0; padding: 0 0 4px 35px ; border-bottom: 1px double white; } #presentationtest h3 { font-weight: normal; font-size: 10px; margin: 0px 80px 0px 0px; padding: 0px 0px 7px } #presentationtest .bloc { text-align: left; margin: 0 0 0 20px; padding: 0 } #presentationtest .form2 { color: #808080; font-size: 10px; background-color: white; margin: 2px; padding-left: 5px } #presentationtest a {color: white; text-decoration: none} #presentationtest a:hover {color: white; text-decoration: underline}*/ /* BLOC PRESENTATION BOT*/ #presentationbot {background: #b00 url(../pict2/bg_menu_red.png) left bottom; color: #fff; clear: both; margin: 0px; padding: 0px; width: 100%; height: 25px } /* BLOC CONTACT*/ /* BLOC MENU*/ #presentationbot2 { color: #fff; font-size: 19px; font-weight: bolder; background: url(../pict/back_theme.png) no-repeat 0 bottom; margin: 0; padding: 12px 0 12px 35px; height: 25px; clear: both; } #Menu { color: blue; font-size: 16px; background: #f7fbee url(../pict2/bg_world.png) no-repeat center top; text-align: left; vertical-align: middle; float: left; clear: both; margin: 0px; padding: 30px 0px 10px; width: 100% } #Menu h1 { color: #930; font-size: 17px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px } #Menu a { color: #00f; font-style: normal; font-size: 12px; text-decoration: none; text-align: left; clear: both; margin: 0; padding: 0 0 0; } #Menu a:hover { text-decoration: underline } #Menu ul { padding: 0 0 7px } #Menu .ulleft { margin: 0 0 0 30px } #Menu .ulright {margin: 0px 0px 0px 0px} #Menu li { text-align: left;margin: 0px 0px 0px 10px; list-style-type: none; } #menu a.geo { font-weight: bold; background-color: white; text-align: center; width: 170px; padding: 5px 10px; border: solid 1px #e3cfb8; display: block } #Menu .bloc1 { color: silver; font-weight: bolder; font-size: 14px; background: repeat-x right center; text-align: center; float: left; margin: 0px; padding: 0px; top: 0px; width: 14%; height: 170px } #Menu .bloc2 { float: left; margin: 0; padding: 0; top: 0; width: 55%; } #Menu .bloc3 { text-align: left; float: left; margin: 0; padding: 0 0 0 0; top: 0; width: 40%; } #menu2 { font-size: 12px; background: #f7fbee url(../pict2/bg_world.png) no-repeat center top; clear: both; min-height: 50px; margin: 0; padding: 0 ; border-bottom: 1px dashed #aaa; } #menu3 { font-size: 12px; background-color: #f7fbee; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; clear: both; margin: 0; padding: 10px 0 10px 50px ; border-right: 1px solid #dcbb29; border-left: 1px solid #dcbb29; } /* BLOC MENU TEST*/ #Menu_test { color: blue; font-size: 16px; text-align: left; vertical-align: middle; float: left; clear: both; margin: 0px; padding: 30px 0px 20px; width: 100% } #Menu_test h1 { color: #930; font-size: 17px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px } #Menu_test a { color: #00f; font-style: normal; font-size: 12px; text-decoration: none; text-align: left; clear: both; margin: 0; padding: 0 0 0; } #Menu_test a:hover { text-decoration: underline } #Menu_test ul {padding: 0px 0px 0px 0px } #Menu_test .ulleft {margin: 0px 0px 0px 30px} #Menu_test .ulright {margin: 0px 0px 0px 0px} #Menu_test li { text-align: left;margin: 0px 0px 0px 10px; list-style-type: none; } #Menu_test .bloc1 { color: silver; font-weight: bolder; font-size: 14px; background: repeat-x right center; text-align: center; float: left; margin: 0px; padding: 0px; top: 0px; width: 14%; height: 170px } #Menu_test .bloc2 { float: left; margin: 0; padding: 0; top: 0; width: 55%; } #Menu_test .bloc3 { text-align: left; float: left; margin: 0; padding: 0 0 0 0; top: 0; width: 40%; } /* TOP LIST */ #toplist { color: #696969; font-size: 12px; text-align: left; list-style-image: url(../pict2/arrow_orange.gif); margin-bottom: 0px; padding-top: 20px; width: 100% } /* CONTENT*/ #content {color: #696969; font-size: 12px; text-align: left; padding-top: 25px; background-image:url(../pict2/up_produits.png); background-repeat:no-repeat} #content li { margin-bottom: 5px ; list-style-type: none } #content p { font-size: 12px; margin: 10px 0px 0px 5px } #content div { font-size: 12px; float: right} #content a { text-decoration: none; } #content a:hover { text-decoration: underline} #content a.devis { text-decoration: none; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; display: block } #content a.devis:hover { text-decoration: none; background-color: #f5f5f5 } #content a.link { text-decoration: none; } #content a.link:hover { text-decoration: none;} #content2 a.link { color: white; font-size: 17px; font-weight: bold; text-decoration: none; } #content2 a.link:hover { color: black;text-decoration: none;} #content .Normal { margin: 10px 0px 0px; padding: 0px 0px 0px 10px} #content .Italic { font-style: italic; margin: 5px 0px 0px; padding: 0px 0px 0px 5px; margin: 20px 0px 0px } #content .Bold { font-weight: bolder; margin: 10px 0px 0px; padding: 0px 0px 0px 10px; } #content .titre_underline_black {font-weight: bold; color:#a61010; background-color: #EFEFDC; font-size: 17px; clear: right; margin: 20px 0px 10px 5px; position:relative; top: 5px; left:0px; bottom:5px;right:15px; padding: 5px 0px 5px 15px;border-top: 3px double #aaa; border-bottom: 3px double #aaa } #content .titre_underline { color: #a61010; font-size: 17px; clear: right; margin: 20px 0px 10px 5px; padding: 5px 0px 5px 15px; border-top: 3px double #aaa; border-bottom: 3px double #aaa } #content .titre_underline_2 { color: #a61010; font-size: 17px; clear: right;margin : 10px 0px 0px 30px; padding: 5px 0px 5px 15px; border-top: 3px double #aaa; border-bottom: 3px double #aaa } #content .titre_underline_3 {color: #a61010; font-size: 17px; margin :10px 10px 0px 5px;padding:5px 0px 5px 15px; border-top: 3px double #aaa; border-bottom: 3px double #aaa} #content .titre_rouge {font-weight: bold; color: #a61010; font-size: 17px;padding: 5px 0px 5px 15px;} #content2 .titre_rouge {font-weight: bold; color: #a61010; font-size: 17px;padding: 5px 0px 5px 15px;} #content .titre_rouge_full {font-weight: bold; color: #a61010; font-size: 17px;clear: right;} #content2 .titre_rouge_full {font-weight: bold; color: #a61010; font-size: 17px;clear: right;} #content .Fond_gris {background-color: #f9f9f0; padding :15px; margin : 0px 0px 0px 0px; border : 1px solid #CCCCCC; width:270px } #content .puce_orange { position:relative; top: 7px;font-weight: normal; background: url(../pict2/puce.gif) no-repeat; vertical-align: middle; margin: 15px 0px 0px 20px; padding: 0px 0px 0px 20px } #content .puce_orange_bold {color:#990000; position:relative; top: 7px;font-weight: bold; background: url(../pict2/puce.gif) no-repeat; vertical-align: middle; margin: 15px 0px 0 20px; padding: 0 0 0 20px } #content .puce_star { font-weight: normal; background: url(../pict2/star1.gif) no-repeat; vertical-align: middle; margin: 5px 0px 0px; padding: 0px 0px 0px 40px } #content .Quote_left { color: #696969; font-style: italic; background: #f5f5f5 url(../pict2/quote.png) no-repeat; float: left; margin: 5px 10px 5px 0px; padding: 10px; border: dotted 1px #dcdcdc; width: 120px } #content .Quote_bold { color: gray; font-weight: bold; font-size: 14px; background-image: url(../pict2/guillemets.gif); background-repeat: no-repeat; text-indent: 35px; float: right;margin: 5px 10px 5px 0; padding: 25px 10px ; width: 137px ; border-left: 1px dotted silver; } #content .Quote_bold_left { background-color: #f5f5f5; padding :15px; margin : 0px 0px 0px 0px; border : 1px solid #CCCCCC; width:220px; float:left} #content .Quote_left2 { color: gray; font-weight: bold; font-size: 14px; background-image: url(../pict2/guillemets.gif); background-repeat: no-repeat; text-indent: 35px; float: right;margin: 5px 10px 5px 0; padding: 25px 10px ; width: 250px ; border-left: 1px dotted silver; } #content .Quote_full { color: #696969; font-style: italic; background: #f5f5f5 url(../pict2/quote.png) no-repeat; text-align: center; width: 90%; float: right; margin: 5px 10px 5px 0; padding: 10px; border: dotted 1px #dcdcdc } #content .Colonne_droite { color: #696969; font-style: italic; background: #f5f5f5 url(../pict2/diese.png) no-repeat; float: right; clear: none; margin: 5px 10px 5px 0px; padding: 10px; border: dotted 1px #dcdcdc; width: 190px } #content .Colonne_gauche { color: #696969; font-style: italic; background: #f5f5f5 url(../pict2/diese.png) no-repeat; float: left; clear: none; margin: 5px 10px 5px 0px; padding: 10px; border: dotted 1px #dcdcdc; width: 190px } #content .simple_red { font-weight: bold; color: #a61010; font-size: 17px ; padding-top: 15px; padding-bottom: 4px ; padding-left: 10px; border-bottom: 3px solid #b00;clear: right;margin-bottom:15px } #content .simple_red_under { color: #a61010; text-align: left; margin: 0; padding: 5px 0 10px } #content .hide { color: #e1e1de; font-size: 9px; text-align: center; } #content .align_center { text-align: center; width: 90% ; margin: 5px 10px 5px 0; padding: 10px;} #content2 .theme{ background-color: #f8f8f8; background-image: url(../pict2/diese.png); width: 60%; margin: 5px 5px 5px 25px; padding: 10px 10px 10px 30px; border: double 1px #b00; } #content2 { color: #696969; font-size: 12px; text-align: left; } #content2 a { text-decoration: none; } #content2 li { margin-bottom: 5px ; list-style-type: none } #content2 p { margin: 10px 0px 0px 5px } #content2 div { font-size: 12px; float: right } #content2 .puce_orange { font-weight: normal; background: url(../pict2/arrow_orange.gif) no-repeat; vertical-align: middle; margin: 5px 0 0 20px; padding: 0 0 0 20px ; } #content2 .puce_orange_bold { font-weight: bold; background: url(../pict2/arrow_orange.gif) no-repeat; vertical-align: middle; margin: 5px 0 0 20px; padding: 0 0 0 20px } #content2 .simple_red { font-weight: bold; color: #a61010; font-size: 17px ; padding-top: 15px; padding-bottom: 4px ; padding-left: 10px; border-bottom: 3px solid #b00;clear: right; } #content2 .simple_red_under { color: #a61010; text-align: left; margin: 0; padding: 5px 0 20px 10px } #content2 .Bold { font-weight: bolder; margin: 5px 0px 0px; padding: 0px 0px 0px 5px; } #content2 .titre_underline_black {background : #DDC49F ;font-weight: bolder; color: black; font-size: 15px; clear: right; margin: 20px 0px 10px 5px; padding: 5px 0px 5px 15px; border-top: 3px double #aaa; border-bottom: 3px double #aaa } #content2 .titre_underline {font-weight: bold; color: #777; font-size: 15px; clear: right; margin: 20px 0px 10px 5px; padding: 5px 0px 5px 15px; border-top: 3px double #aaa; border-bottom: 3px double #aaa } #content2 .titre_underline_2 {font-weight: bold; color: #777; font-size: 15px; clear: right;margin : 10px 0px 0px 30px; padding: 5px 0px 5px 15px; border-top: 3px double #aaa; border-bottom: 3px double #aaa } #cleft .sharethis { background-color:white; clear: right; margin: 50px 0px 10px 5px; padding: 5px 0px 5px 15px; border-top: 3px double #aaa; } /* --------------------------------- BOX --------------------------------- */ /* BLOC SOCIETE*/ #societe { color: #00f; background: #fdf5e6 url(../pict2/bg_societe.png) no-repeat; text-align: right; clear: both; margin: 0 0 20px 0; padding: 0; width: 311px; height: 140px } #societe p { color: #00f; margin: 0px; padding: 0px } #societe h1 { color: #800000; font-weight: bolder; font-size: 17px; text-align: left; width: 250px; margin: 0; padding: 0 } #societe div { text-align: left; float: left; margin: 0px; padding: 0px } #societe a { color: blue; font-size: 12px; text-decoration: none; text-align: left; vertical-align: middle; margin: 0; padding: 4px 0 0; width: 130px; display: block } #societe a:hover { text-decoration: underline} #societe .bloc { text-align: right; margin: 20px 0 15px 0; padding-left: 35px; } #societe ul { margin: 0; padding: 0 0 0 0; margin:0px; display:inline; text-align:left; float : left} #societe li { list-style-type: none; margin: 0px; padding: 0px; display:inline } #reference { width: 430px; text-align: center} #reference .img_reference {width: 48px;height: 48px; background-color: #fff; padding: 5px;margin:3px; border: outset 2px grey;float: left } /* CONTACT*/ #trombinoscope { border: solid 1px silver; margin: 0px 0px 20px 0px; } #trombinoscope li { list-style-type: none;display: inline } #trombinoscope ul { padding : 0; margin : 0 } #trombinoscope h1 { color: #800000; position: relative; left: 20px; margin: 0; padding:20px } #trombinoscope .img_portrait {border: solid 1px silver; padding:4px; background:white} #trombinoscope a.onglet { color: #898989; background-color: white; position: relative; left: 10px; margin: 5px 0 0; padding: 5px 15px 0; border-color: silver; border-style: solid; border-width: 1px 1px 0; } #trombinoscope a.onglet:hover { color: white; background-color: #be0404 } #trombinoscope .img2 {padding:0px; margin: 0px} #trombinoscope h3 {margin: 0px; padding:0; font-size: 10px} #trombinoscope .name { font-size: 10px; font-weight: bold; } #trombinoscope .poste {font-size: 9px; } #trombinoscope .top { width: 100%; background-color: #f5f5f5; margin: 0; padding: 0; } #trombinoscope .coordonnee { background: white; width: 80%; padding: 20px 20px 20px 30px } #trombinoscope .interlocuteurs { background: white; width:100%;text-align: center; padding: 20px 0px } #trombinoscope .contours { width:130px; margin : 5px; padding:5px; } #trombinoscope .contours_langue { width:410px; margin : 5px; padding:5px; background: #f5f5f5; text-align: center; float:left} #trombinoscope .contours_red {color: white; width: 120px; padding:5px; background: #930} #trombinoscope .map {background: white; padding: 20px 20px 20px 30px; float:left} /* FORMULAIRE*/ #formulaire { color: #777; font-size: 10px; text-align: center; width: 100%; margin: 0; padding: 0 0 10px; } #formulaire .form2 { color: #777; font-size: 10px; background-color: white; text-align: left; vertical-align: middle; padding: 2px 4px; border: double 2px #e6e6e6; } #formulaire h2 { color: #414141; font-size: 12px; font-weight: bold; margin: 0 0 5px; padding: 0; } #formulaire .bloc2 {} #formulaire .bloc3 { font-size: 10px; background: #f6f6f3; text-align: left; width: 452px; margin: 0 0 10px; padding: 10px 0; border: solid 1px #e6e6e6; } #formulaire .bloc8 { background: #ba0101; text-align: center; width: 452px; margin: 0 0 10px; padding: 10px 0; } #formulaire .bloc7 { background: #f6f6f3; text-align: left; width: 180px; height: 80px; margin-bottom: 10px; padding: 10px 0; border: solid 1px #e6e6e6; } #formulaire .bloc6 { background: #f6f6f3; text-align: left; width: 261px; height: 80px; margin-bottom: 10px; margin-left: 10px; padding: 10px 0; border: solid 1px #e6e6e6; } #formulaire .bloc5 { color: #b00; background: white; width: 100%; margin-right: 5px; padding-left: 20px; border: solid 1px; } #formulaire .bloc4 { padding: 10px} #formulaire .bloc {color: #696969; text-align: left; margin: 5px 10px 5px 0; padding: 0; border: dotted 1px #dcdcdc } #formulaire .tab { text-align: left; position: relative; left: 35px; width: 200px; float: left; } #formulaire .inside {position: relative; left: 35px;} /* MODUL CONNEXE*/ #connexe { color: #00f; background: #fdf5e6 url(../pict2/bg_societe_nologo.png) no-repeat; clear: both; margin: 0; padding: 0; width: 311px; height: 139px } #connexe h1 { color: #800000; font-weight: bold; font-size: 17px; margin: 0; padding: 0 } #connexe div { text-align: left; float: left; margin: 0px; padding: 0px} #connexe a { color: blue; font-size: 12px; text-decoration: none; vertical-align: middle; height: 12px; margin: 0; padding: 4px 0 0; display: block } #connexe a:hover { text-decoration: underline} #connexe .blocconnexe { margin-top: 20px; margin-bottom: 35px; margin-left: 35px } #connexe ul { padding: 0px; margin:0px} #connexe li { list-style-type: none; color: blue; font-size: 12px; vertical-align: middle; margin: 0; padding: 0; display: block } /* MODUL CONNEXE 2*/ #connexe2 { color: #00f; background-image: url(../pict2/fond_event.png); background-repeat: no-repeat; height: 151px; margin: 0; padding: 0 0 0; } #connexe2 h1 { color: #930; font-weight: bold; font-size: 17px; margin: 0; padding: 0 } #connexe2 div { text-align: left; margin: 0; padding: 18px 0 0 30px; } #connexe2 a { color: blue; font-size: 12px; text-decoration: none; vertical-align: middle; height: 12px; margin: 0; padding: 0 5px; } #connexe2 a:hover { text-decoration: underline} #connexe2 .blocconnexe { margin-top: 20px; margin-bottom: 15px; margin-left: 35px } #connexe2 ul { padding: 0 0 20px; margin:0; clear: both} #connexe2 li { list-style-type: none; color: blue; font-size: 12px; vertical-align: middle; height: 12px; padding: 4px 0 0; display: inline } #connexe2 li.format { height: 15px; display: block; } #connexe2 a.format { border-right: 1px solid white; } #connexe2 a.selection { border-right: 1px solid #fff; } /* CATALOGUE NEWS BOX */ #Newsletter { color: #f5f5f5 ; font-size: 14px; text-align: left; float: left; margin: 0; padding: 15px 0 0; width: 220px } #Newsletter h1 { color: #fff; font-size: 17px; background: #b00 url(../pict/bg_onglet.png) no-repeat right top ; margin: 0; padding: 10px 0 5px 25px; height: 28px } #newsletter p { color: #f5f5f5; background-color: #f5f5dc; color: #800000; font-size: 12px; background-image: url(../pict/bot_onglet.png); background-repeat: no-repeat; background-position: 50% bottom; margin: 0; padding: 7px 10px 20px 25px ; min-height : 90px ; } /* CATALOGUE NEWS MODULE*/ #Newsletter3 { color: #f5f5f5 ; font-size: 14px; text-align: left; float: left; margin: 0; padding: 20px 0 0; width: 311px; margin-bottom:50px; background-image: url(../pict2/bg_societe_nologo.png); background-repeat:no-repeat } #Newsletter3 h1 { background-color:white; color: #999933; border-bottom-color:#999933; border-top-color:#999933;border-left-color:#FFCC99; border-right-color:#FFCC99; border-style: solid; border-width:1px; font-size: 17px; margin: 0; padding: 5px 0 0px 25px; height: 28px; } #newsletter3 p { background-color: #f5f5dc; color: #800000; font-size: 12px; background-image: url(../pict2/bg_societe_nologo.png); background-repeat: no-repeat; background-position: 50% bottom; margin: 0; padding: 7px 10px 20px 25px ; min-height : 90px ; } /* NEWS BOX */ #contact { color: #b00; font-size: 12px; text-align: left; width: 220px; float: right; margin: 0; padding: 15px 0 0; } #contact h1 { color: #fff; background: #b00 url(../pict/bg_onglet.png) no-repeat right top ; margin: 0; padding: 10px 0 5px 25px; font-size: 17px; height: 28px } #contact p { color: #f5f5f5; background-color: #f5f5dc; color: #800000; font-size: 12px; background-image: url(../pict/bot_onglet.png); background-repeat: no-repeat; background-position: 50% bottom; margin: 0; padding: 7px 10px 20px 20px ; min-height : 90px ; } #contact ul { color: #b00; background-image: url(../pict/bot_onglet.png); background-repeat: no-repeat; background-position: 50% bottom; margin: 0; padding: 7px 10px 20px 20px ; min-height : 90px } #contact li { list-style-image: url(../pict2/arrow.png); margin-bottom: 5px; margin-left: 15px; padding: 0px } #contact a { text-decoration: none; margin-left: 5px } #contact a:hover { text-decoration: underline } a.devis { color: #191970; font-size: 12px; text-decoration: none; text-indent: 17px; margin-top: 5px; margin-bottom: 5px; padding: 5px; height: 30px } a.devis:hover { color: red; text-decoration: underline } #toplink { color: #f5f5f5; border-top: 1px solid #b0c4de; border-bottom: 1px solid #b0c4de } /* SEARCH BOX */ #recherche { background: white url(../pict2/entete_red.jpg) repeat-x; text-align: left; margin: 0px 0px 20px; padding: 0px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; width: 100% } #recherche h1 { color: #a00; font-weight: bolder; font-size: 14px; margin: 0px; padding: 0px; border: 0px } #recherche h2 { color: #a00; font-weight: lighter; font-size: 12px; background-color: #f5f5f5; margin: 0px; padding: 0px } #recherche p { color: #a00; font-size: 10px; margin: 0px; padding: 0px } #recherche .titre { background: #b00 url(../pict2/entete_red.jpg) ; color: white; font-weight: bolder; font-size: 17px; clear: both; margin: 0px; padding: 3px 0px 0px 15px; height: 27px } #recherche .sstitre { background-color: #f5f5dc; text-align: center; padding-top: 5px; padding-bottom: 5px } /* CARTE BOX */ #carte { background: white url(../pict2/entete_red.jpg) repeat-x; text-align: left; margin: 0px 0px 20px; padding: 0px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; width: 100% } #carte h1 { color: #a00; font-weight: bolder; font-size: 14px; margin: 0px; padding: 0px; border: 0px } #carte h2 { color: #a00; font-weight: lighter; font-size: 12px; background-color: #f5f5f5; margin: 0px; padding: 0px } #carte p { color: #a00; font-size: 10px; margin: 0px; padding: 0px } #carte .titre { background: #b00 url(../pict2/entete_red.jpg) ; color: white; font-weight: bolder; font-size: 17px; clear: both; margin: 0px; padding: 3px 0px 0px 15px; height: 27px } #carte .sstitre { background-color: #f5f5dc; text-align: center; padding-top: 5px; padding-bottom: 5px } /* ZOOM ACTUALITE BOX */ #actualite { color: grey;text-align: left} #actualite a { color:#b00;text-decoration: none; display: block; overflow: hidden } #actualite a:hover { background-color: #f5f5dc } #actualite .titre { color:#800000; font-weight: bolder; margin:0px; font-size: 17px; background: url(../pict2/bg_societe_nologo.png) repeat-x; vertical-align: middle; clear: both; padding: 12px 0 0 35px; height: 35px } #actualite .titre2 { font-size: 12px;color: #b00; font-weight: bolder; padding-left:7px;display:table} #actualite .titre3 { color:grey; font-size: 12px;color:#b00; padding-left:7px; display:table} #actualite .titre4 { font-size: 10px;color: grey; margin-top:7px; padding-left:7px; display:table} #actualite .bloc {text-align: left; margin: 0; padding: 10px 5px 5px 15px; border-right: 1px solid #e2e3b7; border-bottom: 1px dashed #e2e3b7; border-left: 1px solid #e2e3b7; height: 60px } #actualite .news { font-size: 12px; background: url(../pict2/corner.gif) no-repeat right bottom; margin: 0px; padding: 7px 13px 0px 7px } #actualite a.link { color: blue; font-size: 12px; background: #f9efd4 url(../pict2/bg_societe.png) no-repeat left bottom; text-align: center; width: 100%; height: 35px } #actualite a.link:hover { text-decoration: underline; background-color: #f5f5dc } #id_produit { visibility: hidden; } #map h1 { color: #a00; font-weight: bolder; font-size: 14px; margin: 0px; padding: 0px; border: 0px } #map h2 { color: #a00; font-weight: normal; font-size: 14px; margin: 0px; padding: 0px; border: 0px } /* ADMIN */ #admin {color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #admin_meta { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #admin_format { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #admin_modules { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #admin_parametre { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #admin_map { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #format { float: right; } #format a {color: red; font-size: 12px; font-size: 12px; background-color: white; text-align: left; padding: 5px; border: dotted 1px #ddd } #format a:hover {color: black} #valid {float: right; margin: 4px} #no_valid {float: right; margin: 4px} #format_1 {} #format_2 {} .boutonOk { color: #444; background-color: #ddd; padding: 4px; border: dotted 1px #777; width: 70px; height: 20px } .btnsubm { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #DC7F44; font-weight: bold; border: 1px solid #849432; background-color: #F9FCE9; } #admin_section { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #admin_rubrique { color: #696969; font-size: 10px; background-color: #eee; text-align: left; padding: 5px; border: dotted 1px #ddd } #panel { color: #696969; font-size: 10px; background-color: #eee; text-align: left; position: fixed; top: 400px; right: 25%; padding: 5px; border: dotted 1px #ddd } .form2 { color: #808080; font-size: 10px; background-color: #f5f5f5; margin: 4px; padding-left: 5px; border: dotted 1px #808080 } .form3 { color: #b60d0d; font-size: 12px; background-color: #fff; position: relative; top: 0; left: 70px; width: 250px; margin: 0; padding: 0 0 3px 5px; border: solid 3px #e3e3e3; } #num { color: red; font-size: 12px; text-align: center; margin-top: 4px; margin-bottom: 4px; padding-top: 5px; padding-bottom: 5px; border: dotted 1px #808080 } #num a {text-decoration: none;} #num a:hover {text-decoration: underline;}