/* --- GÉNÉRAL --- */	
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size:10px;
	color:#666666;
	line-height: 1.5em;
}

#conteneur { width: 800px; height: 520px; margin-left: -400px; margin-top: -300px; top: 50%; left: 50%; position: absolute; }

.intro {
margin-top:150px;
}


	/* --- BLOC CONTENEUR GLOBAL --- */
div#page {
	position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
	width:968px;
	margin: 0 auto;
	margin-top:0;
	min-height: 100%;
	border-left: 1px #5c0500 solid;
	border-right: 1px #5c0500 solid;
}	
	
	
	/* Ne pas oublier les styles suivants, à appliquer au premier élément
	   et au dernier élément (hors pied de page) du bloc conteneur */
		div#page #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
		}
		div#page #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 108px;
			background-color:#7b0600;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
		}
		
/* --- HEADER --- */

#header {
	width: 968px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	border-top: none;
	background: #FFFFFF;
	margin-top: 0;
}

/* --- MENU NAVIGATION --- */
		
#menu {
	width: 222px;
	/* 	height: 30px; */
	margin: 0 auto;
	padding:0;
	/* background-color: #333333; */
	border:none;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 207px;
	border:none;
	height: 18px;
	padding-top: 2px;
	/*background-color: #9e8f54;*/
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	padding-left:15px;
	padding-right:0;
	text-transform:uppercase;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*letter-spacing: -0.5px;*/
}

#menu a:hover, #menu .active a {
	color: #ffffff;
	background-image:url(images/active.gif);
}

#menu .sousrubrique a {
	color: #ffffff;
	width: 192px;
	padding-left:30px;
	text-transform:none;
	font-weight:normal;
}


/* --- CONTENU DU CENTRE --- */





	/* --- PIED DE PAGE --- */
	div#piedpage {
	position: absolute;
	bottom: 0; left: 0;
	width: 968px;
			/* pour que le bloc prenne toute la largeur du bloc de référence
			   Note : le bloc de référence est le plus proche ancêtre positionné
			   en relatif ou en absolu */
	height: 126px;
	/*
	background-image:url(images/bg-footer.gif);
	*/
	background:#7b0600;
	padding:0;
	/*text-align:right;*/
	font-size:10px;
	color:#FFFFFF;
	line-height: 1.5em;
}

#piedpage a {
	color: #cccccc;
}


	/* --- un peu de cosmétique pour cet tutoriel --- */

div#page {
	background-image:url(images/kit2007-2008/bg-contenu.jpg);
}

	div#dernier-element { visibility: hidden;}
	
	p, ul, ol, blockquote {
	margin-top: 0;
	margin-bottom:2px;
	
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	background:none;
	font-family: Calibri, Arial, Helvetica, Verdana, sans-serif;

}

h1 {
	font-size: 2em;
	padding:0;
	color:#7b0600;
}

h2 {
	font-size: 1.6em;
	padding:0;
	color:#7b0600;
}
h3 {
	font-size: 1.3em;
	padding-bottom:10px;
	color:#7b0600;
}

h6 {
	font-size: 0.8em;
	padding-bottom:10px;
	color:#7b0600;
}

a {
	text-decoration:none;
	color: #7b0600;
}

a:hover {
	text-decoration: underline;
}

LI      {
        display: list-item;
        margin: 0;
        padding: 0;
		list-style-image: url(images/puce_grenat.gif);
        }
UL      {
        display: block;
        margin: 0 0;
        padding: 0px 5px 0 20px;

        }
.no-margin {
	border: none;
	margin: 0 auto;
	padding: 0;
}

/* --- COSMETIQUE --- */


.bg-blanc {
	background-color: #FFFFFF;
}

.bg-couleur1 {
	background-color: #7b0600;
}

.bg-couleur2 {
	background-color: #DDDDDD;
}

.bg-gris-fonce {
	background-color: #666666;
}
.bg-grenat-fonce {
	background-color: #5c0500;
}


.bg-sfc {
	background:url(images/kit2007-2008/bg-sfc.gif) #FFFFFF no-repeat;
}

.bg-newsletter {
	background:url(images/kit2007-2008/bg-newsletter.jpg);
	border:#000000 solid 2px;
}

.bg-sondage {
	background:url(images/kit2007-2008/bg-sondage.jpg);
	border:#000000 solid 2px;
}

.bg-colonne-gauche {
	background: url(images/kit2007-2008/bg-colonne-gauche.jpg) #7b0600 no-repeat;
}


.contenu_blanc {
	color:#FFFFFF;
}

.contenu_couleur1 {
	color:#7b0600;
}


.noir25 {
	font-size:24px;
	color:#000000;
}

.souligne {
	border-bottom: solid #DDDDDD 1px;
}

.souligne-666 {
	border-bottom: solid #666666 1px;
}

.souligne-999 {
	border-bottom: solid #999999 1px;
}

.gras {
	font-weight:bold;
}

.majuscule {
	text-transform:uppercase;
}


/* --- formulaire --- */


.input
{
	width: 200px;
 	margin-left: 20px;
	border:#9e8f54 solid 1px;
	padding:0;
	color:#7b0600;
}
.button {
 	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 	background-color: #7b0600;
 	color: #DDDDDD;
 	margin-left: 20px;
 	width:91px;
	padding-bottom:2px;
	padding-top:3px;
	padding-left:0px;
	padding-right:0px;
	text-transform:uppercase;
	font-weight:bold;
	border: #DDDDDD solid 1px;
}

.inscription {
 	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
 	background-color: #7b0600;
 	color: #DDDDDD;
 	margin-left: 5px;
	margin-right: 5px;
 	width:98px;
	padding-bottom:2px;
	padding-top:3px;
	padding-left:0px;
	padding-right:0px;
	text-transform:uppercase;
	font-weight:bold;
	border: #DDDDDD solid 1px;
}

form {
	padding:0;
	margin:0;
}

.marge {
	margin-left: 38px;
}

.marge58 {
	margin-left: 58px;
}

/* --- calendrier --- */

.postdate {

float: left;
font-family: Arial, Helvetica, sans-serif;
padding-top: 0;
text-align: center;
width: 47px;
height:58px;
background-image:url(../images/calendar.gif)
}

.postdate span {
display: block;
}

.postdate-article {

float: left;
font-family: Arial, Helvetica, sans-serif;
padding-top: 0;
text-align: center;
width: 40px;
height:50px;
background-image:url(../images/calendar.gif)
}

.postdate-article span {
display: block;
}

.month {
color: #FFFFFF;
font-size: 12px;
letter-spacing: -0.75px;
padding-top:3px;
padding-right:6px;
height:18px;
}

.day {
color: #333333;
font-size: 21px;
letter-spacing: -0.75px;
padding-right:6px;
padding-top:3px;
font-weight: bold;
height:34px;
}

.month-article {
color: #FFFFFF;
font-size: 12px;
letter-spacing: -0.75px;
padding-top:3px;
height:18px;
}

.day-article {
color: #333333;
font-size: 21px;
letter-spacing: -0.75px;
padding-top:3px;
font-weight: bold;
height:34px;
}

.heading {
margin: 0em 0 0.25em 0;
width: 100%;
}

.heading h3 {
	color: #7b0600;
	padding-top:15px;
	margin-left:50px;
	padding-bottom:13px;
}

.heading h1 {
	padding-top:8px;
	margin-left:50px;
	padding-bottom:13px;
}
#separateur {
	width: 200px;
	height:1px;
	margin: 0 auto;
	background:#eeeeee;
	border-bottom:dashed #CCCCCC 1px;
}



td.header {
border-width:1px;
border-style:solid;
border-color:#ffffff;
}

.fieldcell input {
 width: 204px;
 font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #666666;
 border: 1px solid #000000;
 margin-right: 0px;
 margin-left: 0px;
}

.fieldcell textarea {
 width: 100%;
 font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #666666;
 border: 1px solid #dddddd;
 margin-right: 0px;
}

.enligne { 
	display:inline;
	width:430px;
	float:left;
}

.decalage { 
	padding-right:10px;
	padding-bottom:10px;
	
}

.decalagedroitede10 { 
	padding-right:10px;
	padding-bottom:10px;
	padding-top:5px;
}

A.link_gold {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #9e8f54; text-decoration: none;}
A.link_gold:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #9e8f54; text-decoration: underline;}

A.link_accueil {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
A.link_accueil:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline;}