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


/* ------------------------------------------
/* 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: arial, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #000000; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Verdana, Georgia, Times, serif;}
h1 { font-size: 1.70em; color: #242728; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color:#CC0033; }
h3 { font-size: 1.20em; font-weight: bold; }
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; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {border:0px; font-family:verdana; font-size:0.90em;} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
#documents_joints h2 {font-size: 0.90em; margin-bottom:0.3em; font-weight: bold; background-color: #000; color: #fff;}
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


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

#page { position: relative; width:1101px; border: solid 0px white; margin: 0 auto; text-align:left; }

#entete { border: solid 0px yellow; width:1100px; margin: 0; border-bottom: 0px solid #8B6F92; }
#entete a.accueil { display: block; width:1100px; border: solid 0px yellow;}
#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*/

#position_recherche { position: absolute; top:335px; left:890px;border: solid 0px white; margin: 0; text-align:right; }

#position_menus{ position: absolute; top:337px; left:536px; width: 370px; border: solid 0px white; margin: 0;}



#contenu_left{ clear: both; overflow: hidden; float: left; background: #f4f2a8; width: 328px; padding-top: 0em; border: solid 0px yellow;}

#contenu_plus_droit {overflow: hidden; width: 770px; background: white; margin-top: 0px; border: solid 0px green;}

#conteneur {overflow: hidden; float: left; background: white; width:570px; margin-top: 0em;border-right: solid 1px #727272; }

#contenu { clear: both; float: left; width:550px; margin-left:10px; padding-top: 0.30em; border: solid 0px red; }

#contenu_right{ float: right; overflow: hidden; background: white; width: 190px;margin-right:1px; margin-top:0px;  padding-left:4px; padding-top:2px; border: solid 0px;}

#pied { float: right; clear: both; width:608px; margin-right: 2px; padding: 0; border: 0px solid #8B6F92; font-size: 0.90em; color: #981A1D;}

#pied img { vertical-align: middle; }

#marque_pied {float: left; font-weight: bold; color: #F57900;margin-right:10px;}



#navigation { float: left; width: 275px; margin-top: 0em; margin-left: 20px; overflow: hidden; border: solid 0px white;}

#menu_pied {border: solid 0px blue; margin-top: 0px;}

#extra { float: right; clear: right; width: 30%; margin-top: 0em; overflow: hidden; }

.buttonsform {width: 67px; font-size: 0.89em; color: #000; margin:0; border:1px solid red; background-color:#ff4d05;}
.contourform {width: 230px; margin:0; border:0px solid green;}
.legendform{width: 145px; border-bottom:0px solid yellow; font-size: 1em; color: #520008;}
.emailform {width: 145px; border-bottom:1px solid yellow; font-size: 1em; color: #000;}

/* 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; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em;text-align:justify;}
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


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

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

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; background: #f4f2a8; }
.rubriques ul li { background: #f4f2a8; border: 0; }

.formulaire_recherche { margin-bottom: 0px; } /*Cf.: spip_formulaires.css*/


/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.3em; line-height:1.2em;text-align:justify;}


/* Couleurs des liens
---------------------------------------------- */
a.link_naviguer { font-family: arial;font-size:12px; font-weight: bold; letter-spacing: 1px;color: #ff4d05; text-decoration: none;margin: 0 0 0 11px; background: #f4f2a8;}
a:focus.link_naviguer,a:hover.link_naviguer,a:active.link_naviguer { color:#661e1c; text-decoration: underline; }

a.link_direct_naviguer { font-family: arial;font-size:12px; font-weight: bold; letter-spacing: 1px;color: #ff4d05; text-decoration: none;margin: 0 0 0 0px; background: #f4f2a8;}
a:focus.link_direct_naviguer,a:hover.link_direct_naviguer,a:active.link_direct_naviguer{ color:#661e1c; text-decoration: underline; }

a.link_redirection_navigue { font-family: arial;font-size:12px; font-weight: bold; letter-spacing: 1px;color: #ff4d05; text-decoration: none;margin: 0; background: #f4f2a8;}
a:focus.link_redirection_navigue,a:hover.link_redirection_navigue,a:active.link_redirection_navigue { color:#661e1c; text-decoration: underline; }

.menu_titre{font-family:verdana; font-size:1.4em; font-weight: bold; letter-spacing: 0px; color: #661e1c; margin-top:9px;}

.Date_video{font-family:verdana; font-size:0.80em; font-weight: bold; letter-spacing: 0px; color: #661e1c; margin-top:9px;}

a.menus_homes{ font-weight: bold; color:#F57900; text-decoration: none; margin: 0 0 0 8px;}
a:focus.menus_homes,a:hover.menus_homes,a:active.menus_homes { color: #F57900; text-decoration: underline; }

a.Titre_video{ font-weight: bold; color: white; text-decoration: none; margin: 0 0 0 8px;}
a:focus.Titre_video, a:hover.Titre_video, a:active.Titre_video { color: blue; text-decoration: underline; }

a.lire_suite_video{ font-weight: bold; color: white; text-decoration: none; margin: 0 0 0 8px;}
a:focus.lire_suite_video, a:hover.lire_suite_video, a:active.lire_suite_video { color: blue; text-decoration: underline; }

a.marque_menus{ font-weight: bold; color: #F57900; text-decoration: none; margin: 0 0 0 8px;}
a:focus.marque_menus,a:hover.marque_menus,a:active.marque_menus { color: #F57900; text-decoration: underline; }

a { font-weight: bold; color:#ff4d05; text-decoration: none; }
a:focus,a:hover,a:active { color: #661e1c; text-decoration: underline; }

/* Couleurs films
---------------------------------------------- */
.cadre_films {float: left; margin-bottom: 6px; padding: 5px; background: white; border: 0px solid #8B6F92;}

.titre_cadre_films{float: left; width:530px; margin: 3px 0px 5px 0px; padding: 0px; border: 0px solid #8B6F92;font-size: 1.40em;}
.titre_film {float: left; width:530px; margin: 0px; padding: 0px; border: 0px solid #8B6F92; font-size: 1em; color: #ff4d05;}

.logo_film {float: left; margin: 0px; padding: 0px; background: white; border: 0px solid #8B6F92;}
.cadre_films .spip_logos {float: left; margin: 0px; padding: 2px; border: 0px solid #8B6F92;}


.coment5_film {float: right; width:350px; margin: 2px; padding: 2px; border: 1px solid #8B6F92; font-family:verdana; font-size:1.4em; font-weight: bold; letter-spacing: 1px;font-size: 0.90em; color: #520008;}
.auteur_film {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}
.pays_film {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}

/*---*/
.mini_cadre_films {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92;}
.annee_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.duree_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.genre_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.version_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.sous_titre_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
/*---*/

.coment4_film {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92; font-family:verdana; font-weight: bold; font-size: 0.90em; color: #520008;}

.coment1_film {float: right; clear: both; margin-right: 2px; padding: 0; border: 0px solid #8B6F92; font-family:verdana; font-weight: bold; letter-spacing: 1px;font-size: 1.5em; color: #520008;}
.coment2_film {float: right; clear: both; margin-right: 2px; padding: 0; border: 0px solid #8B6F92; font-family:verdana; font-weight: bold; letter-spacing: 1px;font-size: 1.3em; color: #520008;}
.coment3_film {float: right; clear: both; margin-right: 2px; padding: 0; border: 0px solid #8B6F92; font-family:verdana; font-weight: bold; letter-spacing: 1px;font-size: 1.2em; color: #520008;}


.coment6_film { float: left; clear: both; width:100px; margin-right: 2px; padding: 0; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}
.coment7_film { float: left; clear: both; width:100px; margin-right: 2px; padding: 0; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}
.coment8_film { float: left; clear: both; width:100px; margin-right: 2px; padding: 0; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}


/* Couleurs des articles films
---------------------------------------------- */
.cadre_art_films {float: left; margin-bottom: 6px; padding: 5px; border: 0px solid #8B6F92;}

.titre_cadre_art_films{float: left; width:530px; margin: 3px 0px 5px 0px; padding: 0px; border: 0px solid #8B6F92;font-size: 1.40em;}
.titre_art_film {float: left; width:530px; margin: 0px; padding: 0px; border: 0px solid #8B6F92; font-size: 1.1em; color: #ff4d05;}

.logo_art_film {float: left; width:231px; margin: 0px; padding: 0px; background: white; border: 0px solid #8B6F92;}

.coment1_art_film {float: right; width:295px; margin: 2px; padding: 2px; border: 0px solid #8B6F92; font-weight: bold; letter-spacing: 1px;font-size: 1.1em; color: #520008;text-align:center}
.coment2_art_film {float: right; width:295px; margin-right: 2px; padding: 2px; border: 0px solid #8B6F92; font-weight: bold; letter-spacing: 1px;font-size: 1.2em; color: #520008;text-align:center}
.coment3_art_film {float: right; width:295px;margin-right: 2px; padding: 2px; border: 0px solid #8B6F92; font-weight: bold; letter-spacing: 1px;font-size: 1.1em; color: #520008;text-align:center}

.texte_art_film{float: left; clear: both; margin:0px; padding: 2px; border: 0px solid #8B6F92; font-family: verdana; font-size:0.90em; color: #981A1D;text-align:justify;}

.coment5_art_film {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92; font-family:verdana; font-size:1.4em; font-weight: bold; letter-spacing: 1px;font-size: 0.90em; color: #520008;}
.auteur_art_film {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}
.pays_art_film {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}

/*---*/
.mini_cadre_art_films {float: right; width:350px; margin: 2px; padding: 2px; background: #ffc900; border: 1px solid #8B6F92;}
.annee_art_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.duree_art_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.genre_art_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.version_art_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
.sous_titre_art_film {float: left; margin: 2px; padding: 0px; border: 0px solid #8B6F92; font-size: 0.90em; color: #520008;}
/*---*/
.coment4_art_film {float: right; width:350px; margin: 2px; padding: 2px; border: 1px solid #8B6F92; font-family:verdana; font-weight: bold; font-size: 0.90em; color: #520008;}


.coment6_art_film { float: left; clear: both; width:100px; margin-right: 2px; padding: 0; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}
.coment7_art_film { float: left; clear: both; width:100px; margin-right: 2px; padding: 0; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}
.coment8_art_film { float: left; clear: both; width:100px; margin-right: 2px; padding: 0; border: 1px solid #8B6F92; font-size: 0.90em; color: #520008;}