body{ background-color:#cfcfcf; margin:0px } /************************************************************/ /* Les ID */ /************************************************************/ #fond{ width:100%; min-height:1500px; background:url(images/fond.gif) repeat-y; background-position:top} #conteneur{ width:1000px; margin:0 auto;} #logo{ width:575px; background:url(images/logo.png) no-repeat; height:350px; position:absolute; z-index:1} #logo a{ display:block; width:100%; height:100%; text-decoration:none} #haut{ width:1000px; background:url(images/fond_haut.png) no-repeat; height:113px;} #corp{ width:1000px; background:url(images/fond_milieu.png); min-height:1000px;} #bas{ width:1000px; background:url(images/fond_bas.png) no-repeat; height:38px;} #fond_footer{ width:900px; background:url(images/fond_milieu.png); padding-left:50px; padding-right:50px} #menu{ width:500px; height:45px; position:absolute; top:43px; margin-left:700px; z-index:2} #menu ul,li{ margin:0px} #menu li{ float:left; list-style-type:none; height:45px;} #menu a{display:block; width:100%; height:100%} #recadrage{ padding-top:220px; padding-left:35px; padding-right:35px; width:630px;} #menu_droit{ width:312px; position:absolute; top:140px; margin-left:665px; z-index:3} #menu_droit1{ background:url(images/menu_droit1.png) no-repeat; width:312px; height:37px} #menu_droit2{ background:url(images/menu_droit2.png) repeat-y; width:272px; min-height:450px; padding-left:20px; padding-right:20px } #menu_droit3{ background:url(images/menu_droit3.png); width:312px; height:37px} #point{ width:170px; height:208px; background:url(images/point.png) no-repeat; position:absolute; margin-left:790px; margin-top:-140px; z-index:4} #papillon{width:104px;height:106px;background:url(images/papillon.png) no-repeat;position:absolute;z-index:4; margin-left:230px; margin-top:-70px} #silhouette{width:225px;height:1000px;background:url(images/silhouette.gif) no-repeat;position:absolute;z-index:2; margin-left:660px; margin-top:-1000px } #footer{ background-color:#DDD; border:1px dashed #333; padding:7px 7px 7px 7px} #footer hr{ width:500px; border:1px dashed #666666} #footer a{ text-decoration:none; color:#666666; font-weight:600} #footer a:hover{ text-decoration:none; color:#333; font-weight:600} #accueil{min-height:1000px} #accueil h1{ margin:0px; width:627px; height:47px; background:url(images/h1.png) no-repeat; padding-top:20px; padding-left:65px; margin-bottom:10px; color:#333333; margin-top:10px; font-size:25px; margin-left:-30px;font-family: romfatal;} #accueil a{ color:#333333; font-weight:bold} #accueil img{; border:0px} #accueil a:hover{ color:#09F; font-weight:bold} #accueil strong{ color:#444} #accueil li{ list-style-image:url(images/li_liens.gif)} #accueil input[type='text']{ border:1px solid #333333} #accueil input[type='text']:hover{ border:1px solid #333333; background-color:#CCC} #accueil input[type='text']:focus{ border:1px solid #333333; background-color:#EEE} #accueil input[type='submit']{ border:1px solid #333333} #accueil input[type='submit']:hover{ border:1px solid #333333; background-color:#CCC} #accueil input[type='submit']:focus{ border:1px solid #333333; background-color:#EEE} #accueil textarea{ border:1px solid #333333} #accueil textarea:hover{ border:1px solid #333333; background-color:#CCC} #accueil textarea:focus{ border:1px solid #333333; background-color:#EEE} #accueil h2{height:29px; background:url(images/h1_droit.gif) no-repeat; padding-left:40px; color:#666; font-size:22px; margin-bottom:8px; margin-left:20px} #contenu_droit{} #contenu_droit h1{ margin:0px; width:270px; height:29px; background:url(images/h1_droit.gif) no-repeat; padding-left:40px; color:#333333; font-size:22px; margin-bottom:8px;font-family: romfatal; } #contenu_droit input{ margin:0px; border:1px solid #333; color:#666; font:Georgia, "Times New Roman", Times, serif; font-family:Georgia, "Times New Roman", Times, serif} #contenu_droit strong{ color:#444} #microblog{} #microblog a{ text-decoration:underline;} #microblog a:hover{ text-decoration:underline; color:#09F} #microblog li{ list-style-image:url(images/li_liens.gif)} #liens{} #liens ul{ margin:0px} #liens li{ margin:0px; list-style-image:url(images/li_liens.gif) ; height:17px} #liens a{ text-decoration:none} #liens a:hover{ text-decoration:none; color:#09F} #liens_creation{} #liens_creation ul{ margin:0px} #liens_creation li{ margin:0px; list-style-image:url(images/li_liens.gif) ; height:17px} #liens_creation a{ text-decoration:none} #liens_creation a:hover{ text-decoration:none; color:#09F} #categorie_article{} #categorie_article ul{ margin:0px} #categorie_article li{ margin:0px; list-style-image:url(images/li_liens.gif) ; height:17px} #categorie_article a{ text-decoration:none} #categorie_article a:hover{ text-decoration:none; color:#09F} #admin{} #admin h1{ margin:0px; width:627px; height:47px; background:url(images/h1.png) no-repeat; padding-top:20px; padding-left:65px; margin-bottom:10px; color:#666; margin-top:10px; font-size:25px} #admin input{ margin:0px; border:1px solid #333; color:#666; font:Georgia, "Times New Roman", Times, serif; font-family:Georgia, "Times New Roman", Times, serif} #admin textarea{margin:0px; border:1px solid #333; color:#666; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px} #menu_admin{} #menu_admin ul{margin:0px} #menu_admin h1{ margin:0px; width:270px; height:29px; background:url(images/h1_droit.gif) no-repeat; padding-left:40px; color:#666; font-size:22px; margin-bottom:8px; } #menu_admin li{ margin:0px; list-style-image:url(images/li_liens.gif) ; height:17px} #menu_admin a:hover{ text-decoration:none; color:#09F} #adm_microblog{} #adm_microblog textarea{ margin:0px; border:1px solid #333; color:#666; font:Georgia, "Times New Roman", Times, serif; font-family:Georgia, "Times New Roman", Times, serif} #adm_microblog ul,li{margin:0px} #admin input{ margin:0px; border:1px solid #333; color:#666; font:Georgia, "Times New Roman", Times, serif; font-family:Georgia, "Times New Roman", Times, serif} #nuagetag{} #nuagetag li{ margin:0px;} #nuagetag ul{margin-left:-40px} #nuagetag li{display:inline; padding-left:5px; padding-right:5px; list-style-type:none;} #nuagetag a{text-decoration:none;} #nuagetag a:hover{text-decoration:none;color:#09F} .level_1{ font-family:Georgia, "Times New Roman", Times, serif; font:Georgia, "Times New Roman", Times, serif; color:#666; font-size:10px} .level_2{ font-family:Georgia, "Times New Roman", Times, serif; font:Georgia, "Times New Roman", Times, serif; color:#666; font-size:14px} .level_3{ font-family:Georgia, "Times New Roman", Times, serif; font:Georgia, "Times New Roman", Times, serif; color:#666; font-size:20px} .accueilTag{ background-color:#FFF; border:1px dashed #999; width:610px;} .accueilTag ul{margin-left:-40px;} .accueilTag li{ margin:0px;} .accueilTag li{display:inline; padding-left:5px; padding-right:5px; list-style-type:none;} #commentaires{} #commentaires input{ border: 1px solid #666} #commentaires textarea{ border: 1px solid #666} #cv{ padding:5px 5px 5px 5px ; border:1px solid #CCC; background:url(images/fond_cv.jpg) no-repeat; background-position:bottom right} #cv h1{ font-size:35px; color:#00557F; margin:0px} #cv h2{ font-size:20px; color:#00557F; margin:0px} #cv h3{ font-size:15px; color:#00557F; margin:0px; padding-bottom:10px} #cv a{ text-decoration:none; color:#333} #cv a:hover{ text-decoration:none; color:#00557F;} #cv li,ul{ list-style-type:none; margin:0px; padding-bottom:5px} #cv li{ margin-left:-25px} #contact{ min-height:1000px} #contact h1{ margin:0px; width:627px; height:47px; background:url(images/h1.png) no-repeat; padding-top:20px; padding-left:65px; margin-bottom:10px; color:#666; margin-top:10px; font-size:23px;margin-left:-30px} #contact a{ color:#333; font-weight:bold;} #contact a:hover{ color:#09F; font-weight:bold} #contact strong{ color:#444} #contact li{ list-style-image:url(images/li_liens.gif)} #contact input[type='text']{ border:1px solid #333333} #contact input[type='text']:hover{ border:1px solid #333333; background-color:#CCC} #contact input[type='text']:focus{ border:1px solid #333333; background-color:#EEE} #contact input[type='submit']{ border:1px solid #333333} #contact input[type='submit']:hover{ border:1px solid #333333; background-color:#CCC} #contact input[type='submit']:focus{ border:1px solid #333333; background-color:#EEE} #contact textarea{ border:1px solid #333333} #contact textarea:hover{ border:1px solid #333333; background-color:#CCC} #contact textarea:focus{ border:1px solid #333333; background-color:#EEE} #pagination{ padding-right:18px; padding-top:15px} .pagination {line-height:2em;} .pagination a,.pagination span {padding:0.2em 0.5em;} #pagination a { border:1px solid #CCC;text-decoration:none;} #pagination a:hover {border:1px solid #666;color:#000031;} .pagination .prevnext {font-weight:bold;} .pagination span.disabled {border:1px solid #DDDDDD;color:#999999; } .pagination span.current {border:1px solid #CCC;background-color:#333;color:#ffffff;font-weight:bold;} #recherche{min-height:1000px} #recherche h1{ margin:0px; width:627px; height:47px; background:url(images/h1.png) no-repeat; padding-top:20px; padding-left:65px; margin-bottom:10px; color:#666; margin-top:10px; font-size:23px; margin-left:-30px} #recherche a{ color:#333; font-weight:bold;} #recherche a:hover{ color:#09F; font-weight:bold} #recherche strong{ color:#00ABFF} #recherche input{ margin:0px; border:1px solid #333; color:#666; font:Georgia, "Times New Roman", Times, serif; font-family:Georgia, "Times New Roman", Times, serif} #recherche h2{ margin:0px; height:29px; background:url(images/h1_droit.gif) no-repeat; padding-left:40px; color:#666; font-size:22px; margin-bottom:8px; } .microblog{} .microblog h2{ font-size:11px; margin:0px; color:#000} .tab{ border: 0px solid black;border-top: 0px; border-left: 0px; border-right: 1px solid black; border-bottom: 1px solid black; } .tab td {border: 1px solid #000000; border-right: 0px; border-bottom:0px} .tab th{border: 1px solid #000000; border-right: 0px; border-bottom:0px; height:30px; font-size:12px; background-color:#CCC} .fond_menu1{ background:url(images/onglet_01.png); width:19px; height:45px; float:left} .fond_menu2{ background:url(images/onglet_02.png); width:auto; height:30px; float:left; padding-top:18px} .fond_menu3{ background:url(images/onglet_03.png); width:17px; height:45px; float:left} #firsttext{position:absolute; z-index:100; width:980px; height:35px} #ref1{ float:right; width:15px; height:35px; background:url(images/ref1.png) no-repeat} #ref2{ float:right; height:35px; background:url(images/ref2.png) repeat-x; padding-top:4px} #ref3{ float:right; width:15px; height:35px; background:url(images/ref3.png) no-repeat} .fix-width { width:100px; } #prop_recherche{ width:200px; border:1px solid #333; position:absolute; background-color:#FFF; visibility:hidden; margin-top:1px} #prop_recherche ul{ margin:0px; padding:0px 0px 0px 0px; } #prop_recherche li{margin:0px;padding:0px 0px 0px 0px; padding-bottom:7px; padding-top:7px; padding-left:5px; padding-right:5px} #prop_recherche li:hover{background-color:#EEE; } #prop_recherche li a{ font-family:Georgia, "Times New Roman", Times, serif; color:#333; font:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; display:block; width:100%; height:100%} .clear { clear: both } #menu_holder ul{ list-style-type: none;} #menu_holder ul li { float:left;width:100px;} #menu_holder ul li a {display:block; width:100%; padding:10px; text-decoration:none;color:white;} #menu_holder ul { margin:0px; padding:0px; } #menu_holder ul li { color:white; font-size:20px; font-weight:bold; border:1px solid #000;} #first_li{ background:url(./images_articles/img_1.jpg); height:300px} #second_li{ background:url(./images_articles/img_2.jpg); height:300px} #third_li{ background:url(./images_articles/img_3.jpg); height:300px} /************************************************************/ /* Les Ecritures */ /************************************************************/ .code{padding:5px 5px 5px 5px ; border:1px dashed #333; background-color:#EEE; color:#333;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:12px;} .ecriture_onglet{ font-family:Georgia, "Times New Roman", Times, serif; color:#333; font:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; font-weight:bold} .ecriture_onglet:hover{ font-family:Georgia, "Times New Roman", Times, serif; color:#999; font:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none} .ecriture_first_text{ font-family:Georgia, "Times New Roman", Times, serif; color:#333; font:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none; font-size:14px; font-weight:bold} .ecriture_generale{ font-family:Georgia, "Times New Roman", Times, serif; color:#666; font:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none;}