/* CSS Document */

body, #contenant, #contenantindex
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
}

body
{
	margin: 0px;
	padding: 0px;
}

#divhaut
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
	width: 0px;
	z-index: 800;
	visibility: hidden;
}

.retrait
{
	margin-left: 20px;
}

h1, h2
{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	padding-top: 5px;
}

h1.section
{
	font-size: 15px;
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 0px;
	border: 0px;
}

.orange h1.section { color: #FF9900; }

.rouge h1.section { color: #CC3300; }

.vert h1.section { color: #669900; }

.bleu h1.section { color: #6699CC; }

hr {
	border-right: 0px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px;
	border-top: 0px;
	color: #FFFFFF;
}

.none { display: none; }

a
{
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

.vignette
{
	float: left;
	padding-right: 15px;
}

.onglet
{
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	margin: 6px 0px;
	padding: 4px 2px 4px 5px;
	text-transform: uppercase;
}

#contenuindex .onglet
{
	width: 10em;
}

.onglet a
{
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.onglet a:hover { text-decoration: underline; }

.orange, .rouge, .vert, .bleu { }

.orange .onglet a, .rouge .onglet a, .vert .onglet a, .bleu .onglet a { color: #FFFFFF; }

.orange .onglet { background-color: #FF9900; }

.orange a { color: #FF9900; }

.rouge .onglet { background-color: #CC3300; }

.rouge a { color: #CC3300; }

.vert .onglet { background-color: #669900; }

.vert a { color: #669900; }

.bleu .onglet { background-color: #6699CC; }

.bleu a { color: #6699CC; }

#contenant, #contenantindex
{
	border: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 30px auto 0px;
	width: 760px;
	\width: 780px;
	w\idth: 760px;
}

#menu
{
	margin: 0px;
	padding: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px;
}

#entete
{
	margin: 0px;
	padding: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px;
	background-color: #CCCCCC;
}

#wrapper
{
	background-color: #F9F9F3;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

#contenu
{
	font-size: 11px;
	margin-left: 190px;
	margin-right: 0px;
	padding: 15px 70px 25px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#contenu a, #contenu a:hover
{
	font-size: 11px;
}

#contenuindex
{
	font-size: 11px;
	padding: 15px 20px 25px;
	margin-left: 190px;
	margin-right: 190px;
	background-color: #FFFFFF;
	border-top: 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0px;
	border-left: 1px solid #CCCCCC;
}

#contenuindex a, #contenuindex a:hover
{
	font-size: 11px;
}

#colgauche
{
	float: left;
	border: 0px;
	margin: 0px;
	padding: 15px 20px 5px;
	background-color: #F9F9F3;
	width: 150px;
	w\idth: 150px;
}

#colgauche ul
{
	border: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#colgauche li
{
	display: block;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px;
	margin: 0px;
	padding: 5px 0px 5px 12px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	background-image: url(../images/quoteorange.gif);
}

#colgauche .orange li { background-image: url(../images/quoteorange.gif); }

#colgauche .rouge li { background-image: url(../images/quoterouge.gif); }

#colgauche .vert li { background-image: url(../images/quotevert.gif); }

#colgauche .bleu li { background-image: url(../images/quotebleu.gif); }

#coldroite
{
	float: right;
	border: 0px;
	margin: 0px;
	padding: 15px 20px 5px;
	background-color: #F9F9F3;
	width: 150px;
	w\idth: 150px;
}

#pieddepage
{
	clear: both;
	padding: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
	text-align: center;
}