/*  ----------------------------------------------------------- */
/*  Feuilles de styles pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body { margin:0; padding:0; background:#F99C1C url(images/degrad_fond.jpg) repeat-x left top; color:#C25222; font:.9em/normal Arial, Helvetica, sans-serif; behavior:url(/skelnet/csshover.htc); 
/* WinIE behavior call */
}
img,table { margin:0; padding:0; border:none; }
ul,ol,li { margin:0; padding:0; }
ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:1em; font-weight:normal; }
img a { margin:0; padding:0; }

/*  ------------------------------------------ */

/*—————————————————————————————————————————*/
/* Tous les liens */
/*—————————————————————————————————————————*/
a { color:#C25222; text-decoration:none; }
a:hover { text-decoration:underline; color:#97411C; }
a.lien { text-decoration:none; background:url(images/puceliste.gif) no-repeat left center; color:#666666; font-size:1em; font-weight:bold; margin:0; padding:0 0 0 15px; display:block; }
a.lien:hover { text-decoration:none; color:#D90096; background:url(images/pucelistehover.gif) no-repeat left center; }
a.lienon { color:#D90096; padding-left:20px; text-decoration:none; font-style:italic; font-weight:bold; }
#contenu a { color:#4D785A; text-decoration:underline; }
#contenu a:hover { color:#5FB878; }

/*—————————————————————————————————————————*/
/* style du site */
/*—————————————————————————————————————————*/
div#fond_site { margin:0 auto 15px auto; padding:0; width:955px; position:relative; background:url(images/bg_site2.gif) repeat-y 0px 203px; }
#entete { background:url(images/entete.gif) no-repeat; margin:0; padding:0; height:203px; width:955px; position:relative; }
div#pied_page { background:url(images/pieddepage.gif) no-repeat; width:100%; clear:both; margin:0; padding:20px 0 0; height:29px; }
#copyright { width:100%; text-align:center; margin:0; padding:0; color:#C25222; font-size:10px; }
#hierarchie { padding:0; margin:178px 0 0 25px; width:665px; height:20px; float:left; font-size:.8em; }
#hierarchie a { color:#FFFFFF; }
#hierarchie a:hover { color:#000; }
.finchemin { font-weight:bold; color:#000000; }

/*—————————————————————————————————————————*/
/* Colonne gauche */
/*—————————————————————————————————————————*/
div#col_gauche { background:url(images/planche.gif) no-repeat left top; margin:0; padding:0; width:268px; min-height:425px; float:left; }
div.imgmenu,.imgmenu1,.imgmenu2,.imgmenu3,.imgmenu4,.imgmenu5,.imgmenu6 { margin:0; padding:0; position:relative; width:268px; height:37px; z-index:10; }
.espaceur1 { margin:0; padding:0; height:23px; }
.espaceur2 { margin:0; padding:0; height:25px; }
.espaceur3 { margin:0; padding:0; height:34px; }
.espaceur4 { margin:0; padding:0; height:28px; }
.espaceur5 { margin:0; padding:0; height:28px; }
.espaceur6 { margin:0; padding:0; height:23px; }

/*—————————————————————————————————————————*/
/* Menu déroulant */
/*—————————————————————————————————————————*/
ul.menu_deroulant { width:180px; margin:0; padding:0; position:absolute; top:0; left:268px; display:none; }
div.entete_menu_deroulant { background:url(images/entet_menu_deroulant.gif) no-repeat; margin:0; padding:0; height:14px; width:180px; }
li.liens_menu_rub { position:relative; padding:5px 25px 5px 8px; margin:0; background:#B3B5B7 url(images/list_menu_deroulant.gif) no-repeat bottom; list-style:none; }
li.liens_menu_rub a { font-size:.9em; color:#FFFFFF; }
li.liens_menu_rub a:hover { color:#000000; }
div.pied_menu_deroulant { background:url(images/pied_menu_deroulant.gif) no-repeat; margin:0; padding:0; height:14px; width:180px; }
div.imgmenu1:hover ul.menu_deroulant,div.imgmenu2:hover ul.menu_deroulant,div.imgmenu3:hover ul.menu_deroulant,div.imgmenu4:hover ul.menu_deroulant,div.imgmenu5:hover ul.menu_deroulant,div.imgmenu6:hover ul.menu_deroulant { display:block; }

/*—————————————————————————————————————————*/
/* FIN Menu déroulant */
/*—————————————————————————————————————————*/

/*—————————————————————————————————————————*/
/* FIN Colonne gauche */
/*—————————————————————————————————————————*/
h1 { letter-spacing:.12em; color:#C25222; font-size:1.7em; font-style:italic; line-height:normal; font-weight:bold; margin:-3px 0 0 -19px; padding:35px 0 10px 65px; font-variant:small-caps; background:url(images/etoile_titre.png) no-repeat left top; }
h2 { margin:1.2em 0 .2em; letter-spacing:.1em; color:#C25222; font-size:1.5em; font-weight:bold; }
h2.list_srub { background:url(images/etoile_titre_small.png) no-repeat left top; padding:3px 0 5px 35px; }
h3 { margin:1em 0 .2em; letter-spacing:.1em; color:#C25222; font-size:1.3em; font-weight:bold; line-height:1.1em; }
h3.titre_list_art_srub { font-size:1.2em; }
h4 { margin:0 0 .5em; color:#C25222; font-size:1.15em; font-weight:bold; }
h5 { margin:0 0 .5em; color:#C25222; font-size:1.05em; font-weight:bold; }
p.spip { margin:0 0 1em; padding:0; }

/*—————————————————————————————————————————*/
/* Début Colonne principale*/
/*—————————————————————————————————————————*/
div#contenu { margin:0 0 0 19px; padding:0; float:left; width:630px; background:url(images/fondcont.gif) repeat-y left top; height:auto; color:#C25222; position:relative; }
div#entete_contenu { background:url(images/entetecont.gif) no-repeat; margin:0; padding:0; height:22px; width:630px; }
.mapuce { padding:0; margin:0 0 7px 20px; }
div#cont_contenu { margin:0; padding:0 30px 10px; width:570px; min-height:350px; position:relative; }
#pied_contenu { background:url(images/piedcont.gif) no-repeat; margin:0; padding:0; height:22px; width:630px; clear:both; }
div#cont_mag { margin:0; padding:10px 30px; float:left; width:350px; }
.docs_mag { margin:10px 0 0; padding:0; }
div.logomag { margin:0 10px 20px 0; padding:0; float:left; width:110px; text-align:center; }
.cartouche { margin:0; padding:0; float:right; width:250px; }
.entetcartouche { padding:5px 0 0; height:27px; width:250px; text-align:center; font-size:1.2em; color:#FFFFFF; background:url(images/entetCartouche.gif) no-repeat; }
.bodycartouche { text-align:center; background:url(images/bodyCartouche.gif) repeat-y left top; width:234px; margin:0; padding:5px 8px; }
.piedcartouche { background:url(images/piedCartouche.gif) no-repeat; margin:0; padding:0; height:12px; width:250px; }
.bodycartouche a { padding:0; margin:0 0 8px; height:20px; display:block; font-size:.9em; }
.bodycartouche a:hover { padding:0; margin:0 0 8px; height:20px; background:#F287B7; color:#FFFFFF; text-decoration:none; }
.logorub { margin:0 0 0 20px; padding:0; float:right; width:230px; }
div.block_art_srub { padding:0; margin:0; }
div.list_art_srub { width:265px; padding:0 10px 10px; height:230px; float:left; }
span.introduction { display:block; }

/*—————————————————————————————————————————*/
/* FIN Colonne principale*/
/*—————————————————————————————————————————*/
.separateur { clear:both; width:100%; visibility:hidden; }
form.formrecherche { margin-top:5px; margin-bottom:5px; }
input.formrecherche { width:95%; background-color:#FFDDAA; }
.reponse_formulaire { font-weight:bold; font-size:110%; color:red; }
.spip_surligne { background-color:#FFFF66; }

/*Images typographiques (via image_typo) */
.image_typo { behavior:url(win_png.htc); }
.spip_documents { font-size:70%; margin:auto auto 40px; }
.spip_documents_center { margin:auto auto 40px; text-align:center; }
.spip_documents_left { float:left; text-align:center; margin:0 10px 40px 0; }
.spip_documents_right { float:right; margin-left:0 10px 40px 0; text-align:center; }

/* test de style SPIP */

/* Espaceur de blocs */
hr { clear:both; margin:0; padding:0; border:none; height:0; line-height:1px; font-size:1px; }
.nettoyeur { clear:both; width:100%; visibility:hidden; }
.chapo { margin-bottom:1.5em; font-weight:bold; line-height:1.4em; color:#8D77AD; }
.pagination { font-size:.9em; color:#8D77AD; font-style:italic; }
ul.spip { list-style:disc; }
ol.spip { list-style:decimal; }
ul.spip li,ol.spip li { list-style:inherit; }
li.spip { margin:.3em 0 .3em .8em; list-style-position:outside; }

/* Logos, documents et images */
img,.spip_logos { margin:0; padding:0; border:none; }
.spip_documents { text-align:center; }
.spip_documents_center { clear:both; width:100%; margin:auto; }
span.spip_documents_center { display:block; margin-top:1em; }
.spip_documents_left { float:left; margin-right:15px; margin-bottom:5px; }
.spip_documents_right { float:right; margin-left:15px; margin-bottom:5px; }
.spip_doc_titre { font-weight:bold; font-size:.8em; margin-left:auto; margin-right:auto; }
.spip_doc_descriptif { clear:both; font-size:.8em; margin-left:auto; margin-right:auto; }

/* Tableaux */
table.spip { margin:0 0 2em; border:1px solid; border-collapse:collapse; color:#333333; padding:3px 5px; width:100%; }
table.spip caption { caption-side:top; 
/* bottom pas pris en compte par IE */
text-align:center; margin:auto; padding:3px; font-weight:bold; }
table.spip tr.row_first { background:#C97F16; color:#FFFFFF; }
table.spip tr.row_odd { background:#FEE28F; }
table.spip tr.row_even { background:#FEE28F; }
table.spip th,table.spip td { padding:3px; text-align:left; vertical-align:middle; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form,.formulaire_spip fieldset,.formulaire_spip legend,.formulaire_spip label,.formulaire_spip input,.formulaire_spip textarea,.formulaire_spip select,.formulaire_spip option { margin:0; padding:0; border:none; background:none; }

/* Styles des formulaires de Spip */
.formulaire_spip { text-align:right; font-size:.77em; }
.formulaire_spip p { margin:.5em 0; padding:0; }
.formulaire_spip fieldset { display:block; margin:.77em 0; padding:.77em; border:1px dotted; }
.formulaire_spip legend { font-weight:bold; padding:3px; background:#FFF; 
/* Sinon, superposition dans MSIE */
}
.formulaire_spip label { }
.formulaire_spip .forml { width:99%; padding:1px; border:1px inset; font-family:inherit; font-size:inherit; }
.spip_bouton { text-align:right; }
.spip_bouton input { margin:3px 0; padding:1px 2px; border:2px outset; font-weight:bold; float:right; }

/*  ------------------------------------------
/*  Habillage du plugin SPIPliste
/*  ------------------------------------------ */
.cadre { 
/*border: 1px #000000 solid;*/
color:#000000; background-color:#FFFFFF; text-align:justify; padding:0; margin-left:auto; margin-right:auto; margin-bottom:10px; -moz-border-radius:6px; border-radius:6px; }
.bloc { margin:10px auto 0; padding:0; text-align:center; width:97%; }
.cdt { font-size:10px; text-align:center; margin-top:10px; }

/* Portfolio */
.portfolio { float:left; margin:2px; } 
.portfolio.portrait { float:left; margin:2px; height:250px; }
.portfolio.paysage { float:left; width:250px; height:170px; margin:2px; }
#documents_portfolio { clear:both; margin:2em auto; text-align:center; }
#documents_portfolio .spip_logos { margin:6px 3px 0; border:4px solid #DDD; }
#documents_portfolio a.on .spip_logos { }
#documents_portfolio a:focus .spip_logos,#documents_portfolio a:hover .spip_logos,#documents_portfolio a:active .spip_logos { }

/*  ------------------------------------------
/*  Habillage du plugin agenda
/*  ------------------------------------------ */
#calendar { margin: 1em 0 0; }
#calendar table { width:80%; background: #FFF; border: solid 1px #C25222; text-align: center; }
