* {
	margin: 0;
	padding: 0;
}


a {color: #D23D39; text-decoration: none; }
a:hover {text-decoration: underline; }

#fondmenu {
	background-color: #DDDDDD;
}


#menugauche {
	width: 180px;
}

a.bandeau {
	display: block;
	width: 100%;
	background-image: url('imgs/bandorouge.jpg');
	height: 100px;
}

#ventre	{
/*	background: #fff url('imgs/ombrehoriz.gif') left top repeat-x;*/
}


.zoneTexte{
	margin: 20px;
}
.zoneTexte img{
	margin: 5px 10px 5px 10px;
}
.zoneTexte hr{
	margin: 5px;
	height: 1px;
	border: 1px #EEE dashed;
}

.zoneTexte p{
	font-size: 11px;
}




.centre
{
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	font-family: verdana, arial;
	font-size: 11px;
	text-align: justify;
}

.centre p{
	margin: 10px 0 10px 0;
	text-align: justify;
}

.centre h1
{
	font-size: 150%;
	color: #C40000;
	margin-bottom: 20px;
}
.centre h2
{
	font-size: 120%;
	color: #D23D39;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}

.centre h3
{
	font-size: 110%;
	color: #555555;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}

.centre li {
	
	list-style-image: url(imgs/puceecole.png);
	margin: 0 0 5px 60px;
	text-align: justify;
}

.centre li.condensed {
	
	list-style-type: square;
	margin: 0 0 0 60px;
	
}

.centre ul.condensed {
	margin: 0 0 10px 0;
}

.centre img {
	padding: 5px ;
	margin: 5px ;
	border: 0px;
}

.centre #liencadre{
	float: right;
	width: 200px;
	margin: 0 0 20px 30px;
	padding: 10px;
	text-align: left;
	background: #FFF;
	border: 5px solid #DDD;
	color: #777;
}

.centre #liencadre a{
	color: #006A9D;
	text-align: right;
	display: block;
	font-size: 9px;
}

.centre #liencadre a:hover{
	color: #AFBFC5;
}


.centre  a.tablettre{
	margin: 0 2px 0 0;
	padding: 2px;
	background: #DDDDDD;
	text-decoration: none;
	width: 15px;
	text-align: center;
	border: 1px solid #AAAAAA;

}
.centre  a:hover.tablettre{
	background: #FFF;
		height: 20px;
}

.centre  a.tablettreact{
	margin: 0 4px 0 0;
	padding: 4px;
	background: #FFF;
	width: 15px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #AAAAAA;

}


/* MENU GAUCHE ------------------------------------------------------------------------*/


.navcontainergauche {

	margin: 0;
	padding: 0;

	/*background: #DEDEDE;*/
	/*background: url(imgs/bandogauche.png) left bottom no-repeat;*/
}

.navcontainergauche dl {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*background: #D23D39;*/
	width: 180px;

}

.navcontainergauche dd dl dt {
	display: block;
	padding: 0;
	margin: 0;

}

.navcontainergauche dl dt a {

	height: 20px;
	padding: 3px;
	color: #555;
	text-decoration: none;
	display: block;
	font: normal 11px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	/*text-align : right;*/
	/*text-transform : uppercase;*/
	border-bottom: 1px solid #EEE;
}

.navcontainergauche dl dt a:hover {
	background: #E4423E;
	text-decoration: none;
	color: #FFF;
}


.navcontainergauche  dt.actif a{ 
	font: bold 11px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	/*background: #E4423E;*/
}
.navcontainergauche  dd{ 
	margin-bottom: 15px;
}


.menu2  {
	display: block;
	height: 10px;
	text-align: right;
	/*background: red;*/
	width: 180px;
	font: normal 11px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	list-style-type: none;
}

.menu2  a{

	color: #005B88;
	text-align: right;
}
.menu2  a:hover{
	color: #880000;
	/*background: #C6DFFF;*/
	text-align: right;
}

.menu2  a.active {
	background: #C6DFFF;
}



.sousliens a { padding: 3px 3px 15px 3px; color: #D23D39; text-decoration: none; font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; }
.sousliens a:hover { color: #EFA6A4; text-decoration: none; }




/* ============================= Tableaux */

#tablodon table{ 
	background: #FEFEFE;
	color: #064616;

	border-collapse : collapse;

}

#tablodon tr.entete1 {
	background: #D23D39;
	height: 26px;
	text-align: center;
	color:#FFF;
	/*font-weight: bold;*/
	letter-spacing: 1px;
}
#tablodon tr.entete1 a{
	/*color:#fff;*/
	color:#FFF;
}

#tablodon td.entete1 {
	color:#FFF;
}


#tablodon tr.alternate {
	background: #EEEEEE;
}

#tablodon td {
	border: 1px solid #fff;
	padding: 5px 5px;
	font-size: 8pt;
	color:#555555;
	vertical-align: middle;
}

#tablodon td.centrage {
	text-align: center;
}



#tablodon p{ 
	margin: 0;
	padding: 0;
}

#tablodon a {
text-decoration: none;
color:#555555;
/*font-weight: bold;*/
}

#tablodon a:hover {
/*text-decoration: underline;*/
/*color: #000;*/
color: #123456;
} 

.tabdonpage {
text-align: center;
margin: 5px 0 5px 0;
color:#496E94;
}
.tabdonpage a{
	color:#496E94;
}

#tablodon  td.intitule{
	font-weight: bold;
	background: #DDDDDD;

}

/* -------------------------------------------------------------------------------- AFFICHAGE D'ELEMENT */
.clicTitre
  {

/*	border-bottom: 1px dashed #555555;*/
	padding: 5px 5px 5px 0px;
	width: 550px;
	margin-bottom: 5px;
  }

.clicTitre a{
	background: white url(imgs/compucedroit.jpg) left top no-repeat;
	padding-left: 20px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #444444;
	text-decoration: none;
	font-weight: bold;
	
}

.clicTitre #actif a{
  padding-left: 20px;
}

.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }

.contenant
  {
  display : block;
/*  border: 1px solid #D23D39;*/
  padding: 5px 5px 10px 10px;
  width: 550px;
  background: #FCFCFC;
  font-size: 11px;
  }



.button { 
	cursor:pointer;
	border:solid #D23D39 1px;
	color:#FFF;
	font: bold 11px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	background-color:#D23D39; 
	height:32px;
	width: 150px;
	}