/* CSS Document */ /* projet Polyrésine */ /* réalisé par younes CHRAK en join 2009 : */ /* pour tous les navigateurs */ /*---DEB General ------*/ * { padding:0; margin: 0; border:none; } body { padding:0; margin:0; background:url(http://www.polyresine.fr/images/bg_body.gif) 0 0 repeat ; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 11px; } #page { width:988px; margin:0 auto; } .clear {clear:both; height:0px; width:0px;} ul {list-style:none;} h1, h2, h3 , h4 { font-weight:bold; margin:14px 0px; } h1 { font-size:21px; color: #FF9800; } h2 { font-size:17px; color: #1869A8; } h3 { font-size:14px; color: #2787D1; } h4 { font-size:12px; } hr { border-bottom: solid 0,5px #BBAC91;} a { color: #4DA3B0 ; text-decoration:none; cursor:pointer; } a:hover { text-decoration: underline ; } /*p,ul {line-height:18px;}*/ /* pour corriger l'alignement au niveau des partie principal du site */ #entete #top_menu , #entete #main_menu , #contenu , #pied { width:900px; position:relative; left:44px; } /*@@___________@@@ DEBUT CSS FORMULAIRE @@@_______________@@*/ form {} form #msg_err { color:red; height:22px; } form em { color:red; font-weight:bold;} /* conteneur des element de formulaires */ form #ctn_form { width:95%; margin:0 auto; padding:3%; } /* une ligne de formulaire */ form #ctn_form .cf_row {margin:8px 0; } form #ctn_form label { font-weight:bold; font-size:11px; display:block; float:left; width:26%; padding: 0 1%; text-align:right; } form #ctn_form .chp_txt, form .chp_cbo { border:solid 1px #ccc; width: 50% ; height:22px; } form #ctn_form .chp_txa { width:70%; height:100px; border:solid 1px #ccc; } form #ctn_form .bouttons { width:218px; position:relative; left : 33%; /* margin: 0 auto; */ } form #ctn_form .bouttons a.bouton_site { display:block; float:left; line-height:24px; text-align:center; width:100px; border:solid 2px #ADADAD; background:#CACACA; font-size:13px; font-weight:bold; color:#fff; margin:0px 2px; cursor:pointer; } /*@@___________@@@ FIN CSS FORMULAIRE @@@_______________@@*/ /* pour les images qui sont alignées en gauche , droit , */ .img_left { float:left; margin-right:10px; text-align:center; } .img_right { float:right; margin-left:10px; text-align:center ; } .nom_pdt {font-weight:bold; color : #3399ff; } /*---FIN General------*/ /*---DEB entete ------*/ #entete {width:100%; height:300px; position:relative; z-index:2; } #top_menu { background:#E0E0E0; border-top: solid 6px #858585; border-bottom:solid 6px #858585; height:30px; position:relative; } #langues { border-right: solid 1px #9A9A9A; width:34px; height:30px; padding: 0px 0px; position:relative; } #langues a { display:block; width:19px; height:11px; position:absolute; left : 7px; } #langues a#lang_fr { background:url(http://www.polyresine.fr/images/lang_fr.gif) no-repeat ; top : 3px } #langues a#lang_an { background:url(http://www.polyresine.fr/images/lang_an.gif) no-repeat; top : 16px ; } #mt_navig { position:absolute; width:400px; left:60px; top:9px; } #mt_navig li { float: left; } #mt_navig li a { display:block; color:#858585; font-size:11px; line-height:12px; text-decoration:none; margin:0 15px; padding-left:17px; } #mt_navig li a#mt_home { background:url(http://www.polyresine.fr/images/ico_home.gif) center left no-repeat; } #mt_navig li a#mt_plan { background:url(http://www.polyresine.fr/images/ico_plan.gif) center left no-repeat; } #mt_navig li a#mt_print { background:url(http://www.polyresine.fr/images/ico_print.gif) center left no-repeat; } #mt_search { line-height:30px; height:30px; width:288px ; float:right; border-left:solid 1px #9A9A9A; } #mt_search label#mt_lbl { color:#858585; font-size:11px; line-height:30px; margin:0 15px; padding-left:17px; background:url(http://www.polyresine.fr/images/ico_search.gif) no-repeat center left; } #mt_search #mt_txt { border-left:solid 2px #9F9F9F; border-top: solid 2px #9F9F9F; } #mt_search #bt_ok { color:#fff; width:15px; height:17px; background: url(http://www.polyresine.fr/images/bt_ok.gif) no-repeat center center #FF9800; font-size:9px; text-align:center; font-weight:bold; position:relative; } #top_banner { height:223px; background:url(http://www.polyresine.fr/images/top_banner_p2.jpg) 271px 0px no-repeat;} #top_banner_p1 { background:url(http://www.polyresine.fr/images/top_banner_p1.gif) no-repeat top left; height: 223px; width: 265px; float:left; position:relative; left:6px; position:relative; } #top_banner_p3 { background:url(http://www.polyresine.fr/images/top_banner_p3.gif) no-repeat top right; height: 223px; width: 280px; float:right; position:relative; } #solgon { position:absolute; left:-6px; top:37px; width:277px; text-align:center; font-family:Impact, Arial; font-size:21px; color:#000; font-weight:bold;} #solgon span { color:#FF9800; font-size:28px; text-transform:uppercase; font-weight:normal; } #logo {position:absolute; left:26px; top:57px; height: 55px; display:block; width: 234px; } #main_menu { width:100%; height:34px; position:relative; background:url(http://www.polyresine.fr/images/bg_main_menu.jpg) 0 0 repeat-x ; margin-top: 1px; } #main_menu li {float:left; display:block;} #main_menu li a {display:block; color:#A1D6FF; font-size:11px; line-height:34px; text-decoration:none; margin:0 15px; text-transform:uppercase; float:left; } #main_menu li a:hover{ text-decoration:none; color:#fff; } .mm_smenu { width:130px; position:absolute; top:299px; background:url(http://www.polyresine.fr/images/bg_mm_smenu.jpg) #0E61A3 0 0 repeat-x ; z-index:100; } .mm_smenu li { } .mm_smenu li a { display:block; line-height:30px; border-bottom: solid 1px #387DB4; text-decoration:none; width:93%; padding-left:7%; } .mm_smenu li a:hover { color:#fff; text-decoration:none; } #mm_smenu1 { left:44px} #mm_smenu2 {left:339px; width : 222px; } #mm_smenu3 {left:175px} /*---FIN entete ------*/ /*---DEB contenu ------*/ #contenu { position:relative; background:#DADADA; padding:10px 0px 0px; z-index:0; } #main_contenu { width: 95%; margin: 0px auto; background: #F2F2F2; height: auto !important; min-height:378px; height:378px;} #main_contenu #mc_left { width:25%; float:left; } #main_contenu #mc_right { width:75%; float:left; } /** @@ le menu accordeion de gauche @@**/ #main_contenu a.mcml_title { display:block; width:89%; padding-left:10%; margin:0 auto; line-height:30px ; background:#ccc; color:#fff; font-weight:bold; border-top: solid 2px #fff; border-bottom: solid 2px #fff; border-right: solid 4px #F2F2F2; border-left: solid 4px #F2F2F2; margin:1px 0px; } /** @@ le menu accordeion de gauche @@**/ #main_contenu ul { margin:10px 0 10px 10px; } #main_contenu ul li { background:url(http://www.polyresine.fr/images/puce_site.gif) 0px 1px no-repeat ; padding-left:15px ; margin:5px 0; } #ctn_affiche { width : 94%; padding : 1% 3% 1%; } #main_contenu a , .important { color: #FF9800 ; } .row_data { width:98%; padding:1%; border-bottom: solid 2px #DADADA; } .row_data img { float:left; } .row_data .rd_txt { float:right; width:547px; color:#000000; padding-top:10px; } /*---FIN contenu ------*/ /*** page glossaire ***/ #ctn_glossaire {} #ctn_glossaire p { margin:10px 0px; } #ctn_glossaire p strong { color:#1869A8; font-size :12px; } /*** Fin page glossaire ***/ /*** page contact ***/ .ctn_frm_bloc { background: #EAEAEA ; padding:3%; margin:15px 0; } #main_contenu form .bouttons a.bouton_site {color : #fff ; font-weight : bold; } #ctn_adresses {} #ctn_adresses .ca_box { width:32%; } #ctn_adresses #ca_box1 { float:left ; } #ctn_adresses #ca_box3 { float:right; } #ctn_adresses #ca_box2 { margin:0 auto; } /*** FIN page contact ***/ /*** page Rechargement ***/ #ctn_fiche-famille {} #ctn_fiche-famille .cff_item { float:left; display:block; width:217px ; padding-left:42px; height:19px; padding-top:13px; background:url(http://www.polyresine.fr/images/ico_pdf2.gif) center left no-repeat ; margin:0px 1px; margin:5px 4px; font-weight : bold; color : #747474 ; } .cea_row {} .cea_row .cea_item { float:left; margin:5px 10px; width:247px; height:170px; } .cea_row .cea_item p { width:182px; text-align : center ; } /*** FIN page Rechargement ***/ /** nos activite -> page calage ***/ #ctn_calage { } .cc_row { border-bottom:solid 1px #ccc; margin:0 auto; width:92%; padding:10px 0 !important; padding: 10px 0px 0px 0px ; } .cc_row img { float:right ; } .cc_row p { } .cc_row a.cc_fiche { display:block; font-size:13px; font-weight:bold; margin:25px auto 0; width:115px; line-height : 26px; background: url(http://www.polyresine.fr/images/ico_pdf2.gif) no-repeat; padding-left : 30px; } /*** FIN nos activite -> page calage ***/ /*---DEB pied ------*/ #pied { position:relative; background:#DADADA; text-align:center; margin-bottom:20px; line-height:30px; } #pied a#finashore { color:#7A7A7A; font-size:10px; } #pied a#finashore:hover { text-decoration:none; } /*---FIN pied ------*/