/* general */ * {margin:0;padding:0;font-family:Verdana,Tahoma,Arial,sans-serif; font-size:11px;} body{ font-size:12px;background:#1b3d51;color:#505050; font-family:Arial, Helvetica, sans-serif} strong {font-weight:bold;color:#1F88BD;} img{border:0px;} body,form{margin:0;padding:0;} optgroup{font-style:normal;} td, th{vertical-align: top;} a,a:visited,a:active {color:#1f88bd; text-decoration:none} a:hover,a:visited:hover {color:#6d5648;text-decoration:underline;outline:none;} p{font-size:11px;color:#505050;line-height:17px} dt label {float:right;} span.asterisque{color:#CC0033;} input,textarea {float:left; font-size:12px;} input[type=checkbox],input[type=radio],input[type=image] {float:left;background-image:none;border:none;margin:0;padding:0} input[type=radio] + label {width:80px;margin:0;padding:0} input[type=checkbox] {margin-top:6px;} div[rel=error],input[rel=error],textarea[rel=error],select[rel=error] {border-bottom:2px solid #CC0033;margin-bottom:-1px;} dd input,dd textarea{width:180px;padding-right:20px;} dd select {width:200px;} dd input[type=password],dd input.calendar,dd input.autocomplete,dd input.search{width:180px;} input[type=file].formError {color:#CC0033} form br {clear:both;} dl {width:360px;} dt {float:left;clear: both;width:150px;text-align:right;} dd {float: left;text-align:left;width:210px;} .cl{clear:both;} input[type="radio"] + label,input[type="checkbox"] + label {width:auto;float:left;margin:0 20px 0 0;} #iframe{width:1px;height:1px;position:fixed;top:0px;left:0px;z-index:10;} div.autocomplete {position:absolute;width:200px;background-color:white;border:1px solid #888;margin:-0px 0px 0px 0px;padding:0px;z-index:2210;} div.autocomplete ul {list-style-type:none;margin:0px;padding:0px;text-align:left;z-index:2011;} div.autocomplete ul li.selected {background-color: #ffb;} div.autocomplete ul li {list-style-type:none;display:block;margin:0;border-bottom:0px;padding:2px;height:22px;cursor:pointer;z-index:2012;font-size:11px;} div.autocomplete span.actif {color:blue;} h1 { font-size: 22px; margin-bottom:12px; font-weight:bold; color:#004f87;} h2 {color:#666666;font-size:15px;margin:15px 0 5px 0;font-weight:bold;} h3 {color:#7BB8DE; font-size:14px; margin-bottom:10px; margin-top:10px;} #container {/*width:970px;position:relative;margin:0 auto;*/width:100%;} p.txt_orange {font-size:15px; font-weight:bold; color:#f7941e} p.encart {padding:15px; margin-top:14px; width:400px; background:#f4f4f0} .intro strong {color:#76a91e;font-family:Georgia, "Times New Roman", Times, serif} .intro {font-size:15px; line-height:20px; color:#4e2c0e;font-family:Georgia, "Times New Roman", Times, serif} .plan_geo {background:url(../img/plan_geo.jpg);width:206px;text-align:left;padding:5px 15px 15px 30px;;float:right;font-size:11px;height:355px;} .plan_geo strong {color:#e1a967} /* general (fin) */ /* copyright */ div#copyright {color:#FFFFFF;height:100px;margin:0 auto;width:970px;} div#copyright div.left {width:197px; font-size:10px; padding-top:0px; float:left; height:25px; background:url(../img/copyright_left.png); color:#fff; text-align:left} div#copyright .left a, div#copyright .left a:visited {color:#f5f7e8; text-decoration:none;} div#copyright div.right {width:753px;text-align:right; font-size:10px; padding-top:0px; float:left; height:25px; padding-right:20px;background:url(../img/copyright_right.png); color:#fff} div#copyright .left a:hover {text-decoration:underline} div#copyright a {color:#666666;text-decoration:underline} /* copyright (fin) */ /* menu */ #menu {width:960px;height:73px;} #menu .middle {} #menu ul {width:937px;padding:0px 6px 6px 17px;height:61px; float:left} #menu ul li {margin-right:3px;list-style:none;float:left} #menu ul li a {height:37px;float:left;font-size:10px;color:#fff;padding:25px 5px 0 10px;line-height:11px; letter-spacing:-1px;} #menu ul li a:hover {color:#565555;text-decoration:none} #menu ul li.accueil a{width:128px;background:url(../img/menu_1.png)} #menu ul li.ref a{width:141px;background:url(../img/menu2.jpg)} #menu ul li.equipe a{width:109px;background:url(../img/menu3.jpg)} #menu ul li.contact a{width:144px;background:url(../img/menu4.jpg)} #menu ul li.accueil a:hover{background:url(../img/menu_1_hover.png)} #menu ul li.ref a:hover{background:url(../img/menu2_hover.jpg)} #menu ul li.equipe a:hover{background:url(../img/menu3_hover.jpg)} #menu ul li.contact a:hover{background:url(../img/menu4_hover.jpg)} .container_1_1 #menu ul li.accueil a{width:128px;background:url(../img/menu_1_hover.png);width:128px;} .container_1_2 #menu ul li.ref a{width:141px;background:url(../img/menu2_hover.jpg)} .container_1_4 #menu ul li.equipe a{width:109px;background:url(../img/menu3_hover.jpg)} .container_1_3 #menu ul li.contact a{width:144px;background:url(../img/menu4_hover.jpg)} /* menu (fin) */ /* mod_actu mini */ .modactu.mini {width:261px;background:#e6f4fa;float:left} .modactu.mini .item {width:252px;padding-left:10px;padding-bottom:10px;background:url(../img/news_bg.jpg) no-repeat bottom;float:left} .modactu.mini .item_content {float:left;padding:0;width:241px; margin-bottom:10px;} .modactu.mini .item_content p {line-height:17px;} .modactu.mini span {} .modactu.mini a {} .modactu.mini .title {display:none} .modactu.mini .middle {} .modactu.mini .item_title h3 {color:#069;font-size:14px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;background:transparent url(../img/h3_actu.jpg) no-repeat scroll 4px 6px;padding-left:20px; margin-bottom:2px;padding-bottom:2px;width:211px;float:left} .modactu.mini .item_date {color:#006699;float:left;height:15px;padding-top:5px;width:174px;border-top:1px dashed #666666;} .modactu.mini .item_next a {color:#006699;text-align:right;display:block;float:left;height:15px; text-decoration:underline;padding-top:5px;border-top:1px dashed #666666;} .modactu.mini .item_next a:hover {} .modactu.mini .all a { width:261px; height:42px; display:block; float:left; background:url(../img/actu_bot.jpg)} .modactu.mini .all a span {display:none} .modactu.mini .all a:hover {} .modactu.mini .ajout {} .modactu.mini .bot {} .modactu.mini h2 {} .modactu.mini h3 {} /* mod_actu mini (fin) */ /* mod_actu full */ div.modactu.full{margin:15px 0;} div.modactu.full .bottom {display:none} div.modactu.full p{margin:2px 0;} div.modactu.full div.top{ background:none; margin:0; padding:0} div.modactu.full div.middle{ background:none; margin:0; padding:0; border:0} div.modactu.full div.middle div.items{} div.modactu.full div.middle div.item{border-bottom:1px dashed #006699;padding:10px 0;} div.modactu.full div.middle div.title{} div.modactu.full div.middle div.title h2{display:none;} div.modactu.full div.middle div.item_title{} div.modactu.full div.middle div.item_title h3{background:transparent url(../default_favicon.png) no-repeat scroll 4px 50%;color:#006699;display:block;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;margin-top:10px;padding:0 0 0 25px;} div.modactu.full div.middle div.item_content{} div.modactu.full div.middle div.item_date{text-align:right;font-size:10px;font-style:italic;} div.modactu.full div.bottom{} div.modactu.full div.modactu_paginate ul li{ list-style:none; display:block; float:left; width:15px; height:15px;font-size:11px;} /* mod_actu full (fin) */ /* mod_user_id */ div.moduser_id{} div.moduser_id div.top{} div.moduser_id div.middle{} div.moduser_id div.middle strong{} div.moduser_id div.middle div.unlog{} div.moduser_id div.middle div.unlog a{} div.moduser_id div.middle form.moduser_id{} div.moduser_id div.middle form.moduser_id label{} div.moduser_id div.middle form.moduser_id input[type=text]{} div.moduser_id div.middle form.moduser_id input[type=password]{} div.moduser_id div.middle form.moduser_id input[type=submit]{} div.moduser_id div.middle form.moduser_id div.pass_forget{} div.moduser_id div.bottom{} /* mod_user_id (fin) */ /* mod_photos */ div.modphotos{ float:left; margin-top:10px;} div.modphotos div.top{} div.modphotos div.middle{} div.modphotos div.middle div.title{display:none;} div.modphotos div.middle div.title h2{} div.modphotos div.bottom{} div.modactu.full div.modphotos div.top{background:none !important;} div.modactu.full div.modphotos div.middle{background:none !important;} div.modactu.full div.modphotos div.bottom{background:none !important;} /* mod_user_id (fin) */ /* mod_user_id */ div#login{float:left;height:54px;padding:25px 0 0 35px;width:239px;position:relative;} div#login div.moduser_id{} div#login div.moduser_id div.top{} div#login div.moduser_id div.middle{} div#login div.moduser_id div.middle div.title{display:none;} div#login div.moduser_id div.middle div.unlog{} div#login div.moduser_id div.middle div.unlog a{} div#login div.moduser_id div.middle form.moduser_id{} div#login div.moduser_id div.middle form.moduser_id label{color:#FFFFFF;float:left;font-size:11px;font-weight:normal;height:17px;margin:0;padding-top:5px;width:88px;background:transparent url(../img/label_contact.png) no-repeat scroll 0 0;} div#login div.moduser_id div.middle form.moduser_id input[type=text]{background:transparent url(../img/input_login.jpg) repeat scroll 0 0;border:0 none;height:14px;margin:0;padding:4px;width:127px;} div#login div.moduser_id div.middle form.moduser_id input[type=password]{background:transparent url(../img/input_passw.jpg) repeat scroll 0 0;border:0 none;height:14px;margin:4px 0 0;padding:4px; width:98px;} div#login div.moduser_id div.middle form.moduser_id input[type=submit]{background:transparent url(../img/submit_login.jpg) repeat scroll 0 0;color:#FFFFFF;height:22px;padding:0;width:25px;position:absolute;top:-30px;right:0px;top:46px;right:-12px} div#login div.moduser_id div.middle form.moduser_id div.passe_oublie{float:left;font-size:10px;margin-left:0px;margin-top:0px;text-align:left;} div#login div.moduser_id div.middle form.moduser_id div.deco{float:right;font-size:10px;margin-right:15px;margin-top:0px;text-align:right;} div#login div.moduser_id div.middle form.moduser_id a:hover, div#login div.moduser_id div.middle form.moduser_id a:visited:hover{color:#A8826F;} div#login div.moduser_id div.middle div.error{display:none;} div#login div.moduser_id div.bottom{} /* mod_user_id (fin) */ /* lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #fff; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* lightbox (fin) */ /***************/ /* vlaCalendar */ /***************/ /* Main calendar */ .hCalendar, .hCalendar table {font-family: calibri, arial !important;color: black;font-size: 12px !important;} .hCalendar {display: block;float:left;height:850px;margin-top:0px;} .hCalendar .container{overflow: hidden;} .hCalendar .container,.hCalendar .container div.loaderA,.hCalendar .container div.loaderB {/*width: 502px;*/padding:0;height: 800px;text-align: left;margin-top:5px;position: absolute;} .hCalendar span.indication {display: block;font-size:14px;margin-left:159px;text-transform:uppercase;letter-spacing:2px;background:url(../img/hcalendar/indication.jpg);text-align: center;height:25px;margin-bottom:5px;} .hCalendar span.indication .arrowRight {display:block;float:left;width:40px;cursor:pointer;height:25px;background:url(../img/hcalendar/indication_right.jpg);} .hCalendar span.indication .arrowLeft{display:block;float:left;width:40px;cursor:pointer;height:25px;background:url(../img/hcalendar/indication_left.jpg);} .today{width:136px;height:14px;background:url(../img/hcalendar/today2.jpg);color:#666;padding:4px 7px 7px 7px;text-align:center;display:block;cursor:pointer;float:left;} .today:hover {background:url(../img/hcalendar/today2_hover.jpg);} .hCalendar span.indication .label {float:left;height:20px;padding-top:5px} .hCalendar span.indication .label:hover {background:url(../img/hcalendar/indication_hover.jpg)} .hCalendar span.indication .arrowLeft:hover {background:url(../img/hcalendar/indication_left_hover.jpg)} .hCalendar span.indication .arrowRight:hover {background:url(../img/hcalendar/indication_right_hover.jpg)} .hCalendar th,.hCalendar td {padding:0px;margin:0px;} .hCalendar td {vertical-align:top;} .hCalendar table {border-collapse: collapse;border-style:solid;border-width:1px 0 1px 1px;border:1px dashed #eee2db;width:100%;margin:1px;/*background-color: white; /* <- IE ugly text in transition fix */} .hCalendar .picker td {cursor: pointer;} /* Label & arrows */ .hCalendar .label:hover {color: #666;cursor: pointer;} .hCalendar .noHover:hover {color: black;cursor: default;} /* Month */ .hCalendar *{font-family:"Trebuchet MS","Luxi Sans","Lucida Grande",Arial,Helvetica,sans-serif;} .hCalendar .year,.hCalendar .month {float: right;} .hCalendar .month th {text-align: center;height:15px;width: 12.5%;overflow:hidden;text-transform:uppercase;color:#000;border-color:#eee2db;border-width:0 1px 0 0;font-size:12px;} .hCalendar .month td .lib div {font-size:9px;} .hCalendar .month td .lib {background:#f9efe5 none repeat scroll 0 0;border-top-width:1px;color:#6d5648;font-size:11px;padding:0 5px 0 0;text-align:right;height:20px;position:static;} .hCalendar .month td.selected .lib {background:#7C441B none repeat scroll 0 0;color:#fff;} .hCalendar .month td.outsideDay .lib {background:#eee none repeat scroll 0 0;padding:0 5px 0 0;color:#888;} .hCalendar .month td.we {background:url(../img/td_week.png) bottom;} .hCalendar .month td.outsideDay, .hCalendar .month td.outsideDay.we_o {background:url(../img/td_outsideday.png) bottom;} .hCalendar .clickable {background:url(../img/td_clickable.png) bottom no-repeat;} .year .clickable {background:none; margin:5px 0;} .hCalendar .month td.we_o {background-color:#f9f9f9;} .hCalendar .month td {height: 100px;color:#666666;font-size:16px;vertical-align:top;width: 12.5%;border-top-width: 1px;border-color:#eee2db;border-style:dashed;border-width:0 1px 0 0;} .hCalendar .month .add{bottom:0px;width:79px;height:18px;margin:0px auto;text-align:center;background:url(../img/hcalendar/add_bck.png);margin-bottom:2px;padding-top:2px;display:none;cursor:pointer;} .hCalendar .month .add:hover{background:url(../img/hcalendar/add_bck_hover.png);} .hCalendar .month td:hover .add{display:block;} .hCalendar .month tr.firstRow td {} .hCalendar .month td:hover {} .hCalendar .month td.selected {background: #FFFFCC none repeat scroll 0 0} .hCalendar .month td.selected:hover {} .hCalendar .month td.outsideDay:hover {} .hCalendar div.rdv{background:#D2691E none repeat scroll 0 0;display:block;border:1px solid #fff;position:absolute;height:16px;font-size:11px;overflow:hidden;cursor:pointer;color:#fff;padding:1px 2px;top:0px;left:0px;} .hCalendar div.rdv .jours{float:right;font-size:10px;color:#ddd;} .hCalendar div.rdv.row1{top:0px;} .hCalendar div.rdv.row2{top:20px;} .hCalendar div.rdv.row3{top:40px;} .hCalendar div.rdv .details strong{color:#fff;} .hCalendar div.rdv .details{color:#eee;font-size:10px;font-style:italic;display:none;} .hCalendar div.rdv:hover .details{display:block;} .hCalendar div.rdv.col6:hover,.hCalendar div.rdv.col7:hover{right:0px;left:auto;} .hCalendar div.rdv:hover{z-index:15;border:1px solid #999;} .hCalendar div.rdv.width1:hover{/* width:200px;*/} /* Year & decade */ .hCalendar .year {margin-left: 2px;border:0px;} .hCalendar .year td {width: 25%;height:100px;text-align: center;cursor: pointer;vertical-align:middle;font-size:14px;} .hCalendar .year td:hover {color: #0066cc;} .hCalendar .year td.selected {} .hCalendar .year td.selected:hover {} .hCalendar .year td.current {color: #0066cc;} .hCalendar .year td.current:hover {} .hCalendar .year td.selectedcurrent {color:#FF6600;font-weight:bold;} .hCalendar .year td.selectedcurrent:hover {} .hCalendar .year td.outsideYear {color: #a8a8a8;} .hCalendar .year td.outsideYear:hover {color:#FF9900;} /* Mini-Month */ .hCalendar *{font-family:"Trebuchet MS","Luxi Sans","Lucida Grande",Arial,Helvetica,sans-serif;} .hCalendar .minimonth {width:150px;cursor:pointer;} .hCalendar table.lstMinimonth {width:100%;border:0px;margin:10px 0px;clear:both;} .hCalendar table.lstMinimonth td {width:25%;border:0px;} .hCalendar .minimonth th {} .hCalendar .minimonth th {text-align: center;height:15px;width: 12.5%;overflow:hidden;color:#000;border-color:#eee2db;border-width:0 1px 0 0;font-size:12px;} .hCalendar .minimonth tr:first-child th:first-child {color:#f8a847; text-transform:uppercase} .hCalendar .minimonth td {height: 16px;color:#666666;font-size:11px;vertical-align:top;width: 12.5%;border-width:0 0px 0 0;border-top-width: 0px;border-color:#eee2db;border-style:solid;} .hCalendar .minimonth td .lib {border-top-width:1px;color:#666666;font-size:10px;text-align:right;width:16px;height:16px;position:static;} .hCalendar .minimonth td.selected .lib {color:#888;} .hCalendar .minimonth td.outsideDay .lib {padding:0 5px 0 0;color:#ccc;} .hCalendar .minimonth tr.firstRow td {} .hCalendar .minimonth td:hover {} .hCalendar .minimonth td.selected:hover {} .hCalendar .minimonth td.outsideDay:hover {} .hCalendar .minimonth:hover th,.hCalendar .minimonth:hover td {background: #f8faec none repeat scroll 0 0;} .hCalendar .minimonth.selected td,.hCalendar .minimonth.selected th{background: #f8faec none repeat scroll 0 0;} .hCalendar .minimonth.selected:hover th,.hCalendar .minimonth.selected:hover td {background: #f8faec none repeat scroll 0 0;} .hCalendar .minimonth.selected{cursor:auto;} .hCalendar .minimonth.selected:hover td.selected,.hCalendar .minimonth.selected td.selected{background:#ffffcc none repeat scroll 0 0; border:1px dotted #666666;} .hCalendar .minimonth td.selected {background: #FFFFCC none repeat scroll 0 0;} table.year.decade .clickable {background:url(../img/hcalendar/clickable_year.jpg);} table.year.decade .clickable:hover {background:url(../img/hcalendar/clickable_year_hover.jpg);} table.year.decade .outsideYear {background:url(../img/hcalendar/outsideYear.jpg);} .hCalendar .minimonth td .lib.actif {font-weight:bold;font-size:11px; color:#A52A2A;} .hCalendar .hBubble .top{background:url(../img/hcalendar/top_bulle.png);height:20px;width:368px;} .hCalendar .hBubble .bottom{background:url(../img/hcalendar/bottom_bulle.png);height:20px;width:368px;} .hCalendar .hBubble .middle{background:url(../img/hcalendar/middle_bulle.png);min-height:160px;width:328px;padding:0px 20px;} .hCalendar .hBubble .hBubbleContent{position:relative;width:368px;} .hCalendar .hBubble .close{background:url(../img/hcalendar/close.png);position:absolute;width:7px;height:7px;top:20px;right:20px;cursor:pointer;} .hCalendar .hBubble .close:hover{background:url(../img/hcalendar/close_hover.png);} .hCalendar .hBubble .pointer{position:absolute;} .hCalendar .hBubble .pointer.p_bottom{background:url(../img/hcalendar/down_bulle.png);width:31px;height:10px;bottom:0px;left:65px;} .hCalendar .hBubble .pointer.p_top{background:url(../img/hcalendar/up_bulle.png);width:31px;height:10px;top:0px;left:65px;} .hCalendar .hBubble .pointer.p_left{background:url(../img/hcalendar/left_bulle.png);width:10px;height:31px;top:50px;left:0px;} .hCalendar .hBubble .pointer.p_right{background:url(../img/hcalendar/right_bulle.png);width:10px;height:31px;top:50px;right:0px;} .hCalendar .hBubble h2{margin-top:0px;} .hCalendar .hBubble{position:absolute;width:368px;top:100px;left:500px;z-index:100;} .hCalendar #map span{display:none;} .hCalendar .voir { width:47px; text-align:center; color:#660000; background:url(../img/btn_voir.jpg); height:15px; position:absolute; bottom:5px; right:5px} .msc_picker{background:url(../img/msc-toggle.gif) no-repeat right;border:1px solid #999;position:absolute;} .hCalendar label {float:left;padding-right:5px;font-weight:bold;width:200px;font-size:11px;} .hCalendar .rdv_det {width:240px;margin-left:80px;font-size:11px;} .hCalendar fieldset {background:url(../img/fieldset_hcalendar.png);margin:5px 0} .hCalendar legend {padding:2px;margin-left:5px;color:#fff;} .hCalendar legend.detail{background:url(../img/legend_detail.jpg);width:150px;height:15px;color:#333333;font-weight:bold;padding:2px 5px;} .hCalendar legend.heure{background:url(../img/legend_heure.jpg);width:150px;color:#333333;font-weight:bold;height:15px;padding:2px 5px;} .hCalendar legend.info{background:url(../img/legend_info.jpg);width:150px;color:#333333;font-weight:bold;height:15px;padding:2px 5px;} div.modcalendrier.full div.top{} div.modcalendrier.full div.middle{} div.modcalendrier.full div.middle div.title{display:none} div.modcalendrier.full div.middle div.title h2{} div.modcalendrier.full div.bottom{} div.modcalendrier.full div.middle div.legend {width:656px; float:left} div.modcalendrier.full div.middle div.legend div.top{background:url(../img/news_top.png); width:656px; height:12px; margin-top:15px;} div.modcalendrier.full div.middle div.legend div.middle{background:url(../img/news_mid.png); width:636px; padding:0 10px 10px 10px} div.modcalendrier.full div.middle div.legend div.middle div.title{} div.modcalendrier.full div.middle div.legend div.middle div.title h2{margin:0 0 10px 0} div.modcalendrier.full div.middle div.legend div.middle div.items{} div.modcalendrier.full div.middle div.legend div.middle div.items div.item{float:left; width:100px; margin:5px;} div.modcalendrier.full div.middle div.legend div.bottom{background:url(../img/news_bot.png); width:656px; height:12px; margin-bottom:15px;} .tel {margin-left:15px;} #ct1 {width:100%;background:url(../img/bg.jpg) top repeat-x #acd3e2;} #ct2 {width:100%;min-height:400px;background:#68A6C0 url(../img/bg.jpg) no-repeat scroll center top} #ct3 {width:960px;margin:0 auto;background:url(../img/bg_container.jpg)} .content {min-height:300px;float:left;width:932px;padding:0 16px 0 12px;background:url(../img/bg_container.jpg)} .content_bot {width:950px;height:25px;float:left;} .content .left {background:#E6F4FA none repeat scroll 0 0;float:left;width:261px;} .content .right {float:right;width:663px} .content .right .middle {background:#fbfbfb;width:620px;float:left;padding:0 22px 0 19px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;} .content .right img {float:left; margin:7px;} .content .right input[type="text"] {width:250px;padding:4px;height:14px;} .content .right textarea {width:258px;height:200px; font-size:12px;} .content .right label {padding:4px;height:18px} .content .right .top {background:transparent url(../img/contenu_top.jpg) repeat scroll 0 0;height:29px;width:663px;} .content .right .mid {background:#fbfbfb;width:620px;float:left;padding:0 22px 0 19px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8} .content .right #actus .mid {background:#F9F9F9; border:1px dotted #E4E4E4; margin-bottom:20px; padding:15px;} .content .right .bottom {background:transparent url(../img/contenu_bot.jpg) repeat scroll 0 0;float:left;height:28px;width:663px} .content .right .plan {width:205px; height:288px;float:right;color:#7d716b;text-align:right;padding:5px 10px 10px 40px;background:url(../img/bg_plan.jpg)} #content .right .plan p {font-size:11px;color:#7d716b;font-family:Georgia, "Times New Roman", Times, serif;line-height:16px} #content .right .plan p strong {color:#8c9c37} #content .right .txt {width:400px;float:left} #content .bot_intro {.background:transparent url(http://www.strasbourg-conseil.com/img/intro_bot.jpg) repeat scroll 0 0;float:left;height:8px;width:620px;} .bot_content {background:transparent url(../img/bg_footer.jpg) no-repeat scroll 0 0;float:left;height:30px;width:960px} #intro { float:left; margin-bottom:10px; width:620px; } #intro .top_intro { width:620px; float:left; background:url(../img/intro_top.jpg); height:8px } #intro .mid_intro { width:600px; float:left; padding:0; height:auto; padding-left:20px; background:url(../img/intro_mid.jpg); } #intro .bot_intro { width:620px; float:left; background:url(../img/intro_bot.jpg); height:8px } #map, #mapContainer {width:619px; height:349px ; float:right} #optmap a {background-color:#749400;color:#FFF;margin-top:5px;} .bloc { padding:20px; border:1px dashed #e3ab6e; background:#f6f6f6; margin-bottom:10px;} #footer { height:20px;padding-top:35px;color:#fff;background:#68a6c0;font-size:11px;} #header { width:960px;margin:0 auto;float:left;height:258px;background:url(../img/bg_header.jpg)} #header h1 {display:none} #header .left {} #header .left #logo { width:300px;height:172px; margin-bottom:5px;} #header .left #logo a { width:200px;float:left;height:100px;} form div.error{font-weight:bold; color:red; font-size:11px;} input[type=submit] { border:medium none;cursor:pointer;font-weight:bold;background:url(../img/contact_submit.jpg); color:#e9e5ce; float:right; margin-right:28px; padding:5px; text-align:center; margin-top:5px;height:28px; width:150px} thead {height:30px} th {padding:2px} tr td:first-child {color:#1f88bd;font-weight:bold} td {border-bottom:1px dotted #333333;padding:5px 10px 5px 10px} table {width:620px;margin:10px 0 10px 0;font-size:11px;} th {color:#fff} th.client {background:url(../img/th_client.jpg) left top;height:25px;width:40%;padding-top:5px;} th.mission {background:url(../img/th_mission.jpg) right top;height:25px;width:60%;padding-top:5px;} th.equipe {background:url(../img/th_equipe.jpg) right top;height:20px;font-size:14px;padding-top:5px;} th.titre {height:20px;background:url(../img/th_titre.jpg)} th.titre h2 {margin:5px;color:#fff;font-weight:normal;font-size:14px;} tbody tr {background:url(../img/tbody_tr.jpg)} tbody tr td:first-child {width:40%} tbody tr td:last-child {width:60%} tfoot tr {height:20px;background:url(../img/tfoot_equipe.jpg) bottom} tfoot td {border:none} h2.ref{font-size: 18px;margin-bottom:0px; margin-top:15px; color:#505050; font-weight:normal; background:url(../img/h2_ref.jpg) left bottom no-repeat; padding-left:25px;} #optmap a {background-color:#006699;color:#FFF;margin-top:5px;} #map{width:620px;height:350px;float:left} #contact label {width:150px;float:left;height:14px;margin:1px 0 1px 0;padding-top:6px;} #contact input[type="text"] {width:262px;float:left;height:20px;margin:1px 0 1px 0;padding:3px} #contact input.envoyer {width:100px;height:30px;color:#fff;float:right;margin-right:0px;border:0;margin-top:3px; background:url(../img/submit_envoyer.png);cursor:pointer} .modForm_next {width:100px;height:23px;color:#fff;float:right;margin-right:0px;border:0;margin-top:3px; padding:7px 0 0 0; text-align:center; background:url(../img/submit_envoyer.png);cursor:pointer} .content .right #modform_9 .bottom {display:none} /* modForm */ .content .right .modform .middle, .content .right .modform .top, .content .right .modform bottom {background:none; margin:0; padding:0; border:0} .modform_question label.sousquestion{ font-weight:normal; } .modform_question input[type=text], .modform_question input[type=password], .modform_question textarea, .modform_question select{ /*width:250px;*/ width:360px; padding:5px; } input.envoyer {background:transparent url(../img/submit_envoyer.png) repeat scroll 0 0;border:0 none;color:#FFFFFF;cursor:pointer;float:right;height:30px;margin-right:0;margin-top:3px;width:100px;} .modform .title h2 { font-size:18px} .modform .middle ul#mainNav{margin:0px;padding:0} .modform .middle ul#mainNav li{width:112px;height:50px;border:0px solid red;float:left;list-style:none;margin:0px;padding:6px;cursor:pointer;} .modform .middle ul#mainNav li span{display:block;} .modform .middle input[type="text"] {width:352px} .modform .middle textarea {width:348px} .modform .middle label {height:auto} .modform .middle ul#mainNav li strong{font-weight:bold;} .modform .middle ul#mainNav li.done{background-color:#7BB8DE;color:#fff} .modform .middle ul#mainNav li.done strong {color:#B7E1F1} .modform .middle ul#mainNav li.current{background-color:#B7E1F1;} #step {background:url(../img/g_step.jpg) bottom no-repeat;padding-bottom:10px} /* modForm */