/*************************************************************************************************************************************************************************/ /* Redefinitions des balises HTML */ /*************************************************************************************************************************************************************************/ *{margin:0;padding:0;} body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#490505; font-weight:normal;} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, i, th, var{font-style:normal; font-weight:normal;} a{text-decoration:none; outline:none;} a:hover{text-decoration:underline;} select option{padding:0 3px;} ul li{list-style:none;} table{border-collapse:collapse; border-spacing:0;} hr {clear:left;height:1px;width:90%;color:#0000000;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Structure generale */ /*************************************************************************************************************************************************************************/ body{text-align:center; background:#3e3e3e url(http://www.ronsoffer.com/images/bg-body.jpg) repeat-x;} body.pg_index{background-image:url(http://www.ronsoffer.com/images/bg-body-index.jpg);} div#global{position:relative; width:100%;} div#bg_page{float:left; width:100%; background:url(http://www.ronsoffer.com/images/bg-page.jpg) no-repeat 50% 0%;} .pg_index div#bg_page{background:none;} div#page{position:relative; width:925px; height:664px; text-align:left; margin:0 auto;} .pg_index div#page{width:930px; height:624px; background:url(http://www.ronsoffer.com/images/bg-index.jpg) no-repeat;} /* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */ /* -------------- colonne gauche -------------- */ div#sidebar{float:left; width:205px; height:522px; padding:63px 27px 0 37px; margin-top:38px; background:url(http://www.ronsoffer.com/images/bg-sidebar.jpg) no-repeat;} /* logo */ div#logo{float:left; width:162px;} div#logo a{width:162px; height:62px; background:url(http://www.ronsoffer.com/images/bg-logo.gif) no-repeat; font-size:0px; color:#fff; text-indent:-9999px; display:block;} /* nav */ ul.nav{float:left; width:185px; padding:11px 0 0 20px; margin-top:19px; background:url(http://www.ronsoffer.com/images/bg-nav.png) no-repeat 3px 0px;} ul.nav li{float:left; width:185px; padding-top:10px;} ul.nav li a{float:left; height:15px; padding:2px 40px 0 7px; color:#515151; font-weight:bold; line-height:13px; display:block;} ul.nav li a#bt_accueil{color:#f60;} ul.nav li a#bt_priorites{padding-right:30px;} ul.nav li a#bt_domaine{padding-right:20px;} ul.nav li a#bt_membres{padding-right:10px;} ul.nav li a:hover, ul.nav li a.nav_on{color:#fff; text-decoration:none;} ul.nav li a#bt_cabinet:hover, ul.nav li a#bt_cabinet.nav_on{background-color:#7c0101;} ul.nav li a#bt_priorites:hover, ul.nav li a#bt_priorites.nav_on{background-color:#8ea4fd;} ul.nav li a#bt_domaine:hover, ul.nav li a#bt_domaine.nav_on{background-color:#f8b25a;} ul.nav li a#bt_membres:hover, ul.nav li a#bt_membres.nav_on{background-color:#658891;} /* -------------- contenu -------------- */ div#content{float:left; width:656px; margin-top:45px;} /* lien contact */ div#lk_contact{float:right; padding:3px 20px 0 0;} div#lk_contact a{padding-left:11px; background:url(http://www.ronsoffer.com/images/bg-fleche.gif) no-repeat 0px 3px; color:#fff; text-transform:uppercase;} /* select langues */ div#chx_lang{float:right; padding-right:15px;} div#chx_lang select{width:113px;} /* cadre central */ div#cadre{float:left; width:629px; height:475px; padding:14px 15px 22px 12px; margin-top:7px; background:url(http://www.ronsoffer.com/images/bg-cadre.jpg) no-repeat;} div#bg_interieur{float:left; position:relative; width:522px; height:350px; padding:125px 0 0 107px; background-repeat:no-repeat;} div.cabinet{background-image:url(http://www.ronsoffer.com/images/bg-cabinet.jpg);} div.membres{background-image:url(http://www.ronsoffer.com/images/bg-membres.jpg);} div.priorites{background-image:url(http://www.ronsoffer.com/images/bg-priorites.jpg);} div.domaine{background-image:url(http://www.ronsoffer.com/images/bg-domaine.jpg);} div.contacts{background-image:url(http://www.ronsoffer.com/images/bg-contacts.jpg);} div.mentions{background-image:url(http://www.ronsoffer.com/images/bg-contacts.jpg);} div#cadre h1{height:37px; background-repeat:no-repeat; color:#422935; text-transform:uppercase;} div#cadre div.priorites h1{color:#797979;} div#cadre div.cabinet h1{padding-top:20px; background-image:url(http://www.ronsoffer.com/images/bg-h1-cabinet.png);} div#cadre div.membres h1{background-image:url(http://www.ronsoffer.com/images/bg-h1-membres.png);} div#cadre div.priorites h1{padding-top:13px;background-image:url(http://www.ronsoffer.com/images/bg-h1-priorites.png);} div#cadre div.domaine h1{padding-top:34px; background-image:url(http://www.ronsoffer.com/images/bg-h1-domaine.png);} div#cadre div.contacts h1{padding-top:15px; background-image:url(http://www.ronsoffer.com/images/bg-h1-contacts.png);} div#cadre div.cabinet h1#eng {padding-top:20px; background-image:url(http://www.ronsoffer.com/images/bg-h1-cabinet_eng.png);} div#cadre div.membres h1#eng{background-image:url(http://www.ronsoffer.com/images/bg-h1-membres_eng.png);} div#cadre div.priorites h1#eng{padding-top:13px;background-image:url(http://www.ronsoffer.com/images/bg-h1-priorites_eng.png);} div#cadre div.domaine h1#eng{padding-top:0px; background-image:url(http://www.ronsoffer.com/images/bg-h1-domaine_eng.png);} div#cadre h1 span{font-size:0px; color:#fff; text-indent:-9999px;} /* bloc scroll */ div#bloc_scroll{float:left; width:522px; height:295px; margin-top:0; overflow:auto;} div.cabinet div#bloc_scroll{height:273px; margin-top:13px;} div.domaine div#bloc_scroll{height:276px; margin-top:0px;} div.membres div#bloc_scroll{height:300px; margin-top:10px;} div.contacts div#bloc_scroll{height:305px; margin-top:-10px;overflow:hidden;} div.domaine_eng div#bloc_scroll{height:305px !important;} div#bloc_scroll p.paragraphe{float:left;padding:0 10px 10px 0;} div.filet{float:left; width:481px; padding:10px 0; margin-bottom:10px; border:1px solid #9b3f40;} div.bg_filet{float:left; width:481px; background:url(http://www.ronsoffer.com/images/bg-filet.gif) repeat-y 240px 0px;} div#bloc_scroll div.col1{float:left; width:219px; padding:0 0 0 21px;} div#bloc_scroll div.col2{float:left; width:207px; padding:0 0 0 29px;} div#bloc_scroll div.chiffre{float:left; width:20px; font-size:13px; color:#f64904;} div#bloc_scroll div.texte{float:left; width:180px; padding:2px 0 4px 0;} div#bloc_scroll div.col2 div.texte{width:192px;} /* -------------- bottom -------------- */ div#footer{float:left; width:916px; padding-left:9px; color:#c6c6c6;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* CLASS génériques */ /*************************************************************************************************************************************************************************/ strong{font-weight:bold;} .clear{clear:both;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page membres.html */ /*************************************************************************************************************************************************************************/ /* bloc scroll */ div#bloc_scroll h2{height:15px; padding-bottom:4px; background-repeat:no-repeat; font-size:0px; color:#fff; text-indent:-9999px;} div#bloc_scroll h2.h2_rs{width:400px; background:url(http://www.ronsoffer.com/images/titre_rs.png) no-repeat top left;float:left;margin:0 0 0 -2px;} div#bloc_scroll h2.h2_zp{width:400px; background:url(http://www.ronsoffer.com/images/titre_zp.png) no-repeat top left;float:left;margin:0 0 0 -2px;} div#bloc_scroll h2.h2_az{width:400px; background:url(http://www.ronsoffer.com/images/titre_az.png) no-repeat top left;float:left;margin:0 0 0 -2px;} div#bloc_scroll h2.h2_sc{width:400px; background:url(http://www.ronsoffer.com/images/titre_sc.png) no-repeat top left;float:left;margin:0 0 0 -2px;} div#bloc_scroll p.paragraphe a{color:#490505; font-weight:bold; text-decoration:underline;} div#bloc_scroll p.paragraphe a:hover{text-decoration:none;} div#bloc_scroll p.paragraphe strong{color:#878e97;} /* nav interieure */ ul.side_interieur{position:absolute; left:6px; top:192px; width:78px;} ul.side_interieur li{padding-bottom:23px;} ul.side_interieur li a{font-size:10px; color:#000;} ul.side_interieur li a.int_on{font-weight:bold;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page domaine.html */ /*************************************************************************************************************************************************************************/ /* nav interieure */ ul.side_interieur_2 li{padding-bottom:4px;} ul.side_interieur_2 li a{font-size:9px; color:#000;} ul.side_interieur_2 li a.int_on{font-weight:bold;} ul.side_interieur_2 li a:hover{color:#f8b25a;text-decoration:none} div#support {position:absolute; width:78px; height:240px; overflow:hidden; border:0px solid #000;left:3px;top:200px;} div.domaine li.un_droit {margin-left:30px;;list-style-image:url('http://www.ronsoffer.com/images/fleche_orange.gif');} div.domaine span.titre_droit {margin:10px 5px 5px 0;font-weight:bold;} div.domaine div#bloc_scroll p.paragraphe {float:none;padding:10px;} div.domaine span.sous_titre {margin:4px 0 0 0;font-style:italic;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page priorites.html */ /*************************************************************************************************************************************************************************/ /* nav interieure */ div.priorites p.paragraphe span {color:#959697; font-size:14px;text-transform:uppercase;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page contacts.html */ /*************************************************************************************************************************************************************************/ /* nav interieure */ div.contacts p.plan {position:relative;top:0px;left:30px;} div.contacts div#bloc_scroll p.paragraphe{float:left;padding:10px 10px 10px 0;} /*************************************************************************************************************************************************************************/ /*************************************************************************************************************************************************************************/ /* Bloc css de la page index.html */ /*************************************************************************************************************************************************************************/ /* top index */ ul.top_index{float:left; width:583px; height:80px; padding:0 0 0 347px;} ul.top_index li{float:left; padding:54px 50px 0 11px; background:url(http://www.ronsoffer.com/images/bg-fleche.gif) no-repeat 0px 57px; color:#fff; line-height:13px; white-space:nowrap;} ul.top_index li a{color:#fff;} /* logo */ .pg_index h1{float:left; width:254px; padding:152px 0 0 89px;} .pg_index h1 a{width:162px; height:62px; background:url(http://www.ronsoffer.com/images/bg-logo.png) no-repeat; font-size:0px; color:#fff; text-indent:-9999px; display:block;} /* visuel */ div#visuel_index{float:left; width:560px; height:274px; padding:5px 0 0 4px;} /* nav index */ ul.nav_index{float:left; width:541px; height:64px; padding-left:6px; margin:65px 0 0 221px; background:url(http://www.ronsoffer.com/images/bg-nav-index.png) no-repeat; display:inline;} ul.nav_index li{float:left; height:24px;} ul.nav_index li.li_lang{width:146px; background:url(http://www.ronsoffer.com/images/bg-index-lang.gif) no-repeat; font-size:0px; text-indent:-9999px;} ul.nav_index li a{float:left; height:24px; background-repeat:no-repeat; font-size:0px; color:#939393; text-indent:-9999px; display:block;} ul.nav_index li a.bt_fr{width:202px; background-image:url(http://www.ronsoffer.com/images/bg-index-fr.gif);} ul.nav_index li a.bt_en{width:193px; background-image:url(http://www.ronsoffer.com/images/bg-index-en.gif);} /* bottom */ .pg_index div#footer{float:left; width:930px; padding-left:0px; margin-top:90px;} div#footer div#site{float:left; padding:5px 0 5px 14px; background:url(http://www.ronsoffer.com/images/bg-filet-bas.gif) repeat-y 3px 0px; color:#c6c6c6;} div#footer ul.liens_bas{float:right;} div#footer ul.liens_bas li{float:left; padding:5px 16px; background:url(http://www.ronsoffer.com/images/bg-filet-bas.gif) repeat-y right top;} div#footer ul.liens_bas li.li_last{background:none;} div#footer ul.liens_bas li a{color:#c6c6c6;}