/*
 * STYLES GENERAUX
 */
 
* { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; color: yellow; font-weight: bold; }
body { background: yellow; }

a:link, a:visited, a:hover, a:active { text-decoration: none; color: white; font-weight: bold; }
a:visited { color: yellow; }
a:hover { text-decoration: underline; }
a:focus { color: #6699FF !important }

.clear { clear: both; margin: 50px; } /* pour NN4 */
/*/*/ .clear { display: none; margin: 50px; } /* */

hr { clear: both; height: 0; width: 0; color:#FF3399; background-color: #FF3399; }

hr#etoiles { height: 0; color: #FF3399; background-color: #FF3399; }

.spip-admin { position: fixed; top: 0; font-size: 90%; padding: 2px; line-height: 1.4em; }

.hidden { display: none; }



/*
 * TEXTES
 */

h1 { text-align: center; margin-bottom: 0.4em; }
h3 { text-align: center; margin-bottom: 0.4em; }
h3#surtitre { text-align: left; font-size: 95%; margin-bottom: 0.6em; }
h3.spip { margin: 1.5em 0 0.8em 0; }
#centre h5  { margin: 0 2% 1em 5%; font-weight: normal; text-align: left; }
address { font-size: 75%; font-weight: normal; font-style: normal; text-align: center; margin-top: 5em; }
#chapo { font-size: 110%; margin: 1em; }
p { text-align: justify; margin-bottom: 0.6em; }
.ps { font-size: 80%; }
.encart { background: yellow; width: 20%; float: right; color: #FF3399; font-size: 75%; padding: 0.8em; margin: 1em 0 1em 1em; }
kbd { padding: 0 3px; font: 85% "Courier New", monospace; color: black; background: #EFEFEF; border-width: 1px; border-style: solid; border-top-color: #BBB; border-left-color: #BBB; border-bottom-color: black; border-right-color: black; }
#contenu ul { list-style-type: none; text-align: left; margin-bottom: 1em; }
#contenu li { background: #FF3399 url(deco/etoile.gif) left center no-repeat; padding: 0 10px 0 23px; line-height: 1.5em; }
.code { text-align: left; font-size: small; }


/*
 * TABLEAUX
 */
caption { margin-bottom: 0.5em; }
table { clear: both; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
th, td { border: 1px solid white; padding: 0.3em; }
th { text-align: center; }
td { text-align: left; }



/*
 * DOCUMENTS
 */
.docagauche, .imageagauche { float: left; margin: 0 1.5em 1em 0; }
.docadroite, .imageadroite { float: right; margin: 0 0 1em 1.5em; }
p.imagecentre { text-align: center; }
#contenu dd { font-size: 80%; font-weight: normal; text-align: center; }



/*
 * COMMENTAIRES affichage
 */
#comm { margin: 0 2% 0 5%; text-align: left; font-weight: normal; }
p.titrecomm { border-top: 1px dashed yellow; padding: 5px 0 0 23px; margin-top: 20px; font-size: 110%; font-weight: bold; background: url(deco/etoile.gif) left center no-repeat; }
#comm p { font-weight: normal; }
.datecomm { font-size: 80%; font-weight: normal; }
#visucomm { width: 100%; border: 6px double yellow; padding: 0.5em; }
#visucomm p.titrecomm { border: 0; }
#erreur { width: 100%; border: 6px double #6699FF; padding: 0.5em; text-align: center; color: #6699FF; }




/*
 * COMMENTAIRES formulaire
 */
.commentaire { padding-top: 1em; width: 70%; text-align: center; }
.commentaire fieldset { display: block; width : 100%; margin: 1em 1.5em; padding: 5px; border: 1px solid yellow; text-align: left; }
.commentaire fieldset input, .commentaire fieldset textarea { width: 100%; margin: 5px; padding: 2px; font-weight: normal; border: 1px dashed yellow; background: transparent; }
.commentaire fieldset textarea { height: 12em; }
.commentaire fieldset legend { padding: 0 0.3em; }
.spip_bouton { padding: 2px; background: yellow; color: #FF3399; font-weight: bold; cursor: pointer; border-right: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; }



/*
 * MOTEUR DE RECHERCHE résultats
 */
#searchrub, #searchpage { width: 46%; margin-top: 1.6em; padding: 5px; border: 1px solid yellow; }
#searchrub { float: right; }
#searchrub dd, #searchpage dd { text-align: left; }
p#searchrub, p#searchpage { text-align: center; }
strong { background-color: #6699FF; }




/*
 * CONTACTS formulaire
 */
#contact { width: 100%; }

#contact fieldset {	font-style: normal; padding: 1em; border: 1px solid yellow; }
#contact legend {	font-weight: bold; color: yellow; background: transparent; padding: 0 .3em; }
#contact p {	padding: .6em; margin: 0 0 .2em 0; }
#contact fieldset label {	float: left; width: 30%; text-align: right; padding: 0 .5em 0 0; line-height: 1.3em; }
#contact label:hover { cursor: pointer; }
#contact input, #contact textarea { padding: 2px; color: #FF3399; }
#contact a.aide { text-decoration: none; }
#contact a.aide:hover { cursor: help; }
#contact .focus { background: #FFFF99; }
#contact .normal { background: white; }
p#alerte { border: 6px double red; color: yellow; padding: .5em; text-align: center; }




/*
 * VOTE
 */
#vote { width: 30%; float: left; margin-right: 1.4em; }
#vote fieldset { border: 1px solid yellow; padding: .6em; }
#vote legend { padding: 0 .3em; }
#votebody { background-color: #FF3399; }
#votebody p { text-align: center; margin-top: 20px; }
#votebody a { text-decoration: none; color: white; font-weight: normal; border: 1px solid white; padding: 5px; }

 



/*
 * PLAN DU SITE
 */
#plan { padding-right: 1.5em; margin-left: 5%; background: #FF3399; }
#plan a:visited { text-decoration: underline; }
#plan p { font-weight: normal; padding-left: 35px; }
#plan h3 { text-align: left; padding-left: 35px; background: url(deco/etoile2.gif) left center no-repeat; }
#plan dl { float: left; margin: 0 0 2em 35px; }
#plan dt { text-align: center; }
#plan dd { font-size: 90%; }