/* CSS Document */ /******************************************************************************************************* cette feuille de style : construit la structure générale des pages /********************************************************************************************************/ /* INIT /*-----------------------------------------------------------------------------------------------------*/ body { margin:auto; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color: #6f7072; padding:0; font-size:70%; } /* utile pour les roll-over d'autre element que sur IE 5 */ body{behavior:url("js/hover.htc");} * {background-repeat:no-repeat; margin:0; padding:0} body img{border:0;} hr {clear: both;visibility: hidden;} .left {float:left;} .right {float:right;} .clear,.spacer{clear:both;visibility: hidden;height:0px!important; margin:0!important; padding:0!important; font-size:0px;} .invisible{display:none;} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; margin:0; padding:0; z-index:1000;} ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%} ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%} ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00} /* STRUCTURE des BLOC CONTENEUR PRINCIPAUX /*-------------------------------------------------------------------------------------------------------*/ #global2 { background-color:#FFF;} #global { margin:auto; width:770px; text-align:left; padding-top:34px; margin-bottom:0; } #corps{ display:block; width: 770px; z-index:0; text-align:left; } #contenu{ float:left; margin:20px 0; width:770px; } .avecColonne #contenu{width:470px;} /* ENTETE */ /* ------------------------------------------------------------------------------------------------------- */ #entete { width: 770px; height:121px; z-index:0; background:url(../img/bg-head.gif) ; margin-bottom:20px; } #swf-anime{ position:absolute; top:34px;} #logo { display:none} #entete h1 {margin:0;padding:0;} #entete h1 span{display:none} /* RECHERCHE */ /* ------------------------------------------------------------------------------------------------------- */ #recherche {background:url(../img/bg-menu.gif) bottom repeat-x;height:4px;} #rechercheContenu {z-index: 50;position:absolute; top:158px; margin:0 0 0 537px; width:232px;} /*#recherche h2 {display:none;}*/ #recherche input{font-size:10px} #recherche form, #recherche p {margin:0; padding:0;text-align:right;} #recherche .searchbox-sword {font-family:Arial, Helvetica, sans-serif; border:1px solid #707072; width:130px; height:10px; padding:2px;} #recherche .searchbox-button {vertical-align:bottom; border:0; color:#fff; background-color:#990000; font-weight:bold;} #recherche label{display:none} /* CHEMIN */ /* ------------------------------------------------------------------------------------------------------- */ #contenu #chemin {display:none;} /*#contenu #chemin {padding:5px 0;background-color:#d8d9da;} #contenu #chemin h2{ display:inline;} #contenu #chemin a {text-decoration:none;} #contenu #chemin a:hover {text-decoration: underline;} #contenu #chemin p, #chemin div {padding:0;margin:0;} #contenu #cheminContenu{width:680px;}*/ /* HAUT DE PAGE */ /* ------------------------------------------------------------------------------------------------------- */ #hautDePage{display:none;text-align:center; background-color:#FFFFFF; border-top:1px solid #ccc; padding:10px 0 0 0; clear:both; width:100%} #hautDePage a{ color:#999999!important; text-decoration:none} #piedDePage{clear:both;color:#6f7072;font-weight:bold; text-align:left; padding:13px 18px 5px;margin:10px 0 0 0;background:url(../img/bg-ftr.gif) ; font-size:85%} #piedDePage a {color:#6f7072;text-decoration:underline;} #piedDePage a:hover { text-decoration:none;} #piedDePage p {margin:0 0 10px 0;} #piedDePage #copyright{clear:both;position:absolute;left:-1000px;top:-1000px} #ville{float:right;} #adresse {display:block;float:left; padding:8px 0 0 } #adresse .contactmail{background:url(../img/puce-mail.gif) 0 3px no-repeat;padding: 0 0 0 12px;} /* OUTILS */ /* ------------------------------------------------------------------------------------------------------- */ #outils { float:left; margin:18px 0 0 30px; list-style-type:none;font-weight:normal;} #outils li {display:inline; padding:0; margin:0;} /* COLONNE DE DROITE /* ------------------------------------------------------------------------------------------------------- */ #colonneDroite {float:right;width:280px;margin:20px 0 20px 0; font-size:90%;} #colonneDroite h2, #colonneDroite h3 {font-size: 100%; margin:0 0 5px 0; color:#000; padding:2px 0 2px 18px;background:#d8d9da url(../img/puce.gif) 7px center no-repeat;font-weight:normal;} #colonneDroite p { padding:0; margin:0; text-align:justify} #colonneDroite a{text-decoration:underline; /* padding:2px 5px 2px 0px;*/ color:#6f7072;font-weight:bold;} #colonneDroite a:hover{text-decoration:none;} #colonneDroite ul{list-style-type:none;margin: 15px 0;} #colonneDroite li{ padding:3px 0 ; } #colonneDroite #fichier li{ list-style-image:url(../img/puce2.gif);list-style-position:inside; } #colonneDroite li a{text-decoration:none;/*background: url(../img/puce2.gif) 0 center no-repeat;*/ padding:2px 5px 2px 0px;} #colonneDroite li a:hover{text-decoration:underline;} #colonneDroite .titre{font-weight:bold;} #colonneDroite .date{font-weight:bold;} #colonneDroite p.bodytext{ margin-bottom:20px} /* FORMATAGE DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #contenu .list{list-style-type:none;margin:0;padding:0;} #contenu .list p{} #contenu .list li{ padding:0; background:none;} #contenu .list li a{text-decoration:underline;padding:2px 5px 2px 0} #contenu .list li a:hover{text-decoration:none;} #contenu .list li:first-child{border:none;} #contenu .list li.colonnage2{} /* POUR FAIRE 2 COLONNES #contenu .list .colonnage1, #contenu .list .colonnage2 {float:left; width:48%; display:inline} #contenu .list .colonnage1 {clear:left;} #contenu .list .colonnage2 {margin-left:2%; float:right; clear:right} */ #contenu .list h3, #contenu .list h4{ margin:0} #contenu .list img{ float: right;margin:0 0 0 10px;} #contenu .list div.premier{} #contenu .list div.premier img{float:right; margin:0 0 5px 20px} #contenu li div{background-color:#d8d9da;width:770px;height:18px;; font-size:90%;} #contenu .list .theme{color:#000; padding:2px 0 2px 18px!important;background: url(../img/puce.gif) 7px center no-repeat;text-transform:uppercase;float:left} #contenu .list .date{color:#000;float:right; clear:none;padding:2px 4px 2px 0!important} #contenu .list .titreDescription{ clear:both} #contenu .list .description{font-style:italic;} #contenu .list .resume{margin-top:10px!important;} #contenu .list .suite{} #contenu .list .suite a{text-decoration:underline; padding-left:15px; background:url(../img/puce2.gif) no-repeat left; display:block} #contenu .list .suite a:hover{text-decoration:none;} #contenu #fichier{margin: 30px 0 0 0;} .partenaires #contenu ul, .partenaires #contenu ol{ margin:0.5em 0 2em 0} .partenaires #contenu li{list-style-type:none; margin:0 0 10px 0;} /* GALERIE /*-------------------------------------------------------------------------------------------------------*/ #galeriehtml {clear:both;padding: 10px 0 0 0; text-align:center} #galeriehtml img{padding: 0 5px;} /* DIVERS /*-------------------------------------------------------------------------------------------------------*/ .titrePublication{ padding-left:18px!important;background: url(../img/puce.gif) 7px center no-repeat;} /* THICKBOX /*-------------------------------------------------------------------------------------------------------*/ #TB_overlay { background-color:#333!important; filter:alpha(opacity=100)!important; -moz-opacity: 100!important; opacity: 100!important; } #TB_window { background: #333!important; border:none!important; } #TB_block { background:#333!important; border:15px solid #333!important; }