/* ======================================================================== * Reset CSS * ========================================================================*/ @import "reset.css"; /* ======================================================================== * Balises par défaut * ========================================================================*/ html {background:#000000 url('../images/bgd_html.jpg') left bottom repeat-x;} body {background: #dbcdc0 url('../images/bgd_body.jpg') 50% bottom no-repeat; font-size:13px; font-family:"Trebuchet MS", Arial, sans-serif; color:#eaceb1;} h3 { font-size: 31px; color: #b8701f; margin: 25px 0 20px 0; font: 17px "Trebuchet MS"; } h4 { margin: 0 0 13px 0px; font-weight: bold; } h5 { font: bold 13px "Trebuchet MS"; margin: 15px 0; } p , li{ margin: 0 0 10px 0px; } a {color:#ad9f95;} a:hover {color:#ad9f95;} /* icos */ [class^="i-"] {background: url(../images/ico.png) no-repeat; display: inline-block;} .i-facebook {background-position: -11px -8px;width: 19px;height: 19px;} .i-tweet {background-position: -45px -9px;width: 18px;height: 18px;} .i-mail {background-position: -73px -12px;width: 26px;height: 15px;} .i-bandeau {background-position: -207px -11px;width: 334px;height: 170px;} a:hover .i-bandeau {background-position: -207px -262px; width: 334px; height: 170px;} .i-search {background-position: -8px -42px;width: 15px;height: 17px;} .i-pdf {background-position: -14px -78px;width: 16px;height: 16px;} /*=====================================*/ /* Grid ================ */ /* Box model */ .boxmodel, .boxmodel *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .grids {margin-left:-10px; letter-spacing:-0.31em;} .opera:-o-prefocus, .grids {word-spacing: -0.43em; /* Fix for Opera */} /* La classe doit absolument commencer par .grid- */ [class^="grid-"] {padding-left:10px; display: inline-block; vertical-align: top; word-spacing:normal; letter-spacing:normal;} .grids-0 {margin-left:0;} /* Si besoin de créer une grille sans marge */ .grids-0 > [class^="grid-"] {padding-left:0;} .grids-20 {margin-left:-20px;} /* Si besoin de créer une grille avec une marge différente */ .grids-20 > [class^="grid-"] {padding-left:20px;} /* Créer une grille en tableau Utilise le système de dimensions de la grid classique : .cell.grid-X Pour désactiver le tableau sur d'autres tailles d'écrans : .mob-unrow | .palm-unrow */ .row {display: table; width: 100%;} .row > .cell {display: table-cell; vertical-align: top;} /* Pour inverser le sens de la grille (cf media object) .row.row-revert / .grids.grids-revert */ .row-revert, .grids-revert {direction: rtl; text-align: left;} .row-revert .cell, .grids-revert [class^="grid-"] {direction:ltr;} /* Grid : .grid-1, .grid-half, ... */ .grid-full {width:100%;} .grid-half {width:50%;} .grid-1-3 {width:33.333%;} .grid-2-3 {width:66.666%;} .grid-3-4 {width:75%;} .grid-1-4 {width:25%;} .grid-1-5 {width:20%;} .grid-2-5 {width:40%;} .grid-3-5 {width:60%;} .grid-4-5 {width:80%;} .grid-1-6 {width:16.666%;} .grid-5-6 {width:83.33%;} /* ----------------------------------------- * Mise en page générale * ------------------------------------------*/ #breadcrumb { margin: 10px 0 20px 28px } #breadcrumb li {color: #937676; font: normal 10px "Trebuchet MS" } #breadcrumb li a { color: #937676; font: normal 10px "Trebuchet MS"; text-decoration: none; } .format { padding: 15px 35px 20px } #main { width:980px; margin:0 auto; padding:13px 0 0 0; position: relative; } #container { width: 980px; padding: 0 0 7px 0; background:url('../images/bgd_container3.png') left top repeat;} #header { width: 980px; height: 120px; margin:0; padding: 5px 0 0 0; position: relative;} #header .logo { float: left; padding: 0 0 0 7px;} .search-form {position: absolute;top:78px; left: 19px;} .wrap-input {display:inline-block; width: 190px;height: 27px;border: 1px solid #585858; /* stroke */background-color:#434343; outline: none; padding: 0 0 0 4px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwMCAzMyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDM0MzQzIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjMzIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #434343 0%, #434343 0.51%, #575555 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #434343 0%, #434343 0.51%, #575555 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #434343 0%, #434343 0.51%, #575555 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #434343 0%, #434343 0.51%, #575555 100%); /* gradient overlay */} .wrap-input .i-search {margin: 5px 7px 0 0;float:left; } .wrap-input input {height: 27px; background:none; border:none; outline: none; color:#fff;} .btn-search {width: 34px;height: 24px;border: 1px solid #e1ae65; /* stroke */ color:#fff; text-transform: uppercase; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; /* border radius */background-color: #cd8b3f; /* layer fill content */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM2IDI2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhZDYzMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDhkNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI2IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */} .btn-search:hover {background:#c9873a; cursor: pointer;} .ie8 .wrap-input * {float: left;} .ie8 .search-input {line-height: 27px} .ie8 .btn-search {float: right; margin: 2px 0 0 4px} #menu {float: left; background: url(../images/bgd_menu.gif) 0 0 repeat-x; height: 115px; width: 708px;} #nav {background: url(../images/bgd_menu_right.gif) top right no-repeat;height: 111px; padding: 2px 0; width: 708px;float: left; display: table;} #nav li { float: left; margin: 0 0 0 0; padding: 0 0 0 0;} #nav > li { margin: 0 0; padding: 0 ; display: table-cell; float: none; text-align: center;height: 111px;vertical-align: middle; border-left:1px solid #d9d9d9;position: relative;} #nav > li:before { content: ' '; display: inline-block; background: url(../images/bgd_bottom_menu.gif) 0 0 no-repeat; height: 5px; width: 7px; position: absolute;bottom: -1px; left: 50%; margin-left: -3px;} #nav > li > a { display:inline-block; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; text-decoration: none; color:#605653; padding:46px 15px;} #nav > li a .down {color:#c78300; font-family: Arial,Helvetica, sans-serif; font-size: 13px;font-weight: bold; padding: 0 0 0 4px } #nav > li:hover > a {color:#c78300;} #nav > .active {background: url(../images/bgd_menu_home.gif) 0 -2px repeat-x;border-left-color:#d19645;} #nav > .active:before {display: none;} #nav > .active a {color:#fff;} #nav > .active:hover > a {color:#fff;} #nav li a { display:block; overflow: hidden; } /*#nav li a.accueil{ width: 103px; height: 115px; background: url(../images/bt_nav_accueil_n.png) left top no-repeat; } #nav li a.accueil:hover{ width: 103px; height: 115px; background: url(../images/bt_nav_accueil_actif.png) left top no-repeat; } #nav li a.accueil_a{ width: 103px; height: 115px; background: url(../images/bt_nav_accueil_actif.png) left top no-repeat; } #nav li a.ecrivain{ width: 127px; height: 115px; background: url(../images/bt_nav_ecrivain_n.png) left top no-repeat; } #nav li a.ecrivain:hover{ width: 127px; height: 115px; background: url(../images/bt_nav_ecrivain_o.png) left top no-repeat; } #nav li a.ecrivain_a{ width: 127px; height: 115px; background: url(../images/bt_nav_ecrivain_a.png) left top no-repeat; } #nav li a.ecrivain_a:hover{ width: 127px; height: 115px; background: url(../images/bt_nav_ecrivain_a.png) left top no-repeat; } #nav li a.amitie{ width: 221px; height: 115px; background: url(../images/bt_nav_amitie_n.png) left top no-repeat; } #nav li a.amitie:hover{ width: 221px; height: 115px; background: url(../images/bt_nav_amitie_o.png) left top no-repeat; } #nav li a.amitie_a{ width: 221px; height: 115px; background: url(../images/bt_nav_amitie_a.png) left top no-repeat; } #nav li a.amitie_a:hover{ width: 221px; height: 115px; background: url(../images/bt_nav_amitie_a.png) left top no-repeat; } #nav li a.actualite{ width: 143px; height: 115px; background: url(../images/bt_nav_actualites_n.png) left top no-repeat; } #nav li a.actualite:hover{ width: 143px; height: 115px; background: url(../images/bt_nav_actualites_o.png) left top no-repeat; } #nav li a.actualite_a{ width: 143px; height: 115px; background: url(../images/bt_nav_actualites_a.png) left top no-repeat; } #nav li a.actualite_a:hover{ width: 143px; height: 115px; background: url(../images/bt_nav_actualites_a.png) left top no-repeat; } #nav li a.liens{ width: 117px; height: 115px; background: url(../images/bt_nav_liens_n.png) left top no-repeat; } #nav li a.liens:hover{ width: 117px; height: 115px; background: url(../images/bt_nav_liens_o.png) left top no-repeat; } #nav li a.liens_a{ width: 117px; height: 115px; background: url(../images/bt_nav_liens_a.png) left top no-repeat; } #nav li a.liens_a:hover{ width: 117px; height: 115px; background: url(../images/bt_nav_liens_a.png) left top no-repeat; }*/ /* Sous niveau */ #nav li ul { margin:0 0 0 0 ; padding: 3px 0 7px 0; position: absolute; top:111px; background-color: #ae6310; border-left: 2px solid #ad620e ; border-right: 2px solid #ad620e; border-bottom: 2px solid #ad620e } #nav li ul li { float: none; height: auto; text-align: left; background: none; padding: 4px 0px; margin: 0 0 0 0px; width: 186px; } #nav li ul li a { display: block; font: normal 12px verdana; color: #efb573; text-decoration: none; height: auto; padding: 7px 10px 7px 10px; text-indent: 0 } #nav li ul li a:hover { background-color: #f0e8df; color: #000 } /* Appel du 1er sous menu */ #nav li ul {position: absolute; left: -9999em; } #nav li:hover ul, ul#nav li.sfhover ul { display: block; left: auto; z-index: 1 } #message-flash { margin:0 7px 7px 7px; padding:0 50px; background: #3e2426;} #message-flash ul { background:url(../images/ico_warning_02.gif) no-repeat 8px 11px; padding:5px 35px 10px 35px;} #message-flash ul li { border-bottom:1px dotted #eaceb1; padding:3px 0;} #content { width:966px; min-height: 450px; margin:0 7px 0 7px; background: #0e090F url('../images/bgd_content.png') left top no-repeat; overflow:hidden;} #content h1 { font-size:30px; color:#ffca8c; margin:15px 0 25px 25px; font-family: Georgia;} #content h2 { font-size:30px; color:#ffca8c; margin:15px 0 25px 25px; font-family: Georgia;} #footer { position:relative; width:980px; height:340px; margin:12px 0 0 0; text-align:right;} #footer p.outro { position:absolute; top:26px; right:0; height:19px; padding:0 6px 0 0; line-height:19px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; color:#cdbfad;} #footer p.outro a {text-decoration:none; color:#cdbfad;} #footer p.outro a:hover {color:#888381 } #footer p.copyright { position:absolute; top:53px; right:0; height:19px; padding:0 6px 0 0; line-height:19px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; color:#888381;} #footer .social {text-align: left; padding-top: 20px} #footer .social p {color: #fff; font-size: 13px; font-weight: bold; color:#fff;} #footer .social p a {display: inline-block; margin:4px} /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* Navigation par page */ .pager p { margin:0; } .pager span { display:block; float:left; height:18px; text-align:center; color:#544b47; width:28px; font-weight:bold; padding:0; } .pager a { display:block; float:left; width:28px; height:18px; text-align:center; text-decoration:none; color:#ae6410; zoom:1;} .pager .navigation a[class^="twid-"] {display:block; width: 22px;height: 16px; line-height:16px;border: 1px solid #e1ae65; /* stroke */ color:#fff; text-transform: uppercase; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; /* border radius */background-color: #cd8b3f; /* layer fill content */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM2IDI2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhZDYzMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDhkNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjI2IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #ad630d 0%, #cd8d41 100%); /* gradient overlay */ font-weight:bold; margin: 0 4px; } .pager a:hover { font-weight:bold; } /*.pager a.twid-left { text-align:left; text-indent:-5000px; overflow:hidden; width:13px; height:13px; background:url(../images/btn_fl_01.gif) no-repeat 0 0; } .pager a.twid-left:hover { background:#e2e2e2 url(../images/btn_fl_01.gif) no-repeat 0 0; } .pager a.twid-right { text-align:left; text-indent:-5000px; overflow:hidden; width:13px; height:13px; background:url(../images/btn_fl_02.gif) no-repeat 0 0; } .pager a.twid-right:hover { background:#e2e2e2 url(../images/btn_fl_02.gif) no-repeat 0 0; } .pager a.twid-left-2 { text-align:left; text-indent:-5000px; overflow:hidden; width:13px; height:13px; background:url(../images/btn_fl_04.gif) no-repeat 0 0; } .pager a.twid-left-2:hover { background:#e2e2e2 url(../images/btn_fl_04.gif) no-repeat 0 0; } .pager a.twid-right-2 { text-align:left; text-indent:-5000px; overflow:hidden; width:13px; height:13px; background:url(../images/btn_fl_03.gif) no-repeat 0 0; } .pager a.twid-right-2:hover { background:#e2e2e2 url(../images/btn_fl_03.gif) no-repeat 0 0; }*/ .pager a.all { display:inline; width:auto; height:auto; font:normal normal normal 10px/12px arial; text-decoration:underline; margin:0 10px; } .pager a.all:hover { text-decoration:none; } .action td, .navigation td { vertical-align:middle;} /* //////////////////////////////// home.php */ #home {position: relative;} #home .presentation { width:411px; margin:45px 0 10px 5px; padding:20px 30px 10px 30px; background:url('../images/bgd_presentation.png') left top no-repeat;} #home .presentation p { font-size:13px; line-height:19px; color:#eaceb1;} #home h3 { margin:0 0 5px 35px; font-size: 21px; color:#d1bbaa; font-family: Georgia;color:#89786f;} #home .actualites { width:434px; margin:0 0 0 5px; padding:20px 10px 10px 20px; border:1px solid #2d2327;} #home .actualites .illustration { float:left;} #home .actualites .infos { float:left; width:280px; margin:0 0 0 20px;} #home .actualites .infos p { line-height:18px;} #home .actualites .infos .date { font-size:12px; font-weight:bold; color:#fdbc7f;} #home .actualites .infos .texte { font-size:12px; color:#eaceb1;line-height: 19px} #home .actualites .infos a { font-size:12px; color:#ffc98b;} #home .actualites .toutes-actualites{ padding:0 10px 0 0; background:url('../images/puce_toutesActualites.gif') right 50% no-repeat; font-size:12px; color:#766257; text-decoration:none;} #content #home h2 {margin: 0px 0 15px 0; text-indent:-9999em;} #home .bandeau {position: absolute;top:0; right: 0;} .zone-illus .links { padding-left: 20px; margin-top: 0} .zone-illus .links i {vertical-align: middle; margin: 0 4px} /* //////////////////////////////// Galeries photos */ #galerie { width: 884px; margin: 0 auto; background: #1c1116 url(../images/cont_gallery.png) left top repeat-x; } #galerie h2 {margin: 0 0 0 20px; padding: 15px 0 0; } .titreGallery { padding: 5px 5px 0 5px; text-align: center ; width: 159px; height: 44px; margin: 0 0 0 0; background: url(../images/bgd_title_gal.png) left top repeat-x; font: bold 12px "Trebuchet MS"; color: #3d2426; } #galerie .centerDesc { background-color: #faf7f4 ; min-height: 168px; width: 159px } .format { padding: 0 35px 20px 35px } #cont { padding: 0 35px 40px 35px; overflow: hidden; } #navigation { margin: 35px 0 20px 0px; } .galerie-type { display: block; float: left; margin: 0 0 25px 20px; border: 3px solid #8a6767; background-color: #faf7f4; } .pager { padding: 0 35px; font-size: 17px; } .total-pager { font-size: 17px; } .imgFloat { float: left; margin: 5px 15px 5px 5px; border: 1px solid #ada096 } .borderMe { border: 3px solid #fbc485 } .contIntro { width: 793px; padding: 10px 15px; margin: 30px auto 0 auto; overflow: hidden; background: #442f30 url(../images/contIntro.png) left bottom no-repeat; } h3.galeriePhoto { text-align: center; margin: 0 0 10px 0; } .lisImgs { width: 737px; height: 163px; padding: 0 45px; margin: 0 auto; background: url(../images/bgd_Slider_gallery.png) left top no-repeat; position: relative; } .leftButton { display: block; width:39px ; height: 126px; position: absolute; left: 0 ; bottom: 1px; text-indent: -5000px; z-index: 1500; background: url(../images/btn_fleche_left.png) left top no-repeat; cursor: pointer } .leftButton:hover{ display: block; width:39px ; height: 126px; position: absolute; left: 0 ; bottom: 1px; text-indent: -5000px; z-index: 1500; background: url(../images/btn_fleche_left_on.png) left top no-repeat; } .rightButton { display: block; width:37px ; height: 128px; position: absolute; right: 0 ; bottom: 1px; text-indent: -5000px; z-index: 1500 ; background: url(../images/btn_fleche_right.png) left top no-repeat; cursor: pointer; overflow: hidden; } .rightButton:hover { display: block; width:37px ; height: 128px; position: absolute; right: 0 ; bottom: 1px; text-indent: -5000px; z-index: 1500 ; background: url(../images/btn_fleche_right_on.png) left top no-repeat; overflow: hidden; } .nbImages { padding: 0 0 0 29px } #playDiapo {padding: 10px 0 0 29px; } #playDiapo span { cursor: pointer } /* //////////////////////////////// citations.php */ #citations { width: 884px; margin: 0 auto; background: #1c1116 url(../images/cont_gallery.png) left top repeat-x; } #citations h2 {margin: 0 0 30px 20px; padding: 15px 0 0 } /* //////////////////////////////// extraits.php */ #extraits p.center { padding: 0 0 0 100px; text-align: left } .classement a{ text-decoration: none } .classement a:hover{ text-decoration: underline } /* //////////////////////////////// documents.php */ #documents { width: 884px; margin: 0 auto; background: #1c1116 url(../images/cont_gallery.png) left top repeat-x; } #documents h2 { margin: 0 0 30px 20px; padding: 15px 0 0; } #documents .colonne-droite-inside { width: 597px; } h3#enr { clear: both; padding-top: 35px; padding-bottom: 25px } .conteneur_audio { background: url("../images/contIntro.png") no-repeat scroll left bottom #442F30; margin: 0px auto 27px; overflow: hidden; clear: both; padding: 10px 15px; width: 793px; } .marges{ margin: 0 0 0 0; } .colGauche { float: left; width: 260px; } .colDroite { float: left; width: 518px; } #documents .hautdepage2 { margin: 0 0 0 0; padding: 5px 0 5px } /* ////////////////////////////////// Bulletin */ .prizes span{ display: block; float: left; width: 240px } /* //////////////////////////////// historique.php */ .colonne-gauche-inside { float: left; width: 200px ; padding: 0 0 0 20px } .colonne-droite-inside ul.number strong{ float: left; color: #ffc481; display: block; width: 80px; font: bold 16px verdana; } .colonne-droite-inside ul.number li{ clear: both; margin: 0 0 10px 0; overflow: hidden } .colonne-droite-inside ul.number span{ float: left; display: block; width: 535px; } .colonne-gauche-inside ul li { margin: 0 0 1px 0px; } .colonne-gauche-inside ul li a { color: #eaceb1; background-color: #533a3a; text-decoration: none; display: block; height: 28px; padding: 7px 0 0 10px } .biblio .colonne-gauche-inside ul li a { color: #eaceb1; background-color: #533a3a; text-decoration: none; display: block; height: auto; min-height: 22px; padding: 7px 10px 5px } .colonne-gauche-inside ul li a:hover { color: #eaceb1; background-color: #ac620d } .colonne-gauche-inside ul .sub li a {background:#382123; font-weight: normal; font-size: 11px;} .colonne-droite-inside { float: left; width: 610px; margin: 0 0 20px 0px; padding: 0 15px 0 20px } .presentation ul li { margin: 0 0 1px 0px; } .presentation ul li a { color: #eaceb1; background-color: #533a3a; text-decoration: none; display: block; height: 28px; padding: 7px 0 0 10px } .presentation ul li a:hover { color: #eaceb1; background-color: #ac620d } .biblio {position: relative;} .biblio .colonne-droite-inside {margin-left: 250px; width: 670px} .biblio .colonne-gauche-inside {width: 230px} #content .biblio h2 { font-size:25px; color:#ffca8c; margin:10px 0 25px 0; font-family: Georgia;} /* //////////////////////////////// lamitié Charles peguy page sommaire */ .menuAmitie { margin: 0 0 15px; width: 200px; } .menuAmitie li { margin: 0 0 1px 0px; } .menuAmitie li a { color: #eaceb1; background-color: #533a3a; text-decoration: none; display: block; height: 28px; padding: 7px 0 0 10px } .menuAmitie li a:hover { color: #eaceb1; background-color: #ac620d } .w750 { width: 750px; } p.miseEnAvant { font: italic normal 16px Georgia } /* //////////////////////////////// Actualités */ #actu { width: 884px; margin: 0 auto; background: url(../images/bgd_actu.jpg) left top no-repeat; } #actu h2 { margin: 0 0 0 20px; padding: 15px 0 0; } .uneActu { width: 822px; background-color: #29181c; border: 1px solid #5c3f3f; padding: 15px 10px 10px ; margin: 0 auto 22px auto; } .uneActu h3{ margin-top: 0 ; } .pieceJointe { float: left; overflow: hidden; } .lire { color: #ae6410; text-decoration: none; } .date { margin: 0 0 0 10px } .desc { margin: 0 10px } h3.cb img { border: none } .floatIMG { float: left; margin: 0 15px 10px 5px; } .shiftMeup { position:relative; top: -15px; left: 0px; } #actu .format {padding: 20px 23px 20px } .unAvis { background: url("../images/contIntro.png") no-repeat scroll left bottom #442F30; margin: 30px auto 0; overflow: hidden; clear: both; padding: 10px 15px; width: 793px; } .colGaucheAvis { float: left; width: 250px; } .colGaucheAvis p strong { color: #B8701F } .colDroiteAvis { float: left; width: 531px; } .avis { overflow: hidden;margin: 15px 0 10px 0 } .colGaucheAvis2 { float: left; width: 300px; } .colGaucheAvis2 p strong { color: #B8701F } .colDroiteAvis2 { float: left; width: 528px; } .agenda a{ float: right; display: block; width: 131px; height: 37px; background: url(../images/btn_agenda.png) left top no-repeat; text-indent: -5000px; overflow: hidden; position: relative; top:0; left:-15px; } .agenda a:hover { background: url(../images/btn_agenda2.png) left top no-repeat; } /* //////////////////////////////// Composition */ .col-gauche-compo, .col-droite-compo { width: 273px } .col-gauche-compo { float: left; background-color: #3b3135; padding: 10px 15px; margin: 0 0 0 0px; } .col-droite-compo { float: left; background-color: #3b3135; padding: 10px 15px; margin: 0 0 0 0px; float: right; } .col-gauche-compo h3, .col-droite-compo h3 { color: #ffc481 ; margin: 0 0 10px 0px; } /* //////////////////////////////// Ajouter avis */ #avis { width: 884px; margin: 0 auto; background: url(../images/bgd_actu.jpg) left top no-repeat; } #avis h2 { margin: 0 0 0 20px; padding: 15px 0 0; } #avis .bita { margin: 15px 0 20px 24px } #avis-form { width: 854px; margin: 0 auto; } .colonne_un { float: left; margin: 15px 0 0 0px; } .colonne_deux { float: left; margin: 15px 0 0 15px; } .avis { border-bottom: 1px solid #774921; margin: 0 0 15px 0px; } .donnerAvis label { display: block; float: left; width: 110px; text-align: right; padding: 0 7px 0 0; } .butRight { text-align :right; padding: 0 4px 15px 0; } /* //////////////////////////////// Page Liens */ #liens { padding: 0 35px 20px; } #liens h3 { margin: 25px 0 20px 0; } #liens h3.cb { padding: 25px 0 0 0; } #liens h4 { margin: 20px 0 0px; font-weight: bold; color: #B8701F } #liens h4.underligned span{ border-bottom: 1px solid gray } span.borderBottom { border-bottom: 1px solid gray } .colonne-gauche-inside2 { float: left; width: 210px ; padding: 0 0 0 20px } #liens .colonne-gauche-inside2 ul.puced li { margin: 0 0 1px 0px; padding: 0 0 0 0; background: none; } .colonne-gauche-inside2 ul li a { color: #eaceb1; background-color: #533a3a; text-decoration: none; display: block; padding: 7px 0 0 10px } .colonne-gauche-inside2 ul li a:hover { color: #eaceb1; background-color: #ac620d } .colonne-droite-inside2 { float: left; width: 609px; margin: 0 0 20px 0px; padding: 0 15px 0 20px } .colonne-droite-inside2 ul.number strong{ float: left; color: #ffc481; display: block; width: 80px; font: bold 16px verdana; } .colonne-droite-inside2 ul.number li{ clear: both; margin: 0 0 10px 0; overflow: hidden } .colonne-droite-inside2 ul.number span{ float: left; display: block; width: 535px; } #liens p a { text-decoration: none } #liens ul.puced li{ padding: 0 0 0 14px; background: url(../images/illus_p1.png) left 5px no-repeat; } ul.pucedMenu { clear: both; overflow: hidden; margin: 10px 0 25px 0; } ul.pucedMenu li { float: left; margin: 0 10px 0 0; line-height: 30px; } .hautdepage { float: right; } .hautdepage span { background: url(../images/puce/up.gif) left 3px no-repeat; padding: 0 0 0 15px; } .hautdepage span span { background: url(../images/puce/up.gif) right 3px no-repeat; padding: 0 15px 0 0; } #liens .hautdepage a { text-decoration: none; background: url(../images/illus_fleche2.png) right 5px no-repeat; padding: 0 6px 0 0; } .hautdepage a:hover { text-decoration: underline } .hautdepage2 { clear: both; text-align: right; } .hautdepage2 span { background: url(../images/puce/up.gif) left 3px no-repeat; padding: 0 0 0 15px; } .hautdepage2 span span { background: url(../images/puce/up.gif) right 3px no-repeat; padding: 0 15px 0 0; } .hautdepage2 a { text-decoration: none; background: url(../images/illus_fleche2.png) right 5px no-repeat; padding: 0 6px 0 0; } .hautdepage2 a:hover { text-decoration: underline } #liens table { margin: 0 auto; } #liens table td{ vertical-align: top; } #liens .elem { background: url(../images/bgd_f_elem.png) left top repeat-x; width: 250px; margin: 0 7px 10px; min-height: 212px; padding: 2px 15px 10px 15px; } #liens p { line-height: 20px; } /* //////////////////////////////// Biographie longue */ #bio { width: 854px; margin: 0 auto; padding: 0 35px; background: #1c1116 url(../images/cont_gallery.png) left top repeat-x; } #bio h2 { margin: 0 0 0px 20px; padding: 15px 0 0; } #bio h3 { margin: 12px 0 20px 20px; } #tabberMenu h4{ padding: 4px 5px 4px 5px; float: left; margin: 0 0 27px 10px; height: 15px; background-color: #4e3a3c; font: bold 12px arial; color: #b78038; cursor: pointer } #tabberMenu h4.activeTab{ background: url(../images/f-h4.png) left top repeat-x ; color: #6e554a ; cursor: pointer } #tabberMenu h4 a { color: #b78038; text-decoration:none; font: bold 12px arial; cursor: pointer } #tabberMenu h4.activeTab a { color: #6e554a; text-decoration:none; } /* ======================================================================== * Tabber * ========================================================================*/ #tabs-nav { min-height: 30px; background: #ede3d9 url(../images/f-tabber.png) left top repeat-x; clear: both; padding: 12px 0 10px 10px; overflow: hidden; zoom: 1; } #tabs-nav li { float: left; padding: 0 10px 0 0; color: #OOO; } #tabs-body li { padding: 10px;/* color: #fff; */ display: none;} #tabs-body li.active { display: block; } #tabs-nav li h5{ color: #b88038 ; padding: 4px 5px; cursor: pointer } #tabs-nav li.selected h5{ background-color: #ac620d ; color: #fff ; } #bio .activeTab{ color:red;} #tabs-body { position: relative; } /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /* //////////////////////////////// Mentions */ #mentions { width: 854px; margin: 0 auto; padding: 0 35px; background: #1c1116 url(../images/cont_gallery.png) left top repeat-x; } #mentions h2 {margin: 0 0 25px 20px; padding: 15px 0 0; } .adr { width: 550px; margin: 0 auto 20px auto; } .adr td { padding: 0 26px ; vertical-align: top} .adr td h3 { margin: 0 0 25px 0px; } .conformement { font: normal 9px sans-serif; padding: 0 50px; text-align: center;text-align: } /* //////////////////////////////// page.php */ #page { padding:10px;} #page p { line-height:20px;} /* //////////////////////////////// lecrivain */ #lecrivain .presentation {width:452px; margin:35px 0 10px 35px; padding:20px 30px 10px 30px; background:url('../images/bgd_presentation.png') left top repeat-x;} #lecrivain .presentation p {text-align:justify;} #lecrivain .bio {width:452px; margin:35px 0 10px 35px; padding:20px 30px 20px 30px; border:1px solid #382f33; background:#291f21;} #lecrivain .bio .illustration {float:left; margin:0 30px 0 0;} #lecrivain .bio .texte {float:left; width:330px; text-align:justify; line-height:18px; font-size:11px; color:#9b8777;} /* //////////////////////////////// Contact */ .formatform fieldset { padding:5px 0 0; margin:0 0 10px;} .formatform h3 {margin:0 0 10px; font-size: 21px} .formatform p {margin:0 0 10px;} .formatform label {display:block; color: #eaceb1; margin: 0 0 4px 0; } .formatform label span {font-style:italic; font-size:9px; margin:0 0 0 5px;} .formatform label span.infos {cursor:help;} .formatform input {border:2px solid #BFBFBF; height:27px; padding:0 0 0 5px; width:385px;} .formatform textarea {border:2px solid #BFBFBF; width:391px;} .formatform select { width:170px; } #contact { width: 996px; background: url(../images/bgd_contact.jpg) left top no-repeat; min-height: 416px; } #contact h2 { margin: 53px 0 0 69px; } #contact form { margin: 23px 82px 0 } .col-droite { float: right; width: 415px } .col-gauche { float: left; width: 400px } #contact form h3 { font-size: 21px; color: #b8701f; border-bottom: 1px solid #774921; } form input.text, select { height: 22px; background-color: #755858 ; border: none; color: #fff } .formatform textarea, textarea , select { border: none; background-color: #755858 ; color: #fff } #contact form p.centerbut { clear: both; margin: 0 17px 20px 0px; text-align :right; } #contact form p.centerbut input{ background-color: transparent; border: none ; color: #fff} .formatform .fiftyPercent { float: left; margin-right: 19px } .formatform .fiftyPercent2 { float: left; margin-right: 33px } .fiftyPercent input, .fiftyPercent2 input { width: 179px; } textarea#comment { height: 291px; } /* //////////////////////////////// chronologie */ #chronologie table { width: 908px; margin: 0 auto 20px auto; } #chronologie th { font: bold 13px arial; background-color: #492e2e; color: #fff ; padding: 7px 4px; text-align: center; border: 1px solid #492e2e; } #chronologie td { padding: 3px 5px; text-align: left; border: 1px solid #492e2e; } #chronologie tr.active td { background-color: #3e2a2d } /* //////////////////////////////// abecedaire */ #abecedaire { width: 884px; margin: 0 auto; background: url(../images/bgd_cont_abecedaire.jpg) left top no-repeat; overflow: hidden; padding: 0 0 20px 0; } .flLeftImg { float: left; visibility: hidden } #abecedaire p.legende { float: left; height: 70px; margin: 22px 0 0 23px; padding: 5px; width: 549px; background: #462f30 url(../images/illus_legende.png) left top no-repeat; color: #eaceb1 ; font: normal 12px "Trebuchet MS"; } #abecedaire p.legende span{ color: #bba287 } #abecedaire h4 { font: bold 23px "Trebuchet MS"; margin: 25px 10px 2px 54px; cursor: pointer; float: left; border: 1px solid gray; } #abecedaire .division { float: left; margin: 0 0 0 19px; width: 704px; } #abecedaire h5 { font: bold 16px "Trebuchet MS"; margin: 5px 0 15px 0px; color: #ffc481 } #abecedaire blockquote{ display: block; margin: 10px 0 5px 0; color: #eaceb1; text-align: justify; } #abecedaire cite{ display: block; margin: 0 0 0 0px; color: #bba287 } #abecedaire cite span { font-style:italic } .elem { background: #24181c url(../images/bgd_elem.png) left bottom no-repeat; padding: 10px 15px; width: 672px; margin: 3px 0 0 0; } .menuAbecedaire { clear: both; margin: 0 0 37px 51px; overflow: hidden; padding: 28px 0 0; height: 50px; } .menuAbecedaire li { margin: 0 5px; padding: 0; float: left; } .menuAbecedaire li a { text-indent: -5000px ; display: block; width: 27px; height: 27px; border: none; overflow: hidden; } a.somA { background: url(../images/illus_a.png) left top no-repeat; } a.somB { background: url(../images/illus_b.png) left top no-repeat; } a.somC { background: url(../images/illus_c.png) left top no-repeat; } a.somD { background: url(../images/illus_d.png) left top no-repeat; } a.somE { background: url(../images/illus_e.png) left top no-repeat; } a.somF { background: url(../images/illus_f.png) left top no-repeat; } a.somG { background: url(../images/illus_g.png) left top no-repeat; } a.somH { background: url(../images/illus_h.png) left top no-repeat; } a.somI { background: url(../images/illus_i.png) left top no-repeat; } a.somJ { background: url(../images/illus_j.png) left top no-repeat; } a.somL { background: url(../images/illus_l.png) left top no-repeat; } a.somM { background: url(../images/illus_m.png) left top no-repeat; } a.somO { background: url(../images/illus_o.png) left top no-repeat; } a.somP { background: url(../images/illus_p.png) left top no-repeat; } a.somQ { background: url(../images/illus_q.png) left top no-repeat; } a.somR { background: url(../images/illus_r.png) left top no-repeat; } a.somS { background: url(../images/illus_s.png) left top no-repeat; } a.somT { background: url(../images/illus_t.png) left top no-repeat; } a.somU { background: url(../images/illus_u.png) left top no-repeat; } a.somV { background: url(../images/illus_v.png) left top no-repeat; } a.somZ { background: url(../images/illus_z.png) left top no-repeat; } a.somA:hover { background: url(../images/illus_a.png) left -27px no-repeat; } a.somB:hover { background: url(../images/illus_b.png) left -27px no-repeat; } a.somC:hover { background: url(../images/illus_c.png) left -27px no-repeat; } a.somD:hover { background: url(../images/illus_d.png) left -27px no-repeat; } a.somE:hover { background: url(../images/illus_e.png) left -27px no-repeat; } a.somF:hover { background: url(../images/illus_f.png) left -27px no-repeat; } a.somG:hover { background: url(../images/illus_g.png) left -27px no-repeat; } a.somH:hover { background: url(../images/illus_h.png) left -27px no-repeat; } a.somI:hover { background: url(../images/illus_i.png) left -27px no-repeat; } a.somJ:hover { background: url(../images/illus_j.png) left -27px no-repeat; } a.somL:hover { background: url(../images/illus_l.png) left -27px no-repeat; } a.somM:hover { background: url(../images/illus_m.png) left -27px no-repeat; } a.somO:hover { background: url(../images/illus_o.png) left -27px no-repeat; } a.somP:hover { background: url(../images/illus_p.png) left -27px no-repeat; } a.somQ:hover { background: url(../images/illus_q.png) left -27px no-repeat; } a.somR:hover { background: url(../images/illus_r.png) left -27px no-repeat; } a.somS:hover { background: url(../images/illus_s.png) left -27px no-repeat; } a.somT:hover { background: url(../images/illus_t.png) left -27px no-repeat; } a.somU:hover { background: url(../images/illus_u.png) left -27px no-repeat; } a.somV:hover { background: url(../images/illus_v.png) left -27px no-repeat; } a.somZ:hover { background: url(../images/illus_z.png) left -27px no-repeat; } #content{padding-bottom: 85px} /* centenaire */ .centenaire { padding: 0 20px} /* news */ .social {position:relative; padding-top:20px} .social .feeds-link {position:absolute; top:13px; right:15px;} /*search*/ #search {padding:0 25px;} #search label[for="query"] {line-height:28px; padding-right: 10px} /*catalog */ .conf {width: 100%; background:#3B3135 } .conf td, .conf th {padding: 4px; border:1px solid #0E0A0F;vertical-align: middle;} .conf th {background: #533A3A; color:#fff; padding: 6px 4px} .conf .author {text-align: center;} /* chemin */ .chemin .colonne-droite-inside ul li {margin-left: 20px; list-style: disc} /* ======================================================================== * Classes générales * ========================================================================*/ .denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; border:1px solid red;} .denied li {border-bottom:1px dotted red; padding:3px 0;} .clear { clear:both; line-height:0; height:0; } .btn {width:auto !important; height:30px !important; background:#FFF; border:1px solid #FFFFFF; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible } .checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important;} .nodisplay { display:none; } .center { text-align:center; } .right { text-align:right !important; } .flright { float:right; } .flleft { float:left; } .two-columns { width:49% !important;} .cb { clear: both; } .tr { text-align :right; } #slider-list{width:5000px; position: absolute; border:0; margin:0; padding:0; z-index:0} #slider-list li{ list-style:none; margin:0; padding:0; margin-right:6px; padding:2px; float:left; width:137px; height:120px; } .blocCentre{ position: absolute; z-index: 100; top: 35px; left: 50px; } #mask{ position: relative; overflow:hidden; height:130px; width:735px; }