/** ************************** ***** General styles ***** ************************** **/ html,body {margin:0px; padding:0px;} html{height:auto;} body{margin:0px;} /*Fil d'ariane*/ #container #breadCrump{float:right;clear:both;margin-top:25px;padding-right:10px;width:100%;} #container{clear:both;margin:0px auto 0px auto;width:990px;height:100%;min-height:660px;} #background{display:block;float:left;width:990px;background:transparent;} #bgFooter{margin:0px;left:0px;bottom:0px;background-image:url("../img/acc_background3.jpg");background-repeat:no-repeat;margin-top:-600px;min-height:678px;background-position:center bottom;height:410px;bottom:0px;width:100%;z-index:-1;} .clear{clear:both;height:1px;} #container #header {padding-bottom:0px;margin-bottom:20px;} .int1 #container #header{margin-bottom:0px;} #container #header #logo {margin-left:15px;margin-top:-70px;float:left;} #container #header #naviguation {float:right;} #container #header #naviguation ul {margin:0px; padding:0px; list-style-type:none; } #container #header #naviguation ul li {float:left; display:block; padding:0px 0px; } #container #header #naviguation ul li a { margin:0px 0px 0px 0px; padding:2px 10px; } #container #header #naviguation .niv1 .current a, #container #header #naviguation .niv1 .actif a, #container #header #naviguation .niv1 .hover a, #container #header #naviguation ul li a:hover { background:#B0D6A6; } #container #header #naviguation .menuHidden {position:absolute; display:none;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#EEF3DC; } #container #header #naviguation .niv2 ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #container #header #naviguation .niv2 ul li { clear:both; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;width:100%;} #container #header #naviguation .niv2 ul li a { display:block; margin:0px 0px 0px 0px; padding:4px 10px; width:240px;} #container #header #search {float:right;padding:11px 0px 0px 35px; height:67px; width:299px; background-image:url("../img/search_fond.jpg"); } #container #header #search input {border:0px;} #container #header #search div {float:left;margin:0px 0px 0px 0px; } #container #header #search .goHome {margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; } #container #header #search .goHome .go a img{vertical-align:middle; } #container #header #search .lang {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #container #header #search .lang a img{vertical-align:middle; } #container #header #search .search {width:196px;margin-left:5px;}/*old value 196px*/ #container #header #search .search input {margin:2px 0px 0px 27px; padding:0px; width:110px; }/*old value 25px*/ #container #header #search .search .submit {margin:3px 0px 0px 8px; padding:0px; width:41px; height:16px; background:url('../img/search_btn.gif') top left no-repeat; } #container #content #centerColumn ul li{padding:0px 0px 10px 15px; list-style-type:none;background-image:url("../img/int_puce_n2.gif");background-repeat:no-repeat;background-position:0px 3px;} #container #content #centerColumn .content table.contenttable ul {margin-left:0px;padding:0px;} #container #content #centerColumn .content table.contenttable ul li {padding:0px 0px 5px 15px;background:url("../img/int_puce_n2.gif") no-repeat 0px 4px;} #container #footer {clear:both;margin:25px 0px 0px 0px;} #container #footer ul {float:right;} #container #footer ul li {display:inline; padding-left:15px;} /** ********************* ***** Powermail ***** ********************* */ .int1 #container #content .tx-powermail-pi1 {float:left;display:block;border:0px;margin:0px;padding:0px;} .int1 #container #content .tx-powermail-pi1_fieldset {border:0px;margin:5px 0px 0px 0px;padding:0px;background:#FFFFFF;} .int1 #container #content legend {border:0px;margin:5px 0px 5px 0px;padding:0px 0px 5px 2px;color:#e46d1e;font-size:22px;font-weight:normal;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html {clear:both;display:block;margin:20px 0px 5px 0px;padding:2px;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html label {float:left;display:block;width:130px; margin:0px 0px 10px 0px;padding:2px;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html input {float:left;width:230px; display:block;margin:0px 0px 5px 10px;padding:2px 2px 2px 5px;border:1px solid #cccccc;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html input.powermail_check {display:block;width:300px;margin:0px 0px 5px 0px;padding:2px;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html textarea {float:left; width:230px; display:block;margin:0px 3px 5px 10px;padding:2px 2px 2px 5px;background:url('../img/page_ombre_form.jpg') 0px 0px repeat-x;height:200px;border:1px solid #CCCCCC;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html select{clear:both;margin:0 0 5px 10px;padding:2px 2px 2px 5px;width:260px;height:auto;border:1px solid #CCCCCC;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html input[type=submit]{width:80px; margin:15px 0px 5px 0px;background:#F3F1D8;color:#000;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html input.powermail_captcha {display:block;width:80px;margin:0px 15px 5px 10px;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js {float:right;padding:0px;margin:0px 0px 5px 0px;} .int1 #container #content div.tx_powermail_pi1_fieldwrap_html_9 .powermail_mandatory_js {width:200px;float:right;} .int1 #container #content .tx_powermail_pi1_fieldwrap_html_radio p.tx_powermail_pi1_fieldwrap_html_radio_title {display:block; float:left; width:140px;} .int1 #container #content .tx_powermail_pi1_fieldwrap_html_radio label {display:inline; width:60px;} .int1 #container #content .tx_powermail_pi1_fieldwrap_html_radio input {display:inline; width:20px;} .int1 #container #content div.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset input.powermail_submit {margin:5px 0px 15px 198px;clear:both;} .int1 #container #content .tx_powermail_pi1_fieldwrap_html_text input.validation-failed {background:#F6F6F6;} .int1 #container #content .tx_powermail_pi1_fieldwrap_html input.validation-failed {background:#F3F1D8;} .int1 #container #content .tx_powermail_pi1_fieldwrap_html textarea.validation-failed {background:#F3F1D8;} .int1 #container #content fieldset.tx-powermail-pi1_fieldset div.even{background-color:#FFF;} .int1 #container #content .tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_back{float:left;} /** ************************* ***** End Powermail ***** ************************* **/ /** ********************* ***** Login Box ***** ********************* **/ .int1 #container #content .tx-loginboxmacmade-pi1{} .int1 #container #content .tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-loginTable{border:0px;} .int1 #container #content .tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-loginTable .tx-loginboxmacmade-pi1-labelCell{border:0px;background:none;font-size:11px;text-transform:uppercase} .int1 #container #content .tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-loginTable .tx-loginboxmacmade-pi1-fieldCell{border:0px;} .int1 #container #content .tx-loginboxmacmade-pi1 input {border:solid 1px #CCC;margin:0 0 5px 10px;padding:2px 2px 2px 5px;width:230px;} .int1 #container #content .tx-loginboxmacmade-pi1 input.submit{background-color:#F3F1D8;width:80px;color:#E46D1E;font-weight:bold;font-size:12px} /** ************************* ***** End Login Box ***** ************************* **/ /** ****************************** ***** End General styles ***** ****************************** **/ /** ******************** ***** Flexible ***** ********************C **/ /***** Two columns 60/40 *****/ #container .flexTwoColumnsflexTwoColumns{float:left;clear:both;} #container .flexTwoColumns .leftColumn{width:55%;float:left;padding-right:20px;} #container .flexTwoColumns .rightColumn{width:40%;float:right;} .int1 #container #content #centerColumn .flexTwoColumns {float:left;clear:both;} /***** Two columns 33/33/33 *****/ #container .flexThreeColumns{float:left;clear:both;} #container .flexThreeColumns .Col { float:left; width:32%; padding:0px 2px; } #container .flexThreeColumns .Col img { float:left; } /***** Edito *****/ #container .edito{ display:block;padding:8px 10px 0;width:311px;height:190px;background:url("../img/fond_edito.gif") no-repeat;} #container .edito h1{margin:3px 0px;padding:0px;} #container .edito h2{margin:0px;padding:0px;display:inline;} #container .edito p.bodytext {display:inline;} /** ************************ ***** End Flexible ***** ************************ **/ /** **************** ***** Main ***** **************** **/ .main #container #content{} .main #container #content #flashContent{width:635px;float:left;} .main #container #content #rightContent{width:334px;float:right;} /** **************** ***** News ***** **************** **/ .main #container #content #rightContent .news{margin:0px 0px 15px 0px;} .main #container #content #rightContent .news h2{margin-bottom:0px;margin-top:0px;padding-left:20px;} .main #container #content #rightContent .news h2{margin-bottom:0px;margin-top:0px;padding-left:20px;} .main #container #content #rightContent .news ul{padding:0px 0px 0px 0px; margin:0px; width:310px; } .main #container #content #rightContent .news ul li{margin-left:20px;padding-left:15px;margin-bottom:10px;} .main #container #content #rightContent .news ul li h3{margin:0px;} /** ******************** ***** End News ***** ******************** **/ /** ****************** ***** Events ***** ****************** **/ .main #container #content #rightContent .events{} .main #container #content #rightContent .events h2{margin-bottom:0px;} .main #container #content #rightContent .events ul{padding-left:0px;} .main #container #content #rightContent .events ul li{margin-bottom:15px;} /** ********************** ***** End Events ***** ********************** **/ .main #container #footer{float:left;clear:both;width:100%;margin-top:60px;} /** ******************** ***** End Main ***** ******************** **/ /** **************** ***** Int1 ***** **************** **/ .int1 #container #content{float:left;clear:both;} .int1 #container #content #leftColumn{width:255px;float:left;} .int1 #container #content #leftColumn ul{margin-left:10px;padding-left:0px;} .int1 #container #content #leftColumn ul li{padding:0px 0px 10px 15px;padding-top:10px;width:210px;} .int1 #container #content #leftColumn ul li.selected{} .int1 #container #content #leftColumn ul li h3{margin:0px;} .int1 #container #content #centerColumn .flexTwoColumns .leftColumn h2{margin-top:0px;} .int1 #container #content #centerColumn{width:722px;float:right;padding-left:10px;} .int1 #container #content #centerColumn #banner{margin-bottom:20px;} .int1 #container #content #centerColumn .content .flexTwoColumns .rightColumn .contactUs{padding-top:10px;width:278px;height:95px;margin-top:15px;} .int1 #container #content #centerColumn .content .flexTwoColumns .rightColumn .contactUs .mail{margin-top:-8px;} .int1 #container #content #centerColumn .flexTwoColumns .rightColumn .contactUs{background:transparent url("../img/int_contactUs.gif") 0 0 no-repeat;padding:15px 0 0 15px;} .int1 #container #content .contactUs{clear:both;width:292px;background:transparent url("../img/int_contactUs.gif") 0 0 no-repeat;padding:0px 0 0 15px;}} .int1 #container #content #centerColumn .content .flexTwoColumns .rightColumn .more{} .int1 #container #content #centerColumn .content .flexTwoColumns .rightColumn ul{padding:0px;} .int1 #container #content #centerColumn .content .flexTwoColumns .rightColumn ul li{padding-left:20px;margin-bottom:10px;} /** ******************** ***** Products ***** ******************** **/ .int1 #container #content #centerColumn .content .categoryProducts ul{padding-left:0px;} .int1 #container #content #centerColumn .content .categoryProducts ul li{padding-left:15px;margin-bottom:5px;} .int1 #container #content #centerColumn .content .products{margin-bottom:10px;padding-bottom:10px;} .int1 #container #content #centerColumn .content .products .image{float:left;} .int1 #container #content #centerColumn .content .products .description{float:left;width:600px;} .int1 #container #content #centerColumn .content .flexThreeColumns .products .description {width:90%;} .int1 #container #content #centerColumn .content .products .description h3{margin-top:0px;margin-bottom:0px;} .int1 #container #content #centerColumn .content .products .description p{margin-top:5px;} /** ************************ ***** End Products ***** ************************ **/ /** **************** ***** News ***** **************** **/ .int1 #container #content #centerColumn .news {margin-bottom:40px;} .int1 #container #content #centerColumn .news h2 {margin-bottom:0px;} .int1 #container #content #centerColumn .news ul {padding-left:0px;} .int1 #container #content #centerColumn .news ul li {padding-left:15px;margin-bottom:10px;} .int1 #container #content #centerColumn .news ul li h3{margin:0px;} .int1 #container #content #centerColumn .news .subHeader p{margin-top:0px;} .int1 #container #content #centerColumn .news-single-item {} .int1 #container #content #centerColumn .news-single-item .date {} .int1 #container #content #centerColumn .news-single-item .content {} .int1 #container #content #centerColumn .news-single-item .backlink {float:right;} /** ******************** ***** End News ***** ******************** **/ /** ****************** ***** Events ***** ****************** **/ .int1 #container #content #centerColumn .events{} .int1 #container #content #centerColumn .events h2{margin-bottom:0px;} .int1 #container #content #centerColumn .events ul{padding-left:0px;} .int1 #container #content #centerColumn .events ul li{margin-bottom:15px;} .int1 #container #content #leftColumn ul li span.date {margin:0px;padding:0px;font-size:11px;line-height:1.4em} .int1 #container #content #leftColumn ul li span.title {margin:0px;padding:0px;} /** ********************** ***** End Events ***** ********************** **/ .int1 #container #footer{float:left;clear:both;width:100%;margin-top:60px;} .int1 #container #footer ul{float:right;} /** ******************** ***** End Int1 ***** ******************** **/ #container table.contenttable tr td p, #container table.contenttable tr td p.bodytext {padding:0;margin:0;} #container table#tabheader{width:721px;} #container table#tabheader, #container table#tabheader p.bodytext, #container table#tabheader td, #container table#tabheader img{border:medium none;padding:0;margin:0;}