body, html{
background-color:#fff;
color:#000;
margin:0;
padding:0;
font:1em Arial, Helvetica, Sans-serif;
}

#principale{
margin:8px auto 0 auto;
width:990px;
border:1px solid #ccc;
}
#contenu_gauche_sommaire{
float:left;
text-align:left;
width:240px;
margin:0;
padding:0;
font:1em Georgia, Helvetica, Sans-serif;
}

#contenu_gauche_sommaire_mots{
padding:2px 0 0 0;
text-align:left;
line-height:1.1em;
}
#contenu_gauche_sommaire_mots_bas{
position:absolute;
top:536px;
margin-left:20px;
font:1em Georgia, Helvetica, Sans-serif;
color:#999999;

}
#contenu_droite_sommaire{
margin:0;
padding:0;
border-left:1px solid #ccc;
height:400px;
text-align:left;
margin-left:240px;
}
.clear{
clear:both;
margin:0;
padding:0;
visibility:hidden;
}
#contenu{
text-align:left;
margin:48px 0 0 0;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
height:400px;
}
#contenu_H{
text-align:left;
margin:48px 0 0 0;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
height:400px;
background-image:url(images/histoire.jpg);
font-family:Georgia;
font-size:2em;
}
#contenu_C{
text-align:left;
margin:48px 0 0 0;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
height:400px;
background-image:url(images/chocolat.jpg);
font-family:Georgia;
font-size:2em;
}
#contenu_CC{
text-align:left;
margin:48px 0 0 0;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
height:400px;
background-image:url(images/commander.jpg);
font-family:Georgia;
font-size:2em;
}
#contenu_H_gauche{
float:left;
text-align:center;
line-height:400px;
width:495px;
}
#contenu_H_gauche a{
text-decoration:none;
color:#660000;
}
#contenu_H_gauche a:hover{
text-decoration:none;
color:#000000;
}
#contenu_H_droit{
float:left;
text-align:center;
line-height:400px;
width:495px;
}
#contenu_H_droit a{
text-decoration:none;
color:#000066;
}
#contenu_H_droit a:hover{
text-decoration:none;
color:#000000;
}

#contenu_gauche{
float:left;
text-align:left;
width:240px;
margin:0;
padding:0;
font:1.05em Arial, Helvetica, Sans-serif ;
}
#contenu_droite{
margin:0;
padding:0;
border-left:1px solid #ccc;
height:400px;
text-align:left;
margin-left:240px;
}
#contenu_droite_plan{
margin:0;
padding:0;
height:400px;
text-align:left;

overflow:auto;
}
#contenu_droite #texte{
font:0.95em Georgia, Helvetica, Sans-serif;
margin:0;
padding:8px;
}
#contenu_droite #titre,#contenu_droite_plan #titre{
font:bold 1.3em Georgia, Helvetica, Sans-serif;
margin:0 auto 10px auto;
color:#000066;
padding:4px;
text-align:center;
border-bottom:1px solid #ccc;
width:50%;
}
#contenu_droite #texte img{
border:1px solid #ccc;
padding:2px;
margin:0 0 0 -20px;
}
#footer{
font:bold 0.65em Arial, Helvetica, Sans-serif;
margin:-8px 0 0 0;
padding:0 0 4px 0;
}
#footer #texte{
font:1.2em Arial, Helvetica, Sans-serif;
margin:8px 0 4px 0;
}
#footer #texte .gras{
font-weight:bold;
}
#footer #texte .tel{
font-weight:bold;
font-size:1em;
color:#666666;
}
#bas{
font:bold 0.65em Arial, Helvetica, Sans-serif;
margin:4px 0 0 0;
color:#999999;
}
#bas a{
color:#999999;
}
/******************************************************************************/
/******************************************************************************/
/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
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: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* 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: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */

/************/
ul.nuage {
list-style-type: none;
margin:0;
padding:0;
}
ul.nuage li{
text-decoration: none;
display:inline;
margin:2px;
padding :0;
text-transform:uppercase;
color:#666666;
}
ul.nuage li a{
text-decoration: none;
}
#plan_rub{
font-size:0.8em;
display:align;
width:31.7%;
float:left;
margin:4px;
background-color:#f0f0f0;
padding:4px;
font-family:Georgia;
}
#plan_rub h2 a{
font-variant:small-caps; 
font-weight:bold;
font-size:1.2em;
color:#000066;
}
ul.plan{
margin:4px;
padding:0;

}
li.plan{
margin:4px;
padding:0;
}