* { margin: 0; padding: 0; /*border: 0;*/ font-family: Trebuchet MS; font-size: 1em; /*font-weight: normal;*/ /*font-style: normal;*/ text-decoration: none; } #site { position: relative; width: 1024px; float: left; background-color: #e1e8e9; } #bandeau { position: relative; float:left; width: 1024px; height: 140px; background:white no-repeat url('images/bandeau.jpg');} #menu { width: 175px; } #col_g { float:left; width: 175px; background-color: white; height:1360px; border-right: 1px dashed #b6b6b6;} #conteneur { position: relative; float: left; width: 847px; height:1360px; background: #e1e8e9 no-repeat url('images/fond_contenu.jpg'); } #contenu { position: relative; float: left; width: 520px; margin-left:30px;} /*--------------------------- BANDEAU --------------------------------------*/ #titre_contenu { position: absolute; float:left;margin-left:295px; margin-top:105px; } #titre_contenu .texte {font: normal 33px "Verdana"; color: white ;} #contact_ban { position: absolute; float:left;margin-left:600px; margin-top:85px; } #contact_ban .texte {font: italic 10px/14px "Verdana"; color: white ;} #contact_ban .texte a {font: italic 10px/14px "Verdana"; color: white ;} #contact_ban .texte a:hover {text-decoration:underline;} /*--------------------------- MENU --------------------------------------*/ dl, dt, dd, ul, li { padding: 0; list-style-type: none; } #menu dl { float: left; width: 175px;} #menu dt { cursor: pointer; text-align: left; font: normal 14px/12px "Verdana"; color:black ; padding-top:7px; height:17px;} #menu dd { position:absolute; z-index:100;left:175px; margin-top:-20px;width:140px; background: #258b75;filter:Alpha(opacity=86);-moz-opacity:0.86;-khtml-opacity: 0.86;opacity: 0.86; } #menu ul { padding:2px; } #menu li { text-align: left; font: normal 12px/18px "Verdana"; color:white;padding-left:5px;} #menu li a { text-align: left; color: white; text-decoration: none; display: block; height: 100%; border: 0 none; } #menu dt a { text-align: left; color: #000; text-decoration: none; display: block; height: 20px; border: 0 none; padding-left:20px; padding-top:3px;} #menu li a:hover, #menu li a:focus { color: black; } #menu dt a:hover, #menu dt a:focus { background: no-repeat url('images/menu_actif.jpg');color: #258b75; height:20px; } /*--------------------------- COLONNE GAUCHE --------------------------------------*/ #trait_ombre {position:absolute; float:left; width:20px; height:1360px; margin-left:175px; z-index:10; background: no-repeat url('images/trait_ombre.png');} /*------------- RECRUTEMENT -------------*/ #recrutement { position: relative; margin-top:10px; float:left; width: 175px; height:140px; background: no-repeat url('images/fond_recrutement.jpg');} #recrutement .titre {font: bold italic 12px/16px "Verdana"; color:black ; margin-top:10px; margin-left:20px;} #recrutement .texte a{font: normal 12px/16px "Verdana"; color: #4d5149 ; margin-left:20px;} #recrutement .texte a:hover{text-decoration:underline;} /*------------- PANORAMIQUE -------------*/ #panoramique { position: relative; margin-top:-30px; float:left; width: 175px; height:340px; background: no-repeat url('images/fond_panoramique.jpg');} #panoramique .titre {font: normal 17px "Verdana"; color:white ; margin-left:20px;} #panoramique .sstitre {font: bold italic 35px "Verdana"; color:white ; margin-left:20px;} #panoramique .texte {font: bold italic 12px/16px "Verdana"; color: white ; margin-left:20px;} /*------------- SUIVI -------------*/ #suivi { position: relative; margin-top:10px; float:left; width: 175px; height:165px; background: no-repeat url('images/fond_suivi.jpg');margin-bottom:20px;} #suivi .titre {font: bold italic 12px/16px "Verdana"; color:black ; margin-top:10px; margin-left:20px;} #suivi .texte a{font: normal 12px/16px "Verdana"; color: #4d5149 ; margin-left:20px;} #suivi .texte a:hover{text-decoration:underline;} /*---------- LOGO ASTRE ----------------*/ #logo_astre { position: relative; float:left; width: 175px; height:80px; background-color: #dfdede;} /*--------------------------- CONTENU --------------------------------------*/ #content { position: absolute; width: 520px; height:1360px; margin-left:30px; background: white; filter:Alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity: 0.5;opacity: 0.50;border-right: 1px dashed #b6b6b6;} * html #content{margin-left:-520px; width:520px; } #trait_vertical { position: absolute; float: left;width: 1px; height:29px; margin-left:20px; margin-top: 20px; background: no-repeat url('images/trait_vert.jpg');} * html #trait_vertical{margin-left:-20px;} #contenu .titre {margin-top:20px; margin-left:20px; margin-right:20px;font: normal 28px "Verdana"; color:#258b75 ; width:480px; } #contenu .ss_titre {margin-top:20px; margin-left:30px; margin-right:30px; padding-top:1px;padding-left:10px;font: bold 11px/16px "Verdana"; color:white ; background-color:#2471ae; } #contenu .new_titre {margin-top:20px; margin-left:30px; margin-right:30px;font: normal 23px "Verdana"; color:#258b75 ; } #contenu .texte {margin-top:20px; margin-left:40px; margin-right:40px;font: normal 11px/16px "Verdana"; color:black ; text-align:justify;} #contenu .texte a {margin-top:20px; margin-right:40px;font: normal 11px/16px "Verdana"; color:#2471ae ; text-align:justify;} #contenu .texte a:hover {text-decoration:underline;} #contenu .texte_bold {font: bold 11px/16px "Verdana"; color:black ; } #contenu .chapo {margin-top:20px; margin-left:40px; margin-right:40px;font: bold 12px/16px "Verdana"; color:black ; } #contenu .lien {font: bold italic 11px/16px 'Verdana'; color:black; margin-top:10px;margin-left:40px;} #contenu .lien a {font: bold italic 11px/16px 'Verdana';color:black;} #contenu .lien a:hover { text-decoration:underline;} #contenu .suite { margin-left:380px; font: bold italic 11px/28px "Verdana"; color:black ; padding-left:30px; background: no-repeat url('images/puce_hori.gif'); } #contenu .suite a { font: bold italic 11px/28px "Verdana"; color:black ;} #contenu .suite a:hover { text-decoration:underline;} #cadre_acc { position: absolute; float:left; width: 460px; height:305px; margin-top:20px; margin-left:30px; background: no-repeat url('images/fond_acc.png');} #cadre_texte {position:relative;float:left; width:240px; margin-top:10px; padding-left:198px; margin-left:10px;-margin-left:2px; } #cadre_texte .titre_cadre {font: bold 11px/13px "Verdana"; color:black ;text-align:justify;} #cadre_texte .text_vert { font: bold 11px/13px "Verdana";color:#258b75;text-align:justify;} #cadre_texte .text {font: normal 11px/14px "Verdana"; color:black ; text-align:justify;} * html #cadre_texte {width:450px;} #contact {position:relative; float:left; width:240px;} #contact .ss_titre {margin-top:20px; margin-left:30px; margin-right:30px; padding-top:1px;padding-left:10px;font: normal 11px/16px "Verdana"; color:white ; background-color:#2471ae; } #contact .texte {margin-top:20px; margin-left:40px; margin-right:40px;font: normal 11px/16px "Verdana"; color:black ; text-align:justify;} #contact .texte a {margin-top:20px; margin-right:40px;font: normal 11px/16px "Verdana"; color:#2471ae ; text-align:justify;} #contact .texte a:hover {text-decoration:underline;} #contact2 {position:relative; float:left; width:240px;} #contact2 .ss_titre {margin-top:20px; margin-left:30px; margin-right:30px; padding-top:1px;padding-left:10px;font: normal 11px/16px "Verdana"; color:white ; background-color:#2471ae; } #contact2 .texte {margin-top:20px; margin-left:40px; margin-right:40px;font: normal 11px/16px "Verdana"; color:black ; text-align:justify;} #contact2 .texte a {margin-top:20px; margin-right:40px;font: normal 11px/16px "Verdana"; color:#2471ae ; text-align:justify;} #contact2 .texte a:hover {text-decoration:underline;} #contact3 {position:relative; float:left; width:240px;} #contact3 .ss_titre {margin-top:20px; margin-left:30px; margin-right:30px; padding-top:1px;padding-left:10px;font: normal 11px/16px "Verdana"; color:white ; background-color:#2471ae; } #contact3 .texte {margin-top:20px; margin-left:40px; margin-right:40px;font: normal 11px/16px "Verdana"; color:black ; text-align:justify;} #contact3 .texte a {margin-top:20px; margin-right:40px;font: normal 11px/16px "Verdana"; color:#2471ae ; text-align:justify;} #contact3 .texte a:hover {text-decoration:underline;} #contact4 {position:relative; float:left; width:240px;} #contact4 .ss_titre {margin-top:20px; margin-left:30px; margin-right:30px; padding-top:1px;padding-left:10px;font: normal 11px/16px "Verdana"; color:white ; background-color:#2471ae; } #contact4 .texte {margin-top:20px; margin-left:40px; margin-right:40px;font: normal 11px/16px "Verdana"; color:black ; text-align:justify;} #contact4 .texte a {margin-top:20px; margin-right:40px;font: normal 11px/16px "Verdana"; color:#2471ae ; text-align:justify;} #contact4 .texte a:hover {text-decoration:underline;} #contact5 {position:relative; float:left; width:240px;} #contact5 .ss_titre {margin-top:20px; margin-left:30px; margin-right:30px; padding-top:1px;padding-left:10px;font: normal 11px/16px "Verdana"; color:white ; background-color:#2471ae; } #contact5 .texte {margin-top:20px; margin-left:40px; margin-right:40px;font: normal 11px/16px "Verdana"; color:black ; text-align:justify;} #contact5 .texte a {margin-top:20px; margin-right:40px;font: normal 11px/16px "Verdana"; color:#2471ae ; text-align:justify;} #contact5 .texte a:hover {text-decoration:underline;} #img_contact {position:relative; float:left; width:250px;margin-top:20px;} #img_contact2 {position:relative; float:left; width:250px;margin-top:20px;} #img_contact3 {position:relative; float:left; width:250px;margin-top:20px;} #img_contact4 {position:relative; float:left; width:250px;margin-top:20px;} #img_contact5 {position:relative; float:left; width:250px;margin-top:20px;}