/* CSS Document */ /* Ares */ /* réalisé par Youssef Lafdali le : */ /* pour tous les navigateurs */ /*---DEB General ------*/ * { padding:0; margin: 0; border:none; } body { padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #7B7B7B; font-size: 12px; } #page { width:850px; margin:5px auto 5px; background:url(../images/bg_page.gif) repeat-y top right #fff; } .clear , .clear_none {clear:both; height:0px; width:0px;} ul {list-style:none;} h1, h2, h3 , h4 { margin:12px 0px; } h1 { font-size:16px; background:url(../images/bg_h1.gif) repeat-x; height:20px; padding-top:15px; width:95%; padding-left:5%; color : #fff; margin:20px 0px; text-transform:uppercase; } h2 { font-size:14px; color:#BA2226; } h3 { font-size:12px; } h4 { font-size:11px; font-weight:bold; } hr { border-bottom: solid 0,5px #BBAC91;} a { color: #870003 ; text-decoration:none; cursor:pointer; } a:hover { text-decoration: underline ; } /*p,ul {line-height:18px;}*/ /*---FIN General------*/ /*---DEB entete ------*/ /* #entete {width:100%; height:300px; position:relative;} #logo {} #menu_haut { width:100%; height:30px; position:relative; top:70px; background:#BBCCD8; } #menu_haut li {float:left; display:block;} #menu_haut li a {display:block; color:#003567; font-size:20px; line-height:32px; text-decoration:none; margin:0 5px; } #menu_haut li a:hover{text-decoration:none; color:#96825C; background:#FFFFCC;} #menu_top { position:absolute; width:100px ; height: 100px; left:250px; top: 10px; } */ /*---FIN entete ------*/ /*---DEB contenu ------*/ #contenu {width:100%; position:relative; } #contenu_gauche {float:left; width: 594px; height: auto !important; min-height:600px; height:600px; } #contenu_gauche_interne {float:left; width: 588px; height: auto !important; min-height:600px; height:600px; border:solid 3px #BECFE1; text-align:justify; } #contenu_gauche_interne ul { margin:10px 0 ; } #contenu_gauche_interne ul li { background:url(../images/puce_site.gif) 0px 3px no-repeat ; padding-left:15px ; margin:6px 0; } #contenu_droite {float:right; width: 256px;} #ctn_logo { background:#fff ; height:208px; display:block; } #ctn_logo a { display:block; width:227px; margin:0 auto; position:relative; top:20px; } #menu_right { background:#BC2529 ; padding:15px 0; } /* #BF2A2E background:url(../images/bg_menu_right.jpg) repeat-x 0 0; */ #menu_right ul { width:221px; margin: 0 auto; } #menu_right ul li {background: url(../images/bg_ithem_menu_right.jpg) no-repeat top center ;height:28px; } #menu_right ul li.mr_debut { background: url(../images/bg_ithem_menu_right_debut.jpg) repeat-x ;height:28px; } #menu_right ul li.mr_last { background: url(../images/bg_ithem_menu_right_last.jpg) repeat-x ;height:28px; } #menu_right ul li a { background:url(../images/puce.gif) no-repeat center left; line-height:28px; width:95%; padding-left:5%; color:#870003; display:block; text-decoration:none; font-size:12px; text-transform:uppercase; } #menu_right ul li a:hover , #menu_right ul li a.mri_hover {background:url(../images/puce_hover.gif) no-repeat center left; color:#fff; } /* bloc news */ #mr_news { width:94%; padding:3% !important; padding: 3% 2% 3% 3%; color:#fff; } #mr_news h2 { color: #fff; text-transform:uppercase; font-size:14px; margin:5px 0; } .mrn_row { margin:10px 0 0; } .mrn_row .mrn_intro { font-weight:bold; color:#B9DCFF; } .mrn_row .mrn_date { color: #E8A900; text-align:right; display:block; margin:4px 0; } .mrn_row .mrn_lire { display:block; position:relative; left:72%; color: #B9DCFF; width:70px; font-size:11px; } /** page intro **/ body#body_intro { background:url(../images/bg_intro.jpg) repeat #fff ; position:relative; } #intro_ban { width: 476px; height:270px; margin:0 auto; margin-top:139px; } /*#intro_ban2 { margin:0 auto; margin-top:139px; } */ /* la home */ #home_banner {} #home_banner #hb_row1 { background:url(../images/home_banner_p2.jpg) no-repeat top right; } #hbr1_p1 { background:url(../images/home_banner_p1.jpg) no-repeat; width:297px; height:229px; } #hbr1_p3 { background:url(../images/home_banner_p3.jpg) no-repeat; width:297px; height:230px; } #home_banner #hb_row2 { background:url(../images/home_banner_p4.jpg) no-repeat top right; } #ctn_home {} #ctn_home #ch_left , #ctn_home #ch_right { width:50%; float:left; text-align:center; padding:17px 0px; } #ctn_home span { color : #870003; display:block; line-height:17px; font-size:13px; } /* les pages projets */ .txt_prj { width:86%; margin:0 auto; } /** page : projets en cours : **/ #cg_ctn { width:570px; padding:0 9px 9px 9px; } #pec_right { float:right; width: 288px; } #pec_left { float: left; width:288px; } #pec_right p , #pec_left p { text-align:justify; padding-top:20px; width:96%; margin:0 auto; } .brochure { float:right; display:block; width:160px ; padding-left:42px; height:32px; padding-top:13px; background:url(../images/ico_pdf.jpg) center left no-repeat ; margin:0px 1px; margin:5px 4px; font-weight : bold; color : #747474 ; } /*** DIAPORAMA ***/ #diaporama { } #ctn_big_img { text-align:center; height:370px; } #ctn_min_img { width:500px; margin:0 auto; } #ctn_min_img a { display:block; margin:5px; float:left; } /*** page contact ***/ #ctn_contact {} .cc_txt, .cc_txa, .cc_cbo { border: solid 1px #ccc; } .cc_txt { width:145px;} .cc_txa { width:440px; height:60px;} .cc_head { text-align:center; font-size:13px; color:#BA2226; border-top : solid 1px #BECFE1 ; border-bottom: solid 1px #BECFE1; background:#DDE7F1; line-height:30px; margin: 10px 0px; font-weight:bold; } .cc_table { width:95%; margin:0 auto; color:#004890 } .cc_table td { padding-top:2px; padding-bottom:2px; } #cc_projet { width:98%; padding-left:2%; color:#004890; text-align:center; } #cc_projet .cc_cbo { width:150px; } .cc_bouton { background:#3872AC ; font-weight:bold; color:#fff; border:solid 1px #002F5E; } /*** page contact ***/ /*---FIN contenu ------*/ /*---DEB pied ------*/ #pied {width:100%; position:relative;} /*---FIN pied ------*/