* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
	background: #0D2379 url("../images/fond_comteville_bleu.gif") repeat-y;
	background-attachment: scroll;
	margin : 0;
	padding: 0;
	font: 11px Verdana, Arial, "Trebuchet", Georgia, Times New Roman, Times, serif;
	/*height: 100%;*/
}

.clear {
	clear: both;
}


#container
{
font: 1.1em Verdana, Arial, "Trebuchet", Georgia, Times New Roman, Times, serif;
text-align: left;
width: 770px;
margin: 0;
color: #fff;
position: relative;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}

#container-content {
padding-bottom: 70px; /* même valeur que pour footer */
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#left {
	margin-top: 10px;
	width: 160px;
	float: left;
}

#right {
	text-align: justify;
	width: 570px;
	float: left;
	padding: 5px 20px 10px 20px;
	margin: 0;
}

#header
{
	/*background: url("../images/fond_comteville_bleu_head.gif") no-repeat;*/
	padding: 0;
	width: 770px;
	height: 140px;
	text-align: center;
	color: #000;
	position: relative;
}

#contenu
{
	/*clear: both;*/
	padding: 0;
	width: 800px;
	text-align: center;
	color: #000;
	position: absolute;
	left: 50%;
	margin-left: -400px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: 130px; 
}

#leftcontent
{
float: left;
width: 160px;
margin: 0;
}

#centercontent
{
		/*position: relative;*/
		float: right;
	    width: 610px;
   		text-align: justify;		
		padding:0px 15px 10px 15px;
		/*margin-left: 200px;*/
}

#footer {
	/*position: absolute; /* relative */
	/*float: right;*/
	color: #3366CC;
	font: .9em Verdana, Arial, "Trebuchet", Georgia, Times New Roman, Times, serif;
	width: 98%;
	/*background: #CCC;*/
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 70px;
}

#footerInside {
	position: relative;
	margin-left: 180px;
}

H1 {
	font-size : 1.4em;
	font-weight : bold;
}

H2 {
	font-size : 1.2em;
	font-weight : bold;
}

H3 {
	/*background: url('../images/logo_attention.gif') #DFE9DA; /* On définit donc la couleur de fond et l'icône à utiliser... */
	/*background-repeat: no-repeat;             /* ... une seule fois */
	/*background-position: 8px 50%;             /* et positionnée à 4 pixels de la gauche et centrée (impossible de d'utiliser une longueur */
	min-height: 40px;       /* Au cas où le texte est plus petit : afficher l'icône en entier (2*4+32)... */
	vertical-align: middle; /* ... et centrer le texte verticalement */
	padding : 8px;
	/*padding-left: 50px;     /* Pour que le texte ne soit pas SUR l'icône (image de fond) */
	margin : 0;
	font-size : .9em;
	font-weight : normal;
	border-bottom : 1px dashed #ccc;
	border-top : 1px dashed #fff;
	color: #FFFFCC;
	/*background-color : #DFE9DA; /* F5F5F2 */
}

#encart {
	float: right;
	padding : 10px 0px 10px 10px;
	margin : 5px 0px 5px 10px;
	font-size : .9em;
	color: #ffff66; /* 993300 */
	font-weight : normal;
	border-left : 1px solid #ccc;
	width: 200px;
	/*background-color : #FFFFF0; /* F5F5F2 */
}

TABLE {
	font-family : Verdana, Arial, "Trebuchet", Georgia, Times New Roman, Times, serif;
	font-size : 1.1em;
	width : 90%;
}

TR {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
}

TD {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	padding : 1px;
	border : 1px solid #CCCCCC; /* EAEAEA */
	background-color : #F3F4E5; /* F5F5F2 */
}

TD.modif {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	padding : 1px;
	border : 1px solid #CCCCCC; /* EAEAEA */
	background-color : #ECE8B1; /* F5F5F2 */
	/*height : 26px;*/
}

TD.separation {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	/* color : #0080C0; */
	padding : 1px;
	border : 1px solid #CCCCCC;
	/* EAEAEA */
	background-color : #E6EEFB;
	/* F5F5F2 */
	height : 5px;
}

TD.separation1 {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	/* color : #0080C0; */
	padding : 1px;
	border : 1px solid #CCCCCC;
	/* EAEAEA */
	background-color : #FFFFC4;
	/* F5F5F2 */
	height : 5px;
}

TD.traiter {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	color : #000000;
	padding : 1px;
	border : 1px solid #CCCCCC;
	/* EAEAEA */
	background-color : #FFCC00;
	/* F5F5F2 */
	height : 5px;
}

TD.erreur {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	color : #FFFFFF;
	padding : 1px;
	border : 1px solid #CCCCCC;
	/* EAEAEA */
	background-color : #CC3300;
	/* F5F5F2 */
	height : 5px;
}

TD.blanc {
	/*font-family : "Trebuchet", Georgia, Times New Roman, Times, serif;*/
	padding : 1px;
	border : 1px solid #CCCCCC; /* EAEAEA */
	background-color : #FFFFFF; /* F5F5F2 */
}

.justif {
	text-align: justify;
}

.imgTexte {
	margin: 5px 5px 5px 5px;
	/*vertical-align: baseline;*/
	float: left;
} 

.imgTexteGauche {
	float: left;
	margin: 5px 10px 0px 0px;
	padding: 2px;
	background-color: #ffffff;
	/*border: 1px solid #CCCCCC;*/
} 

.imgTexteDroit {
	float: right;
	margin: 5px 0px 0px 10px;
	padding: 2px;
	background-color: #ffffff;
	/*border: 1px solid #CCCCCC;*/
} 

.imgLien {
	float: left;
	margin: 0px 10px 0px 10px;
	border: 1px solid #000000;
} 

SELECT.selectRubrique {
	font-family : monospace;
	font-size : 1.1em;
}

A:LINK, A:VISITED {
	color : #B22222;
	text-decoration : none;
	font-weight : bold;
}

A:HOVER {
	color : Black;
	text-decoration : none;
	font-weight : bold;
}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 2.2em; /* 3 hauteurs de lignes pour la lettrine*/
color: #CC3300;
font-weight: bold;
font-family: Verdana, Arial, "Trebuchet", Georgia, Times New Roman, Times, serif;
width: 1em ;
}

.imgTexte {
	float: left;
	margin: 5px 10px 0px 0px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
} 

/* DEBUT fvalidate */
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #FF0000;
	background-color: #FFE;
}

label.errHilite {
	color: #F00;
	text-decoration : underline;
}
/* FIN fvalidate */

/* Affichage du menu */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .9em;
	text-align: left;
	width: 160px; /* Width of Menu Items */
	border-bottom: 1px solid #0D2379; /* ccc */
}

ul li {
	position: relative;
}

li ul {
	position: absolute;
	left: 160px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #FEFCE7; /* IE6 Bug */ /* DFE9DA*/
	padding: 5px;
	border: 1px solid #0D2379; /* ccc */
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { 
	color: #fff; 
	background: #3366CC; 
	/*text-align: right;*/
} /* Hover Styles */

li ul li a { 
	padding: 2px 5px; 
} /* Sub Menu Styles */

li:hover ul, li.over ul { 
	display: block; 
} /* The magic */
/* Fin affichage menu */

#cadreSommaireVignette{
	/*background: #ffffff url(../images/shadowlight.gif) repeat;*/
	float: left;
	text-align: center;
	width: 98px;
	height: 98px;
	margin: 0;
	padding: 0;
	/*border: 1px solid #999999;*/
}

#vignetteSommaire {

}

#vignetteSommaire img {
	/*background: #ffffff url(../images/shadowlight.gif) repeat;*/
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #000000;
}

#vignetteSommaire a:hover img, #vignetteSommaire a:focus img {
	/*background-color: #000000; /* F2F1DD*/
	border: 1px solid #ffffff;
}