
/* --------------------------------------------------------- */
/* 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/ */

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
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 {} /* 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; vertical-align:middle; }
.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 { margin: 0; padding: 0; text-align: center; background:#330000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

h1, h2{color:#c2bb91;}
a h2:hover {color:#fade74;}
ul {padding: 0; margin: 0;}
li {color:#c2bb91; list-style:none;padding-left:10px;}

#page {position: relative;  margin: 0 auto; text-align: left; width:1024px;}
#page a {color:#8c3030;text-decoration:underline;}
#page a:hover {color:#fade74;text-decoration:none;}

.page #support{position:absolute;top:10px;right:10px;z-index:2;width:320px;height:430px;overflow:hidden;}
.page #support{position:absolute;top:10px;right:10px;z-index:2;width:320px;height:430px;overflow:hidden;}
.page #blocktext{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#330000;text-align:center;overflow:hidden;}
.page #support h2{color:#330000;}

.page #blocktext{position:absolute;top:0;right:0;z-index:2;padding:5px 15px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.page #fond_blocktext{
	position:absolute;top:0px;right:0px;z-index:1;width:320px;height:430px;
	background:#d1c197;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}

#menu{position:absolute;top:137px;left:0px;z-index:1;padding: 5px 0 0 350px;width:676px;height:19px;background:#0a0000;color:#8F896B;font-weight:900;}
#menu li{list-style:none;display:inline;}
#menu a{color:#C2BB91;text-decoration:none;}
.menu_selected {color:#ffffff;}

#contenu_accueil{position:absolute;top:190px;left:0;background:#0a0000;margin:auto;width:100%;}

.slideshow{background:none;margin:auto;}
.clear{clear:both;}

#contenu{position:absolute;top:190px;left:0;background:#0a0000;margin:auto;width:100%;height:458px;}
.pdf {border:1px solid #8F896B;padding:10px;text-align:left;}
.pdf  a {text-decoration:none;}
.pdf .titre{font-weight:900;}

#pied{position:absolute;top:680px;left:0;padding: 5px 0 5px 0;text-align:center;background:#0a0000;height:20px;width:100%;color:#c2bb91;font-weight:900;}
#pied a {color:#C2BB91;text-decoration:none;}
#pied a:hover {color:#fade74;text-decoration:none;}

#contact{position:absolute;top:710px;left:0;background:none;width:100%;height:30px;color:#c2bb91;text-align:center;padding: 10px 0 10px 0;}

#signature{position:absolute;top:750px;left:0;color:#ffffff;text-align:center;font-size:9px;width:1024px;}

/* page ACTUS */
.actus #support{position:absolute;top:0px;left:0px;z-index:2;width:251px;height:202px;background:#d1c197;overflow:hidden;color:#330000;padding:5px 20px 5px 5px;}
.actus #blocktext{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.actus #support h2{color:#330000;}

.actus #support2{position:absolute;bottom:0px;left:300px;z-index:2;width:220px;height:220px;overflow:hidden;color:#c2bb91;padding:5px 20px 5px 5px;}
.actus #blocktext2{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#c2bb91;text-align:left;overflow:hidden;}
.actus #support2 h2{color:#c2bb91;}

.actus #support3{position:absolute;top:0;right:183px;z-index:2;width:215px;height:202px;background:#d1c197;overflow:hidden;color:#330000;padding:5px 20px 5px 5px;}
.actus #blocktext3{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.actus #support3 h2{color:#330000;}


.actus #port_folio2{position:absolute;bottom:0;left:0;z-index:2;width:277px;height:246px;overflow:hidden;}
.actus #port_folio1{position:absolute;top:0;left:276px;z-index:2;width:325px;height:212px;overflow:hidden;}
.actus #port_folio3{position:absolute;top:0;right:0;z-index:2;width:183px;height:460px;overflow:hidden;}

.actus #support4{position:absolute;bottom:0;right:183px;width:200px;height:200px;color:#c2bb91;padding:20px 20px 5px 5px;}
.actus #support4 h2 a {color:#FFEFAF;text-decoration:underline;font-style:italic;font-size:14px;font-weight:900;}
.actus #support4 h2 a:hover {color:#fade74;}

/* page BOUTIQUE */
.boutique #support{position:absolute;top:0;left:10px;z-index:2;width:260px;height:440px;overflow:hidden;color:#c2bb91;padding:5px 20px 5px 5px;}
.boutique #blocktext{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#c2bb91;text-align:left;overflow:hidden;}
.boutique #support h2{color:#c2bb91;}
.boutique #port_folio1{position:absolute;top:0;left:300px;z-index:2;width:280px;height:458px;overflow:hidden;}

.boutique #support2{position:absolute;top:0;right:155px;z-index:2;width:220px;height:440px;overflow:hidden;color:#c2bb91;padding:5px 20px 5px 5px;}
.boutique #blocktext2{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#c2bb91;text-align:left;overflow:hidden;}
.boutique#support2 h2{color:#c2bb91;}
.boutique #port_folio2{position:absolute;top:0;right:0;z-index:2;width:150px;height:458px;overflow:hidden;}

/* page CONTACT ET LIENS */
.contact #fond_blocktext1{
	position:absolute;top:0;left:0;width:318px;height:440px;
	background:#d1c197;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}
.contact #support1{position:absolute;top:10px;left:10px;z-index:2;width:318px;height:440px;overflow:hidden;color:#330000;}
.contact #blocktext1{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.contact #support1 h2{color:#330000;}
.contact #port_folio1{position:absolute;bottom:10px;left:350px;width:328px;height:266px;overflow:hidden;}

.contact #support2{position:absolute;top:10px;right:10px;z-index:2;width:318px;height:440px;overflow:hidden;color:#330000;}
.contact #blocktext2{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.contact #support2 h2{color:#330000;}
.contact #fond_blocktext2{
	position:absolute;top:0;right:0;width:318px;height:440px;
	background:#d1c197;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}

/* page CARTE ET MENUS */
#sous_menu {position:absolute;top:0;left:0;z-index:2;width:290px;height:458px;}
#sous_menu a{color:#C2BB91;text-decoration:none;}
#sous_menu a:hover{color:#fade74;text-decoration:none;}
.cartes #support{position:absolute;top:10px;right:10px;z-index:2;width:320px;height:430px;overflow:hidden;background:#d1c197;}
.cartes #support h2{color:#330000;}
.cartes #blocktext{position:absolute;top:0;right:20px;z-index:3;width:290px;color:#330000;text-align:center;overflow:hidden;}
#fond_sous_menu {
	position:absolute;top:0;left:0;width:290px;height:458px;
	background:#330000;
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;
}
#sous_menu ul{padding-top:30px;}
#sous_menu li{padding:0 0 30px 15px;background: url('../vsl/puce.jpg') no-repeat 5px 10px;}
#sous_menu .menu_selected, #sous_menu .menu_selected  h2 {color:#ffffff;}
#sous_menu li.menu_selected{color:#ffffff;padding:0 0 30px 15px;background: url('../vsl/puce_blanche.jpg') no-repeat 5px 10px;}

.cartes #port_folio{position:absolute;top:0; left:290px;z-index:2;}

/* page RECETTE */
.recette #support{position:absolute;top:10px;right:10px;z-index:2;width:320px;height:440px;overflow:hidden;text-align:left;}
.recette #support h2{color:#330000;}
.recette #port_folio{position:absolute;top:0; left:0;}
.recette #blocktext{position:absolute;top:0;right:0;z-index:2;padding:5px 15px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.recette #fond_blocktext{
	position:absolute;top:0px;right:0px;z-index:1;width:320px;height:430px;
	background:#d1c197;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}

.recette #support2{position:absolute;top:10px;left:440px;z-index:2;width:170px;height:430px;overflow:hidden;text-align:left;}
.recette #support2 h2{color:#330000;}
.recette #blocktext2{position:absolute;top:0;right:0;z-index:3;padding:5px 20px 5px 5px;color:#330000;text-align:left;overflow:hidden;}
.recette #fond_blocktext2{
	position:absolute;top:0px;right:0px;z-index:1;width:180px;height:430px;
	background:#d1c197;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}

/* page INVITATION */
.invitation #port_folio{position:absolute;top:0; left:330px;z-index:2;}
.invitation #support{position:absolute;top:10px;right:10px;z-index:2;width:320px;height:440px;overflow:hidden;text-align:left;}
.invitation #blocktext{position:absolute;top:0px;right:0px;z-index:2;width:320px;padding:5px 15px 5px 5px;color:#330000;text-align:center;overflow:hidden;}
.invitation #blocktext h2{color:#330000;}
.invitation #fond_blocktext{
	position:absolute;top:0px;right:0px;z-index:1;width:320px;height:430px;
	background:#d1c197;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}

/* page LA CUISINE DE GERARD */
.cuisine_gerard #contenu{color:#c1bb92;}
.cuisine_gerard #port_folio{position:absolute;top:0; left:844px;z-index:2;width:180px;height:458px;}
.cuisine_gerard #support {position:absolute;top:0;left:400px;z-index:2;width:440px;height:445px;text-align:left;overflow:hidden;color:#c1bb92;}
.cuisine_gerard #blocktext {position:absolute;top:0;left:0px;z-index:3;color:#c1bb92;width:410px;overflow:hidden;padding:5px 15px 5px 5px;}