/*CSS DU THEME*/
body {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	margin: 0px;
	background-image:url(images/test/bg2.png);
	background-repeat:repeat-x;
	background-color:#0d0d0d;
}


#corps {
	background-color:#FFF;
	width:1002px;
	margin:auto;
}





.for-robot-only /* Affiché seulement pour les robots */ {
	display: none;
}


a img {
	border: 0px;
}

a:link, a:visited, a:active, a:hover {
	color: #bf3f3f;
	text-decoration: underline;
}

#header {
	background-image: url("images/test/menu/bg-topmenu.png");
	width: 1002px;
	height: 114px;
	margin: auto;
}


#footer {
	clear:both;
	width: 1002px;
	margin: auto;
	margin-top:0px;
	margin-bottom: 20px;
	text-align:center;
	background-color:#0d0d0d;
	
	}
	
#footer-top {
	clear:both;
	width: 1002px;
	height: 22px;
	background-image: url("./images/test/bottom-footer.png");
}
#footer-sub {
    clear:both;
	width: 1002px;
	margin: auto;
	color:white;
}
.footer-1 {
	float: right;
}
.footer-1 a:link, .footer-1 a:visited{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}
.footer-1 a:active, .footer-1 a:hover{
	color: #666666;
	font-size: 11px;
	text-decoration: underline;
}
.footer-2 {
	color: #b8b8b8;
	font-size: 11px;
}
.footer-2 a:link, .footer-2 a:visited, .footer-2 a:active, .footer-2 a:hover{
	color: #b8b8b8;
	font-size: 11px;
	text-decoration: underline;
}



.gauche
{
float: left;
padding-right: 10px;
}

.aligngauche
{
text-align:left;
}

.center
{
text-align:center;
}


.droite
{
float: right;
padding-left: 10px;
}

.incl
{
float: left;
border: 2px solid black;
margin-right:10px;
}



.underline
{
text-decoration: underline;
}

#aligngauche
{
text-align:left;
}



#divcenter
{
margin:auto;
text-align:center;
}

.title
{
font-size: 22px;
color: #877d7d;
background-image:url(images/next.png);
background-position:0 52%;
background-repeat:no-repeat;
padding: 20px;
}

.articles
{
font-size: 17px;
color: #877d7d;
background-image:url(images/media_controls_forward_small.png);
background-position:20% 51%;
background-repeat:no-repeat;
padding: 80px;
text-decoration: underline;
}




.video-lien
{
font-weight: bold;
color: #1481ae;
background-image:url(images/video-icon.png);
background-position:0 52%;
background-repeat:no-repeat;
padding: 18px;
text-decoration: none;

}

.titre_video
{
color: white;
background-image:url(images/document_page_next.png);
background-position:0 52%;
background-repeat:no-repeat;
padding: 20px;
}

.theme_video
{
font-weight: bold;
font-size: 14px;
color: #877d7d;
background-image:url(images/bullet_white.png);
background-position:0 52%;
background-repeat:no-repeat;
padding-left: 30px;
margin:10px;
}




/* COLONNE GAUCHE ACCUEIL */

.top-zoom
{
height:18px;
background-image: url('./images/test/top/top-content3.png');
width:688px;
padding-left:2px;
padding-top:2px;
margin-bottom:1px;
}


/* CADRE ARRONDI POUR LES VIDEOS */
.top-videos
{
background-image: url('./images/test/top-videos3.png');
height: 18px;
width: 334px;
padding-left:10px;
padding-top:2px;
}


.body-videos
{
background-color:white;
background-repeat: repeat-y;
color: black;
border: 1px solid black;
width: 338px;
padding:2px;
height:180px;
}


.bottom-videos
{
background-image: url('images/test/bottom-videos3.png');
background-repeat: no-repeat;
height: 3px;
width: 344px;
margin-bottom:8px;
}


.title-video
{
font-size: 12px;
color: white;
background-image:url(images/next.png);
background-position:0 52%;
background-repeat:no-repeat;
padding: 13px;
font-weight:bold;
}


.title-video a
{
color: white;
text-decoration:none;
font-size: 12px;
}

.title-video a:hover
{
color: white;
text-decoration:underline;
font-size: 12px;
}

.text-video
{
height:135px;
overflow:hidden;
}

.lien-video
{
margin-top:7px;
text-align:center;
}

.photo-video
{
float:left;
width:160px; 
height:165px; 
margin-right:4px;

}

.date 
{
margin-top:2px;
width:150px;
text-align:center;
}


/* CADRE TEMOIGNAGES */
#story
{
width:688px; 
font-size:13px;
}

.top-story
{
height:18px;
background-image: url('./images/test/top/top-content3.png');
width:682px;
padding-left:8px;
padding-top:0px;
}


.content-forum
{
padding-top:2px;
border:1px solid black;
padding-left:5px;
font-size:12px;
width:683px;
height:auto;
}

.content-forum a
{
color: #3c3c3c;
padding:3px;
font-weight:bold;
}

/* CADRE VIDEOS ALEATOIRE */
#random-video
{
margin-left:5px; 
width:686px; 
height:355px;
font-size:13px;
float:left;
}

.top-random-video
{
height:18px;
background-image: url('./images/test/top/top-content3.png');
width:678px;
padding-left:8px;
padding-top:2px;
margin-bottom:2px;
}

.content-random-video
{
border:1px solid black; 
padding-left:1px;
padding-right:1px;
padding-top:2px;
}

/* TITRE DES MENUS - STYLES ET POLICE */
.title-content
{
font-size:13px;
color:white;
padding-left:15px;
font-weight:bold;
background-image:url(images/next.png);
background-position:0 52%;
background-repeat:no-repeat;
}


h1{
font-size:13px;
color:white;
padding-left:15px;
font-weight:bold;
background-image:url(images/next.png);
background-position:0 52%;
background-repeat:no-repeat;
margin:0;
}





/* GRANDE COLONNE DE DROITE */
#colonne-droite
{
margin-right:2px;
float:right;
width:304px;
height:auto;
}




/* NUAGE DE TAGS */
#tagsphere
{
width:294px; 
margin-bottom:3px;
}
	
	
#tagsphere a:link {
	color: black;
	text-decoration:none;
	margin:4px;
}

#tagsphere a:hover {
	color:grey;
	margin:4px;
}

#tagsphere a:visited {
	color: black;
	text-decoration:none;
	margin:4px;
}

.tagsphere
{
margin-top:1px;
border:1px solid black; 
padding:2px;
width:298px; 
height:auto; 
}

.top-tag
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
width:296px;
padding-left:8px;
padding-top:1px;
margin-bottom:1px;
}


/* CADRE RECHERCHE */
#cadre-recherche
{
width:298px;
height:36px;
background-image: url('./images/test/search.jpg');
padding:2px;
font-size:12px;
margin-bottom:4px;
}

#cadre-recherche table
{
margin-left:58px;
}

#cadre-recherche .style1
 {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	background-color: white;
	padding: 3px;
	width: 180px;
	color:#555;
}

#cadre-recherche .style2
 {
	width: 36px;
	background-image: url('./images/test/fond-search.jpg');
	border: 0px;
}




/* CADRE PUBLICITE */
#pub-accueil
{
width:304px; 
margin-bottom:2px;
}

.top-pub
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
width:296px;
padding-left:8px;
padding-top:2px;
}

.content-pub
{
margin-top:1px;
border:1px solid black; 
padding:1px;
text-align:center; 
height:auto;
}


/* CADRE DERNIERS COMMENTAIRES */
#last-com
{
width:304px;
margin-bottom:3px;  
}

.top-com
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
width:296px;
padding-left:8px;
padding-top:2px;
}

.content-com
{
margin-top:1px;
border:1px solid black; 
padding:4px;
height:auto;
}

/* CADRE FACEBOOK */
#facebook
{
width:304px;  
margin-bottom:3px;

}

.top-face
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
width:296px;
padding-left:8px;
padding-top:2px;
margin-bottom:1px;
}

.content-face
{
margin-top:1px;
border:1px solid black; 
padding:2px;
height:auto;
}

#bg-menu
{
width:1034px;
height:35px;
background-image: url('./images/test/menu/bg-menu.png');
margin-bottom:3px;
}

/* CADRE CONTENU GAUCHE */
#contenu-gauche
{
margin-left:2px; 
width:684px; 
height:auto;
font-size:13px;

}

.top-contenu-gauche
{
height:18px;
background-image: url('./images/test/top/top-content3.png');
width:688px;
padding-left:2px;
padding-top:2px;
}

.contenu-gauche
{
border:1px solid black; 
padding:2px;
background-color:#F7F7F7;
width:684px;
margin-bottom:3px;
}

.contenu-gauche img
{
padding:3px;
}


.contenu-gauche3
{
margin-top:1px;
padding:1px;
background-color:#ffffff;
width:688px;
margin-bottom:2px;
height:200px;
overflow:hidden;
}


.like
{
padding:1px;
width:686px;
margin-bottom:2px;
height:20px;
background-color:#F7F7F7;
}

/* CADRE LISTE DES MEMBRES */
#listemembres
{
margin-left:8px;
margin-right:8px;  
width:990px; 
height:auto;
font-size:13px;
}


/* CADRE FORMULAIRE PAGE ENTIERE */
#formulaire-page
{
margin-left:8px;
margin-right:8px;  
width:975px; 
height:auto;
font-size:13px;
}

.formulaire-page
{
margin-top:2px;
margin-bottom:3px;
background-color:#f7f7f7;
height:auto;
color:#535353;
font-size:13px;
width:975px;
padding:6px;
}


.temoins
{
margin-top:2px;
border:1px solid black; 
padding:4px;
background-color:#e8e8e8;
width:640px;
margin-bottom:3px;
}


.dossiers
{
margin-top:2px;
border:1px solid black; 
padding:4px;
background-color:#ededed;
width:640px;
margin-bottom:3px;
}

.dossiers a
{
font-size:14px;
}


/* CADRE COMMENTAIRES */
#cadre-comment
{
width:634px;
background-color:white;
border:1px solid #868686; 
height:auto;
padding:2px;
font-size:12px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
background-image: url('./images/top_repeat.jpg');
background-position:top;
background-repeat: repeat-x;
}

/* CADRE FORMULAIRE COMMENTAIRES */
#form-comment
{
background-color:white;
width:628px;
height:370px;
padding:2px;
font-size:12px;
margin:5px;
margin-bottom:0px;
color:#393939;
}


/* FORMULAIRE */
input
 {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	border: 1px solid grey;
	background-color: white;
	padding: 3px;
	width: 200px;
	float:left;
	color:#555;
	border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
	
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus 
{
	border: 1px solid black;
}

textarea 
{
float:left;
font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	border: 1px solid grey;
	color:#555;
	background-color: white;
	padding: 3px;
		border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
}


select {
font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	border: 1px solid grey;
	background-color: white;
	padding: 3px;
	width: 208px;
	float:left;
	color:#555;
		border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
}

.contenu-video
{
margin-top:1px;
border-bottom:1px solid grey; 
padding:2px;
width:620px;
margin-bottom:3px;
height:135px;
}


.contenu-video3
{
margin-top:1px;
padding:4px;
width:680px;
background-color:#F7F7F7;
color:#5F6060;
height:165px;
overflow:hidden;
}


.contenu-video3 a
{
color:#323232;
font-weight:bold;
}

.supplement a
{
font-size:12px;
color:#BABABA;
text-decoration:none;
font-weight:normal;
}

.supplementdroite a
{
float:right;
font-size:12px;
color:#BABABA;
text-decoration:none;
font-weight:normal;
}

h4
{
margin-top:2px;
}



/* CATEGORIES DES VIDEOS */
#cat-videos
{
width:304px; 
margin-bottom:3px; 
}

.top-cat
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
width:296px;
padding-left:8px;
padding-top:2px;
}

.content-cat
{
margin-top:1px;
border:1px solid black; 
padding:2px;
height:auto;
}

.nbright
{
float:right;
text-decoration:none;
color:#9f9f9f;
font-size:12px;
}


.content-cat a
{
text-decoration:none;
}

.categorie
{
width:280px;
height:22px;
border-bottom: 1px solid #e2e2e2;
color:black;
text-decoration:none;
font-size:13px;
padding:1px;
padding-left:15px;
}

.categorie:hover
{
width:280px;
height:22px;
color:#6d6d6d;
}


/* SPECIAL PAGE TEMOIGNAGE */
#write-tem
{
width:325px; 
height:auto;
margin-bottom:6px; 
}

.top-writetem
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
padding-left:8px;
padding-top:2px;
}

.content-writetem
{
margin-top:2px;
border:1px solid black; 
padding:4px;
font-size:12px;
}

.content-writetem a
{
color:black;
text-decoration:none;
font-size:13px;
}




/* CONTENU RUBRIQUE TEMOIGNAGES */
.contenu-tem
{
margin-top:2px;
border-bottom:1px solid grey; 
padding:4px;
padding-bottom:12px;
width:620px;
margin-bottom:5px;
height:auto;
}



/* INFOBULLE PERSONNALISEE */
a.info{
    position:relative; 
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }

	
/* CADRE ERREUR */
#cadre-erreur
{
width:280px; 
height:100px; 
margin:auto; 
margin-top:200px; 
background-color:#ffefeb;
border:1px solid #681400;
text-align:center;
vertical-align:center;
color:#FF0000;

}

/* CADRE CONFIRMATION */
#cadre-confirm
{
width:280px; 
height:100px; 
margin:auto; 
margin-top:200px; 
background-color:#ddffdb;
border:1px solid #033e00;
text-align:center;
vertical-align:center;
color:#008000;
}	

.lecture-tag a
{
font-size:13px;
color: #9ea6be;
font-weight:bold;
text-decoration:none;
background-color:white;
}

.lecture-tag a:hover
{
background-color:white;
text-decoration:underline;
color: #454957;
}	

#page
{
width:380px;
height:24px;
background-image: url('./images/test/page.png');
background-position: center;
background-repeat:no-repeat;
text-align:center;
padding-top:6px;
color:white;
font-size:14px;
margin-bottom:5px;
font-weight:bold;
margin-left:135px;
}

#page a
{
color:white;
font-size:14px;
}

.title-random-video a
{
font-size:11px;
font-weight:bold;
color:black;
text-decoration:none;
}

/* CADRE SONDAGES */
#last-sondage
{
width:325px; 
height:auto; 
}


.top-sondage
{
height:18px;
background-image: url('./images/test/top/top-droite.png');
width:317px;
padding-left:8px;
padding-top:2px;
}

.content-sondage
{
margin-top:1px;
border:1px solid black; 
padding:4px;
}


.content-sondage table 
{
padding-left:14px;
padding-top:6px;
padding-bottom:4px;
}

.content-sondage table input
{
width:20px;
}

.content-sondage tr
{
height:25px;
padding:1px;
font-size:13px;
}

.question
{
font-size:13px;
font-weight:bold;
color:black;
height:25px;
}

.submit-sondage input
{
width:100px;
text-align:center;
margin-left:100px;
font-size:13px;
color:grey;
font-weight:bold;
}


#avatar {
  position : relative ;
  width:160px;
  height:150px;
}

#image {
  position : relative ;
  width:220px;
  height:190px;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
  border: 2px solid grey;
  background-color:black;
  
}

#image:hover {
border: 2px solid #2a2a2a;
}


.titre-image { 
  position : absolute ;
  bottom : 0 ;
  left : 0 ;
  z-index : 2 ;
  color:#c6c6c6;
  font-weight:bold;
  padding:1px;
  text-decoration:none;
  text-align:center;
  width:220px;
  font-size:11px;
  background-color:#2a2a2a;
}


.avatar { 
  position : absolute ;
  z-index : 1 ;
}


.duree { 
  position : absolute ;
  bottom : 0 ;
  right : 0 ;
  z-index : 2 ;
  background-color:#2a2a2a;
  color:#c6c6c6;
  font-weight:bold;
  padding:1px;
  text-decoration:none;
}




#top {
width:1000px;
margin:auto;
height:20px;
background-color:black;
text-align:center;
color:white;
}

#okconfirm   /* CONFIRMATION FORMULAIRE */
{ 
background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 1.5em; 
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
				   font-size:14px;
                 }
				 
#okconfirm strong
{ 
font-size:15px;
color: green;
}

#okerror   /* ERREUR FORMULAIRE */
{ 
background: #FEBDBD; border: 1px solid #F76C6C; margin: 0 0 1.5em 0; padding: 1.5em; 
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
				   font-size:14px;
                 }
				 
#okerror strong
{ 
font-size:15px;
color: #BC2D2D;
}



fieldset h3
{
background-color:#F5F6F5;
border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
				   }

#topp {
width:1000px;
margin:auto;
height:22px;
background-color:black;
}



		/* MENU DE CONNEXION */
		#menu, #menu ul /* Liste */     
		{
				padding : 0; /* pas de marge intérieure */
				margin : 0; /* ni extérieure */
				list-style : none; /* on supprime le style par défaut de la liste */
				line-height : 21px; /* on définit une hauteur pour chaque élément */
				text-align : center; /* on centre le texte qui se trouve dans la liste */
				float:right;
		}

		#menu /* Ensemble du menu */
		{
				font-weight : bold; /* on met le texte en gras */
				font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
				font-size : 12px; /* hauteur du texte : 12 pixels */
		}

		#menu a /* Contenu des listes */
		{
				display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
				padding : 0; /* aucune marge intérieure */
				background : #000; /* couleur de fond */        
				color : #fff; /* couleur du texte */
				text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
				width : 160px; /* largeur */
		}

		#menu li /* Éléments des listes */      
		{ 
				float : left; 
				/* pour IE qui ne reconnaît pas "transparent" */
				border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		}

		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu li
		{
				border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		}

		#menu li ul /* Sous-listes */
		{ 
				position: absolute; /* Position absolue */
				width: 160px; /* Largeur des sous-listes */
				left: -999em; /* Hop, on envoie loin du champ de vision */
		}



		#menu li ul li /* Eléments de sous-listes */
		{
				/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
				border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
		}

		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu li ul li                
		{
				border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
		}

		#menu li ul ul 
		{
				margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
				/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
				border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
		}

		/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
		html>body #menu li ul ul                
		{
				border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
		}

		#menu a:hover /* Lorsque la souris passe sur un des liens */    
		{
				color: #000; /* On passe le texte en noir... */
				background: #fff; /* ... et au contraire, le fond en blanc */
		}

		#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
		{
				left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		}

		#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
		{
				left: auto; /* Repositionnement normal */
				min-height: 0; /* Corrige un bug sous IE */
		}

/* PAGE DE PROFIL */
.photo-profil
{
float: left;
width:180px;
height:180px;
padding:1px;
margin-right:30px;
}

.interagir-profil
{
float: right;
padding:15px;
}

#titre-profil
{
font-size:14px;
font-weight:bold;
background-color:#F5F6F5;
border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
}

#titre-profil a
{
float:right;
color:#41436F;
font-weight:none;
font-size:13px;
padding:5px;
}

.bleu
{
font-size:14px;
font-style:italic;
color:#41436F;
font-weight:bold;
padding:5px;
}

#infos-profil
{
min-height:180px;
}

#infos-profil a
{
text-decoration:none;
color:#2D2E4A;
}

/* CADRE FORMULAIRE COMMENTAIRES */
#form-comment2
{
width:654px;
height:auto;
padding:2px;
font-size:12px;
margin:2px;
margin-bottom:0px;
color:#393939;
}

/* CADRE COMMENTAIRES */
#cadre-comment2
{
width:676px;
background-color:white;
border:2px solid #D6D7D7; 
height:auto;
padding:2px;
font-size:12px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
background-image: url('./images/top_repeat.jpg');
background-position:top;
background-repeat: repeat-x;
}

#cadre-comment2 .image-pseudo
{
float:left;
margin:2px;
width:32px;
height:32px;
}

.image-commentaire img
{
max-width:300px;
max-height:300px;
}

.image-actus img
{
max-width:650px;
}

#cadre-comment2 .date
{
font-size:11px;
color:grey;
font-style:italic;
}

#cadre-comment2 .statut
{
font-size:11px;
}

#cadre-comment2 .statut2
{
font-size:11px;
color:grey;
}

#cadre-comment2 a
{
color:#26366E;
text-decoration:none;
}

.gris-italic
{
font-style:italic;
color:grey;
}

#lienprofil
{
width:635px;
height:30px;
text-align:center;
background-color:white;
height:20px;
}

#lienprofil a
{
color:grey;
font-size:13px;
text-decoration:none;
padding:5px;
font-weight:bold;
}

.enligne
{
color:#1F2471;
font-style:italic;
}
.horsligne
{
color:#6D6D72;
font-style:italic;
}

.uploader
{
font-size:11px;
color:grey;
font-style:italic;
float:right;
margin-right:5px;
}
.uploader strong
{
font-size:13px;
font-style:normal;
color:#09066A;
}

.uploader a
{
text-decoration:none;
font-size:12px;
color:grey;
font-style:italic;
}
.uploader img
{
vertical-align:middle;
border:0;
}


.ajouteur
{
font-size:11px;
color:grey;
font-style:italic;
float:middle;
}
.ajouteur strong
{
font-size:13px;
font-style:normal;
color:#09066A;
}

.ajouteur a
{
text-decoration:none;
font-size:12px;
color:grey;
font-style:italic;
}


#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 5px 0;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#tableau th {
    font-size: 14px;
    font-weight: normal;
    padding: 4px;
    background: #dbdbdb url('images/top-tab.jpg') repeat-x;
    border-top: 2px solid #757575;
    border-bottom: 1px solid #fff;
    color: #039;
}
#tableau td {
    padding: 1px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #f5f5f5;
}
#tableau tfoot tr td {
    background:#dbdbdb;
    font-size: 16px;
    color: #99c;
    text-align:center;
	border-bottom: 2px solid #757575;
}
#tableau tbody tr:hover td {
    background: #f5f5f5 url('images/toptab.jpg') repeat-x;
    color: #339;
}
#tableau a:hover {
    text-decoration:underline;
}



/* CADRE LISTE MEMBRES */

#tableau1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    margin: 5px 0;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#tableau1 th {
    font-size: 14px;
    font-weight: normal;
    background: #dbdbdb url('images/top-tab.jpg') repeat-x;
    border-top: 2px solid #757575;
    border-bottom: 1px solid #fff;
    color: #039;
}
#tableau1 td {
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #f5f5f5;
}
#tableau1 tfoot tr  {
    background:#dbdbdb;
    font-size: 16px;
    color: #99c;
    text-align:center;
	border-bottom: 2px solid #757575;
}
#tableau1 tbody tr:hover td {
    background: #f5f5f5 url('images/toptab.jpg') repeat-x;
    color: #339;
}
#tableau1 a:hover {
    text-decoration:underline;
}





/* Ce style CSS ne doit pas être enlevé, sinon les divs ne se cacheront pas ... */
.cachediv 
{
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

#parts a
{
color:grey;
font-size:13px;
text-decoration:none;
font-weight:bold;
}

.aime
{
float:right;
color:green;
font-size:13px;
}

#histoires
{
color:grey;
background-color:#f7f7f7;
width:625px;
}

#contenu-histoires
{
margin-left:8px; 
width:650px; 
height:auto;
font-size:13px;
}

.contenu-histoires
{
margin-top:2px;
border:1px solid black; 
background-color:#ffffff;
width:648px;
margin-bottom:3px;
}






/* NOUVEAU DESIGN */
.cadre-haut
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:975px;
margin-bottom:3px;
height:24px;
font-size:16px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
}


.cadre-haut:hover
{
background-color:#f5f5f5;
}

.cadre-haut a
{
color: #878787;
}

.cadre-texte
{
background-color:#f7f7f7;
height:auto;
color:#535353;
font-size:13px;
width:975px;
padding:6px;
}

.cadre-bas
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:600px;
margin:auto;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}


.cadre-bas:hover
{
background-color:#f5f5f5;
}

.cadre-bas a
{
font-size:14px;
color:#878787;
text-decoration:none;
}

#messagerie
{
font-size:15px;
border-collapse: collapse;
}

#messagerie th
{
background-color:#F1F2F1;
}

#messagerie tr
{
height:50px;
border-bottom: 2px solid #f7f7f7;
}

#messagerie tr:hover
{
background-color:#f3f3f3;
}

/* CADRE NOUVEAU MESSAGE MP */
.cadre01
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:180px;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}

.cadre01:hover
{
background-color:#f5f5f5;
}

.cadre01 a
{
font-size:14px;
color:#878787;
text-decoration:none;
}


/* CADRE SUPPRESSION TOUS LES MESSAGES MP */
.cadre02
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:250px;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
float:right;
}

.cadre02:hover
{
background-color:#f5f5f5;
}

.cadre02 a
{
font-size:14px;
color:#878787;
text-decoration:none;
}

/* CADRE SUPPRIMER MESSAGE ENVOYE */
.cadre03
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:250px;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}

.cadre03:hover
{
background-color:#f5f5f5;
}

.cadre03 a
{
font-size:14px;
color:#878787;
text-decoration:none;
}

#reglages
{
font-size:15px;
border-collapse: collapse;
color: #9f9f9f;
}


#reglages tr
{
height:40px;
border-bottom: 10px solid #f7f7f7;
}


#reglages tr:hover
{
background-color:#f3f3f3;
}

#reglages img
{
float:left;
}

#reglages a
{
color:#41436F;
text-decoration:none;
font-style:italic;
}

#reglages .cate
{
width:30px;
text-align:center;
vertical-align:top;
padding-top:3px;
}


.cadre-haut-gauche
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:645px;
margin-bottom:3px;
height:24px;
font-size:16px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
}


.cadre-haut-gauche:hover
{
background-color:#f5f5f5;
}


.cadre-texte-gauche
{
background-color:#f7f7f7;
height:auto;
color:#535353;
font-size:13px;
width:645px;
padding:6px;
}

.cadre-bas-gauche
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:600px;
margin:auto;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#878787;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}


.cadre-bas-gauche:hover
{
background-color:#f5f5f5;
}

.cadre-bas-gauche a
{
font-size:14px;
color:#878787;
text-decoration:none;
}


.cadre-pagination
{
margin-top:2px;
border:1px solid F2F3F3; 
background-color:#F1F2F1;
width:400px;
margin:auto;
margin-bottom:3px;
height:20px;
font-size:15px;
color:#001072;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}


.cadre-pagination:hover
{
background-color:#f5f5f5;
}

.cadre-pagination a
{
font-size:15px;
color:#001072;
text-decoration:none;
}

.normal
{
color: black;
}

.admin
{
color:#c00000;
font-weight: bold;
}


.modo 
{
color:green;
font-weight: bold;
}

.redac
{
color:blue;
font-weight: bold;
}

.annonce
{
width:676px;
margin:auto;
height:auto;
border:1px solid #e2e2e2; 
background-color:#F1F2F1;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
padding:6px;
margin-bottom:3px;
margin-top:3px;
color:#929292;
text-align:center;
}

.annonce a
{
color:#929292;
}

.lien-connexion a
{
color: grey;
}

.cadre-validation
{
margin-top:2px;
border:1px solid #51a248; 
background-color:#dfffdf;
width:200px;
margin:auto;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#51a248;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}


.cadre-validation:hover
{
background-color:#caffc5;
}

.cadre-validation a
{
font-size:14px;
color:#51a248;
text-decoration:none;
}

.cadre-annulation
{
margin-top:2px;
border:1px solid #d63e3e; 
background-color:#ffebeb;
width:200px;
margin:auto;
margin-bottom:3px;
height:20px;
font-size:14px;
color:#d63e3e;
padding:6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
text-align:center;
}


.cadre-annulation:hover
{
background-color:#ffdfdf;
}

.cadre-annulation a
{
font-size:14px;
color:#d63e3e;
text-decoration:none;
}

.vert
{
color: #1f7d2a;
font-weight:bold;
}


/* SUGGESTIONS DES VIDEOS */
#suggest-videos
{
margin-bottom:3px; 
}

.top-suggest
{
height:18px;
background-color:black;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
-o-border-radius:      4px;
-khtml-border-radius:  4px;
width:296px;
padding-left:8px;
padding-top:2px;
}

.content-suggest
{
margin-top:1px;
border:1px solid black;
width:302px; 
height:auto; 
}

.suggest-video
{
min-height:75px; 
color:grey;
}

.suggest-video a
{
text-decoration:none;
color:black;
font-weight:bold;
font-size:12px;
}

.suggest-video:hover
{
color:black;
}

.suggest-video img
{
border:0;
padding-left:2px;
padding-right:2px;
padding-top:1px;
padding-bottom:1px;
width:70px;
height:70px;
}

/* GRANDE COLONNE DE DROITE NOUVEAU DESIGN */
#colonne-droite-design
{
margin-right:2px;
float:right;
}