* { margin:0px; padding:0px; border:0px; } BODY { background-color: #e6e6e6; text-align:center; font-size:0.7em; text-align:center; } IMG { margin:0px; padding:0px; } .Ancre { display: none; } .imgleft { border:none; float:left; margin:0px 0px 0px 0px; padding:0px; } .imgright { border-width:0px; float:right; margin:0px 0px 0px 0px; } imgfloat { border-width:0px; float:none; margin:0px 0px 0 px 0px; } #site { width: 750px; margin:20px auto; } #navigation { width:750px; font-family:Verdana; font-size:10px; text-align:right; background-color:#e6e6e6; } .liendirect { background-color:#e6e6e6; } #navigation P { line-height: 30px; padding:0px; margin:0px; vertical-align: middle; } #navigation img { vertical-align: middle; } #navigation select{ font-family:verdana; font-size:10px; vertical-align: middle; } #container { width:750px; border: 1px #808080 solid; background-color:#FFFFFF; background: url(../img/galery/back_homepage_c9e752.jpg) repeat; } #container2 { width:750px; min-height:500px; _height:500px; } #container_left { width:500px; float:left; } #header { width:300px; float:left; } #photohaut { height:200px; width:300px; float:left; } #titre { font-family:Arial; width:300px; float:left; background:url(../img/galery/barre_verticale_c9e752.jpg) no-repeat top left; text-align:left; margin-bottom:125px; } #titre H1 { font-weight: lighter; font-size:25px; color:#c9e752; margin: 10px 0px 0px 75px } #titre H2 { font-weight: lighter; font-size:40px; color:#808080; margin: 10px 0px 0px 85px; } #titre H3 { font-weight: lighter; font-size:1.5em; color:#c9e752; padding: 20px 15px 10px 15px; text-align:left; letter-spacing: 4px; text-align: justify; } #titre H3:first-letter { font-weight:lighter; font-family: times New Roman; font-size:2.2em; color:#808080; letter-spacing: 0px; } #titre P { font-weight: lighter; font-family:Verdana; font-size:1em; color:#808080; padding: 10px 15px 0px 15px; line-height: 1.3em; } #menu { width:200px; float:left; text-align:left; font-family:Verdana; font-size:0.9em; margin-bottom:125px; color:4c4c4c; } #menu H1, #menu H2, #menu H3 { font-weight: bold; font-size:1.5em; letter-spacing: 4px; margin: 10px 20px 0px 10px; white-space: normal; } #menu H1:first-letter, #menu H2:first-letter, #menu H3:first-letter { font-weight:lighter; font-size:2.2em; color:#668000; font-family:"Times New Roman"; } #menu UL { margin: 5px 10px 0px 20px; list-style-type: none; } #menu UL LI { margin-bottom:5px; } #menu A { color:4c4c4c; margin-bottom:5px; text-decoration: none; font-weight:bold; } #menu A:hover { text-decoration: underline; } #menu P { font-weight: lighter; margin: 5px 20px 0px 10px; color:#4c4c4c; } #menu TD { color:#4c4c4c; } #newsliste{ margin: 5px 10px 0px 0px; } #newsliste LI{ list-style-type: none; background: url(../img/galery/bullet_668000.jpg) no-repeat top left; padding-left:18px; } #container_right { width:248px; float:left; font-family:Arial; text-align:left; } #container_right H1 { font-weight: lighter; font-size:25px; color:#c9e752; text-align:left; padding: 10px 0px 10px 75px; background:url(../img/galery/barre_verticale_c9e752.jpg) repeat-y; } #container_right H2 { font-weight: lighter; font-size:25px; color:#808080; padding: 10px 0px 0px 85px; background:url(../img/galery/barre_verticale_c9e752.jpg) repeat-y; text-align:left; } #container_right H3 { font-family:Verdana; font-weight: lighter; font-size:1.3em; color:#808080; padding: 20px 15px 10px 15px; text-align:left; letter-spacing: 4px; } #container_right H3:first-letter { font-weight:lighter; font-family: times New Roman; font-size:2.2em; color:#c9e752; letter-spacing: 0px; } #container_right P { font-weight: lighter; font-family:Verdana; font-size:1em; color:#808080; padding: 10px 15px 0px 15px; line-height: 1.3em; } #container_right TD { font-weight: lighter; font-family:Verdana; font-size:0.7em; color:#808080; } #container_right B,#container_right STRONG { font-weight:bold; color:668000; } #container_right A { color:668000; } #container_right UL { text-align:left; margin: 10px 15px 0px 25px; font-weight: lighter; font-family:Verdana; font-size:11px; color:#808080; line-height: 18px; } #container_right UL LI{ list-style-type: none; background: url(../img/galery/bullet_c9e752.jpg) no-repeat top left; padding-left:20px; } #container_right OL { text-align:left; margin: 10px 15px 0px 45px; font-weight: lighter; font-family:Verdana; font-size:11px; color:#808080; line-height: 18px; } #container_right OL LI{ } #container_right HR { border:1px solid #c9e752; margin-top:10px; margin-bottom:10px; } #bas { clear:both } #formulairecontact{ width:90%; padding-left:15px; color:#808080; } #formulairecontact TD{ font-family:Verdana; font-size:11px; } #formulairecontact .text{ font-family:Verdana; font-size:11px; color:#4c4c4c; border: 1px #4c4c4c solid; height:18px; padding-top: 2px; padding-left:5px; } #formulairecontact textarea { font-family:Verdana; font-size:11px; border: 1px #4c4c4c solid; padding-top: 2px; padding-left:5px; color:#4c4c4c; } #formulairecontact .button{ font-family:Verdana; font-size:10px; border: 1px #4c4c4c solid; padding:0px; padding-left:30px; margin:0px; color:#4c4c4c; font-weight:bold; background: #c9e752 url(../img/galery/button_enabled_668000.jpg) no-repeat top left; height:20px; } #newsletter, #TELLAFRIEND{ width:90%; padding:0px; color:#808080; } #newsletter .text, #TEllAFRIEND .text, #TEllAFRIEND textarea{ font-family:Verdana; font-size:11px; border: 1px #4c4c4c solid; padding-top: 2px; padding-left:5px; color:#4c4c4c; background-color: #FFFFFF; } #newsletter .text, #TEllAFRIEND .text{ height:18px; } #newsletter .button, #TEllAFRIEND .button{ font-family:Verdana; font-size:10px; border: 1px #4c4c4c solid; padding:0px; padding-left:30px; margin:0px; color:#4c4c4c; font-weight:bold; background: #c9e752 url(../img/galery/button_enabled_668000.jpg) no-repeat top left; height:20px; } .messageok { margin: 5px 20px 0px 10px; font-weight: bold; color:#808080; text-align:center; } .messageko { margin: 5px 20px 0px 10px; font-weight: bold; color:#FF0000; text-align:center; } #FC { width:100%; margin-left:2px; margin-right:4px; color:#808080; } #FC .form_table { width:100%; margin:0px; } #FC .form_tr { } #FC .form_tr_error{ } #FC .form_td_label, #FC .form_td_label_error { width:30%; text-align:left; } #FC .form_td_label_error { border-top:1px solid #ff0000; border-left:1px solid #ff0000; border-bottom:1px solid #ff0000; } #FC .form_td_input,#FC .form_td_input_error { width:70%; padding:2px; } #FC .form_td_input_error { border-top:1px solid #ff0000; border-right:1px solid #ff0000; border-bottom:1px solid #ff0000; } #FC .form_td_button { text-align:right; padding:2px; } #FC .form_td_error { text-align:center; background-color:#ff0000; color :#ffffff; border:1px solid #ff0000; } #FC input { font-family:Verdana; font-size:11px; color:#4c4c4c; border: 1px #4c4c4c solid; height:18px; padding-top: 2px; padding-left:5px; } #FC .text_small, #FC .text_medium, #FC .text_large { font-family:Verdana; font-size:11px; color:#4c4c4c; border: 1px #4c4c4c solid; height:18px; padding-top: 2px; padding-left:5px; } #FC .text_small { width:20% } #FC .text_medium { width:60% } #FC .text_large { width:90% } #FC .textarea_small, #FC .textarea_medium, #FC .textarea_large, select { font-family:Tahoma; font-size:12px; color:#313131; border: 1px #82c3fb solid; padding-top: 2px; padding-bottom:2px; padding-left:5px; } #FC .textarea_small { width:20% } #FC .textarea_medium { width:60%; height:50px; } #FC .textarea_large { width:100%; height:100px; } #FC .radio{ padding:0px; margin:0px; margin-top:5px; } #FC .button_small, #FC .button_medium, #FC .button_large{ font-family:Verdana; font-size:10px; border: 1px #4c4c4c solid; padding:0px; padding-left:30px; margin:0px; color:#4c4c4c; font-weight:bold; background: #c9e752 url(../img/galery/button_enabled_668000.jpg) no-repeat top left; height:20px; } #FC .button_small{ width:50px; } #FC .button_medium{ width:100px; } #FC .button_large{ } #messagebox { margin: 5px 20px 0px 10px; font-weight: bold; color:#808080; text-align:center; } /**************************/ /* Paramétrage de la form */ /**************************/ #container form { width:100%; } #container .form_table td, #container input, #container select, #container textarea { font-weight: lighter; font-family:Verdana; font-size:11px; color:#808080; } #container .form_table { width:100% } #container .form_tr { } /* Les différents td */ /**************************/ #container .form_td_label, #container .form_td_label_radio { width:30%; text-align:right; padding-right:10px; padding-top:6px; vertical-align: top; } #container .form_td_label_radio { vertical-align: middle; } #container .form_td_input { width:70%; padding-top:3px; padding-right:3px; padding-bottom:1px; } #container .form_td_checkbox, #container .form_td_checkbox_center, #container .form_td_checkbox_top, #container .form_td_checkbox_bottom{ width:70%; padding-top:0px; padding-right:0px; padding-bottom:10px; font-family:Verdana; font-size:11px; } #container .form_td_checkbox_center, #container .form_td_checkbox_top, #container .form_td_checkbox_bottom { padding-left:4px; border-left:1px solid #808080; border-right:1px solid #000000; } #container .form_td_checkbox_top { border-top:1px solid #808080; } #container .form_td_checkbox_bottom { border-bottom :1px solid #808080; } #container .form_td_checkbox label, #container .form_td_checkbox_center label, #container .form_td_checkbox_top label, #container .form_td_checkbox_bottom label{ margin:0px; padding:0px; margin-left:5px; } #container .form_td_button { text-align:right; padding:5px; } #container .form_td_static_left { text-align:left; } #container .form_td_static_center { text-align:center; } #container .form_td_static_right { text-align:right; } #container .text_small, #container .text_medium, #container .text_large, #container .select_small, #container .select_medium, #container .select_large, #container .textarea_small, #container .textarea_medium, #container .textarea_large { padding:3px; border-top:1px solid #808080; border-left:1px solid #808080; border-bottom:1px solid #4c4c4c; border-right:1px solid #4c4c4c; } #container .text_small, #container .text_medium, #container .text_large, #container .select_small, #container .select_medium, #container .select_large { height:21px; } #container .checkbox { margin:3px; padding:0px; _margin:0px; } #container .text_small, #container .textarea_small, #container .select_small { width:26%; } #container .text_medium, #container .textarea_medium, #container .select_medium { width:60%; } #container .text_large, #container .textarea_large, #container .select_large { width:99%; } #container .radio{ padding:0px; margin:0px; margin-top:5px; } #container .button_small, #container .button_medium, #container .button_large{ font-family:Verdana; font-size:10px; border: 1px #4c4c4c solid; padding:0px; padding-left:30px; margin:0px; color:#4c4c4c; font-weight:bold; background: #c9e752 url(../img/galery/button_enabled_c9e752_668000.jpg) no-repeat top left; height:20px; } #container .button_small{ width:50px; } #container .button_medium{ width:100px; } #container .button_large{ } #container .captcha { border:1px #4c4c4c solid; margin-top:5px; padding:2px; } #container .text_captcha { text-transform: uppercase; } /******************************************************/ /* form spécifique */ /******************************************************/ #menu .form_table td { color:#4c4c4c; font-weight:bold; font-size:10px; }