html {
  
  font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
  
}



a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }



/*----------------------------------------------------------------------*/
/* ce calque contient tous les autes */
.conteneur {
   /*background-color: blue;*/
    margin: 0px 0px 0px 0px;
    height: auto;
    width: 1024px;
   /* float:left;*/
}


/* bande et titre
.bande{
   background: #99FF33;
   height: 0px;
   width: 1024px;
   margin-top:0px;
   float:left;
   /*background: "templates/jcl/images/titre_jcl.gif";
   
}  

*/


/* ce calque contient le haut du site avec les menus de haut de page */
.haut{
   /*background-color: #99FF33;*/
   height: 25px;
   width: 1024px;
   float:left;
   margin-top:0px;
   /*background:url("templates/jcl/images/titre_jcl.gif") no-repeat 100% 50%;*/ 
   
}
/* ce calque contient la partie o� on va afficher les images et les anim flash */
.anim{
	
        /*background-color: #9933FF;*/
        width: 1024px;
        height: 190px;
	/*border-bottom:15px solid #B2B2B2;*/
        margin-top:10px;
         float:left;
        
        
}
/* ce calque est contenu dans le calque anim et contint les images � afficher */

.cadre_infos{
        
	width: 200px;
    height: 180px;
	float:left;
	
        
	
}

.infos{
        
	width: 200px;
    height: 140px;
	float:left;
	/*border-right:1px solid #B2B2B2;*/
        margin-top:5px;
        margin-bottom:0px;
        margin-right:0px;
        overflow:hidden;
        
	
}

.espace_date{
        
	width: 200px;
        height: 30px;
	float:left;
	border-right:1px solid #B2B2B2;
        border-top:1px solid #B2B2B2;
        margin-top:15px;
        margin-bottom:0px;
        margin-right:0px;
        overflow:hidden;
	
}

.slide{
         width: 570px;
	 height: 180px;
	 float:left;
         margin-top:5px;
         margin-bottom:5px;
         margin-left: 5px;
	
}
/* ce calque est contenu dans le calque anim et contint l'animation flash */
.flash{
   background-color: #cccccc;
   width: 240px;
   height: 180px;
   float:left;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:5px;
   
}

/* ce calque contient le chemin de la page */
.fil_ariane{
	
        background-color: #B2B2B2;
        width: 819px;
        height: 15px;
	float:left;
        padding-left:205px;
        font: 10px "Lucida Grande", Geneva, Arial, sans-serif;
        color:#FFFFFF;
  
        
}


/* ce calque contient la main page du site */
.principal{
      background-color: #FFFFFF;
      height: auto;
      width: 1024px;
      float:left;
     
      
}
/*ce calque contient tout ce qui est à gauche du site*/
.left{
/*background-color: #99FF00;*/
		height: auto;
		width: 200px;
		float:left;
		/*border-right:1px solid #B2B2B2;*/
}

.cadre_01{
/*background-color: #99FF00;*/
		/*margin-top:15px;*/
		height: auto;
		width: 200px;
		float:left;
		color: #FF0000;
		border-top:1px solid #B2B2B2;
		border-bottom:1px solid #B2B2B2;
                 background: #FFF8E6; 
}

/*ce calque contient tout ce qui est au centre du site*/
.cadre_menu_centre{
  /*background-color: #00cccc;*/
   margin-top:0px;
   margin-left:15px; 
   height: 15px;
   width: 580px;
   float:left;
   border-bottom: 1px solid #bf8700;

}


.center{
/*background-color: #009999;*/
margin-top:0px;
height: auto;
width: 620px;
float:left;
}
.main{
/*background-color:  #FFFFCC;*/
margin-top:20px;
margin-left:20px;
padding: 5px 5px 5px 5px;
width: 750px;
height: auto;

float:left;
}
.onglet{
/*background-color: #3366FF;*/
width: 550px;
height: 400px;
margin-left: 15px;

float:left;
}
/*ce calque contient tout ce qui est à droite du site*/
.right{
/*background-color: #CC99CC;*/
 height: 700px;
  width: 190px;
  float:left;
  margin-top:0px;
  align:top;
}

.bas{
	background-color: #B2B2B2;
	height: 15px;
	width: 1024px;
	float:left;
	margin-left: 0px;
	margin-top: -40px;
	
}

.login{
	
	height: 15px;
	width: 100px;
	float:left;
	margin-left: 450px;
	margin-top: -25px;
	
}

.pied_page{
		background-color: #FFFFFF;
		/*border: 1px dashed #B2B2B2;*/
		height: 20px;
		width: 1024px;
		float:left;
		margin-left: 210px;
		margin-top: -20px;
		overflow:none;
}
div.moduletable, div.module {
  margin-bottom: 5px;

}



/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: bottom;
	color: #4e74a8;
	text-align: left;
	width: 100%;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

/* small text */
.small {
	font-size: .90em;
	color: #FF0000;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }