body{
 margin: 0;padding: 0;
 /* background: #191919 url("../images/bg.jpg") top left repeat-x; */
 background: #151515 url("../images/bg/bg.jpg") top center no-repeat;
 text-align: center;
 color: #f0f0f0;
 font-family: Arial, Verdana, Tahoma, sans-Serif;
 font-size: 0.8em;
}
a{text-decoration: none;color: #9ff;}
a:hover{color: #09f;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
p{margin: 0;padding: 0;text-align:justify;}





/* HOLDER ================================================================= */
/* ======================================================================== */
#holder{
 margin: 0 auto; padding: 0;
 width: 950px;
 text-align: left;
}




/* HEADER ================================================================= */
/* ======================================================================== */
#header{
 height: 75px; width: 100%;
 margin: 35px 0 0 0;padding: 0;
 background-color: #272727; 
 border: 1px solid #5f5f5f;
}
#header h1{
 margin: 0;padding: 0;
 height: 75px; width: 250px;
 text-indent: -999999px;
}
#header h1 a#logo{
 background: #272727 url("../images/logo.png") top left no-repeat;
 height: 75px; width: 250px;
 display: block;
}
#header h1 a#logo:hover{
 background-position: 0% -75px;
}



/* PRESENTER + ONGLET ===================================================== */
/* ======================================================================== */
#presenter{
  margin: 0;padding: 0;
  height: 300px; width: 100%;
  border-left: 1px solid #5f5f5f;
  border-right: 1px solid #5f5f5f;
  /*background: transparent url("../images/presenter/presenter02.png") top left no-repeat;*/
}


ul#onglet{
 list-style-type: none;
 /*margin: 260px 25px 0 0;*/margin: 0 0 0 700px;padding: 0;
 *margin: 0 0 0 -250px;
 float: right;
 font-size: 1.2em;
 font-weight: bolder;
 position: absolute;
 top: 373px;
}
ul#onglet li{
 float: left;
 margin: 0 5px 0 0;padding: 0;
 height: 38px;
 background-color: #272727;
 border: 1px solid #5f5f5f;
}
ul#onglet li a{
 display: block;
 color: #f0f0f0;
 margin: 0;padding: 0 30px;
 line-height: 38px;
}
ul#onglet li a:hover{
 color: #f90;
}
ul#onglet li#ongletSelected{
 border-bottom: 1px solid #272727;

}
ul#onglet li#ongletSelected a{
 text-decoration: underline;
 
}






/* CONTENTHOLDER ========================================================== */
/* ======================================================================== */
#contentHolder{
 width: 900px;
 margin: 0 0 50px 0;padding: 25px;
 background-color: #272727;
 border-top: 1px solid #5f5f5f;
 border-left: 1px solid #5f5f5f;
 border-right: 1px solid #5f5f5f;
 border-bottom: 1px solid #5f5f5f;
}




/* HOMEPAGE =============================================================== */
/* ======================================================================== */
#homePage{margin: 0;padding: 0;}
#homePage table{margin: 0;padding: 0;width: 100%;}
#homePage table tr{margin: 0;padding: 0;vertical-align: top;}
#homePage table th{font-size: 1.3em;margin: 0;padding: 0 15px;}
#homePage table td{margin: 0;padding: 0 15px; width: 33%;}





/* RIGHTCONTENT =========================================================== */
/* ======================================================================== */
#rightContent{
 width: 200px;  /*250...*/ 
 float: right;
 margin: 0 0 0 25px;padding: 0;
}


#rightContent h2{
 margin: 0; padding: 0;
 font-size: 1.2em;
 text-align: left;
 letter-spacing: 2px;
 border-bottom: 1px dotted #9f9f9f;
}


ul.navigate{
 list-style-type: none;
 margin: 3px 0 30px 0;padding: 0;
 display: block;
 text-align: left;
 height: auto;
 background-color: #303030;
}
ul.navigate li{
 margin: 0;padding: 0;
 border-bottom: 1px solid #272727;
}
ul.navigate li a{
 margin: 0;padding: 0 10px;
 line-height: 20px;
 display: block;
 color: #f0f0f0;
}
ul.navigate li a:hover{
 background-color: #252525;
 color: #09f;
}
ul.navigate li#navigateSelected a{
 background: transparent url("../images/navigateSelected.jpg") center left no-repeat;
}
ul.navigate li#navigateSelected a:hover{
 background: #252525 url("../images/navigateSelectedAHOVER.jpg") center left no-repeat;
}
ul.navigate li a .nbrArt, ul.navigate li#navigateSelected a .nbrArt{font-size: 0.85em;font-style:italic;color: #808080;}
ul.navigate li a:hover .nbrArt, ul.navigate li#navigateSelected a:hover .nbrArt{color: #505050;}


form#frmConnexion{margin: 3px 0 30px 0;padding: 8px 0;background-color: #303030;border: 1px solid #242424;text-align: center;}
form#frmConnexion label{
 display: block;
 margin: 0 auto;padding: 0;
 width: 170px;
 text-align: left;
 font-size: 0.85em;
}
form#frmConnexion input{
 margin: 0 auto 5px auto;padding: 2px;
 width: 170px;
 background-color: #383838;
 border: 1px solid #272727;
 color: #c0c0c0;
 font-size: 0.85em;
}
form#frmConnexion input:focus{background-color: #424242;}
form#frmConnexion input.butConnexion{
 margin: 3px 12px 10px 0;padding: 0;
 width: 80px;
 float: right;
 color: #f0f0f0;
}
form#frmConnexion p.frmSupps{
 display: block;
 clear: both;
 font-size: 0.75em;
 color: #5f5f5f;
 text-align: center;
}
form#frmConnexion p.frmSupps a{color: #5f5f5f;}
form#frmConnexion p.frmSupps a:hover{color: #ff40f0;}

.Pub{
width: auto;
height: auto;
margin: 2px 0 0 0;padding: 0;
}








/* LEFTCONTENT ============================================================ */
/* ======================================================================== */
#leftContent{
 margin: 0 224px 0 0;padding: 0 25px 0 0;
 border-right: 1px dotted #5f5f5f;
}


#leftContent p{margin: 0 0 15px 0;padding: 0;}
#leftContent .clearIt{clear: both;}
#leftContent p.erreur{background-color: #c11111;border: 1px solid #f51d1d;border-top: 4px solid #f51d1d;color: #f0f0f0;text-align: center;margin:5px 0;padding: 10px 30px;font-family:Verdana;}
#leftContent p.valid{background-color: #687721;border: 1px solid #87cb00;border-top: 4px solid #87cb00;color: #f0f0f0;text-align: center;margin:5px 0;padding: 10px 30px;font-family:Verdana;}



/* LES ARTILCES DU BLOG  */
div.blogArt{margin: 0 0 50px 0;padding: 0 0 100px 0;background: transparent url("../images/ArtDelemiteur.png") bottom center no-repeat;}
div.blogArt h3{
 font-size: 2em;
 line-height: 23px;
 font-family: Arial, Verdana, Tahoma, sans-Serif;
 letter-spacing: -2px;
 margin: 0 0 5px 0;padding: 0 0 5px;
 color: #f0f0f0;
 border-bottom: 1px dotted #5f5f5f;
}
div.blogArt h3 a{color: #f0f0f0;}
div.blogArt h3 a:hover{color: #fff;}
div.blogArt h4{
 font-size: 1.3em;
 margin:30px 0 5px 0;padding: 0 0 0 23px;
 background: transparent url("../images/readNext.jpg") center left no-repeat;
}

div.blogArt p img.image-representative{margin: 0;padding: 0;border: 5px solid #f0f0f0;}
div.blogArt p img.image-no-border{border: none;}
div.blogArt p img{border: 2px solid #f0f0f0;}


div.blogArt ul.blogArtOptions{
list-style-type: none; 
margin: 0;padding: 0;
height: auto;
}
div.blogArt ul.blogArtOptions li{float: left;font-size:0.85em;}
div.blogArt ul.blogArtOptions li a.w110h40{
 margin: 0; padding: 0;
 width: 110px;height: 40px;
 line-height: 40px;
 text-align: center;
 display: block;
 color: #272727;
 background: transparent url("../images/blogArtOptions_110x40.jpg") center left no-repeat;
}
div.blogArt ul.blogArtOptions li a.w110h40:hover{
 color: #06f;
 background: transparent url("../images/blogArtOptions_110x40_Hover.jpg") center left no-repeat;
}
div.blogArt ul.blogArtOptions li.lireSuite{
font-weight: bolder;
font-size: 1em;
}
div.blogArt ul.blogArtOptions li.autreOptions{
margin: 0;padding: 0;
height: 40px;width: auto;
display: block;
float:right;
line-height: 40px;
text-align: right; 
color: #999;
}


/* Pagination block */
ul.pagination{
 margin: 0;padding: 0 15px 15px 15px;
 list-style-type: none;
 display: block;
}
ul.pagination li{
 display: inline;
 margin:0;padding: 0;
}
ul.pagination li a{
 margin: 0;padding: 5px 8px;
 border: 1px solid #232323;
 background-color: #303030;
 color: #f0f0f0;
}
ul.pagination li a:hover{
 border: 1px solid #202020;
 background-color: #252525;
 color: #09f;
}
ul.pagination li.paginationButSelected a{
 color: #f90;
}




/* Style de différent tableau */
#leftContent table.tabStyle1{
 margin: 0;padding: 0;border: none;
 border: none;width: 100%;
}
#leftContent table.tabStyle1 th,#leftContent table.tabStyle1 caption{
 background-color: #202020;
 margin: 0; padding: 4px;border: none;
}
#leftContent table.tabStyle1 td{
 background-color: #424242;
 margin: 0; padding: 2px 4px;border: 1px solid #202020;
}
#leftContent table.tabStyle1 td a{display: block;color: #f0f0f0;}
#leftContent table.tabStyle1 td a:hover{text-decoration: underline;}







#commentaireBlock{
margin: 0;padding: 0;
}
#commentaireBlock h3.laisserComment{
 margin: 20px 0 10px 95px;padding: 50px 0 0 0;
 width: 535px;
 font-size: 1.35em;
 background: transparent url("../images/ArtDelemiteur.png") top center no-repeat;
 border-bottom: 1px dotted #5f5f5f;
}
#commentaireBlock h3.commentaires{
 margin: 0 0 0 95px;padding: 0;
 width: 535px;
 font-size: 1.35em;
 border-bottom: 1px dotted #5f5f5f;
}
#commentaireBlock h3.commentairesX{
 margin: 0 0 10px 95px;padding: 0;
 width: 535px;
 font-size: 1.35em;
 border-bottom: 1px dotted #5f5f5f;
}
#commentaireBlock h3.commentaires a, #commentaireBlock h3.commentairesX a{color:#f0f0f0;}

#commentaireBlock p.warning{
 margin: 7px 0 0 95px;padding: 0 0 0 20px;
 font-style: italic;
 background: transparent url("../images/warning.jpg") top left no-repeat;
}
#commentaireBlock p.comInfo{
 font-size: 0.85em;
 font-style: italic;
 margin: 0;padding: 0;
 color: #a0a0a0;
}
#commentaireBlock p.commentaire{
 margin: 5px 0 0 0;padding: 0;
}
#commentaireBlock table.commentTable{width: 640px;margin:0;padding: 0;}
#commentaireBlock table.commentTable tr.trComm{border-bottom: 10px solid #272727;margin:0;padding: 0;}
#commentaireBlock table.commentTable td.td01{margin: 0;padding: 0;width: 75px;}
#commentaireBlock table.commentTable td.td02{margin: 0;padding: 2px 5px 8px 5px;background-color: #252525;border:1px solid #202020;}

/* FORMULAIRE POUR LES AJOUT COMMENTAIRE */
form#frmCommentaires{
margin: 0;padding: 0;
}
form#frmCommentaires textarea{
background-color: #303030;
border: 1px solid #202020;
color: #f0f0f0;
width: 525px;height: 100px;
margin: 0 0 0 95px;padding: 5px;
}
form#frmCommentaires textarea:focus{
background-color: #313131;
}
form#frmCommentaires input.butCommentaire{
 background-color: #303030;
 border: 1px solid #202020;
 margin: 4px 0 0 95px;padding: 5px 10px;
 color: #f0f0f0;
 display: block;
}



/* FORMULAIRE INSCRIPTION AND RECUP */
form#frmInscription,form#frmRecup{margin: 0;padding: 20px 0;background: #303030 url("../images/connexion.png") bottom right no-repeat;border: 1px solid #242424;}
form#frmInscription label,form#frmRecup label{
 float: left;
 width: 200px;
 margin: 6px 0;padding: 0;
 font-size: 1.5em;
 text-align: right;
}
form#frmInscription input,form#frmRecup input{
 background-color: #383838;
 border: 1px solid #272727;
 color: #c0c0c0;
 width: 300px;
 margin: 3px 10px; padding: 3px;
 font-size: 1.5em;
}
form#frmInscription input:focus, form#frmRecup input:focus{background-color: #424242;}
form#frmInscription input.butInscription,form#frmRecup input.butRecup{
 width: 120px;
 margin: 10px 0 0 398px;padding: 3px;
 color: #f0f0f0;font-size: 1.2em;font-weight: bolder;
}


/* FORMULAIRE DE BASE POUR LE CONTENU */
form.frmBasique{margin: 0 0 10px 0;padding: 15px;background-color: #303030;border: 1px solid #242424;}
form.frmBasique label{
 float: left; 
 width: 220px;
 margin: 0 10px 8px 0;padding: 3px 0;
 text-align: right;
}
form.frmBasique input{
 background-color: #383838;
 border: 1px solid #272727;
 width: 250px;
 color: #c0c0c0;
 margin: 0 0 8px 0; padding: 3px;
 display: block;
}

form.frmBasique input:focus{background-color: #424242;}
form.frmBasique input.but{
 width: 150px;font-weight: bolder;text-align:center;margin: 0 0 0 338px;
}
#leftContent form.frmBasique p.erreurInFrm{background-color: #c11111;border: 1px solid #f51d1d;border-top: 4px solid #f51d1d;color: #f0f0f0;text-align: center;margin:0 0 10px 230px;padding: 3px;font-family:Verdana;font-size: 0.75em;width: 250px;}

/* FORMULAIRE POUR LA CREATION D'UN ARTICLE */
#leftContent form.frmArticle{
  margin: 0;padding: 0;
}
#leftContent form.frmArticle label{
 display: block;margin: 0;padding: 0;
 font-size: 1.2em;font-weight: bolder;
}
#leftContent form.frmArticle select{
 display: block;margin: 0 0 12px 0;padding: 5px;
 width: 250px;
 background-color: #383838;color: #f0f0f0;border: 1px solid #202020;
}
#leftContent form.frmArticle select:focus{
 background-color: #424242;
}
#leftContent form.frmArticle input{
 display: block;margin: 0 0 10px 0;padding: 5px;
 width: 638px;color: #f0f0f0;
 background-color: #383838;border: 1px solid #202020;
}
#leftContent form.frmArticle input:focus{
 background-color: #424242;
}
#leftContent form.frmArticle input.but{
width: 250px; margin: 10px 0; padding: 5px;
}









/* PROFIL */
#leftContent table#profil{
 border: 1px solid #222;margin: 0;padding: 15px 0;
 background-color: #303030;float: left;width: 290px;
}
#leftContent table#profil tr{margin: 0;padding: 0;vertical-align: top;}
#leftContent table#profil td{margin: 0;padding: 3px 0;}
#leftContent table#profil td.modifProfil p{text-align: center;margin: 0;padding:0 0 10px 0;}
#leftContent table#profil td.modifProfil p a{display: block;font-weight:bolder;margin: 0;padding: 10px 0;color: #f0f0f0;background-color: #292929;border: 1px solid #242424;}
#leftContent table#profil td.modifProfil p a:hover{color: #ff30f0;background-color: #242424;border: 1px solid #222;}
#leftContent table#profil td.alignRight p{text-align: right;margin: 0;padding: 3px 8px 3px 0;font-weight: bolder;}
#leftContent table#profil td.alignLeft p{text-align: left;margin: 0;padding: 3px 0;}




#leftContent ul#profilResume{
 border: 1px solid #222;margin: 0 0 20px 0;padding: 5px 15px;
 background-color: #303030; list-style-type: none;width: 320px;float: right;height: 294px;
}
#leftContent ul#profilResume li{margin: 0;padding: 0 0 0 50px;line-height: 60px;font-weight: bolder;}
#leftContent ul#profilResume li .big{font-size: 1.5em;}
#leftContent ul#profilResume li a{color: #f0f0f0;}
#leftContent ul#profilResume li a:hover{color: #ff30f0;}

#leftContent ul#profilResume li#modifprofil{background: transparent url("../images/modifier.png") center left no-repeat;border-bottom: 1px solid #252525;}
#leftContent ul#profilResume li#artvalide{background: transparent url("../images/ArtValide.png") center left no-repeat;}
#leftContent ul#profilResume li#artattente{background: transparent url("../images/ArtAttente.png") center left no-repeat;}
#leftContent ul#profilResume li#comrecu{background: transparent url("../images/ComRecu.png") center left no-repeat;}




/* MODERERATION BLOCK */
#leftContent #modererArticle{
 margin: 0 0 20px 0;padding:10px;
 background-color: #383838;
 border: 1px solid #202020;
 color: #c0c0c0;
}
#leftContent #modererArticle h2{
 margin: 0 0 5px 0;padding: 0;
}
#leftContent #modererArticle p{
 font-size: 0.8em;
}

#leftContent #modererArticle ul{
 list-style-type: none;
 margin: 15px 0 0 0;padding: 0;
 height: 80px;
 text-align: center;
}
#leftContent #modererArticle ul li{
 float: left;
 width: 205px;
}
#leftContent #modererArticle ul li a{
 display: block;
 margin: 0;padding: 50px 0 0 0;
 color: #c0c0c0;
}
#leftContent #modererArticle ul li a:hover{color:#f0f0f0;}

#leftContent #modererArticle ul li a#modifier{
 background: transparent url("../images/modifierBlackWhite.png") top center no-repeat;
}
#leftContent #modererArticle ul li a#modifier:hover{
 background: transparent url("../images/modifier.png") top center no-repeat;
}
#leftContent #modererArticle ul li a#valider{
 background: transparent url("../images/validationYesBlackWhite.png") top center no-repeat;
}
#leftContent #modererArticle ul li a#valider:hover {
 background: transparent url("../images/validationYes.png") top center no-repeat;
}

#leftContent #modererArticle ul li a#desactiver{
 background: transparent url("../images/validationNoBlackWhite.png") top center no-repeat;
}
#leftContent #modererArticle ul li a#desactiver:hover{
 background: transparent url("../images/validationNo.png") top center no-repeat;
}

#leftContent #modererArticle ul li a#supprimer{
 background: transparent url("../images/supprimerBlackWhite.png") top center no-repeat;
}
#leftContent #modererArticle ul li a#supprimer:hover{
 background: transparent url("../images/supprimer.png") top center no-repeat;
}




#leftContent ul#YesNo{
 list-style-type: none;
 margin: 0 auto;padding: 0;
}
#leftContent ul#YesNo li{
 margin: 0;padding: 0;
 float: left;
 width: 200px;
}
#leftContent ul#YesNo li a{
display: block;color: #c0c0c0;
font-size: 2em;
background-color: #383838;
border: 1px solid #202020;
margin: 0 10px 0 0;padding: 5px 0;
text-align:center;
}
#leftContent ul#YesNo li a:hover{
background-color: #444;
color: #f0f0f0;
}







/* FOOTY ================================================================== */
/* ======================================================================== */
#footy{
 clear: both;
 display: block;
 margin: 20px 0 0 0;padding: 0;
 border-top: 1px dotted #5f5f5f;
} 
#footy p{
 text-align: center;
 font-size: 0.8em;
 margin: 5px 0; padding: 0;
}