*{
  margin:0px;
  padding:0px;
}

html{
  text-align:right;
  /*max-width:1300px;*/
  margin-left:50px;
  margin:0px;
  font-family:tahoma;
  background-color:#000;
}

body{
  margin-left:50px;
  margin:0px;
  background-image:url(../img/degrade.gif);
  background-position: top left;
  background-repeat:repeat-x;
  background-color:#000;
}

#page{
  height:100%;
  width:100%;
}

#droite{
  margin-left:50px;
  background-color:#f4f4f4;
}

#menu{
  float:right;
  font-family:tahoma;
  font-weight:bold;
  font-size:12px;
  margin-top:60px;
  margin-right:135px;
  
}

#menu ul{
  background-color:#ab2b46;
  padding:2px 10px 2px 10px;
}

#menu a{
  color:#FFF;
  padding:2px 10px 2px 10px;
  text-decoration:none;
  background-color:#ab2b46;
}

#menu a:hover{
  color:#ab2b46;;
  padding:2px 10px 2px 10px;
  text-decoration:none;
  background-color:#FFF;
}

#menu li{
  display:inline;
  padding-left:10px;
}

.auteur{
  display:block;
  float:left;
  margin-top:-3px;
  color:#AAA;
  font-size:10px;
  font-weight:bold;
}

#headerGauche{
  position:absolute;
  left:0px;
  top:31px;
  width:257px;
  height:210px;
  background-image:url(../img/header_gauche.jpg);
  background-repeat:no-repeat;
}

#login{
  height:28px;
  padding-top:3px;
  font-size:9px;
  font-weight:bold;
  color:#FFF;
  padding-right:260px;
  background-image:url(../img/bg_login.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

.boutonOk{
  display:block;
  float:right;
  margin-right:-40px;
  margin-top:-15px;
}

#login a{
  color:#FFF;
  font-size:10px;
  text-decoration:none;
}

#login a:hover{
  color:#FFF;
  font-size:10px;
  text-decoration:underline;
}

.formLogin form{
  padding-top:10px;
}

#contentHeader{
  height:210px;
  background-image:url(../img/bg_header.gif);
  background-repeat:repeat-x;
}

#header{
  height:210px;
  background-image:url(../img/header_dte.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

#footer{
  clear:both;
  bottom:0px;
  height:144px;
  background-image:url(../img/bg_footer.gif);
  background-repeat:repeat-x;
}

#footerGauche{
  left:0px;
  bottom:0px;
  height:144px;
  background-image:url(../img/footer_gauche.jpg);
  background-repeat:no-repeat;
}

#contenu{
  text-align:left;
  margin-right:214px;
  margin-left:10px;
  min-height:600px;
  background-color:#f4f4f4;
  
}

.imgDossier {
	float:left;
	margin-right:10px;
	margin-bottom:0px;
}

#infosFooter{
  margin-top:-80px;
  margin-right:20px;
  font-size:10px;
  font-weight:bold;
  color:#cccccc;
}

#infosFooter a{
  color:#cccccc;
  text-decoration:underline;
}

#infosFooter a:hover{
  color:#cccccc;
  text-decoration:none;
}

#infosFooter li{
  display:inline;
  padding-left:10px;
}

#infosFooter li a{
  color:#cccccc;
  text-decoration:none;
}

#infosFooter li a:hover{
  color:#cccccc;
  text-decoration:underline;
}

#infosFooter p{
  padding-top:15px;
}

/******************************************
 * LIENS COLONNE DROITE *******************
 * ***************************************/
  
#liens{
  position:absolute;
  margin-top:-10px;
  text-align:left;
  float:right;
  right:0px;
  width:214px;
  padding-top:10px;
  background-image:url(../img/bg_liens.gif);
  background-position: top right;
  background-repeat:repeat-y;
}

#basLiens{
  height:31px;
  background-image:url(../img/basLiens.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

.contenuLiens{
  width:184px;  
  margin-left:30px;
  text-align:right;
  color:#adc4c8;
  font-weight:bold;
  font-size:10px;
  background-color:#FFF;
  background-position: top right;
 
}

.contenuLiens ul{
  padding-left:23px;
  margin:0px;
  margin-bottom:20px;
}

.contenuLiens li{
  list-style:none;
  padding-right:10px;
  line-height:150%;
  border-bottom: #e9f0f1 1px solid;
}

.contenuLiens li a{
  text-decoration:none;
  color:#adc4c8;
  font-weight:bold;
  font-size:10px;
  display:block;
}

.contenuLiens li a:visited{
  text-decoration:none;
  background-color:#f2f8f9;
}

.contenuLiens li a:hover{
  text-decoration:none;
  background-color:#adc4c8;
  color:#FFF;
}

#topForum{
  margin-left:29px;
  width:185px;
  height:43px;
  background-image:url(../img/topForum.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

#topLiens{
  margin-left:29px;
  width:185px;
  height:55px;
  background-image:url(../img/topLiens.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

.basLiensContenu{
  height:20px;
  background-image:url(../img/bg_bas_liens.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

#forum{
  height:31px;
  font-size:12px;
  padding-top:5px;
  padding-right:25px;
  background-image:url(../img/btn_forum.jpg);
  background-position: top right;
  background-repeat:no-repeat;
}

#forum a{
  color:#FFF;
  padding:2px 5px 2px 5px;
  text-decoration:none;
}

#forum a:hover{
  color:#ab2b46;
  padding:2px 5px 2px 5px;
  background-color:#FFF;
  text-decoration:none;
}

.login{
  font-size:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:3px;
}

/*************************************************************************
 ******************** ACTUALIT�S COLONNE GAUCHE **************************
 **************************************************************************/
 
#actu{
  text-align:left;
  margin-top:10px;
  width:68%;
  background-color:#f4f4f4;
}

#actu h1{
  color:#2a677a;
  font: 18px "Georgia", Tahoma, Arial;
  padding-bottom:0px;
}

.date{
  min-height:24px;
  font-size:9px;
  padding-left:30px;
  padding-top:6px;
  color:#787878;
  background-image:url(../img/bg_date.jpg);
  background-repeat:no-repeat;
}

#actu p{
  font-family:tahoma;
  color:#343434;
  font-size:11px;
  padding:5px 0 5px 0;
}

.texte{
  border-bottom: #cfe0e5 2px dotted;
  padding-bottom:5px;
}

.texte a{
  color:#ab2b46;
  text-decoration:none;
}

.texte a:hover{
  color:#ab2b46;
  text-decoration:underline;
}

.com{
  text-align:right;
  padding-top:5px;
}

.com li{
  padding-left:12px;
  padding-right:10px;
  color:#9cb1b6;
  display:inline;
  font-weight:bold;
  font-size:9px;
  background-image:url(../img/flechesCom.jpg);
  background-position: 0 2px; 
  background-repeat:no-repeat;
}

.com li a{
  text-decoration:none;
  color:#9cb1b6;
}

.com li a:hover{
  text-decoration:underline;
  color:#9cb1b6;
}

.comActu{
  text-align:right;
  padding-top:5px;
}

.comActu li{
  padding-left:12px;
  padding-right:10px;
  color:#cf8f9d;
  display:inline;
  font-weight:bold;
  font-size:9px;
  background-image:url(../img/fleches.jpg);
  background-position: 0 2px; 
  background-repeat:no-repeat;
}

.comActu li a{
  text-decoration:none;
  color:#cf8f9d;
}

.comActu li a:hover{
  text-decoration:underline;
  color:#cf8f9d;
}

.news{
  padding-bottom:40px;
  background-color:#f4f4f4;
}

/*************************************************************************
 ******************** DOSSIERS COLONNE CENTRALE **************************
 **************************************************************************/

#highlight{
  float:right;
  margin-top:5px;
  width:31%;
  font-size:11px;
}
 
.dossier{
  color:#2a677a;
  padding:10px 10px 10px 10px;
  margin-bottom:10px;
  text-align:justify;
  background-color:#ebeeef;
}

#cleaner{
  clear:both;
}

/******************************************************************************
 *********************** page: TUTO *******************************************
 *****************************************************************************/
 
.tutoriaux{
  text-align:left;
} 
 
.tutos{
  float:left;
  width:25%;
  font-size:11px;
  color:#2a677a;
  text-align:justify;
}

.contenuTuto{
    padding:10px 10px 10px 10px;
    margin:5px;
    background-color:#ebeeef;
}

h2{
    color:#ab2b46;
    font-size:10px;
    font-weight:bold;
    margin-bottom:5px;
}