/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* COLOR
/* Vert Foncé : #314a00
/* Vert claire : #71bd21
/* Orange : #ff6308 */

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Lucida Grande", Arial,sans-serif; background: #71bd21; /* background: #71bd21 url(design/orange_fond.png) -35% 30% no-repeat; */ color: #000; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; }
h1 { font-size: 1.80em; color: #ff6308; margin-bottom: 1em; }
h2.accueil { font-size: 1.80em; color: #ff6308; }
h2 { font-size: 1.70em; font-weight: normal; font-family: Georgia,Helvetica,Arial,sans-serif; color: #314a00; }
h3 { font-size: 1.2em; font-weight: bold; font-family: Georgia,Helvetica,Arial,sans-serif; color: #ff6308; margin: 1em 0 1em 0; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 73em; margin: 0 auto; text-align: left; background: url(design/fond.png) repeat; }

#entete { width: 100%; margin: 0; padding-top: 1.60em;  background-color: #FFF; border-bottom: 1px solid #ff6308; }
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/

#entete ul{ position: relative; margin-top: 1em; padding: 0; list-style-type: none; }
#entete ul li { display: inline; color:#000; }
/* #entete ul li a { margin: .5em; color:#ff6308; } */
#entete img { border: none; margin: 0; padding: 0; }

.article_entete { width: 55%; float: left; }
.article_entete ul li a { margin: .5em; padding: 1em; text-decoration: none; }
.article_entete a:hover { text-decoration: none; }
.article_entete ul li a:hover { margin: .5em; padding: 1em; background-color: #71bd21; border-bottom: solid 2px #ff6308; }

.article_entete2 { width: 45%; float: left; }

#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#conteneur_accueil { overflow: hidden; }
#contenu { padding: 1em; margin-bottom: 2em; }
#contenu li { list-style: none; }
#contenu img { border: solid #314a00 1px; margin: .5em; padding: .5em; }
#contenu img.boss { float: left; }
#contenu p { font-size: 1.1em; }

.slogan { font-size: 2em; color: #71bd21; text-align: center;}
.cent { font-size: 2.2em; color: #ff6308; }
.vertf { color: #314a00; }
.sign { text-align: right; }


#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; border-left: 1px solid #314a00; }
#navigation ul { list-style: none; margin: .1em .3em; padding: 0; }
#navigation ul li.premier_titre, p.premier_titre { font-size: 1.3em; color: #ff6308; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

.cartouche { padding: .5em; background-color: #fff; margin-bottom: 1em;}
#contenu .cartouche .sign img { border: none; margin: 0; padding: 0; }
.boite_photo { float: left; width: 35%; margin: 2em; padding: .5em; }
.center { text-align: center; }


#pied {
	clear: both;
        margin-bottom: 2em;
        height: 30px;
        font-size: 12px;
        color:#ffffff;
	background-color: #FFF;
	border-top: 1px solid #71bd21;
}
#pied p {
        margin: 0 auto;
        padding: 3px 5px 0 20px;
        /* background: #e0e0e0; */
        color: #fff;
        text-align: right;
        font-size: 1em;
}
#pied a{
        color: #ff6308;
}

#pied ul li { display: inline; padding-right: .5em; }

#pied img { border: none; margin: 0; padding: 0; }

.boite_pied { width: 50%; float: left; }
ul.logo_pied { text-align: right; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }


/* Rubriques */

.rubriques ul { border: 0; }
#navigation ul { /* border-bottom: 1px solid #71bd21; */ }
#navigation ul li li:hover { background: #71bd21;  }

#tagsphere ul li { color: #ff6308; }


p { margin: 1em 0 1em 0; }
#navigation p { margin: 1em 0.4em 1em 0.4em; }
.graisse { font-size: 1.2em; color: #ff6308; }

.form_required { color: red; }

/* Couleurs des liens
---------------------------------------------- */
a { color: #ff6308; text-decoration: none; }
a:focus,a:hover,a:active { color: #000; text-decoration: underline; }

#navigation a { color: #000; text-decoration: none; }
#navigation a:hover { color: #ff6308; }

#navigation a.orange { color: #ff6308;}

.spacer { clear: both; }