/* R?gles CENTRE */
div#gauche div {
	text-align: justify;
	color:#000000;
	background-color:transparent;
}

span.titre {
	color: #B4B4B4;/*#C8C3C3;*/
	background-color:#FFFFFF;
}

span.date{
	color:#868686;
	font-size:11px;
}

/* R?gles PRESENTATION */

img#tuto {
margin:4px 7px 0px 7px;
width: 514px;
height: 50px;
}

div#presentation {
	position:relative;
	width: 512px;
	margin: 7px 0px 0px 7px;
	border: 1px solid #CCCCCC; /*828282*/
}

div#presentation div.titre {
	position: relative;
	display: block;
	width: 497px;
	height: 17px;
	color: #000000;
	background: #FFFFFF url("../images/structure/obiblio_21.png") center top no-repeat;
	z-index: 0;
	margin:7px;
	text-align:right;
}

div#presentation h2{
	position: absolute;
	color: #FFCD1F;
	background-color:transparent;
	top: -3px;
	right:-2px;
	letter-spacing: 1.5px;
	font-weight: 900;
	font-size: 17px;
}

div#presentation img{
	float:left;
	margin:0px 10px 0px 7px;
	border: 0px solid #A3A3A3;
}

div#presentation h3{
	position: relative;
	margin:7px;
	color:#5A85F3;/*72A3CB*/
	background-color:#FFFFFF;
	font-weight: normal;
	font-size: 15px;
}

div#presentation p {
	position:relative;
	margin: 7px;
	font-size: 11px;
	background-color:transparent;
}

#presentation p.commentaire{

	margin:13px 7px 7px 7px;
	font-style: italic;
}


/* R?gles NEWS */
div#news {
	position:relative;
	width: 512px;
	margin: 7px 0px 0px 7px;
	border: 1px solid #CCCCCC; /*CCCCCC*/
}

div#news div.titre {
	position: relative;
	display: block;
	width: 497px;
	height: 17px;
	color:#000000;
	background: #FFFFFF url("../images/structure/obiblio_22.png") center top no-repeat;
	z-index: 0;
	margin:7px;
	text-align:right;
}

div#news div.ensembleNews {
	position: relative;
	color:#000000;
	background: #FFFFFF;
}

div#news hr{
	margin: 0px 22% 0px 22%;
	border: 1px dashed #E0DDDD;
}

div#news hr.pub{
	margin: 0px 7px 7px 7px;
	border: 1px solid #EAE7E7;
}

div#news p.publi{
	position: relative;
	margin:0px 7px 7px 7px;
	text-align:left;
}

div#news div.titre h2{
	position: absolute;
	color: #5A85F3;
	background-color:transparent;
	top: -3px;
	right:0px;
	letter-spacing: 1.5px;
	font-weight: 900;
	font-size: 17px;
}

div#news p.bas{
	position: relative;
	margin:7px;
	text-align:right;
	background-color:#FFFFFF;
}

div#news p.bas a {
	color: #5A85F3;
	background-color:#FFFFFF;
}

div#news div.blocNews{
	position:relative;
}

div#news div.blocNews img.gauche {
	float:left;
	margin-right:10px;
	margin-left:10px;
	border: 1px solid #A3A3A3;
}

div#news div.blocNews img.droite {
	float:right;
	margin-right:10px;
	margin-left:10px;
	border: 1px solid #A3A3A3;
}

div#news div.blocNews h3{
	position: relative;
	margin:7px;
	color:#FD8A61;
	background-color:transparent;
	font-weight: 900;
	font-size: 13px;
}

div#news div.blocNews p{
	position:relative;
	margin: 7px;
	background-color:transparent;
text-indent:25px;
}

div#news div.blocNews p.signature{
	position:relative;
	margin: 0px 7px 7px 7px;
	text-align:left;
	font-style: italic;
	background-color:transparent;
}







/* R?gles NEWS ENTETE */
div#news_entete {
	position:relative;
	width: 512px;
	margin: 7px 0px 0px 7px;
	border: 1px solid #CCCCCC; /*CCCCCC*/
}

div#news_entete div.titre {
	position: relative;
	display: block;
	width: 497px;
	height: 17px;
	color:#000000;
	background: #FFFFFF url("../images/structure/obiblio_22.png") center top no-repeat;
	z-index: 0;
	margin:7px;
	text-align:right;
}

div#news_entete div.ensembleNews {
	position: relative;
	color:#000000;
	background: #FFFFFF;
}


div#news_entete div.titre h2{
	position: absolute;
	color: #5A85F3;
	background-color:transparent;
	top: -3px;
	right:0px;
	letter-spacing: 1.5px;
	font-weight: 900;
	font-size: 17px;
}


div#news_entete div.ensembleNews{
	position:relative;
}

div#news_entete div.ensembleNews ul {
	list-style-type: none;
	margin: 7px;
	padding: 0;
}

div#news_entete div.ensembleNews li{
	color:#FCAD47;
	background-color:transparent;
	margin: -2px 0px -2px 0px;
}

div#news_entete div.ensembleNews a.ancre{
	color:#5A85F3;
	background-color:transparent;
	font-weight: 500;
	font-size: 13px;
}


    div#news_entete_tchat{
      margin:0px 7px 7px 7px;
    }

    div#news_entete_tchat div#entete{
      width:100%;
      color:#2AA287;
      font-weight:900;
      text-align:right;
    }

    div#news_entete_tchat div#entete p{
      color:#2AA287;
      font-weight:900;
    }

    div#news_entete_tchat div#entete p.gauche {float: left}

    div#news_entete_tchat p#entete img{
      vertical-align: text-top;
    }

    div#news_entete_tchat iframe{
   	width:100%;
   	height:50px;
   	border-top: 1px solid #CCCCCC;
      padding-top:3px;
    }






















div#last {
	position:relative;
	width: 514px;
	margin: 7px 0px 0px 7px;
}

div#last ul {
	list-style-type: none;
	margin: 7px;
	padding: 0;
}

div#last p{
	margin:7px;
}

div#last  img{
	float:left;
	margin:7px;
	border: 0px solid #A3A3A3;
}

div#last hr{
	margin: 0px 7px 0px 7px;
}

div#last span{
	color:#B4B4B4;
	background-color:#FFFFFF;
}

div#last h2{
	clear: both;
	margin:7px 7px 0px 7px;
	letter-spacing: 0px;
	font-weight: 900;
	font-size: 14px;
	text-align:center;
	border-bottom: 1px solid #CCCCCC;
}



div#last div.lastDoc {
	float:left;
	width: 48.9%;
	border: 1px solid #CCCCCC;
	margin:0;
	text-align:left;
}

div.lastDoc h2.color1{
	color:#2AA287;
	background-color:#FFFFFF;
}

div.lastDoc h2.color2{
	color:#5A85F3;
	background-color:#FFFFFF;
}



div#last div.lastTopic{
	float:right;
	width: 48.9%;
	border: 1px solid #CCCCCC;
	text-align:left;
}

div.lastTopic h2.color3{
	color:#FD8A61;
	background-color:#FFFFFF;
}

div.lastTopic h2.color4{
	color:#FF8AFB;
	background-color:#FFFFFF;
}


div.lastTopic a.f {
	color:#FF8AFB;
font-weight: bold;

}

div.lastTopic a.h {
	color: #5A85F3;
font-weight: bold;
}

div.pagination {
    margin: 7px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #9aafe5;
    color: #9aafe5;
    margin: 1px;
    padding: 0px 3px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #9aafe5;
    border: 1px solid #9aafe5;
    color: #fff;
    margin: 1px;
    padding: 0px 3px;
}
div.pagination span.courante {
    background-color: #FFCD1F;
    border: 1px solid orange;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 0px 3px;
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 0px 3px;
}






div#Categorie {
	position:relative;
	width: 514px;
	height:200px;
	margin: 5px 0px 0px 7px;
}

div#Categorie div.CategorieListe{
	float:left;
  font-size:10px;
	width: 67.9%;
	height:100%;
	border: 1px solid #CCCCCC;
  background: #ffffff url("../images/photos/livres_obiblio.jpg") bottom right no-repeat;
}

div#Categorie div.MembreActif{
	float:right;
	width: 29.9%;
   height:100%;
	border: 1px solid #CCCCCC;
 	background: #ffffff url("../images/pics/pens.jpg") bottom center no-repeat;
}

div#Categorie h2{
	margin:7px 7px 0px 7px;
	letter-spacing: 0px;
	font-weight: 900;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	background-color:transparent;
}

div#Categorie h2.color1{
	color:#FD8A61;
}

div#Categorie h2.color3{
   text-align:center;
	color:#2AA287;
}

div#Categorie span{
	color:#B4B4B4;
}




div.CategorieListe form{
   margin:0px;
   padding:0px;
}

div.CategorieListe input {
	color:#333333;
	background-color:#FFFFFF;
	border: solid 1px #b3b3b3;
	font: 11px "Trebuchet MS", helvetica, sans-serif;
	margin:7px 0px 0px 7px;
}

div.CategorieListe input.btnRechAccueil {
	color:#000000;
	border: solid 1px #4484B2;
	font-weight:500;
	margin:7px 0px 0px 2px;
	cursor: pointer;
}

div.CategorieListe ul {
   float:left;
	list-style-type: none;
   margin: 7px 0px 7px 7px;
	padding: 0px;
}

div.CategorieListe ul a{
   margin: 0px;
	padding: 0px;
}

div.CategorieListe ul li{
  margin-bottom: 2px;
  padding: 0px;
}

div.MembreActif table {
margin-top:7px;
text-align:center;
width: 100%;
}

div.MembreActif img{
border: solid 1px #ccc;
   margin: 0px;
	padding: 1px;
}

div.MembreActif a{
   background-color:transparent;
}

div.MembreActif a:hover{
	text-decoration: none;
	background-color:transparent;
}


div.MembreActif a:hover img{
	border: solid 1px orange;
}