/***************************** Reset MArkups *******************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, select, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0; outline: 0; font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;cursor:default; font-family: Helvetica, Verdana, Arial, sans-serif;} /* background-repeat:no-repeat; font-family: Arial; font-size:11px; line-height:130%; text-align:center; height:100%; background-color: #FFFFFF; margin:0px 0px; */ /***************************** Global elements *******************************/ /*html { font-size:100.01%; }*/ @font-face { font-family: 'ColaborateThinRegular'; src: url('http://www.sofa-street.com/fonts/ColabThi-webfont.eot#') format('eot'), url('http://www.sofa-street.com/fonts/ColabThi-webfont.woff') format('woff'), url('http://www.sofa-street.com/fonts/ColabThi-webfont.ttf') format('truetype'), url('http://www.sofa-street.com/fonts/ColabThi-webfont.svg#webfontbOrwRK9P') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateLightRegular'; src: url('http://www.sofa-street.com/fonts/ColabLig-webfont.eot#') format('eot'), url('http://www.sofa-street.com/fonts/ColabLig-webfont.woff') format('woff'), url('http://www.sofa-street.com/fonts/ColabLig-webfont.ttf') format('truetype'), url('http://www.sofa-street.com/fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateRegular'; src: url('http://www.sofa-street.com/fonts/ColabReg-webfont.eot#') format('eot'), url('http://www.sofa-street.com/fonts/ColabReg-webfont.woff') format('woff'), url('http://www.sofa-street.com/fonts/ColabReg-webfont.ttf') format('truetype'), url('http://www.sofa-street.com/fonts/ColabReg-webfont.svg#webfontB6AeCMH3') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateMediumRegular'; src: url('http://www.sofa-street.com/fonts/ColabMed-webfont.eot#') format('eot'), url('http://www.sofa-street.com/fonts/ColabMed-webfont.woff') format('woff'), url('http://www.sofa-street.com/fonts/ColabMed-webfont.ttf') format('truetype'), url('http://www.sofa-street.com/fonts/ColabMed-webfont.svg#webfontHpK4vQGz') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateBoldRegular'; src: url('http://www.sofa-street.com/fonts/ColabBol-webfont.eot#') format('eot'), url('http://www.sofa-street.com/fonts/ColabBol-webfont.woff') format('woff'), url('http://www.sofa-street.com/fonts/ColabBol-webfont.ttf') format('truetype'), url('http://www.sofa-street.com/fonts/ColabBol-webfont.svg#webfont6AVTa9Or') format('svg'); font-weight: normal; font-style: normal; } @font-face{ /* for Internet Explorer */ font-family: 'Cabin'; src: url('cabin-bold-webfont.eot'); } @font-face { /* for everything else */ font-family: 'Cabin'; src: url(//:) format('no404'), url('cabin-bold-webfont.woff') format('woff'), url('cabin-bold-webfont.ttf') format('truetype'), url('cabin-bold-webfont.svg#webfont') format('svg'); } html,body {background: #dadada; color:#666666; line-height: 1; font-size:1em;} body{ background-repeat:no-repeat; font-family: Arial; font-size:11px; line-height:130%; /*height:100%;*/ background-color: #dadada; /*margin:0px 0px; /* ELEMENT RAJOUTE PEUT-ETRE A EFFACER */ text-align:center; } input { margin: 0;padding: 0;border: 1; outline: 0; font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;cursor:default;} :focus {outline: 0;} ol {list-style: square inside;} ul {list-style: square inside; margin-left:40px;} /* ul.menu_footer li{display:inline;padding :0 10px 0 0px;} ul.menu_footer .last{border-right:none!important;} .menu_footer {display:inline;margin:0px;width:100%;} #footerNav_menu_footer li{color:#666666;font-size:11px;border-right:1px solid #c6c6c6;} */ ul.menu_vc li{display:inline;padding :0 18px 0 0px;} ul.menu_vc .last{border-right:none!important;} .menu_vc {display:inline;margin:0px;width:100%;} #footerNav_menu_vc li{color:#666666;font-size:11px;border-right:1px solid #c6c6c6;} /* { border-collapse: collapse; border-spacing: 0;}*/ table.user_page { background-color: none; } table.user_page td { background-color: none; padding-left:50px; padding-top:500px; padding-bottom:0px; padding-right:0px; border:none; } td.table#light { padding-left:7; height:26;} td.table#dark { padding-left:7; background-color:#F7F7F7; height:26;} caption, th, td {font-weight: normal;} blockquote:before, blockquote:after,q:before, q:after { content: "";} blockquote, q { quotes: "" "";} * {outline:none;} /***************************** Common Styling and classes *******************************/ /***** Common Formatting *****/ strong,b{font-weight:bold;} small {font-size:0.85em;} sup {position:relative;bottom:0.3em;vertical-align:baseline;} sub {position:relative;bottom:-0.2em;vertical-align:baseline;} acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;} /***** Forms *****/ form {display:inline; margin: 0; padding: 0;} textarea {width:100%;line-height:1.25; margin: 0;padding: 0;border: 1; outline: 0; font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;cursor:default; } label, button {cursor:pointer;} /***** Tables *****/ /*table {border:0;margin:0 0 1.25em 0;padding:0;}*/ table tr td {padding:2px;} /***** Global Classes *****/ .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } #adobe {background : url('../../img/get_read.gif'); width : 112px; height : 33px; margin: 0px; padding: 0; position: relative;} #adobe li, #adobe a {height: 33px; display: block;} #adobe li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #accueil {left: 0px; width: 112px;} #accueil a:hover {background: transparent url('../../img/get_read.gif') 0px -33px;} .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } a img , img{ border:0; } a img { cursor:auto; cursor:pointer; } /***** Heading *****/ h1{ font-size:2em;padding:30px 0 25px 0;letter-spacing:-1px;} h2{ font-size:1.6em;padding:20px 0;letter-spacing:-1px; font-weight:bold;} h7{ font-size:1.8em;padding:10px 0 5px 0;letter-spacing:-1px; font-weight:bold;} h8{ font-size:1.0em;padding:0px 0 5px 0; } *h7.title {height: 1%;} h3{ font-size:1.4em;font-weight:bold;} h4{ font-size:1.2em; } h5{ font-size:1em;} h6{ font-size:1.8em;padding:10px 0;letter-spacing:-1px; font-weight:bold;} hr { width:100%; margin-left:-20px; color: #dadada; background-color: #dadada; height: 1px; border: 0; margin-top:15px; margin-bottom:15px; } /*h1.fontface {font: 60px/68px 'ColaborateThinRegular', Arial, sans-serif;letter-spacing: 0;}*/ p.style1 {font: 13px/14px 'ColaborateThinRegular', Arial, sans-serif;} p.style2 {font: 13px/14px 'ColaborateLightRegular', Arial, sans-serif;} p.style3 {font: 13px/14px 'ColaborateRegular', Arial, sans-serif;} p.style4 {font: 13px/14px 'ColaborateMediumRegular', Arial, sans-serif;} p.style5 {font: 13px/14px 'ColaborateBoldRegular', Arial, sans-serif;} /****************************************** / /***** Float *****/ .fright{float:right!important} .fleft{float:left} .col33{width:33%} .col66{width:65%} .col50{width:50%} /***** reusables *****/ .hide{display:none!important;} ul.inline .last{border-right:none!important;} ul.inline li{display:inline;padding :0 10px;} /***** Img replacement *****/ .rpl {margin:0;height:1%;font-size:0.1em;} button.rpl{border:none;background:transparent;} .rpl , .rpl a,.rpl span {display:block;text-indent:-1000em;} /***************************** LINKS *******************************/ a {color:#CC6600;text-decoration:none; cursor:pointer;} a:hover{text-decoration:none; color:#999; cursor:pointer;} /* Logo -----------------------------*/ #logo{width:157px;margin:0 ;padding:0 ;height:86px;font-size:1em;display:block;background:url("../img/ok.png") no-repeat 0 0;} #logowrapper{float:left;} /***************************** Content *******************************/ .twoCol .wrapper {margin:0;position:relative;} .colSpacing {padding: 0px 10px 0px 0px;} #colLeft{background:url(../img/visu.jpg) no-repeat 0 0;} #colRight{background:url(../img/bg-colright.png) no-repeat 100% 0;} #colRight .colSpacing{position:relative;height:426px;margin: 0 20px 0 0;padding:0;background:url(../../img/bg_ac.png) repeat-x 0 0;} #teaser {font-size:11px;margin:15px 0 5px 0;padding:0;} .sm{clear:right;display:block!important;bottom:0;right:0;float:right;border:1px solid #000;height:20px;width:250px;} #free{position:absolute;z-index:0;top:-70px;right:-3px;} /***************************** Form *******************************/ .form {font-size:11px;} .form .ctrlHolder,.form .captcha{padding:4px 0 3px 0;} .form label{margin:.3em 0;;margin-right:0em;} .form em{margin:0;display:inline;clear:none;color:#af4c4c} .form .advice{font-size:10px;position:relative;color:#af4c4c} .form .formHint{margin:0;display:inline;} .form .ctrlHolder .textInput{font-size:12px;width:232px;} .form .textInput:focus{ background:#FFFCDF;} .formtext{text-align:center;padding:40px 0} /* .inlineLabels */ .inlineLabels{margin-left:-1px; padding: 4px 0 ;line-height:1.3em;;} .form .inlineLabel{margin:0 0 0 0;padding:0 0 0 0;display:block;} .form .inlineLabel input{margin:0px 5px 2px 0px;vertical-align: middle;} /* Rounded */ .form .rounded {background:url(../img/rounded.png) no-repeat left bottom;padding:4px;margin-top:3px;} .form .rounded-small {background:url(../img/rounded_small.png) no-repeat left bottom;padding:4px;} /* Buttons */ .buttonHolder{margin-top:10px;text-align:center;} /* captcha */ .captcha{margin-top:10px;} .captcha-hold{margin:5px 0;width:150px;float:left;} .form .rounded-small {margin-top:11px;float:left;} .form .rounded-small .textInput{;width:89px;text-align:center;font-size:12px} /* Messages */ .form #errorMsg{ background:#ffdfdf;border:1px solid #df7d7d;border-width:1px 0;margin:0 0 5px 0; padding:0.5em 0 0 0;} .form .error{ background:#ffdfdf;} .form #errorMsg h3{margin:0 0 .5em 0;font-size:100%;line-height:100%;font-weight:bold;padding: 0 0 0 5px;} .form #errorMsg ol li{margin:0; padding:2px;list-style-position:inside;border-bottom:1px dotted #df7d7d;position:relative;} .form .errorField{color:#af4c4c;margin:0 0 6px 0; padding:4px;background:#ffbfbf;} /* Form override */ #formRegister .buttonHolder{width:163px;position:absolute;top:380px;right:20px;} #formRegister, #formSuccess,#nocookies{margin: 0 auto;} #formRegister h2{background:url(../img/ttre_inscrivez_vous.png) no-repeat 0 100%;height:11px;padding:25px 0px 0px 0px;margin:0} #formRegister .submitButton{background:url(../img/btn_inscrip_off.png) no-repeat 50% 0;height:60px;width:222px;margin: 0 auto;} #formSuccess .buttonHolder{width:245px;position:absolute;top:380px;right:0px;} #formSuccess h2{background:url(../img/ttre_confirm.png) no-repeat 50% 100%;padding-top:70px;display:block;} #formSuccess .submitButton{background:url(../img/btn_login.png) no-repeat 50% 0;height:60px;width:245px;margin: 0 auto;} #nocookies .buttonHolder{width:200px;position:absolute;top:380px;right:0px;} #nocookies h2{background:url(../img/ttre_nocookies.png) no-repeat 50% 100%;padding-top:60px } #nocookies .submitButton{background:url(../img/btn_nocookies.png) no-repeat 50% 0;height:60px;width:199px;margin: 0 auto; } /***************************** DEMO PAge *******************************/ #demo #colLeft{background:url(../img/visu_demo.jpg) no-repeat 0 0;} #demo #features{font-size:12px;margin:55px 0 0 220px;width:140px;} #demo #features li{margin:0px 0 23px 0px;} #demo #features .upper{display:block; text-transform: uppercase; } #demo #features a{color:#666;text-decoration:none;} #demo #features a:hover { text-decoration:underline;} #demo #features a.active{font-weight:bold;text-decoration:none; } #demoHome p,#demoInter p{font-size:11px;line-height:15px;font-weight:bold;} #demoHome h2,#demoInter h2{background:url(../img/ttre_demo.png) no-repeat 0% 100%;height:30px;padding:18px 0 0 0 } #demoHome h3,#demoInter h3{margin:14px 0 5px 0;} .ttre_demo1{background:url(../img/ttre_demo1.png) no-repeat 0% 0;height:25px;} .ttre_demo2{background:url(../img/ttre_demo2.png) no-repeat 0% 0;height:12px;} .ttre_demo3{background:url(../img/ttre_demo3.png) no-repeat 0% 0;height:25px;} .ttre_demo4{background:url(../img/ttre_demo4.png) no-repeat 0% 0;height:25px;} .moreLink a{color:#ca0064;font-weight:normal;text-decoration:none} .moreLink a:hover{ text-decoration:underline;} #backlink{float:right;margin-top:15px; margin-right:30px;} #backlink a{color:#666666;font-weight:normal;font-size:11px;} /***************************** Login *******************************/ #login_bg{background-image:url(../../img/bg_login.jpg); background-repeat:repeat-x; text-align:right; width:100%; height:30px;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;} #login{text-align:right; width:100%; height:30px; display:inline;} /***************************** Header *******************************/ #pre_header{ height:60px; margin:0 auto 0px auto; width:1024px; /*padding: 15px;*/ background:url("../../img/header2.jpg") no-repeat; } #header0{ height:50px; /*height:140px; */ margin:0 auto 0px auto; width:1024px; text-align:center; background:url("../../img/body.jpg") repeat-y; } #header{ height:200px; /*height:140px; */ margin:0 auto 0px auto; width:1024px; text-align:center; background:url("../../img/body.jpg") repeat-y; } #header_home{ height:200px; /*height:140px; */ margin:0 auto 0px auto; width:1024px; text-align:center; background:url("../../img/body.jpg") repeat-y; } .header_menu{ height:40px; /*height:40px; */ margin:0px auto 0px auto; width:1024px; text-align:center; background:url("http://www.sofa-street.com/articles/img/body.jpg") repeat-y; } .header_btn_bloc{ margin:0px auto 0px 58px; } .header_btn{ float:left; } #pre_header_new{ height:68px; margin:0 auto 0px auto; width:1024px; /*padding: 15px;*/ background:url("../../img/header5.jpg") no-repeat; } #header2{ height:290px; margin:0 auto 0px auto; width:1024px; text-align:center; background:url("../../img/body.jpg") repeat-y; /*z-index: 20;*/ } #header3_flash{ height:130px; margin:0 auto 1px auto; width:1024px; text-align:center; background:url("../../img/body.jpg") repeat-y; } #headline{background:url(../img/ttre-welcome.png) no-repeat 0 10px;height:62px;padding:10px 0 0 0;margin: 0px 0 0px 238px;} #flashcontent{margin:15px auto;} /***************************** Menu principal du site *******************************/ #pop_formation { margin:0; } #pop_formation h3 span a:hover{ color:#FFFFFF; } #pop_formation #hg { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_03.png) no-repeat right bottom; } #pop_formation #hm { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_04.png) repeat-x left bottom; } #pop_formation #hd { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_05.png) no-repeat left bottom; } #pop_formation #mg { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_07.png) repeat-y right top; } #pop_formation #mm { background:#FFFFFF; } #pop_formation #md { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_09.png) repeat-y left top; } #pop_formation #bg { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_10.png) no-repeat right top; } #pop_formation #bm { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_11.png) repeat-x left top; } #pop_formation #bd { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_12.png) no-repeat left top; } a.docSap {display: block;width: 205px; height: 68px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_docSap_1.jpg"); background-repeat: no-repeat; cursor:pointer;} a.docSap:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_docSap_2.jpg");} a.fluxSap {display: block;width: 159px; height: 67px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fluxSap_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.fluxSap:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fluxSap_2.jpg");} a.bt_ac {display: block;width: 69px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ac_1.jpg"); background-repeat: no-repeat; cursor:pointer;} a.bt_ac:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ac_2.jpg");} a.bt_ex {display: block;width: 167px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ex_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.bt_ex:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ex_2.jpg");} a.bt_re {display: block;width: 154px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_re_1.jpg"); background-repeat: no-repeat; cursor:pointer;} a.bt_re:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_re_2.jpg");} a.bt_fo {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fo_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.bt_fo:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fo_2.jpg");} a.bt_di {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_di_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.bt_di:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_di_2.jpg");} a.bt_te {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_te_1.jpg"); background-repeat: no-repeat; cursor:pointer;} a.bt_te:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_te_2.jpg");} a.bt_vc {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_vc_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.bt_vc:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_vc_2.jpg");} /***************************** Menu 6 boutons de la home *******************************/ a.balls_ex {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/66_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.balls_ex:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/66_1_hover.jpg");} a.balls_re {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/33_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.balls_re:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/33_1_hover.jpg");} a.balls_pres {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/22_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.balls_pres:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/22_1_hover.jpg");} a.balls_dist {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/11_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.balls_dist:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/11_1_hover.jpg");} a.balls_compte {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/44_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.balls_compte:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/44_1_hover.jpg");} a.balls_qcm {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/99_1.jpg"); background-repeat: no-repeat;cursor:pointer;} a.balls_qcm:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/99_1_hover.jpg");} /***************************** Footer *******************************/ #footer { background:#dadada url("../../img/footer2.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 1024px; height:25px; } /*#footer{clear:left;}*/ #footer a{color:#CC6600;text-decoration:none;} #footer a:hover{text-decoration:none; color:#999;} #footer .colSpacing{padding: .8em 1em;} #footerNav li{color:#666666;font-size:11px;border-right:1px solid #c6c6c6;} #baseline{font-size:10px;margin-top:8px;color:#666666} #seo {margin-bottom:10px} #seo p{font-size:10px;color:#aaa} #seo h2,#seo h3,#seo h4{font-size:13px;font-weight:bold;padding-bottom:2px;color:#aaa;letter-spacing:0;} #sitemap { /*background:url(/images/bg_sitemap_all.gif) repeat-x;*/ /*padding:20px 0 0 20px;*/ margin: auto; clear: both; } #sitemap ul { float:left; height:225px;/*260px*/ width:170px; margin-right:0px; margin-top:20px; text-align:left; margin-left:5px; border-left: 1px solid #999999; /*border-top: 1px solid #999999;*/ } #sitemap .last_ul { float:left; height:225px;/*260px*/ width:170px; margin-right:0px; margin-top:20px; text-align:left; margin-right:20px; border-right: 1px solid #999999; /*border-top: 1px solid #999999;*/ } #sitemap ul li { list-style:none; margin-left:8px; margin-right:8px; font-size:8px; } #sitemap li.header_sitemap a { text-transform:uppercase; /*font-size:10px;*/ color:#CC6600; letter-spacing:normal; font-weight:bold; /*line-height:18px;*/ } #sitemap li.header_sitemap a:hover { color:#ff7f00; } #navigation li a:hover, #navigation li a:focus, #navigation li a:active { background: #900 ; text-decoration: underline ; } #sitemap ul li a { font-size:10px; color:#FFFFFF; letter-spacing:normal; font-weight:normal; line-height:15px; } #sitemap ul li a:hover { color:#999999; } /* #container_footer_3{ width:1200px !important; height:260px; margin: 0 auto; padding-bottom:0px !important; clear:both; }*/ #container_footer_3{ width:1004px !important; height:100%;/*260px*/ /*margin-top:40px !important*/; margin: 0 auto; padding-bottom:0px !important; clear:both; /*background:#FFFFFF;*/ } /*************************************************************************************** Positioning.css *****************************************************************************************/ /* Back in stream */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} /* \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /***************************** Global elements *******************************/ #menudroit { /*width: 170px;*/ /*height:100px;*/ margin:0px; padding-left: 5px; float: right; text-align:left; } #bloc_libre { float:center; z-index:2; text-align:left; width:150px; /*border: 1px solid #DDDDDD;*/ background-color: #FFFFFF; display:inline-block; margin:inherit; } /* #rss { width: 140px; height:20px; margin:inherit; text-align:left; background-color:#CCCCCC; } */ #cont { width: 912px; line-height: 0.3em; color: #666666; margin:0 auto 2px auto; } #translucentbkg { width: 912px; height: 60px; z-index: 1; background-color: #000000; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; filter:alpha(opacity=30);-moz-opacity:0.30;-khtml-opacity:0.30;opacity:0.30; } #opaquetext { width: 912px; height: 60px; z-index: 2; color:#FFFFFF; } #arbo { width: 1024px; line-height: 0.7em; background:url("../../img/body.jpg"); color: #666666; border-top: 2px solid #dadada; border-bottom: 1px solid #dadada; margin:0px auto 0px auto; /*padding: 15px;*/ } #sous_arbo { /*margin: 0px auto;*/ width: 1024px; height: 25px; color: #666666; margin:0px auto 1px auto; /* margin: 20px auto; */ float: center; background:url("../../img/body.jpg") repeat-y; text-align: left; } #sous_sous_arbo { /*margin:0px auto 0px auto;*/ width: 1024px; padding-top: 10px; text-align:left; margin:0 0 0 20px; !important; display:inline; } #mainContainer { width: 1024px; margin:0 auto; line-height: 1.6em; background:url("../../img/body.jpg") repeat-y; color: #666666; /*margin:0 auto 0px auto; /* margin: 20px auto; */ /*padding: 15px;*/ text-align: left; } #mainContainer a {color:#CC6600;text-decoration:none;} #mainContainer a:hover {color:#999;text-decoration:none;} #mainContainer li {list-style-type:square; margin-left:20px; } #mainContainer_inside { width: 1024px; text-align: left; /*float: left;*/ /*width: 850px;*/ line-height: 1.6em; /*background:url("../../img/body.jpg") repeat-y;*/ color: #666666; margin:0 0 0 0; !important; /*display: inline;*/ /*padding-left: 30px;!important; padding-right: 30px;!important;*/ } #mainContainer_inside a {color:#CC6600;text-decoration:none;} #mainContainer_inside a:hover {color:#999;text-decoration:none;} #mainContainer_inside li {list-style-type:square; margin-left:20px; } /*#container {width: 800px;margin: 0 auto;text-align: left; background:#dadada; no-repeat bottom center; }*/ #container_full { width: 984px; /*width: 974px;*/ line-height: 1.6em; margin:0 0 0 30px; !important; float: left; display:inline; } #container_full h2 {margin-top:0px; margin-bottom:0px;} #container_full .openingText{ color:red;} #container_full_home { width: 984px; /*width: 974px;*/ line-height: 1.6em; margin:0 0 0 0px; !important; float: left; display:inline; } /* Blocs libres + Container Accueil (moins large) ----------------------------------------------------------------------------*/ #mainContainer_ac_G a {color:#CC6600;text-decoration:none;} #mainContainer_ac_G a:hover {color:#999;text-decoration:none;} #mainContainer_ac_G li {list-style-type:square; margin-left:20px; } #mainContainer_inside_ac_G a {color:#CC6600;text-decoration:none;} #mainContainer_inside_ac_G a:hover {color:#999;text-decoration:none;} #mainContainer_inside_ac_G li {list-style-type:square; margin-left:20px; } #container_full_ac_G h2 {margin-top:0px; margin-bottom:0px;} #modules_libre_ac { width: 1025px; margin:0 auto 0 auto; font-size:10px; } #module_ac_G { float: left; width:642px; /*width:447px;*/ margin-left/**/:/**/ 1px; /* IE 6 only */ /*font-size: 80%;*/ /*padding: 1em;*/ } #module_ac_G2 { float: left; width:642px; /*width:447px;*/ margin-left/**/:/**/ 1px; /* IE 6 only */ /*font-size: 80%;*/ /*padding: 1em;*/ } #module_ac_C { float: right; width:340px; /*width:447px;*/ clear:right; /*font-size: 80%;*/ /*padding: 1em;*/ } #module_ac_D { float: right; width:340px; /*width:447px;*/ clear:right; /*font-size: 80%;*/ /*padding: 1em;*/ } #module_ac_E { float: right; width:340px; /*width:447px;*/ clear:right; /*font-size: 80%;*/ /*padding: 1em;*/ } #module_ac_F { float: right; width:210px; /*width:447px;*/ clear:right; /*font-size: 80%;*/ /*padding: 1em;*/ } #footer_ac_gauche { background:#dadada url("../../img/footer_ac_gauche.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 683px; height:19px; } #footer_ac_gauche_821 { background:#dadada url("../../img/footer_ac_gauche_821.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 821px; height:19px; } #header_ac_droite{ height:36px; margin:0 auto 0px auto; width:342px; text-align:center; background:url("../../img/bloc_head_ac_droite.jpg"); } #header_ac_droite_etoile{ height:36px; margin:0 auto 0px auto; width:342px; text-align:center; background:url("../../img/bloc_head_ac_droite_etoile.jpg"); } #header_ac_droite_etoile2{ height:25px; margin:0 auto 0px auto; width:342px; text-align:center; background:url("../../img/bloc_body_ac_droite_etoile.jpg"); } #header_ac_droite_etoile2BIS{ height:25px; margin:0 auto 0px auto; width:342px; text-align:center; /*background:url("../../img/bloc_head_droite4.jpg");*/ background-color:none; } #footer_ac_droite { background:#dadada url("../../img/bloc_foot_ac_droite.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 342px; height:26px; } #footer_ac_flash { width: 1024px; height:25px; margin:0 auto 0px auto; background:#dadada url("../../img/footer_ac_flash.jpg") no-repeat; } #footer_ac_flash_821 { width: 1024px; height:25px; margin:0 auto 0px auto; background:#dadada url("../../img/footer_ac_flash_821.jpg") no-repeat; } #mainContainer_ac_G { width: 683px; height:451px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/body_683.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_G { width: 632px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 9px;!important; padding-right: 20px;!important;*/ } #container_full_ac_G { width: 608px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_ac_G2 { width: 683px; height:985px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/body_683.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_G2 { width: 632px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_G2 { width: 608px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_ac_G3 { width: 821px; height:985px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/body_821.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_G3 { width: 732px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_G3 { width: 708px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } /*#mainContainer_ac { width: 650px; height:130px; margin:0 auto; line-height: 1.6em; background:url("../../img/body.jpg") repeat-y; text-align:left; color: #666666; float: left;}*/ /*#mainContainer_inside_ac { width: 650px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; text-align: left;/*padding-left: 10px;!important; padding-right: 20px;!important;}*/ /*#container_full_ac { width: 584px; height:130px; margin:0 0 0 30px; !important; display:inline; float: left; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/body.jpg") repeat-y; text-align:left; color: #666666; }*/ #mainContainer_ac_E { width: 340px; height:53px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_E { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_E { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_ac_C { width: 340px; height:140px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_C { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_C { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_ac_C2 { width: 340px; height:299px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_C2 { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_C2 { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_ac_C3 { width: 340px; height:650px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_C3 { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_C3 { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_ac_D { width: 340px; height:70px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_ac_D { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_ac_D { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } html>body #mainContainer_ac_G { height: 451px; min-height: 430px; } html>body #mainContainer_ac_G2 { height: 451px; min-height: 985px; } html>body #mainContainer_ac_C { height: auto; min-height: 140px; } html>body #mainContainer_ac_C2 { height: auto; min-height: 299px; } html>body #mainContainer_ac_C3 { height: auto; min-height: 650px; } html>body #mainContainer_ac_D { height: auto; min-height: 70px; } html>body #mainContainer_ac_E { height: auto; min-height: 53px; } html>body #mainContainer_ac_C { max-height:140px; height:expression(140px + "px"); } html>body #mainContainer_ac_C2 { max-height:299px; height:expression(299px + "px"); } html>body #mainContainer_ac_D { max-height:70px; height:expression(70px + "px"); } html>body #mainContainer_ac_E { max-height:53px; height:expression(53px + "px"); } #modules_libre { /* width: 895px; margin:0 auto 0px auto; */ clear: both; width: 1024px; margin:0 auto 0px auto; padding: 1em; font-size:10px; } #module_G { /*float:left;*/ float: left; width:342px; /*width:447px;*/ /*font-size: 80%;*/ /*padding: 1em;*/ } #module_C { float: left; width:340px; /*width:447px;*/ /*font-size: 80%;*/ /*padding: 1em;*/ } #module_D { float: right; width:342px; /*width:447px;*/ /*font-size: 80%;*/ /*padding: 1em;*/ } #header_gauche{ height:49px; /*36*/ margin:0 auto 0px auto; width:342px; text-align:center; background:url("../../img/bloc_head_gauche.jpg"); } #header_centre{ height:36px; margin:0 auto 0px auto; width:340px; text-align:center; background:url("../../img/bloc_head_centre2.jpg"); } #header_droite{ height:49px; /*36*/ margin:0 auto 0px auto; width:342px; text-align:center; background:url("../../img/bloc_head_droite.jpg"); } #header_droiteBIS{ height:49px; /*36*/ margin:0 auto 0px auto; width:342px; text-align:center; background:url("../../img/bloc_head_droite.jpg"); background-repeat:no; } /*#mainContainer_gauche { width: 342px; height:auto !important; height:130px; min-height:130px; max-height:130px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_gauche.jpg") repeat-y; text-align:left; color: #666666; }*/ #mainContainer_gauche { width: 342px; height:130px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_gauche.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_gauche { width: 332px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_gauche { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_centre { width: 340px; height:235px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_centre.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_centre { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_centre { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_droite { width: 342px; height:130px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_droite { width: 332px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_droite { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } #mainContainer_droite2 { width: 342px; height:211px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_droite.jpg") repeat-y; text-align:left; color: #666666; } #mainContainer_inside_droite2 { width: 332px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ } #container_full_droite2 { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ } html>body #mainContainer_gauche { height: auto; min-height: 130px; } html>body #mainContainer_centre { height: auto; min-height: 235px; } html>body #mainContainer_droite { height: auto; min-height: 130px; } html>body #mainContainer_droite2 { height: auto; min-height: 211px; } #footer_gauche { background:#dadada url("../../img/bloc_foot_gauche.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 342px; height:26px; } #footer_centre { background:#dadada url("../../img/bloc_foot_centre.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 340px; height:26px; } #footer_droite { background:#dadada url("../../img/bloc_foot_droite.jpg") no-repeat bottom center; margin:0 auto 0px auto; width: 342px; height:26px; } /* ----------------------------------------------------------------------------------------*/ /* Ranks page. ----------------------------------------------------------------------------*/ table.ranks { background-color: #E6E6E6; margin-top:0px; margin-bottom:0px; } table.ranks td { background-color: #FFFFFF; padding-left:0px; padding-top:3px; padding-bottom:3px; padding-right:0px; } td#dark { background-color: #F3F3F3; padding-left:2px; } td#dark td { background-color: #F3F3F3; } td#light { background-color: #FFFFFF; padding-left:2px; } table.legend td { padding-left:2px; padding-right:2px; } table.legend td#txt { padding-right:10px; } table.user_page { background-color: none; } table.user_page td { background-color: none; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right:0px; border:none; } /***************************** Content Element *******************************/ /* colLeft =============================== */ #colLeft, .leftCol{ float: left;width: 100%; } #colLeft{width:404px;height:426px;} /* Col Right =============================== */ #colRight, .rightCol{width:50%;float: right;} #colRight{width:520px;height:426px;} /**************** sidebar styles ****************/ #sidebar { width: 450px; padding-left: 10px; padding-right: 2px; padding-top: 10px; float: right; border-bottom: 1px solid #DDDDDD; } #sidebar p { padding-bottom: 10px; } /*************************************************************************************** accordeon *****************************************************************************************/ /***************************** Vertical Accordions *******************************/ #container {width: 900px;margin: 0 auto;text-align: left; background: none no-repeat bottom center; } .accordion_toggle { display: block; height: 25px; width: 890px; /* background: url(images/accordion_toggle.jpg) no-repeat top right #FFFFFF; */ padding: 0 0 0 5px; line-height: 20px; /*color: #ffffff;*/ font-weight: normal; text-decoration: none; outline: none; font-size: 12px; font-weight: bold; color: #666666; /*border-bottom: 1px solid #dadada;*/ cursor: pointer; margin: 0 0 0 0; border-bottom: 1px solid #dadada; } .accordion_toggle:hover { /*color: #CC6600;*/ } .accordion_toggle_active { /* background: url(images/accordion_toggle_active.jpg) no-repeat top right #FFFFFF; */ width: 895px; color: #CC6600; /*border-bottom: 1px solid #f68263;*/ cursor: pointer; background-color:#CCCCCC; border:1px dashed #c6c6c6; } .accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; cursor: pointer; } .accordion_content h2 { /*font-size:0.8em; padding:20px 0; letter-spacing:-1px; /*margin: 15px 0 5px 10px;*/ color:#999999; border-right:1px solid #c6c6c6; /*line-height: 150%;*/ padding: 5px 10px 5px 10px; font-size:11px; line-height:15px; font-weight:bold; } .accordion_content p { /*line-height: 150%;*/ padding: 0px 0px 0px 0px; font-size:11px; line-height:15px; /*font-weight:bold;*/ } .vertical_accordion_toggle { /* SOUS-ACCORDEON : C'EST LA QUE CA SE PASSE */ display: block; height: 15px; width: 895px; /* background: url(images/accordion_toggle.jpg) no-repeat top right #FFFFFF; */ padding: 10px 10px 10px 10px; /* 0 10px 0 10px; */ line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; /* font-size: 12px;*/ /*font-size:1em;padding:15px 0 25px 0;letter-spacing:-1px;*/ color: #c6c6c6; border-bottom: 1px solid #c6c6c6; cursor: pointer; margin: 0 0 0 5px; /* AJOUT A MODIFIER */ font-weight: normal; font-size: 1em; padding:10px; color: #666666; } .vertical_accordion_toggle_active { /* background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; */ color: #666666; border-bottom: 1px solid #c6c6c6; } .vertical_accordion_content { background-color: #FFFFFF; color: #666666; overflow: hidden; cursor: pointer; } .vertical_accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; } .vertical_accordion_content p { line-height: 150%; padding: 5px 0px 0px 15px; /* 0px 10px 15px 10px; */ } /* Horizontal Accordion */ .horizontal_accordion_toggle { /* REQUIRED */ float: left; /* This make sure it stays horizontal */ /* REQUIRED */ display: block; height: 100px; width: 30px; /* background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a; */ color: #ffffff; text-decoration: none; outline: none; border-right: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; } .horizontal_accordion_toggle_active { border-right: 1px solid #c6c6c6; } .horizontal_accordion_content { /* REQUIRED */ height: 50px; /* 100 px We need to define a height for the accordion as it stretches the width */ float: left; /* This make sure it stays horizontal */ /* REQUIRED */ overflow: hidden; background-color: #ffffff; color: #444444; } .horizontal_accordion_content p { width: 250px; /* 450 px */ line-height: 150%; /*padding: 5px 10px 15px 10px;*/ } /* Container styling*/ /* #horizontal_container { margin: 20px auto 20px auto; width: 680px; height: 100px; } #vertical_nested_container { margin: 20px auto 20px auto; width: 420px; } #vertical_nested_container { margin: 20px auto 10px auto; width: 150px; } */ #vertical_nested_container { margin: 5px 10px 20px 5px; width: 420px; } ul.retrait { margin: 0 0 0 22px; List-Style-Position: Outside;} #sq_orange { list-style-image:url("http://www.sofa-street.com/articles/img/sq_orange.jpg");} li#sq_orange { margin: 0 0 0 5px; } .sq_orange { list-style-image:url("http://www.sofa-street.com/articles/img/sq_orange.jpg");} li.sq_orange { margin: 0 0 0 5px; } html:not([lang*=""]) li.sq_orange { margin: 0 0 0 10px; } #sq_coche { list-style-image:url("http://www.sofa-street.com/articles/img/coche.jpg"); } #BgIntroArt { background-color:#f6f6f6; } .articleList{ margin:0px; padding:2px; } .articleList li{ /* General layout article in list */ list-style-type:square; border:0px solid #999; background-color:#FFFFFF; height:10px; margin:1px; padding:2px; color:#c6c6c6; cursor:default; } .articleList li.articleMouseOver{ /* Mouse over article in list - layout */ border:0px solid #000; color:#666666; background-color:none; } .articleList li.articleClick{ /* Active article in list - layout */ border:0px solid #000; color:#FFFFFF; background-color:#c6c6c6; } .keyText{ /* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */ background-color:#FFF; border:1px dotted #000; float:right; margin-top:5px; margin-left:5px; margin-bottom:5px; width:150px; padding:3px; } .keyImage{ /* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */ background-color:#FFF; border:1px dotted #000; float:both; margin-top:20px; margin-left:5px; margin-right:5px; margin-bottom:40px; padding:3px; } .keyImage2{ /* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */ background-color:#FFF; border:1px dashed #c6c6c6; margin:0 15px 0 10px; text-align:left; margin-top:5px; margin-left:5px; margin-bottom:5px; padding:15px; /*width:90%;*/ } /* **************************** */ .keyImage3{ /* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */ background:url("../../img/bg_fp.jpg") no-repeat 0% 0;height:80px; margin-top:1px; margin-right:1px; text-align:right; } .keyImage_flash{ /* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */ height:290px; margin:0 auto 0px auto; width:1024px; text-align:center; background:url("../../img/body.jpg") repeat-y; } #fond { height: 100%; width: 100%; } /* **************************** */ .clear{ clear:both; } /* ----------------------------------------------Onglets principes généraux----------------------------------------------------------------*/ /*.onglet_item_pic {float:left; width:122px; height:50px;}*/ /*.onglet_title_H1 { text-transform: uppercase; line-height: 16px; color: #666666; font-size:10px; background-color:#FFFFFF; font-weight:bold; }*/ .onglet_title_H1 { text-transform: uppercase; line-height: 17px; color: #333333; font-size:11px; background-color:#e3e07f; font-weight:bold; } .home_item {width:250px; margin:0 auto; } .home_item_large {width:370px; margin:0 auto; } .home_item_lien {width:822px; margin:0 auto; } .home_item_accroche { height:160px; /*margin-left:60px; padding-top:0px; width:250px; text-align:left; float:left; border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin; margin-top:15px;*/ *margin-top:-70px; } .home_item_global_lien { text-align:left; float:left; /*border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin;*/ background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .home_item_global_formation { margin-left:60px; padding-top:0px; height:160px; text-align:left; float:left; border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin; margin-top:15px; *width:250px; background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .home_item_global_solution_1 { margin-left:34px; margin-top:150px; padding-top:0px; height:160px; width:250px; text-align:left; float:left; border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin; margin-top:15px; /*background-image: url(http://www.sofa-street.com/articles/js/tabbedContent/images/transparent.png) !important; /* Mozilla uniquement */ background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .home_item_global_solution_2 { margin-left:34px; padding-top:0px; height:160px; width:250px; text-align:left; float:left; border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin; margin-top:40px; background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .home_item_global_titre_orange { text-align:left; float:left; /*border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin;*/ background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .home_item_global_espace { margin-left:80px; padding-top:0px; height:440px; width:370px; text-align:left; float:left; border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin; margin-top:15px; background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .home_item_global_contact { margin-left:80px; padding-top:0px; height:440px; width:370px; text-align:left; float:left; border-top:outset thin; border-left:outset thin; border-right:outset thin; border-bottom:outset thin; margin-top:45px; background-color: #ffffff; /* IE uniquement */ filter:alpha(opacity=93); } .onglet_page_1 { background-image:url(http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_1/fond_onglet_1bis.jpg); height:700px; /*width:1004px;*/ } .onglet_page_2 { background-image:url(http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/fond_onglet_2bis.jpg); height:700px; /*width:1004px;*/ } .onglet_page_3 { background-image:url(http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_3/fond_onglet_3_bis.jpg); height:700px;} .onglet_page_4 { background-image:url(http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_4/fond_onglet_4.jpg); height:700px;} .onglet_page_5 { background-image:url(http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_5/fond_onglet_5.jpg); height:700px;} .onglet_item_1_1 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_1/visuel_1_1.jpg'); background-repeat:no-repeat; } .onglet_item_1_2 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_1/visuel_1_2.jpg'); background-repeat:no-repeat; } .onglet_item_1_3 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_1/visuel_1_3.jpg'); background-repeat:no-repeat; } .onglet_item_2_1 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/visuel_2_1.jpg'); background-repeat:no-repeat; } .onglet_item_2_2 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/visuel_2_2.jpg'); background-repeat:no-repeat; } .onglet_item_2_3 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/visuel_2_3.jpg'); background-repeat:no-repeat; } .onglet_item_2_4 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/visuel_2_4.jpg'); background-repeat:no-repeat; } .onglet_item_2_5 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/visuel_2_5.jpg'); background-repeat:no-repeat; } .onglet_item_2_6 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_2/visuel_2_6.jpg'); background-repeat:no-repeat; } .onglet_item_3_1 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_3/visuel_3_1.jpg'); background-repeat:no-repeat; } .onglet_item_3_2 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_3/visuel_3_2.jpg'); background-repeat:no-repeat; } .onglet_item_3_3 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_3/visuel_3_3.jpg'); background-repeat:no-repeat; } /*.onglet_item_3_4 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_3/visuel_3_4.jpg'); background-repeat:no-repeat; } .onglet_item_3_5 { width:100px; height:100px; float:left; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/home/onglet_3/visuel_3_5.jpg'); background-repeat:no-repeat; }*/ /* ------------ wrap ---------------- */ .onglet_item_wrap { overflow:hidden; height:120px; } .home_item_global_solution_1 .onglet_item_wrap { overflow:hidden; height:140px; } .home_item_global_solution_2 .onglet_item_wrap { overflow:hidden; height:140px; } .home_item_global_espace .onglet_item_wrap_inscrip { overflow:hidden; height:255px; } .onglet_item_contenu {/*margin-left:110px;*/ width:125px; margin: 4px 4px 4px 4px; font-size: 11px; color: #333333; line-height:12px; /*font-weight:bold;*/ /* pour la transparence */ /*position: relative;*/ float:left; } .onglet_item_contenu_large {/*margin-left:110px;*/ width:260px; margin: 4px 4px 4px 4px; font-size: 11px; color: #333333; line-height:12px; /*font-weight:bold;*/ /* pour la transparence */ /*position: relative;*/ float:left; } .onglet_item_contenu_largeContact {/*margin-left:110px; PBE 13032011*/ width:340px; margin: 4px 4px 4px 4px; font-size: 11px; color: #333333; line-height:12px; /*font-weight:bold;*/ /* pour la transparence */ /*position: relative;*/ float:left; } .onglet_item_contenu p { /* This is the container which set text to solid color. position: relative used for IE */ font-size: 11px; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } .onglet_item_footer {float:right; margin:5px 0 0 0; } .puce_orange { line-height: 12px; background-image: url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_orange.gif'); background-repeat: no-repeat; padding-right: 8px; background-position: 0 0.35em; } .puce_verte{ line-height: 12px; background-image: url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_verte.gif'); background-repeat: no-repeat; padding-right: 8px; background-position: 0 0.35em; } .home_item_global_solution_lien .onglet_item_footer {float:right; margin:20px 0 0 0; } /*.home_item_global_solution_lien .onglet_item_footer a:link { font-size:13px; } */ /* ----------------------------------------------Onglet 1----------------------------------------------------------------*/ DIV.onglet_page_1 A.titreniveau1:link, DIV.onglet_page_1 A.titreniveau1 {color:#CC6600; } DIV.onglet_page_1 A.titreniveau2:link, DIV.onglet_page_1 A.titreniveau2:visited {color: #8ab743; } DIV.onglet_page_1 A.titreniveau3:link, DIV.onglet_page_1 A.titreniveau3:visited {color: #8ab743; } DIV.onglet_page_1 A.titreniveau4:link, DIV.onglet_page_1 A.titreniveau4:visited {color: #8ab743; } td.Style_noir_petit {font-size: 75%;} DIV.retrait { float:none} div.contenu_onglet h1 {color:#016C42;font-size:150%;margin:0 0 8px;padding:0;} h1 div.titreFiche {color:#016C42;font-size:100%;margin:0 0 8px;padding:0;} div.contenu_onglet p {clear: both; } div.rubrique div.rTitre, div.contenu_onglet h3 {color:#016C42;font-size:130%;font-weight:bold;} div.sousRubrique div.sTitre, div.contenu_onglet h4 {color:#FF6600;font-size:110%;font-weight:bold;} div.encartActu {background-color:#DDFFAA;border:1px solid #99CC33;line-height:160%;margin-bottom:10px;margin-top:20px;padding:8px;} .anonyme #ident {background-color:#f0f0f0;padding-bottom:0px;} div.contenu_onglet .vert, div.contenu_onglet a.vert:link, div.contenu_onglet a.vert:visited, div.contenu_onglet a.vert:hover {color:#016C42;} div.contenu_onglet a.titreniveau2:link, div.contenu_onglet a.titreniveau2:visited {color:#016C42;} .rose {color: #E2168E;} .fuchsia {color: #960D85;} .aubergine {color: #4A0454;} div.onglet_page_1 a.aubergine,div.contenu_onglet a.aubergine:visited{color:#4A0454; text-decoration:none;} div.onglet_page_1 a.aubergine:hover{color:#4A0454; text-decoration:underline;} div.onglet_page_1 a.fuchsia,div.contenu_onglet a.fuchsia:visited{color: #960D85; text-decoration:none;} div.onglet_page_1 a.fuchsia:hover{color: #960D85; text-decoration:underline;} div.onglet_page_1 a.rose,div.contenu_onglet a.rose:visited{color:#E2168E; text-decoration:none;} div.onglet_page_1 a.rose:hover{color:#E2168E; text-decoration:underline;} .onglet_page_1 TABLE.colonnes {margin-top: 8px; width: 99%;font-size: 11px;} DIV.contenu_onglet .onglet_table A:link, DIV.contenu_onglet .onglet_table A:visited,.onglet_table .gris {color: #777a7d;text-decoration: none;} DIV.contenu_onglet .onglet_table A:hover {color: #777a7d;text-decoration: underline;} .onglet_page_1 TABLE.colonnes TD {text-align: left; width: 33%; vertical-align: top; padding: 0px 8px 0px 10px; border-right: #c9c9c9 1px solid;} .onglet_page_1 TABLE.colonnes TD.first { border-left : #c9c9c9 1px solid;} .onglet_page_1 TABLE.colonnes TD.last {border: none;} .onglet_page_1 TABLE.colonnes OL.simple { margin: 0 0 8px 2px; padding: 0;} /*.simple { margin: 0 0 8px 2px; padding: 0;}*/ .onglet_page_1 TABLE.colonnes OL {line-height: 12px;list-style-type: none; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_grise.gif');background-repeat: no-repeat; background-position: 0 0.25em; padding-left : 8px;} .onglet_page_1 TABLE.colonnes P { margin: 4px 0 4px 0;} .onglet_page_1 TABLE.colonnes P IMG { vertical-align: middle; padding-bottom: 2px;} /*.onglet_page_1 .onglet_1_img_1 { background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/onglet_1/visuel_1.jpg'); width:122px; height:122px; background-repeat:no-repeat; } .onglet_page_1 .onglet_1_txt_1 { margin-top: 12px; font-size: 11px; color: #333333; line-height:11px; width:200px; } .onglet_page_1 .onglet_1_img_2 { background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/onglet_1/visuel_2.jpg'); width:122px; height:122px; background-repeat:no-repeat; } .onglet_page_1 .onglet_1_txt_2 { margin-top: 12px; font-size: 11px; color: #333333; line-height:11px; width:200px; }*/ /* ----------------------------------------------Onglet 2----------------------------------------------------------------*/ DIV.onglet_page_2 A.titreniveau1:link, DIV.onglet_page_2 A.titreniveau1 {color: #F8932C; } DIV.onglet_page_2 A.titreniveau2:link, DIV.onglet_page_2 A.titreniveau2:visited {color: #8ab743; } DIV.onglet_page_2 A.titreniveau3:link, DIV.onglet_page_2 A.titreniveau3:visited {color: #8ab743; } DIV.onglet_page_2 A.titreniveau4:link, DIV.onglet_page_2 A.titreniveau4:visited {color: #8ab743; } td.Style_noir_petit {font-size: 75%;} DIV.retrait { float:none} div.contenu_onglet h1 {color:#016C42;font-size:150%;margin:0 0 8px;padding:0;} h1 div.titreFiche {color:#016C42;font-size:100%;margin:0 0 8px;padding:0;} div.contenu_onglet p {clear: both; } div.rubrique div.rTitre, div.contenu_onglet h3 {color:#016C42;font-size:130%;font-weight:bold;} div.sousRubrique div.sTitre, div.contenu_onglet h4 {color:#FF6600;font-size:110%;font-weight:bold;} div.encartActu {background-color:#DDFFAA;border:1px solid #99CC33;line-height:160%;margin-bottom:10px;margin-top:20px;padding:8px;} .anonyme #ident {background-color:#f0f0f0;padding-bottom:0px;} div.contenu_onglet .vert, div.contenu_onglet a.vert:link, div.contenu_onglet a.vert:visited, div.contenu_onglet a.vert:hover {color:#016C42;} div.contenu_onglet a.titreniveau2:link, div.contenu_onglet a.titreniveau2:visited {color:#016C42;} .rose {color: #E2168E;} .fuchsia {color: #960D85;} .aubergine {color: #4A0454;} div.contenu_onglet a.aubergine,div.contenu_onglet a.aubergine:visited{color:#4A0454; text-decoration:none;} div.contenu_onglet a.aubergine:hover{color:#4A0454; text-decoration:underline;} div.contenu_onglet a.fuchsia,div.contenu_onglet a.fuchsia:visited{color: #960D85; text-decoration:none;} div.contenu_onglet a.fuchsia:hover{color: #960D85; text-decoration:underline;} div.contenu_onglet a.rose,div.contenu_onglet a.rose:visited{color:#E2168E; text-decoration:none;} div.contenu_onglet a.rose:hover{color:#E2168E; text-decoration:underline;} .onglet_page_2 TABLE.colonnes {margin-top: 8px; width: 99%;font-size: 11px;} DIV.contenu_onglet .onglet_table A:link, DIV.contenu_onglet .onglet_table A:visited,.onglet_table .gris {color: #777a7d;text-decoration: none;} DIV.contenu_onglet .onglet_table A:hover {color: #777a7d;text-decoration: underline;} .onglet_page_2 TABLE.colonnes TD {text-align: left; width: 35%; vertical-align: top; padding: 0px 8px 0px 10px; border-right: #c9c9c9 1px solid; } .onglet_page_2 TABLE.colonnes TD.last {border: none;} .onglet_page_2 TABLE.colonnes OL.simple { margin: 0 0 8px 2px; padding: 0;} .simple { margin: 0 0 8px 2px; padding: 0;} .onglet_page_2 TABLE.colonnes OL {line-height: 12px;list-style-type: none; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_grise.gif');background-repeat: no-repeat; background-position: 0 0.25em; padding-left : 8px;} .onglet_page_2 TABLE.colonnes P { margin: 4px 0 4px 0;} .onglet_page_2 TABLE.colonnes P IMG { vertical-align: middle; padding-bottom: 2px;} .onglet_page_2 TABLE.legal { margin-top: 12px;font-size: 9px; color : #777A7D} /* ----------------------------------------------Onglet 4----------------------------------------------------------------*/ DIV.onglet_page_4 A.titreniveau1:link, DIV.onglet_page_4 A.titreniveau1 {color: #F8932C; } DIV.onglet_page_4 A.titreniveau2:link, DIV.onglet_page_4 A.titreniveau2:visited {color: #8ab743; } DIV.onglet_page_4 A.titreniveau3:link, DIV.onglet_page_4 A.titreniveau3:visited {color: #8ab743; } DIV.onglet_page_4 A.titreniveau4:link, DIV.onglet_page_4 A.titreniveau4:visited {color: #8ab743; } td.Style_noir_petit {font-size: 75%;} DIV.retrait { float:none} div.contenu_onglet h1 {color:#016C42;font-size:150%;margin:0 0 8px;padding:0;} h1 div.titreFiche {color:#016C42;font-size:100%;margin:0 0 8px;padding:0;} div.contenu_onglet p {clear: both; } div.rubrique div.rTitre, div.contenu_onglet h3 {color:#016C42;font-size:130%;font-weight:bold;} div.sousRubrique div.sTitre, div.contenu_onglet h4 {color:#FF6600;font-size:110%;font-weight:bold;} div.encartActu {background-color:#DDFFAA;border:1px solid #99CC33;line-height:160%;margin-bottom:10px;margin-top:20px;padding:8px;} .anonyme #ident {background-color:#f0f0f0;padding-bottom:0px;} div.contenu_onglet .vert, div.contenu_onglet a.vert:link, div.contenu_onglet a.vert:visited, div.contenu_onglet a.vert:hover {color:#016C42;} div.contenu_onglet a.titreniveau2:link, div.contenu_onglet a.titreniveau2:visited {color:#016C42;} .rose {color: #E2168E;} .fuchsia {color: #960D85;} .aubergine {color: #4A0454;} div.contenu_onglet a.aubergine,div.contenu_onglet a.aubergine:visited{color:#4A0454; text-decoration:none;} div.contenu_onglet a.aubergine:hover{color:#4A0454; text-decoration:underline;} div.contenu_onglet a.fuchsia,div.contenu_onglet a.fuchsia:visited{color: #960D85; text-decoration:none;} div.contenu_onglet a.fuchsia:hover{color: #960D85; text-decoration:underline;} div.contenu_onglet a.rose,div.contenu_onglet a.rose:visited{color:#E2168E; text-decoration:none;} div.contenu_onglet a.rose:hover{color:#E2168E; text-decoration:underline;} .onglet_page_4 TABLE.colonnes {margin-top: 8px; width: 99%;font-size: 11px;} DIV.contenu_onglet .onglet_table A:link, DIV.contenu_onglet .onglet_table A:visited,.onglet_table .gris {color: #777a7d;text-decoration: none;} DIV.contenu_onglet .onglet_table A:hover {color: #777a7d;text-decoration: underline;} .onglet_page_4 TABLE.colonnes TD {text-align: left; width: 35%; vertical-align: top; padding: 0px 8px 0px 10px; border-right: #c9c9c9 1px solid; } .onglet_page_4 TABLE.colonnes TD.last {border: none;} .onglet_page_4 TABLE.colonnes OL.simple { margin: 0 0 8px 2px; padding: 0;} .simple { margin: 0 0 8px 2px; padding: 0;} .onglet_page_4 TABLE.colonnes OL {line-height: 12px;list-style-type: none; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_grise.gif');background-repeat: no-repeat; background-position: 0 0.25em; padding-left : 8px;} .onglet_page_4 TABLE.colonnes P { margin: 4px 0 4px 0;} .onglet_page_4 TABLE.colonnes P IMG { vertical-align: middle; padding-bottom: 2px;} .onglet_page_4 TABLE.legal { margin-top: 12px;font-size: 9px; color : #777A7D} /* ----------------------------------------------Onglet 5----------------------------------------------------------------*/ DIV.onglet_page_5 A.titreniveau1:link, DIV.onglet_page_5 A.titreniveau1 {color: #F8932C; } DIV.onglet_page_5 A.titreniveau2:link, DIV.onglet_page_5 A.titreniveau2:visited {color: #8ab743; } DIV.onglet_page_5 A.titreniveau3:link, DIV.onglet_page_5 A.titreniveau3:visited {color: #8ab743; } DIV.onglet_page_5 A.titreniveau4:link, DIV.onglet_page_5 A.titreniveau4:visited {color: #8ab743; } td.Style_noir_petit {font-size: 75%;} DIV.retrait { float:none} div.contenu_onglet h1 {color:#016C42;font-size:150%;margin:0 0 8px;padding:0;} h1 div.titreFiche {color:#016C42;font-size:100%;margin:0 0 8px;padding:0;} div.contenu_onglet p {clear: both; } div.rubrique div.rTitre, div.contenu_onglet h3 {color:#016C42;font-size:130%;font-weight:bold;} div.sousRubrique div.sTitre, div.contenu_onglet h4 {color:#FF6600;font-size:110%;font-weight:bold;} div.encartActu {background-color:#DDFFAA;border:1px solid #99CC33;line-height:160%;margin-bottom:10px;margin-top:20px;padding:8px;} .anonyme #ident {background-color:#f0f0f0;padding-bottom:0px;} div.contenu_onglet .vert, div.contenu_onglet a.vert:link, div.contenu_onglet a.vert:visited, div.contenu_onglet a.vert:hover {color:#016C42;} div.contenu_onglet a.titreniveau2:link, div.contenu_onglet a.titreniveau2:visited {color:#016C42;} .rose {color: #E2168E;} .fuchsia {color: #960D85;} .aubergine {color: #4A0454;} div.contenu_onglet a.aubergine,div.contenu_onglet a.aubergine:visited{color:#4A0454; text-decoration:none;} div.contenu_onglet a.aubergine:hover{color:#4A0454; text-decoration:underline;} div.contenu_onglet a.fuchsia,div.contenu_onglet a.fuchsia:visited{color: #960D85; text-decoration:none;} div.contenu_onglet a.fuchsia:hover{color: #960D85; text-decoration:underline;} div.contenu_onglet a.rose,div.contenu_onglet a.rose:visited{color:#E2168E; text-decoration:none;} div.contenu_onglet a.rose:hover{color:#E2168E; text-decoration:underline;} .onglet_page_5 TABLE.colonnes {margin-top: 8px; width: 99%;font-size: 11px;} DIV.contenu_onglet .onglet_table A:link, DIV.contenu_onglet .onglet_table A:visited,.onglet_table .gris {color: #777a7d;text-decoration: none;} DIV.contenu_onglet .onglet_table A:hover {color: #777a7d;text-decoration: underline;} .onglet_page_5 TABLE.colonnes TD {text-align: left; width: 35%; vertical-align: top; padding: 0px 8px 0px 10px; border-right: #c9c9c9 1px solid; } .onglet_page_5 TABLE.colonnes TD.last {border: none;} .onglet_page_5 TABLE.colonnes OL.simple { margin: 0 0 8px 2px; padding: 0;} .simple { margin: 0 0 8px 2px; padding: 0;} .onglet_page_5 TABLE.colonnes OL {line-height: 12px;list-style-type: none; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_grise.gif');background-repeat: no-repeat; background-position: 0 0.25em; padding-left : 8px;} .onglet_page_5 TABLE.colonnes P { margin: 4px 0 4px 0;} .onglet_page_5 TABLE.colonnes P IMG { vertical-align: middle; padding-bottom: 2px;} .onglet_page_5 TABLE.legal { margin-top: 12px;font-size: 9px; color : #777A7D} /* ----------------------------------------------Footer----------------------------------------------------------------*/ DIV.contenu A.titreniveau1:link, DIV.contenu A.titreniveau1 {color: #F8932C; } DIV.contenu A.titreniveau2:link, DIV.contenu A.titreniveau2:visited {color: #8ab743; } DIV.contenu A.titreniveau3:link, DIV.contenu A.titreniveau3:visited {color: #8ab743; } DIV.contenu A.titreniveau4:link, DIV.contenu A.titreniveau4:visited {color: #8ab743; } td.Style_noir_petit {font-size: 75%;} DIV.retrait { float:none} div.contenu h1 {color:#016C42;font-size:150%;margin:0 0 8px;padding:0;} h1 div.titreFiche {color:#016C42;font-size:100%;margin:0 0 8px;padding:0;} div.contenu p {clear: both; } div.rubrique div.rTitre, div.contenu h3 {color:#016C42;font-size:130%;font-weight:bold;} div.sousRubrique div.sTitre, div.contenu h4 {color:#FF6600;font-size:110%;font-weight:bold;} div.encartActu {background-color:#DDFFAA;border:1px solid #99CC33;line-height:160%;margin-bottom:10px;margin-top:20px;padding:8px;} .anonyme #ident {background-color:#f0f0f0;padding-bottom:0px;} div.contenu .vert, div.contenu a.vert:link, div.contenu a.vert:visited, div.contenu a.vert:hover {color:#016C42;} div.contenu a.titreniveau2:link, div.contenu a.titreniveau2:visited {color:#016C42;} .rose {color: #E2168E;} .fuchsia {color: #960D85;} .aubergine {color: #4A0454;} div.contenu a.aubergine,div.contenu a.aubergine:visited{color:#4A0454; text-decoration:none;} div.contenu a.aubergine:hover{color:#4A0454; text-decoration:underline;} div.contenu a.fuchsia,div.contenu a.fuchsia:visited{color: #960D85; text-decoration:none;} div.contenu a.fuchsia:hover{color: #960D85; text-decoration:underline;} div.contenu a.rose,div.contenu a.rose:visited{color:#E2168E; text-decoration:none;} div.contenu a.rose:hover{color:#E2168E; text-decoration:underline;} .footertable TABLE.colonnes {margin-top: 8px; width: 99%;font-size: 11px;} DIV.contenu .footertable A:link, DIV.contenu .footertable A:visited,.footertable .gris {color: #777a7d;text-decoration: none;} DIV.contenu .footertable A:hover {color: #777a7d;text-decoration: underline;} .footertable TABLE.colonnes TD {text-align: left; width:25%; vertical-align: top; padding: 0px 8px 0px 10px; border-right: #c9c9c9 1px solid; } .footertable TABLE.colonnes TD.foot_first { border-left : #c9c9c9 1px solid; width:25%; } .footertable TABLE.colonnes TD.foot_last {border: none; width:25%; } .footertable TABLE.colonnes UL.simple { margin: 0 0 8px 2px; padding: 0;} .footertable TABLE.colonnes LI {line-height: 12px;list-style-type: none; background-image : url('http://www.sofa-street.com/articles/js/tabbedContent/images/puce_triangle_grise.gif');background-repeat: no-repeat; background-position: 0 0.25em; padding-left : 8px;} .footertable TABLE.colonnes P { margin: 4px 0 4px 0;} .footertable TABLE.colonnes P IMG { vertical-align: middle; padding-bottom: 2px;} .footertable TABLE.legal { margin-top: 12px;font-size: 9px; color : #777A7D} .footer_title_H1 { text-transform: uppercase; line-height: 5px; color: #666666; font-size:9px; background-color:#FFFFFF; } /* ----------------------------------------------Footer bis (test)----------------------------------------------------------------*/ .gradient1 { /* Anciens navigateurs */ background: #dadada url("http://www.sofa-street.com/footer/bg1/gradient-bg.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Internet Explorer */ *background: #dadada; background: #dadada\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFdadada, endColorstr=#FFffffff); } @media all and (min-width: 0px) { .gradient { /* Opera */ background: #dadada url("http://www.sofa-street.com/footer/bg1/gradient-bg.svg"); /* Navigateurs récents */ background-image: -moz-linear-gradient( top, #dadada, #ffffff ); background-image: -webkit-gradient( linear, left top, left bottom, from(#dadada), to(#ffffff) ); } } .gradient2 { /* Anciens navigateurs */ background: #dadada url("http://www.sofa-street.com/footer/bg2/gradient-bg.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Internet Explorer */ *background: #dadada; background: #dadada\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFdadada, endColorstr=#FFcc6600); } @media all and (min-width: 0px) { .gradient { /* Opera */ background: #dadada url("http://www.sofa-street.com/footer/bg2/gradient-bg.svg"); /* Navigateurs récents */ background-image: -moz-linear-gradient( top, #dadada, #cc6600 ); background-image: -webkit-gradient( linear, left top, left bottom, from(#dadada), to(#cc6600) ); } } .gradient3 { /* Anciens navigateurs */ background: #dadada url("http://www.sofa-street.com/footer/bg3/gradient-bg.png") repeat-y left; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Internet Explorer */ *background: #dadada; background: #dadada\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#FFdadada, endColorstr=#FFffffff); } @media all and (min-width: 0px) { .gradient { /* Opera */ background: #dadada url("http://www.sofa-street.com/footer/bg3/gradient-bg.svg"); /* Navigateurs récents */ background-image: -moz-linear-gradient( left, #dadada, #ffffff ); background-image: -webkit-gradient( linear, left top, right top, from(#dadada), to(#ffffff) ); } } /*.footer{ background-color: transparent; background-image: url('http://www.sofa-street.com/articles/img/gradientbottom.jpg'); background-repeat: repeat-x; color: #909090; font-size: 90%; margin: 0px; padding-bottom: 0px; padding-bottom: 0px; padding: 7px 20px 0px; padding-top: 7px; padding-top: 7px; }*/ .cours { text-transform: uppercase; line-height: 6px; color: #666666; font-size:9px; background-color:#EDEDED; padding:0 5px 0 5px; border:#D1D1D1 1px;} .formu { text-transform: uppercase; line-height: 6px; color:#4F7DD2; font-size:9px; background-color:#EDEDED; padding:0 8px 0 8px; border:#D1D1D1 1px;} .packs { text-transform: uppercase; line-height: 6px; color:#B8671D; font-size:9px; background-color:#EDEDED; padding:0 9px 0 8px; border:#D1D1D1 1px;} .cel { line-height: 5px; color:#663366; font-size:9px; background-color:#FFFFFF; } .gl { line-height: 5px; color: #CCCC00; font-size:9px; background-color:#FFFFFF; } .ap { line-height: 5px; color: #CCCC00; font-size:9px; background-color:#FFFFFF; } .aa { line-height: 5px; color: #CCCC00; font-size:9px; background-color:#FFFFFF; } .pa { line-height: 5px; color: #006699; font-size:9px; background-color:#FFFFFF; } .mm { line-height: 5px; color: #006699; font-size:9px; background-color:#FFFFFF; } .pp { line-height: 5px; color: #006699; font-size:9px; background-color:#FFFFFF; } .ps { line-height: 5px; color: #006699; font-size:9px; background-color:#FFFFFF; } .sd { line-height: 5px; color: #006699; font-size:9px; background-color:#FFFFFF; } /*-----------------------------------------------Footer----------------------------------------------------------------*/