*{margin:0px; padding:0px;} body{ background:#FDFDFD url(../images/layouts/bg_body.gif) repeat-x top; font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif } #container {width:666px; margin:auto; margin-top:10px; height:800px;} #header {height:153px; background:url(../images/visuels/baner1.jpg) no-repeat ; position:relative} .logo{background:url(../images/logo/logo.png) no-repeat; position:absolute; left:0px; top:20px;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='images/logo/logo.png'); width:164px; height:82px} .logo h1{display:none} .menubg {position:absolute; left:0px; bottom:0px;height:38px; z-index:1; background:url(../images/layouts/bg_menu.png) no-repeat; display:block; width:100%;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod=scale src='images/layouts/bg_menu.png');} #menu {position:absolute; left:0px; bottom:0px;height:38px;display:block; width:100%; z-index:9999999} #menu ul{padding-left:40px;} #menu ul li{ list-style:none;float:left; background:url(../images/layouts/separator_menu.gif) no-repeat right bottom;} #menu ul li a{color:#fff; font-weight:bold; text-decoration:none; display:block;padding:10px 15px 10px 15px;} #menu ul li a:hover{background:#951E0D; padding-bottom:13px;} #menu ul li.last{background:none!important;} #menu ul li.active a{background:#951E0D; padding-bottom:13px;} #contents {border:1px solid #E5E5E5; background:#fff; padding:10px; position:relative; padding-bottom:35px; _float:left} #contents h2{position:relative; z-index:99;} #contents .col-left{width:441px; float:left} #contents .col-left .sup_padding{padding-bottom:10px;} #contents .col-left ul{padding-bottom:10px; padding-left:10px;} #contents .col-left ul li{font-size:12px;padding-bottom:4px; list-style:none; background:url(../images/pictos/picto_li.gif) no-repeat left 5px; padding-left:10px; color:#0066CC} #contents .bloc-commun {background:#FAFAFA; position:relative; padding:0px 18px; margin-bottom:15px;border-left:1px solid #F3F3F3;border-right:1px solid #F3F3F3; float:left; width:403px} #contents .bloc-commun span.topcorner,#contents .bloc-commun span.btmcorner {position:absolute;background:url(../images/layouts/corner_bloc.gif) no-repeat;height:15px; overflow:hidden; width:441px;} #contents .bloc-commun span.topcorner {left:-1px; top:0px; background-position:left top} #contents .bloc-commun span.btmcorner {left:-1px; bottom:0px; background-position:left -15px;} #contents .bloc-commun h2.red{background:url(../images/pictos/picto_red.gif) no-repeat left 15px; padding:15px 0px 25px 30px;font-size:15px; color:#787878;} #contents .bloc-commun h2.blue{background:url(../images/pictos/picto_blue.gif) no-repeat left 15px; padding:15px 0px 25px 30px;font-size:15px; color:#787878;} #contents .bloc-commun p{font-size:16px; text-align:justify; padding-bottom:22px;color:#00000;font-family:"Times New Roman"} #contents .bloc-commun p.metier{background:url(../images/layouts/bg_metier.gif) no-repeat left top; width:121px;height:22px; text-align:center; float:left; height:80px; margin-right:13px;} #contents .bloc-commun p.metier img{margin-bottom:5px;} #contents .bloc-commun p.metier a{font-size:12px; color:#BA1414; text-decoration:none} #contents .bloc-commun p.plus{margin:25px 15px 20px 0px; float:right;} #contents .bloc-commun p.plus a{background:url(../images/layouts/bg_savoirplus.gif) no-repeat left; width:120px; height:24px; display:block; text-align:center; color:#fff!important; text-decoration:none; padding-top:5px; font-size:11px;} #contents .bloc-commun h3{ font-size:14px; font-weight:bold;font-family:"Times New Roman"; padding-bottom:10px;} #contents .bloc-commun h4{ font-size:15px; font-weight:bold; color:#003399;font-family:"Times New Roman"; padding-bottom:10px;} .col-right {width:190px; float:right;} .col-right .bloc-references {background:#255E98; height:200px; position:relative; padding-top:20px; margin-bottom:15px; padding:15px;} .col-right .nos-metiers {background:#255E98; position:relative; padding-top:20px; margin-bottom:15px; padding:15px;_height:20px;} .col-right .bloc-references span.topcorner, .col-right .bloc-references span.btmcorner{position:absolute; background:url(../images/layouts/corner_bloc_reference.gif) no-repeat left; height:11px; overflow:hidden; width:190px;} .col-right .nos-metiers span.btmcorner, .col-right .nos-metiers span.topcorner{position:absolute; background:url(../images/layouts/corner_bloc_reference.gif) no-repeat left; height:11px; overflow:hidden; width:190px;} .col-right .bloc-references span.topcorner, .col-right .nos-metiers span.topcorner{left:0px; top:0px; background-position:left top} .col-right .bloc-references span.btmcorner, .col-right .nos-metiers span.btmcorner{left:0px; bottom:0px; background-position:left -11px;} .col-right .bloc-references h2, .col-right .nos-metiers h2{padding:0px; background:url(../images/layouts/border_ttr.gif) no-repeat left bottom; padding-bottom:5px; margin-bottom:10px; font-size:13px; color:#FFF} .col-right .bloc-references p{font-size:11px; color:#fff; text-align:center} .col-right .bloc-references p img{margin-bottom:10px;} .col-right .bloc-references .pagination {background:url(../images/layouts/bg_pagination_ref.gif) no-repeat left bottom;width:133px; height:23px; position:absolute; bottom:0px; left:20px; text-align:center; padding-left:20px;} .col-right .bloc-references .pagination a{display:block; float:left; background:#F6F6F6; color:#CA0B0B; font-size:11px; margin:5px; padding:2px; text-decoration:none;} .col-right .nos-metiers ul{margin:5px;} .col-right .nos-metiers ul li{display:block; list-style:none; line-height:18px; width:100%; } .col-right .nos-metiers ul li a{padding-left:25px; font-size:12px; padding:5px 0px 5px 25px; color:#fff; display:block; text-decoration:none;background:url(../images/layouts/pictos_metier.gif) no-repeat left bottom;} .col-right .nos-metiers ul li a:hover{color:#143251;background:url(../images/layouts/pictos_metier_hover.gif) no-repeat left bottom;} .devisgratuit{width:189px; height:115px; background:url(../images/layouts/devisgratuit.gif) no-repeat;} .devisgratuit a img{width:189px; height:115px;} .nos-coordonnees {margin-top:15px;background:url(../images/layouts/bg_bloc.gif) repeat-y;padding:0; position:relative; width:189px; padding-bottom:15px;} .nos-coordonnees span.btmcorner{position:absolute;left:0px; bottom:Opx;_bottom:-1px;background:url(../images/layouts/btm_corner_bloc.gif) no-repeat left bottom; height:13px; width:189px; display:block} .nos-coordonnees h2 {background:url(../images/layouts/bg_ttr_bloc.gif); height:20px; font-size:12px; color:#255E98; font-weight:bold; padding-left:14px; padding-top:7px; margin-bottom:8px;} .nos-coordonnees p {position:relative;z-index:999; font-size:11px; color:#255E98;line-height:20px; margin-left:10px;} #footer{background:url(../images/layouts/bg_footer.gif) no-repeat left top; height:38px;} #footer p{color:#B1B1B1; font-size:11px; padding-top:10px} #footer p.copyright{float:left; padding-left:15px;} #footer p.Realisateur{float:right; padding-right:15px;} #footer p.Realisateur a{text-decoration:underline;color:#B1B1B1;} .left{float:left!important} .right{float:right!important} strong { font-size:12px; color:#255E98; font-weight:bold;} form#devis input{float:left } p.error{color:#FF0000; float:left; padding:0px!important; margin:0px!important; height:auto!important; font-size:10px;} ol{margin:0; padding:0;} /* Start Tag Cloud II CSS */ /* display the individual items next to each other, not one-per-line */ .tagscloud LI { display: inline; color: #999; } /* hide the extra context from CSS-enabled browsers, but not for screenreaders */ .tagscloud SPAN { position: absolute; left: -999px; width: 990px; } /* size of the tags */ .tagscloud .tagscloud1 { font-size: 1em; /* color:#BABAAB;*/ color:#FF9933; text-decoration: none; } /* size of the tags */ .tagscloud .tagscloud2 { font-size: 1.3em; font-weight:200; /*color:#DE7787;*/ color:#339999; text-decoration: none; } .tagscloud .tagscloud3 { font-size: 1.6em; font-weight:300; /*color:#7193B3;*/ color:#FF9933; text-decoration: none; } .tagscloud .tagscloud4 { font-size: 1.9em; font-weight:400; /*color:#D76B38;*/ color:#339933; text-decoration: none; } .tagscloud .tagscloud5 { font-size: 2.0em; font-weight:500; /* color:#DDD73F;*/ color:#3399FF; text-decoration: none; } .tagscloud .tagscloud6 { font-size: 2.2em; font-weight:600; /*color:#8BBA3F;*/ color:#FF3300; text-decoration: none; } .tagscloud1:hover { background-color: #4B8FC7; color: #FFFFFF; text-decoration: none; } .tagscloud2:hover { background-color: #4B8FC7; color: #FFFFFF; text-decoration: none; } .tagscloud3:hover { background-color: #4B8FC7; color: #FFFFFF; text-decoration: none; } .tagscloud4:hover { background-color: #4B8FC7; color: #FFFFFF; text-decoration: none; } .tagscloud5:hover { background-color: #4B8FC7; color: #FFFFFF; text-decoration: none; } .tagscloud6:hover { background-color: #4B8FC7; color: #FFFFFF; text-decoration: none; } /* End Tag Cloud II CSS */