/* --------------------------------------------------------- */
/* 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 { text-align: left; background-image: url(fond06.jpg);  background-color: white;  background-position: top center; margin: 0; padding: 0; font-size: 0.8125em; font-family: trebuchet MS, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { padding: 0; font-weight: normal; font-size: 1em; font-family: georgia, sans-serif; font-style: italic; }
h1 { margin: 10px; font-size: 2.70em; color: #000; font-family: georgia; font-style: italic; color:#333;  clear: left;}
h1 a {border: solid white 0px;}
h2 { font-size: 2.20em; font-weight: normal;}
h2 { color: #222; }
h3 { font-size: 1 em; font-weight: bold; text-align: center;}
h3.spip{ font-size: 1.2em; font-weight: bold; text-align: left;}
h3.spip:first-letter {font-weight: bold;}

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

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

/* Logos, documents et images */
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
/* ------------------------------------------ */
#page{  margin: 0px auto; max-width: 960px; padding:0px;  margin-top:0px;}

#header{ background-color: none; margin: 0px; text-align:center; padding:0px;}
#header img {margin-bottom: 10px; margin-top: -10px; padding:0px;}
#menu { clear: left; text-align:center;}
#menu .titre{  margin:8px; padding: 4px; /*padding-bottom: 0px;*/ background-color: white; }
#menu .titreon {  margin:8px; padding: 4px; /*padding-bottom: 0px;*/ background-color: #df2c50; }
#menu  .titreon a{ color: white;}

#corp{ background-color: white; margin:10px 0px; padding:0px;}



#fil_ariane{ clear: left;}

.sousrubriques { clear: left;}
.sousrubriques  ul{ margin: 0px; padding: 0px;}
.sousrubriques ul li{ float:left; width:100px; list-style-type:none; text-align: center; margin: 10px; }

.articles { clear: left;}
.articles  ul{ margin: 0px; padding: 0px;}
.articles ul li{ float:left;  width:220px; list-style-type: none; text-align: center; margin: 10px; }
.articles .image {width:200px; height:200px; }

.col400{ float : left; width: 400px; margin:0px 10px; }
.col220{ float : left; width: 220px; margin:0px 10px;}
.col100{ float : left; width: 100px; margin:0px 10px;}
.col40{  float : left; width: 40px;  margin:0px 10px;}

.col400   ul{ margin: 0px; padding: 0px;}
.col400   ul li{ list-style-type: none; text-align: left; margin: 0px; }


/* Couleurs des liens
---------------------------------------------- */
a, a.spip_out { padding: 2px ; color: #df2c50; text-decoration: none; border: 1px solid white;  border-bottom: 1px dashed #888;}
p a,p a.spip_out, h3 a,h3 a.spip_out  { padding: 0px ;}
a:focus,a:hover,a:active { background-color: #efefef ; border: 1px dashed #c42746; }
#menu a{ border: 0px solid white; }

/* foooter */

#footer{
clear: left;
text-align: center;
color: #ff9aae;
background: #bf1015;
width: 960px;
margin: auto;
}
#footer a{
color: white;
}