body {
	margin: 0;
	padding: 0;
	/* background: #b4e5ff url(images/img01.gif) repeat-x; */
	/* background: #FFFFFF url(images/EnteteBkg.gif) repeat-x center top; width: 100%; */
 background: #b4e5ff url(images/bg.png) repeat-x center top; width: 100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#global {
width: 960px;
/* background: #b4e5ff url(images/img01.gif) repeat-x; */
	margin: 0px auto;
	position: relative;
	
	}


/* Header */

#header {
	
	margin: 0 auto;
	text-transform: uppercase;
	/* background:url(/images/degradebleu.gif) repeat-x 0 0; */
 background: url(images/bg.png) repeat-x center top; width: 100%; 

	
        background-position: top;  
}





#menu {
	float: right;
	padding-top: 44px;
	width:580px;
}




#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 31px 10px;
	text-decoration: none;
	font-size: .85em;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: underline;
	background: #FFFFFF url(images/img02.gif) repeat-x;
	/* opacity:0.5; */
}

#menu .current_page_item a {
	background: #FFFFFF url(images/img02.gif) repeat-x;
	
}





.cellulea {
	float:left;
	margin-right:30px;
	width:50px;
}

.celluleb {
	float:left;
	margin-right:30px;
	width:30px;
	font-size: 0.80em;
}


.cellulec {
	float:left;
	margin-right:30px;
	width:400px;
}


.conteneurcellule {
overflow:auto;
padding-bottom:30px;

width:100%;
height:100px;
display:bock;
border-top: 1px solid #000000;
}

.conteneurcellulelu {
overflow:auto;
background: #b4e5ff;
padding-bottom:30px;

width:100%;
height:100px;
border-top: 1px solid #000000;
background-color: #b4e5ff;
}


h1, h2 {
	font-weight: normal;
}

p, ol, ul {
	margin-top: 0;
	line-height: 180%;
}

a {
	color: #000000;
}

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

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}




/* login */

#login {
	width: 960px;
	float: left;
	margin-bottom: 5px;
}





/* Page */

#page {
	width: 960px;
	margin: 0 auto;

	
}

/* Content */

#content {
	float: left;
	width: 650px;
}

.post {
}

.meta {
	margin: 0;
	padding: 10px 0 15px 20px;
	border-top: 1px solid #F3F3F3;
}

.meta a {
	text-decoration: none;
}

.meta a:hover {
	text-decoration: underline;
}

.meta .more {
	padding-left: 12px;
	background: url(images/img09.gif) no-repeat left center;
}

.meta .comments {
	padding-left: 15px;
	background: url(images/img10.gif) no-repeat left center;
}

/* Sidebar */


#effacebug {

clear:bloth;
}







#blocsdroite {
        margin-top:10px;
        padding: 20px 5px ;
	float: right;
	width: 280px;
	text-align: left;
	/* background-color: #000000; */
background:url(images/degraderougehaut.gif) repeat-x 0 0;
		background-color:#fffbec;
background-position: top;
-moz-border-radius: 10px;
	     -webkit-border-radius: 10px;
	
}



#unblocdroite {
	
	
	 background-color: #FFFFFF;
	
		
	text-align: left;
	float: left;
	width:100%;
       
	
	padding: 0px 0px;	/* padding greater than corner height|width */
	
	
	color:#000;
	position:relative;
	
	  -moz-border-radius: 10px;
	     -webkit-border-radius: 10px;


	

}

#unblocdroite h2 {
width: 100%;
	height: 25px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-color:#5bae36;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	  -moz-border-radius: 10px;
	     -webkit-border-radius: 10px;

}


#unblocdroiterouge {
	
	
	 background-color: #FFFFFF;
	
		
	text-align: left;
	float: left;
	width:100%;
       
	
	padding: 0px 0px;	/* padding greater than corner height|width */
	
	
	color:#000;
	position:relative;
	
	  -moz-border-radius: 10px;
	     -webkit-border-radius: 10px;


	

}

#unblocdroiterouge h2 {
text-align: center;
width: 100%;
	height: 25px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-color:#d52318;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	  -moz-border-radius: 10px;
	     -webkit-border-radius: 10px;

}

#unblocdroiterouge ul
{
margin: 0 0;
padding: 0 0;
}

#unblocdroiterouge li
{

margin: 0px; padding: 1px 0px 2px 20px; list-style-type: none; font-size: 1em;

background: url(images/CategLi.png) no-repeat left ; border-bottom: dashed 1px #efe4e4; color:#999;


}







#sidebar ul {
	 margin: 0; 
	padding: 0;
	list-style: none;
	
}

#sidebar li {

}

#sidebar li ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFFFFF url(images/img16.gif) no-repeat left bottom;
}

#sidebar li li {

	padding: 5px 20px;
	border-bottom: 1px solid #F3F3F3;
}

#sidebar h2 {
	height: 53px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/img15.gif) no-repeat;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

/* Green Box */

.greenbox {
	background: #FFFFFF url(images/img03.gif) repeat-x;
	margin-bottom: 30px;


}

.greenbox .title {
	height: 60px;
	background: url(images/img04.gif) no-repeat;
}

.greenbox .title h1, .greenbox .title h2 {
	height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/img05.gif) no-repeat right top;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.greenbox .entry {
	padding: 10px 20px 0 20px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}








/* Green Box */

.greenbox {
	background: #FFFFFF url(images/img03.gif) repeat-x;
	margin-bottom: 30px;


}

.greenbox .title {
	height: 60px;
	background: url(images/img04.gif) no-repeat;
}

.greenbox .title h1, .greenbox .title h2 {
	height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/img05.gif) no-repeat right top;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.greenbox .entry {
	padding: 10px 5px 0 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}


/* etatresolution */

.resolu {
	background-color: green;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;


}

.nonresolu {

background-color: red;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;



}


/* vertresolu */

.vertresolu {
margin-top:10px;
	background: #FFFFFF url(images/img03.gif) repeat-x;
	margin-bottom: 30px;


}

.vertresolu .title {
	height: 60px;
	background: url(images/img04.gif) no-repeat;
}

.vertresolu .title h1, .greenbox .title h3 {
        height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/img05.gif) no-repeat right top;
	/* text-transform: uppercase; */
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.vertresolu .entry {
     	padding: 10px 5px 0 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}




/* rougenonresolu */

.rougenonresolu {
	background: #FFFFFF url(images/img03red.gif) repeat-x;
	margin-bottom: 30px;
	margin-top:10px;


}

.rougenonresolu .title {
	height: 60px;
	background: url(images/img04red.gif) no-repeat;
}

.rougenonresolu .title h1, .greenbox .title h2 {
	height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images/img05red.gif) no-repeat right top;
	/* text-transform: uppercase; */
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.rougenonresolu .entry {
	padding: 10px 5px 0 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}























.btm { 
background-color:white;
}
.btm .l { 
width:100%;height:40px;
background: url(images/img07.gif) 
no-repeat left bottom;

}
.btm .r {
width:100%;height:40px;
background: url(images/img08.gif) no-repeat right bottom; }

/* Two Columns */

.two-columns ul
{
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;
}

.two-columns li
{

margin: 0px; padding: 1px 0px 2px 20px; list-style-type: none; font-size: 1em;

background: url(images/CategLi.png) no-repeat left ; border-bottom: dashed 1px #efe4e4; color:#999;


}


#liresolu
{

margin: 0px; padding: 1px 0px 2px 20px; list-style-type: none; font-size: 1em;

background: url(images/CategLi_resolu.png) no-repeat left ; border-bottom: dashed 1px #efe4e4; color:#999;


}


.two-columns {
	clear: both;
	background: url(images/img11.gif) repeat-y;
	 border-top: 10px solid #b4e5ff; 
	margin-bottom:30px;
	margin-top:10px;
}

.two-columns .title {
}

.two-columns .title h2 {
	height: 53px;
	margin: 0;
	padding: 15px 0 0 20px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.two-columns .blue {
	background: url(images/img13.gif) no-repeat;
}

.two-columns .red {

	background: url(images/img14.gif) no-repeat; 
/* background: url(images/img14.png) no-repeat; */
}

.two-columns .columnA, .two-columns .columnB {
	width: 320px;
}

.two-columns .columnA {
	float: left;
}

.two-columns .columnB {
	float: right;
}

.two-columns .btm {
	clear: both;
	background: url(images/img12.gif) no-repeat left bottom;
}

/* Footer */

#footer {
	clear: both;
	padding: 30px 0;
	background: #FFFFFF url(images/img02.gif) repeat-x;
	text-align: center;
	font-size: smaller;
}






/* pour les formulaires */



input.champscp {
	width: 50px;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;	
	font-size: 1em;
	margin: 0;
}



input.champsa {
	width: 170px;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;	
	font-size: 1em;
	margin: 0;
}


input.champsb {
	width: 450px;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;	
	font-size: 1em;
	margin: 0;
}




textarea.champsc{
padding:3px; 
margin:0; 
margin-top:-1px; 
border:1px solid #000000; 
color:#000000; 
font-size:12px; /**/
width:450px; 
height:300px; 
overflow:auto; 
float:left
}


textarea.champsd{
padding:3px; 
margin:0; 
margin-top:-1px; 
border:1px solid #000000; 
color:#000000; 
font-size:12px; /**/
width:325px; 
height:70px; 
overflow:auto; 
float:left
}

.lignegrise
{

background: #bce2aa url(images/imgdegradeligne.gif) repeat-x ;
background-position: top; 

}

.lignedate
{
background-color: yellow;

}

.lignemeilleurreponse
{
background-color: green;
color: white;
}

/*
+----------------------------------------------------------------+
|																							|
|	la pagination																|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999999;
	color: #9B0000;
	background-color: #F2F2F2;	
	font-family: "Futura LT Book", Tahoma, Verdana;
	font-weight: bold;
}
.wp-pagenavi a:hover {	
	border: 1px solid #006699;
	color: #006699;
	background-color: #F2F2F2;
}
.wp-pagenavi a:visited {	
	border: 1px solid #999999;
	color: #9B0000;
	background-color: #F2F2F2;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #9B0000;
	border: 1px solid #999999;
	background-color: #F2F2F2;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 0px solid #000000;
	color: #000000;
	background-color: #F2F2F2;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #999999;
	color: #9B0000;
	background-color: #F2F2F2;
}

/*

bouton poster reponse


*/





a.boutonposter {
	color:#000000;
	display:block;
	padding:9px 0px 0px 2px;
	font-weight:bold;
	background-image:url(../images/boutona.png);
	background-repeat:no-repeat;
	width:200px;
	height:34px;
	margin:0px;
	text-decoration:none;
	text-align : center; 
}
a:hover.boutonposter {
	color:#c21811;
		display:block;
		padding:9px 0px 0px 2px;
		font-weight:bold;
		background-image:url(../images/boutonb.png);
		background-repeat:no-repeat;
		width:200px;
		height:34px;
		margin:0px;
		text-decoration:none;
	text-align : center; 
}

/*

boutons


*/




#conteneurboutonhorizontal
{

padding-top:20px;
padding-bottom:20px;
width:100%;

}


#leboutonhorizontal
{
margin-right:20px;
float: left;

}


/*  présentation comme les tableaux */

#conteneurdispohorizontal
{

padding-top:20px;
padding-bottom:20px;
width:100%;

}

#conteneurdispohorizontalgris
{

padding-top:20px;
padding-bottom:20px;
width:100%;
background-color: #CCCCCC;
}


#dispohorizontalfixe
{
width:200px;
margin-right:20px;
float: left;

}


#dispohorizontal
{

margin-right:20px;
float: left;

}





/* fin présentation comme les tableaux */


#blocbouton
{
margin-top:50px;
margin-bottom:50px;
float: left;
width:100%;
}

#blocbouton ul
{
margin:0;
padding:0;
list-style-type: none;


}

#blocbouton li
{

margin: 0 5px 0 0;
padding:0;
float: left;



}






a.bontonoui
{
background-image:url(../images/voteouinon/voteoui.gif);

background-repeat:no-repeat;
width:80px;
height:40px;
display:block;
color:#FFFFFF;
font-weight:bold;
/*
	color:#000000;
	display:block;
	padding:9px 0px 0px 8px;
	font-weight:bold;
	background-image:url(../images/voteouinon/voteoui.gif);
	background-repeat:no-repeat;
	width:200px;
	height:40px;
	margin:0px;
*/
}

a.bontonnon
{
display:block;
width:80px;
height:40px;
background-image:url(../images/voteouinon/votenon.gif);

background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
}


a.boutonsuivi
{
display:block;
width:40px;
height:40px;
background-image:url(../images/email.png);

background-repeat:no-repeat;
color:#000000;
font-weight:bold;
}


a.abus
{
display:block;
width:100px;
height:40px;
background-image:url(../images/signalerabus.gif);

background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
font-size: 0.9em;
}



#boite{
  width:150px;
  border:1px solid green;
  height:20px;
}

#barre{
  
  background:green;
  height:19px;
  color:#fff;
  text-align:right;
  padding:3px 0px 0px 0px;
}



/*
les onglets visibles pour les connectés

*/



.fondonglet {
width:100%;
/* background-color: #FFF; */
	/* background:url(/images/degradegris.png) repeat-x 0 0; */
	background-position: top;  
	padding-top:20px;
height:25px;
}


.fondongletinverse {
width:100%;
background-color:white;
	background:url(/images/degradegrisinverse.png) repeat-x 0 0;
	background-position: top;  
	height:30px;

}

.bloconglet {

/* background-color: white; */
width:100%;

}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
  
    
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}





.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}



/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
<!--[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]-->

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/*
fin des onglets visibles pour les connectés

*/



/*

le style de l'autosuggest box pour la recherche d'amis

*/



	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;
		color: #fff;
	}

	.suggestionList {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList li {

		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}

	.suggestionList li:hover {
		background-color: #659CD8;
	}

#champresultat2
{
width:100%;

}

.uneligne	{


	
	width: 650px;
	float: left;
	
        height: auto;
	
       padding: 0px 0px;
	
	margin-top: 0.5em;
	color:#000;
	position:relative;
	
    
}

.ptitecolonnegauche	{
 text-align: left;
	float:left;
	width:100px;
  padding-left:5px;
  font-size:12px;
   font-weight:bold; 
}
.bordureminiature {
  border-width:2px;
  border-style:solid;
  border-color:red;
}