html, body {
	background-color: #6699CC;
	font-family: Arial,Verdana;
	font-size: 12px;
	text-align: center;
	position: relative;
	height: 100%;

}

#global {
width: 785px;
min-height: 100%;
height: 100%;
margin: 0 auto;
text-align:left;

position: relative;

}


a:hover {color: #FFCC66}

img {
border: 0;
padding: 5px;
}
.clear {
clear: both;
height:5px;
}

div.droite {
position: absolute;
left: 600px;
top: 0;
width: 150px;
}


/*
____________________________________ entete
*/
#entete {

background-color: #FFFFFF;
height:160px;
border-top: 10px solid #CC6600;
border-left: 4px solid #CC6600;
border-right: 4px solid #CC6600;
border-bottom: 0px solid #CC6600;
margin: 0px; padding: 0px;
}


.logo1 {
position:relative;
top: 10px;
left: 5px;
margin: 0px; padding: 0px; border: 0px;
}

.logo2 {
position:absolute;
top: 0px;
left: 180px;
margin: 0px; padding: 0px; border: 0px;
}

.logo3 {
position:absolute;
top: 0px;
left: 380px;
margin: 0px; padding: 0px; border: 0px;
}

.texteentete {
margin-top: 10px;
margin-left: 0px;
width: 330px;
TEXT-DECORATION: none;
font-size: 10px;
color: #CC6600;
line-height: normal;
font-weight: bold;
font-family: verdana, arial, helvetica;
padding: 0px; border: 0px;
}

a.barrehaut {
TEXT-DECORATION: none;
font-size: 12px;
color: #FFFFFF;
line-height: normal;
font-weight: bold;
font-family: verdana, arial, helvetica;
margin: 0px; padding: 0px; border: 0px;
}


div.menu{
background-color: #CC6600;
height:20px;
TEXT-DECORATION: none;
font-size: 12px;
color: #FFFFFF;
margin: 0px; padding: 0px; border: 0px;
}



.casesrubriques {
		font-family: verdana, arial, helvetica;
		font-size: 11px;
		background-color: #CC6600;
		color: #FFCC66;
		line-height: normal;
		font-weight: normal;
		}
		
.casesrubriques a {
		font-family: verdana, arial, helvetica;
		color: #FFFFFF;
		background-color: #CC6600;
		font-size: 11px;
		font-weight: bold;
		line-height: normal;
		}
		
.casesrubriques li a {
		TEXT-DECORATION: none;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: normal;
		font-family: verdana, arial, helvetica;
}


.petitescases {
		background-color: #CC6600;
		TEXT-DECORATION: none;
		font-size: 10px;
		color: #FFCC66;
		line-height: normal;
		font-weight: bold;
		font-family: verdana, arial, helvetica;
		}
.petitescases a {
		background-color: #CC6600;
		TEXT-DECORATION: none;
		font-size: 10px;
		color: #FFFFFF;
		line-height: normal;
		font-weight: bold;
		font-family: verdana, arial, helvetica;
		}



/*
____________________________________ sous menu
*/

div#center
{	
position:relative;
overflow: auto;
_overflow: visible;
_height: 1%;
padding-bottom: 0px; 
background-color: #FFFFFF;
border-left: 4px solid #CC6600;
border-right: 4px solid #CC6600;
}


div#sousmenu {
float:left;
text-align:left;
margin-top: 50px;
width: 168px;
display: inline;
}

div#content{
display: inline;
text-align:left;
margin-top: 5px;
width: 600px;
float: right;
}

div#contenthome{
display: inline;
text-align:left;
margin-top: 5px;
width: 400px;
float: left;
}


div#pied {
width: 100%;
bottom: 0;
background-color: #CC6600;
float: left;
padding-top: 5px;
padding-bottom: 5px;
}

.pied {
		TEXT-DECORATION: none;
		font-size: 10px;
		color: #FFFFFF;
		line-height: normal;
		font-weight: bold;
		font-family: verdana, arial, helvetica;
}

.pied a {
color: #FFFFFF;
		text-decoration: underline;
}

#tableaubashome {
width: 100%;
float: left;
height: auto;
margin: 0 auto;
text-align:center;
}

#bas {
width: 785px;
float: left;
height: auto;
margin: 0 auto;
text-align:center;
background-color: #6699CC;
}


.rubriques {
	min-width: 10em;
	border: 0px solid #CCC;
	margin-bottom: 1em;
	font-size: 11px;
}

.rubriques a  {font-size: 12px; font-weight: bold; color: #FF6600}
.rubriques a:hover {color: #FFCC66}
.rubriques a.on {color: #996600;}


.rubriques ul { padding-left: 12px; padding-top: 0px; padding-right: 1px; padding-bottom: 13px; text-align: left ;
margin: 0 .5em;
	padding: 0 .5em;
	 padding-left:1em ;
}

.rubriques { background: none;}
.rubriques .menu-titre	{ background-color: #f2fff2; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #F7B893; }
ul ul .forum-chapo { background: #FAE0BE; }
ul ul ul .forum-chapo { background: #fcf2dc; }
ul ul ul ul .forum-chapo { background: #F8F4F3; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }