/* HTTH CSS */
/* Fichier css pour le site htth.fr */
/* Dernière modification 19/12/2007 par W. Pochat */

body { 
	font:8pt verdana; 
	background: #F0E9DD url('bg2.gif') repeat-y;
        background-position: 50% 0px;
	margin:0;
	padding:0;
	}
.style5 {color: #003366}
.style6 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.style7 {color: #FFFFFF}

/* jaune : #fff000 */
/* blanc #FFFFFF */
/* bleu nuit #330066 */


/* pour début menu en dessous début photo groupe margin-left à 254 */
#menu {margin-left: 338px; margin-top: -3px; padding-top: 3px;}
#menu ul {margin:0; background-color:#fff; padding: 5px; text-align:center;}
#menu ul li { display:inline; list-style-type: none;}
#menu ul li a:link, #menu ul li a:visited { background-color: #fff000; color:#330066; padding: 5px; text-decoration:none; border-right: 1px solid #fff000; border-left: 1px solid #fff000; font-weight: normal;}
#menu ul li a:hover { background-color: #3366FF; color:#fff000; padding-top: .75em; border-top: 1px outset gray; font-weight: bold;}
Left Border with Hover

/* #menu ul li a:hover { background-color: #fff000; color:#0066FF; padding-top: .75em; border-top: 1px outset gray; }
Left Border with Hover */ 
a:link {
color: #FFFFFF; /* blanc */
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0066FF; /* bleu */
}
a:hover {
text-decoration: none;
color: #0066FF; /* bleu */
}
a:active {
text-decoration: none;
color: #FFFFFF;
}

h1 {
/* utilisé pour le titre en haut à gauche */
	font:28pt verdana, arial, sans-serif;
	color:#330066;
	margin:0;
	padding:20px;
}

h2 {

	font:14pt verdana, arial, sans-serif;
	color:#0066FF; /* bleu */
	padding:10px;
	margin:0;
        text-align: center;
}

h3 {
/* utilisé pour le cadre à gauche */
	font:10pt verdana, arial, sans-serif;
	color:#330066; /* bleu nuit */
	padding:12px;
	margin:0;
        text-align: center;
}

h4 {

	font:10pt arial;
	color:#000000;
	margin:0;
        text-align: justify;
}

p { 
	font:10pt arial;
        color:#0066FF; /* bleu */
	margin: 0px; 
	text-align: left;
	}
	
#contain {

	/* position:relative; */
	width:750px;
	border-right:5px solid #ffffff;
	border-left:5px solid #ffffff;
	margin-left:auto;
	margin-right:auto;
	background: #FFF;
        }
	
#header {
        background: #FFF url('header.gif') right no-repeat;
	width:750px;
        height:165px;
	
}

#leftcol {
	width:160px;
	float:left;
	margin-top:24px;
	padding:5px 0 5px 0;
	background-color: #fff000; /* jaune */

}

#leftcol p {

	padding:3px 18px 3px 18px;
	margin:0;

}

#footer {
	/* positionner en bas de page et le fixer : reste en cas de scroll */
	/* position:fixed; */
	bottom:0; 
	width:750px;	
	clear:left;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:#ffffff url(grassfooter.jpg) bottom no-repeat;
	padding: 55px 0 5px 0;

}

#footer p {
	text-align:center;
	padding-right:8px;
	font:8pt verdana, arial, sans-serif;
        color:#FFFFFF;
        
}

#content {
	/* pour que le bas du contenu puisse être lisible (pas masqué par le pied de page) */
	/* padding-bottom:170px; */
	margin-left:170px;
	width:565px;
	margin:3;
} 

#content p {
	font:12pt verdana, arial, sans-serif;
	padding:3px 18px 3px 18px;
	margin:0;

}

#navcontainerr { margin-left: 1px; }

#navcontainerr ul
{
background-color: #fff000;
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-weight: bold;
}

#navcontainerr li { margin: 1px; 
}

#navcontainerr a
{
display: block;
color: #3366FF;
width: 136px;
padding: 2px 5px;
text-decoration: none;
/*border-top: 1px solid #7e312b;*/
/*border-bottom: 1px solid #7e312b;*/
border-left: 5px solid #3366FF;
font-size: 14px;
}

/* Quand la souris passe sur une entrée du menu */
#navcontainerr a:hover
{
background-color: #3366FF;
color: #fff000;
border-left: 5px solid #fff000;
/*border-right: 5px solid #fff000; /* Petite barre verticale après l'item de menu */
padding: 2px 1px 2px 10px;
}

#navcontainerr ul ul
{
margin-left: 20px;
padding: 0;
background-color: #fff000;
}

#navcontainerr li li a
{
display: block;
color: #3366FF;
background-color: #fff000;
width: 136px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 12px;
}


#leftImg
{
float:left;
padding: 0 0px 0px 0;
}

/* Petite classe pour créer des boutons légers */
div.bord {
border: solid 1px #000000;
width: 142px;
}
a.bouton:link{
width: 140px;
display: block;
color: #006BB5;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
background-color: #FFFF00;
}
a.bouton:visited{
width: 140px;
display: block;
color: #006BB5;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
background-color: #FFFF00;
}
a.bouton:hover{
width: 140px;
display: block;
color: #EEDC00;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
background-color: #3366FF;
}
.bouton{text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#006BB5;}