@charset "utf-8";



/*------------------------------------------------
CSS Reset
--------------------------------------------------*/
/*reset*/
* {margin:0; padding:0} 
* {margin-top:0; padding-top:0} 
* {margin-left:0; padding-left:0} 
:link,:visited { text-decoration:none } 
ul,ol { list-style:none } 
address { font-style:normal } 
fieldset { border: 0; } 
img{border:none; background:none;} 
a img {border: 0 none;} 
h1, h2, h3, h4, h5, h6{margin:0; padding:0;} 
.clear{clear:both;}
caption,th {text-align:left;} 
:focus {-moz-outline-style: none; outline-style: none;} 

.clear {
	clear:both;
}

:link,:visited { text-decoration:none; cursor:pointer; }  
address { font-style:normal } 
fieldset { border: 0; } 
img{
	border:none;
	background-image: none;
	
} 
 img {
	behavior: url(iepngfix.htc);
	}
a img {border: 0 none;} 


/*html, body { cursor: url('documents/curseur.cur'), auto; height: 100%; } */






#body  {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	margin: 0px; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0px;
	/* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	
	color:#666;
	font-size: small;	/*background-image: url(documents/fondBodyRep.jpg);
	background-repeat: repeat-y;*/
	background-image: url(documents/fondBodyRep.jpg);
	background-repeat: repeat-x;
	text-align:center;
    }
a {
	color:#333;
	
}

a:hover {
	color: #F60;
}


*+html body {
	overflow:hidden;
}
*html body {
	overflow:hidden;
	
}

#container {
	position:relative;
	padding:0;
	
	text-align:center;
	width: 800px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50%;
	left: -400px;	
	
	
}
#rubRight {
	position:absolute;
	right:0;
	
	text-align:left;
	height:800px;;
	width:350px;
	
	font-size: medium;
	
}

#logo {
	position:absolute;
	left:110px;
	top:150px;
	
	text-align:left;
		
	
}
.mention, .mention a {
	color: #CD291D;
}
.mention a:hover {
	color: #811B12;
}

#header {
	color: #999;
	font-size: 10px;
}
#header a{
	color: #999;	
}
#header a:hover{
	color: #FC0;
}
#info {
	position:relative;
	margin-top:-8px;
	float:right;
	padding-right:30px;
	
	}


#rubLeft {
	position:relative;
	padding-top:50px;
	float: left;
	width:200px;
	background-image: url(documents/fondRubLeft.png);
	background-repeat: no-repeat;
	background-position: right 50px;
	height: 500px;	
	text-align:left;
	z-index:1002;
	
}
#contenu {
	position:relative;
	float:right;
	text-align:left;
	width:570px;
	margin-top:50px;
	color: #333;
	margin-left:0px;
	z-index:0;
	min-height:500px;
	
	
}
.barre {
	background-image: url(documents/puce2.png);
	background-repeat: no-repeat;
	background-position: 3px top;
	height: 22px;
	padding-top: 2px;
	padding-left: 25px;
	font-size: 12px;
	color: #333;
	
	text-align:left;
	text-transform: uppercase;
}
.barre:hover {
	background-image: url(documents/puce3.png);
}
.barre a {
	color: #333;
	text-align:left;
}
.barre a:hover {
	text-decoration: underline;	
}
.barre_hover {
	background-image: url(documents/puce3.png);
	background-repeat: no-repeat;
	background-position: 3px top;
	height: 22px;
	padding-top: 2px;
	padding-left: 25px;
	font-size: 12px;
	color: #333;
	
	text-align:left;
	text-transform: uppercase;
	
	
}
.barre_hover a {
	color: #333;
	text-align:left;
}
.titre {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	width:100%;
	border-bottom:solid 1px #333;
	text-transform: uppercase;
}
/* **************************************************************************/
#menu {
	position:relative;
	padding-left:100px;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	width:700px;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 0em;
	
}
#menu ul {
	
	list-style:none;
}

#menu ul li {
	float:left;
	text-align:center;
	
}

#menu ul li a{
	
	color: #FFF;
	padding-left: 2em;
}

#menu ul li a:hover{
	color: #333;
}
#menu ul .menufocus a{
	color: #333;
}

#recherche {
	
	
	position: absolute;
	left: 120px;
	top: 70px;	
	
}
/********************************************************************************/


*+html #image_box .menu_menus {
	
	
}


#footer {
	position:relative;
	float:right;
	
	
	
	height:100px;
	padding-top:10px;
	text-align:right;
	padding-right:3%;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #CD291D;
}
h2 {
	font-size: 14px;
	color: #666;
	text-transform: capitalize;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(documents/virgule2.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-top: 2px;
}


.texte {
	margin:5px;	
	width:170px;
	background-color:#333;
	border:none;
	border:0;
	color:#999;
}

select, option {

	
 }
.surligne0 {
	color: #FFF;
	background-color: #F30;	
}
.surligne1 {
	color: #FFF;
	background-color: #F90;
}
.surligne2 {
	color: #000;
	background-color: #F96;
}
.surligne3 {
	color: #333;
	background-color: #FC0;
}
.surligne4 {
	color: #333;
	background-color: #FF0;
}
.surligne5 {
	color: #333;
	background-color: #CCC;
}
.alerte {
	color: #CD291D;
	font-style: italic;
}
.rouge {
	color: #CD291D;
	
}


.rougegras {
	color: #CD291D;
	text-decoration: none;
	
	font-weight: bold;
}

.commentaire {
	display:none;
	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E0DCD8;	
	padding-left: 15px;
	
}
.date_upper {
	margin: .75em 0;
	color:#999;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height: 1.4em;
	font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#agenda {
	position:relative;
	top:13px;
	float:left;
	width:127px;
}
.agenda {
	position:absolute;
	padding-top:20px;
	top:0px;
	left:-15px;
	text-align:left;
	width:157px;
	
	display:none;
}
.agenda li {
	background-image: url(documents/fondliagenda.jpg);
	padding:4px;
	height: 38px;
	width: 149px;	
}
.jaune {
	color:#f29400;
	
}
.orange {
	color:#FC0;
}
.grisbold {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;	
}
.com {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: justify;
}

.table_mill {
	width: 300px;	
}
.table_mill a:hover {
	color: #FFF;	
}
.thead {
	color: #FFF;
	background-image: url(documents/fondThead.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;	
	
}
.thead th {
	text-align:center;
	font-size:10px;
}
#thead td {
	padding-top:5px;
	font-size:11px;
	padding-right:3px;
}
.left {
	float:left;
	padding:3px;
	padding-left:0px;
	
}
.right {
	float:right;
	padding:3px;
	padding-right:0px;
}
.total {
	font-size: 10px;	
}
.total th{
	text-align:right;
	font-style: italic;	
}
#inscription {
	position:absolute;
	top:100px;
	left:100px;
	width:500px;
	padding:7px;
	background-color:#FC0;
	border:solid 1px #333;
	
}