/* Feuille de style : style.css Objet : Portail web des cyclotouristes et randonneurs d'Andaine Auteurs : Arnaud De La Losa, Damien Robillard Creation : 11 avril 2006 par Damien Robillard Derniere modification : 11/01/2010 par Damien Robillard Validation W3C : 11 avril 2006 par http://jigsaw.w3.org/css-validator/ Norme CSS utilisee : 2.1 Description : le fichier est classe comme suit : - Styles generaux s'appliquant a tout le site (body...) en ordre alphabetique - Styles des blocs dans leur ordre d'apparition du code hmtl - Style du module Photos (Coppermine Photo Gallery) */ /* ===================================================== GENERAL : mis a jour 13/02/2007 ===================================================== */ body {font-family : Arial, Helvetica, sans-serif; background-color : #ececec; font-size : 10pt; margin : 0; padding : 0;} hr {visibility : hidden;} img {border : 0px;} span.separateur_lien {display : inline; margin : 0; padding : 0; visibility : hidden;} /* ===================================================== BLOC BANNIERE : mis a jour 11/01/2010 ===================================================== */ #banniere {background-image : url("banniere-fond.png"); background-repeat : repeat-x; height : 90px; padding: 0; margin : 0; margin-top : 0.2em; margin-left : 3em; margin-right : 3em; overflow : hidden; z-index : 5;} #banniere h1 {padding : 0; margin : 0; font-size : 1pt; visibility : hidden; float : left;} #banniere ul {background-image : url("banniere-droite.png"); background-repeat : no-repeat; float : right; text-align : left; height : 90px; width : 450px; margin : 0; padding : 0; padding-top : 60px;} #banniere li {list-style-type : none; display : inline; color : white; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; padding-left : 1em; padding-right : 1em; border-right : white 1px solid;} #banniere a:link, a:visited {color : white; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none;} #banniere a:hover {color : #6078bf; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none;} #banniere a:active {color : white; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none;} #banniere a.retourAccueil {background-image : url("banniere-gauche.png");background-repeat : no-repeat; height : 90px; width : 350px; float : left; margin : 0; padding : 0;} #banniere a.retourAccueil span {visibility : hidden;} /* ===================================================== BLOC MENU HORIZONTAL : mis a jour : 05/02/2010 ===================================================== */ #menuHorizontal {text-align : right; background-image : url("menu-h-fond.png"); background-repeat : repeat-x; background-color : #6078bf; height : 38px; margin : 0 3em 0 3em; padding : 0;} #menuHorizontal h1 {float : right; background-image : url("menu-h-droite.png"); background-repeat : no-repeat; height : 38px; width : 131px; font-family : Arial, Helvetica, sans-serif; font-size : 1pt; text-align : left; color : #6078bf; display : inline; margin : 0; margin-bottom : -2em; padding : 0; padding-top : 10px;} #menuHorizontal form {float : left; background-image : url("menu-h-gauche.png"); background-repeat : no-repeat; padding-left : 3em; height : 38px; margin : 0; margin-bottom : -1em; padding : 0; padding-left : 2em;} #menuHorizontal input {color : #6078bf; font-size : 8pt; background-color : #e6ecff; border : 1px solid white; -moz-border-radius : 10px; margin-top : 10px; padding : 0; padding-left : 1em;} #menuHorizontal input:hover {background-color: #bfcfff; color : black;} ul#menulist li ul {display : none;} ul#menulist li:hover>ul {display : block;} ul#menulist {margin : 0; padding : 0; list-style : none;} ul#menulist li {float : right; display : block;} ul#menulist li a {display : block; border-left : 10px solid #bfcfff; background-color: #e6ecff; margin : 0; margin-top : 6px; padding-top : 6px; padding-bottom : 4px; padding-left : 0.5em; padding-right : 0.5em; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; text-decoration : none; color : #6078bf; text-transform : uppercase;} ul#menulist li a:hover {background-color : #bfcfff; border-left : 10px solid #6078bf; color : black;} ul#menulist ul {position : absolute; list-style : none; margin : 0; padding : 0; z-index : 3;} ul#menulist ul ul {top : 0px; right : 215px; z-index : 2;} ul#menulist ul li {position : relative; float : none; margin : 0; padding : 0; display : inline;} ul#menulist ul li a.rubrique {background-color : #e6ecff; font-weight : bold; color : #6078bf; border : none; border-left : 10px solid #bfcfff; display : block; margin : 0; padding : 0; padding-left : 0.5em; padding-top : 0.3em; padding-bottom : 0.3em; text-transform : none; width : 200px;} ul#menulist ul li a.article {background-color : #e6ecff; font-weight : normal; color : #6078bf; border : none; border-left : 10px solid #bfcfff; display : block; margin : 0; padding : 0; padding-left : 0.5em; padding-top : 0.3em; padding-bottom : 0.3em; text-transform : none; width : 200px;} ul#menulist ul li a:hover {background-color : #bfcfff; border-left : 10px solid #6078bf; color : black; text-transform : none; width : 200px;} /* ===================================================== BLOC PRESENTATION-SOMMAIRE : 04/03/2010 ===================================================== */ #sommaire-presentation {float : left; margin : 0 0 1em 3em; width : 45%} #sommaire-presentation h2 {background-color : #809fff; color : white; border-top : 1px solid #a2a2a2; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; -moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; margin : 0; padding : 0.4em;} #sommaire-presentation p {background-color : #e6ecff; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; text-align : justify; margin : 0; padding : 0.4em;} #sommaire-presentation a.suite {background-color : #e6ecff; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; border-bottom : 1px solid #a2a2a2; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px; text-align : right; margin : 0; padding : 0.4em;} /* ===================================================== BLOC SOMMAIRE-PLEINSFEUX : mis a jour : 08/02/2010 ===================================================== */ #sommaire-pleinsFeux {position : absolute; margin : 0 3em 1em 50%;} #sommaire-pleinsFeux h2 {background-color : #ffcc80; border-top : 1px solid #a2a2a2; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; -moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; margin : 0;} #sommaire-pleinsFeux p {background-color : #fff5e6; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; border-bottom : 1px solid #a2a2a2; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px; text-align : justify; margin : 0;} #sommaire-pleinsFeux a:link, #pleinsFeux a:visited {color : black; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-style : italic; font-weight : bold; text-decoration : none;} #sommaire-pleinsFeux a:hover {color : #bf9960; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-style : italic; font-weight : bold; text-decoration : underline;} #sommaire-pleinsFeux a:active {color : #bf9960; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-style : italic; font-weight : bold; text-decoration : none;} /* ===================================================== BLOC LOCALISATION : mis a jour : 05/02/2010 ===================================================== */ #localisation {padding: 0.2em 0 0.2em 0.5em; margin : 0 3em 0 3em; clear : both; border-top : 1px solid #a2a2a2; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; -moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; background-color : #e6ecff;} #localisation h1 {float : right; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; color : #e6ecff; display : inline; margin : 0;padding : 0; padding-left : 10px;} #localisation a:link,#localisation a:visited {font-family : Arial, Helvetica, sans-serif; font-size : 8pt; color : #6078bf; background-color : none; text-decoration : none; margin : 0; padding : 0;} #localisation a:hover {color : black; text-decoration : underline;} /* ===================================================== BLOC PRINCIPAL : mis a jour : 05/02/2010 ===================================================== */ #principal {margin : 0 3em 0 3em; padding : 0 0 0 1em; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; background-color : white;} #principal h1 {font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-weight : bold; background-color : #e6ecff; border-left : 1px solid #a2a2a2; border-bottom : 1px solid #a2a2a2; padding : 0; padding-left : 1em; margin : 0; margin-right : 210px; margin-bottom : 1em; -moz-border-radius : 10px;} #principal h3 {font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-weight : bold; color : #6078bf; border-bottom : 1px solid #a2a2a2; padding : 0; padding-left : 1em; margin : 0; margin-right : 210px;} #principal img {margin : 0.5em;} #principal img.spip_logos {float : left} #principal input {color : #6078bf; font-size : 8pt; background-color : #e6ecff; border : 1px solid #a2a2a2; -moz-border-radius : 10px; padding : 0.25em;} #principal input:hover {background-color: #bfcfff; color : black;} #principal p {font-family : Arial, Helvetica, sans-serif; font-size : 10pt; color : #3c3c3c; text-align : justify; padding : 0; padding-left : 1em; padding-right : 1em; margin : 0; margin-bottom : 1em; margin-right : 210px;} *#principal table {margin : 0; padding : 0; margin-top : 0.5em;} #principal td {border : 1px solid #a2a2a2; padding : 0.25em;} #principal tr.row_first {background-color : #e6ecff; text-align : center; font-weight : bold;} #principal tr.row_even {background-color : #e3f1ff;} #principal blockquote {display : block; background-color : #e6ecff; margin : 0; margin-left : 5em; margin-right : 300px; -moz-border-radius : 10px;} #principal p.chapeau {background-color : #e6ecff; -moz-border-radius : 10px;} #principal div.login-form {width : 50%; margin-left : 100px;} #principal div.login-liens {margin-left : 100px;} #principal div.plan {border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; border-bottom : 1px solid #a2a2a2; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px; vertical-align : top; margin : 0; margin-left : 10px; margin-right : 210px; margin-bottom : 1em; padding : 0.4em;} #principal table.plan {border : 0; vertical-align : top; padding-left : 2em;} #principal tr.plan {vertical-align : top;} #principal td.plan-articles-rubriques {vertical-align : top; border : 0;} #principal td.plan-breves {border : 0; vertical-align : top; border-left : dotted 2px #6078bf;} span.dernier_ajout {display : block; text-align : right; margin : 0; margin-top : -2em; margin-right : 1.5em; padding : 0; font-style : italic; color : #a2a2a2; font-size : 8pt;} a:link, a:visited {color : #6078bf; text-decoration : none;} a:hover {color : black; text-decoration : none;} a:active {color : white; text-decoration : none;} a.suite:link, a.suite:visited {display : block; text-align : right; color : #6078bf; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-style : italic; font-weight : bold; text-decoration : none;} a.suite:hover {color : black; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-style : italic; font-weight : bold; text-decoration : none;} a.suite:active {color : white; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-style : italic; font-weight : bold; text-decoration : none;} /* ===================================================== BLOC ACTUALITES : mis a jour : 05/02/2010 ===================================================== */ #actualites h2 {font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-weight : bold; background-color : #e6ecff; color : #6078bf; border-top : 1px solid #a2a2a2; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; -moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; margin : 0; margin-left : 10px; margin-right : 210px; padding : 0.4em;} #actualites p {border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; border-bottom : 1px solid #a2a2a2; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px; text-align : justify; margin : 0 210px 30px 10px; padding : 2em;} #actualites img.spip_logos {float : left;} #actualites a:link, #actualites a:visited {color : #6078bf; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-style : italic; font-weight : bold; text-decoration : none;} #actualites a:hover {color : black; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-style : italic; font-weight : bold;text-decoration : underline;} #actualites a:active {color : #bf9960; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-style : italic; font-weight : bold; text-decoration : none;} /* ===================================================== BLOC MENU DROITE ===================================================== */ #menuDroite {text-align : center; float : right; padding : 0; margin : 0.5em; width : 195px;} #menuDroite h2 {float : none; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; color : white; background-image : url("menuDroite-entete.png"); background-repeat : no-repeat; background-color : transparent; border : 0; height : 35px; text-transform : uppercase; padding : 0; padding-top : 1.5em; margin : 0; margin-bottom : -1.5em; text-align : center;} #menuDroite p {color : #e6ecff; width : 195px; height : 23px; text-align : center; margin : 0; margin-bottom : 0.5em; padding : 0;background-image : url("menuDroite-pied.png"); background-repeat : no-repeat; background-color : #e6ecff;} #menuDroite ul {border: none; display: block; margin: 0; padding : 0; padding-left: 5px; text-align:left; list-style: none; background-image : url("menuDroite-item.png"); background-repeat : repeat-y; background-color : #e6ecff;} #menuDroite li {list-style-type : none; padding : 0; margin : 0;} #menuDroite a:link, #menuDroite a:visited {display : block; color : #6078bf; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none; padding : 0; padding-left : 2px; padding-bottom : 0.25em; margin : 0; margin-left : 2px; margin-right : 5px; border-left : 10px solid #bfcfff;} #menuDroite a:hover {display : block; color : black; background-color : #bfcfff; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; padding : 0; padding-left : 2px; padding-bottom : 0.25em; margin : 0; margin-left : 2px; margin-right : 5px; border-left : 10px solid #6078bf;} #menuDroite a p {margin : 0; padding : 0; background-image : none; background-color : transparent; font-family : Arial, Helvetica, sans-serif;font-size : 8pt; font-weight : bold; color : #6078bf; width : 100%; height : normal; text-align : left; margin : 0; margin-bottom : 0.5em; padding : 0;} /* ===================================================== BLOC MENU VERTICAL : 04/03/2010 ===================================================== */ #menuVertical {text-align : center; float : right; padding : 0; margin : 0.5em; width : 195px;} #menuVertical h2 {float : none; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; color : white; background-image : url("menuDroite-entete.png"); background-repeat : no-repeat; background-color : transparent; border : 0; height : 35px; text-transform : uppercase; padding : 0; padding-top : 1.5em; margin : 0; margin-bottom : -1.5em; text-align : center;} #menuVertical p {color : #e6ecff; width : 195px; height : 23px; text-align : center; margin : 0; margin-bottom : 0.5em; padding : 0;background-image : url("menuDroite-pied.png"); background-repeat : no-repeat; background-color : #e6ecff;} #menuVertical ul {border: none; display: block; margin: 0; padding : 0; padding-left: 5px; text-align:left; list-style: none; background-image : url("menuDroite-item.png"); background-repeat : repeat-y; background-color : #e6ecff;} #menuVertical li {list-style-type : none; padding : 0; margin : 0;} #menuVertical a:link, #menuVertical a:visited {display : block; color : #6078bf; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none; padding : 0; padding-left : 2px; padding-bottom : 0.25em; margin : 0; margin-left : 2px; margin-right : 5px; border-left : 10px solid #bfcfff;} #menuVertical a:hover {display : block; color : black; background-color : #bfcfff; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; padding : 0; padding-left : 2px; padding-bottom : 0.25em; margin : 0; margin-left : 2px; margin-right : 5px; border-left : 10px solid #6078bf;} #menuVertical a p {margin : 0; padding : 0; background-image : none; background-color : transparent; font-family : Arial, Helvetica, sans-serif;font-size : 8pt; font-weight : bold; color : #6078bf; width : 100%; height : normal; text-align : left; margin : 0; margin-bottom : 0.5em; padding : 0;} /* ===================================================== COLOPHON ===================================================== */ #colophon {border-bottom : 1px solid #a2a2a2; border-left : 1px solid #a2a2a2; border-right : 1px solid #a2a2a2; background-color : #ececec; text-align : center; margin : 0; margin-left : 3em; margin-right : 3em; margin-bottom : 1em; padding : 0; padding-left : 10px; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px;} #colophon h1 {visibility : hidden; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; display : inline;} #colophon ul {margin : 0; padding : 0;} #colophon li {list-style-type : none; display : inline; color : #6078bf; margin : 0; padding : 0; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold;} #colophon a:link, #colophon a:visited {color : #6078bf; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none;} #colophon a:hover {color : black; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none;} #colophon a:active {color : white; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : bold; text-decoration : none;}