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

.contenu_article blockquote { 
   background:#EFEFEF none repeat scroll 0 0;
    margin-left:40px;
    margin-right:40px;
    padding:5px;
}

.contenu_article em { 
    font-style: italic;
}

#frame_forum {
    height:920px;
}

html {
	height: 100%;
	margin: 0;
	font-size:100%;
	overflow-y:scroll;
	/*background-color:#929292;*/
	background:url("https://www.universfreebox.com/images/fond.jpg") repeat-x scroll 0 0 #0E0E0E;
}
body {
	height: 100%;
	margin: 0;
	font-size:77%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;

}

#liste_commentaires .infos_article {
    font-size:12px;
}

div#conteneur {
	position:relative;
	margin:0 auto;
	background-color:#ffffff;
	background-image:url(../images/pixel_blanc.gif);
	background-repeat:repeat;
	width:1000px;
	overflow:auto;
	text-align:center;
	min-height:100%;
	box-shadow:0px 0px 20px 0px #000000;
}

div#conteneur img#img_logo {
	margin-left:10px;
	float:left;
}


div#conteneur ul.liste_menu_accueil {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin:0px 5px 0px 0px;
	text-align:right;
	clear:both;
}

div#conteneur ul.liste_menu_accueil li{
	display:inline;
}







div#panneau_central {
	background-image:url(../images/degrade_haut.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:20px;
}


div#panneau_gauche {
	position:relative;
	float:left;
	margin:0 0 0 2px;
	width:310px;
}

div.panneau_haut_gauche_haut {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/panneau_haut_gauche-haut.png);
	background-position:top;
	background-repeat:no-repeat;
	width:310px;
	height:7px;
}

input.input_rechercher{
	width:130px;
	height:16px;
	padding-top:2px;
	border:1px solid #7f9db9;
	color:#666666;
}

div.panneau_haut_gauche_bas {
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(../images/panneau_haut_gauche-bas.png);
	background-position:top;
	background-repeat:no-repeat;
	width:310px;
	height:6px;
	font-size:1%;
}

div.bloc_gauche {
	position:relative;
	margin:0 0 0 2px;
	padding:10px 0;
	background-image:url(../images/panneau_haut_gauche-milieu.png);
	background-position:top;
	background-repeat:repeat-y;
	width:310px;
	text-align:center;
}
div.bloc_gauche a{
	color:#006699;
	text-decoration:none;
}
div.bloc_gauche a:hover{
	text-decoration:underline;
}

div.bloc_gauche ul{
	width:265px;
	margin:auto;
	list-style-type:none;
}
div.bloc_gauche ul li{
	text-align:left;
}

div.bloc_gauche ul li input.div_bouton_rechercher{
	width:114px;
	height:25px;
	padding:0px;
	margin:0px;
	background-image:url(../images/fond_bouton_rechercher.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	border:0px;
	background-color:transparent;
	font-size:85%;
	text-transform:uppercase;
	
	
}

div#bloc_classement_titre {
	margin:10px 5px 0 5px;
	width:250px;
	padding:0px 0 2px 50px;
	text-align:left;
	background-image:url(../images/image_etoile.png);
	background-position:7px 0px;
	background-repeat:no-repeat;
	border-bottom:1px dashed #3595d8;
}

div#bloc_classement_titre h2 {
    color:#3595D8;
    font-family:Arial;
    font-size:15px;
}

div#bloc_classement_titre a{
	color:#000;
	text-decoration:none;
}
div#bloc_classement_titre a:hover{
	text-decoration:underline;
}

div#bloc_classement_titre strong {
	color:#3595d8;
	font-weight:normal;
	text-transform:uppercase;
}

div#bloc_classement_liste {
	font-size:93%;
	margin:10px 5px 0 5px;
	width:250px;
	padding:0px 0 10px 27px;
	text-align:left;
}

div#bloc_classement_liste ul {
	/*float:left;*/
	/*width:250px;*/
	margin:0 5px 0 0;
	list-style-type:none;
}
div#bloc_classement_liste ul li{
	display:block;
	background-image: url(../images/puce_plus.png);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding:0 0 0 8px;
}

div#bloc_classement_liste ul li p {
	width: 60px;
	clear:both;
	margin: 0 10px;
	padding: 0px 0 2px 0;
	padding-left:165px;
	text-align:right;
	
}




div#bloc_classement_liste ul li p label.nom_membre{
	float: left;
	margin-left: -175px;
	margin-right:10px;
	width: 170px; 
	text-align:left;
}

div#bloc_classement_liste ul li p label.nom_membre a{
	color:#000;
	text-decoration:none;
}
div#bloc_classement_liste ul li p label.nom_membre a:hover{
	text-decoration:underline;
}


div#bloc_classement_groupe_titre {
	margin:10px 5px 0 5px;
	width:250px;
	padding:0px 0 2px 50px;
	text-align:left;
	background-image:url(../images/libelle_groupes.png);
	background-position:7px 0px;
	background-repeat:no-repeat;
	border-bottom:1px dashed #3595d8;
}

div#bloc_classement_groupe_titre h2 {
    color:#3595D8;
    font-family:Arial;
    font-size:15px;
}

div#bloc_classement_groupe_titre a{
	color:#000;
	text-decoration:none;
}
div#bloc_classement_groupe_titre a:hover{
	text-decoration:underline;
}

div#bloc_classement_groupe_titre strong {
	color:#3595d8;
	font-weight:normal;
	text-transform:uppercase;
}

div#bloc_classement_groupe_liste {
	font-size:93%;
	margin:10px 5px 0 5px;
	width:250px;
	padding:0px 0 10px 27px;
	text-align:left;
}

div#bloc_classement_groupe_liste ul {
	/*float:left;*/
	/*width:250px;*/
	margin:0 5px 0 0;
	list-style-type:none;
}
div#bloc_classement_groupe_liste ul li{
	display:block;
	background-image: url(../images/puce_plus.png);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding:0 0 0 8px;
}

div#bloc_classement_groupe_liste ul li p {
	width: 60px;
	clear:both;
	margin: 0 10px;
	padding: 0px 0 2px 0;
	padding-left:165px;
	text-align:right;
	
}

div#bloc_classement_groupe_liste ul li p label.nom_groupe{
	float: left;
	margin-left: -175px;
	margin-right:10px;
	width: 170px; 
	text-align:left;
}

div#bloc_classement_groupe_liste ul li p label.nom_groupe a{
	color:#000;
	text-decoration:none;
}
div#bloc_classement_groupe_liste ul li p label.nom_groupe a:hover{
	text-decoration:underline;
}











div.bloc_gauche ul li.bouton_gauche a, div.bloc_gauche ul li.bouton_gauche a:link , div.bloc_gauche ul li.bouton_gauche a:visited , div.bloc_gauche ul li.bouton_gauche a:active  {
	display:block;
	background-image:url(../images/degrade_bouton_gauche.gif);
	border:1px solid #cfcfcf;
	margin:5px 0px;
	height:22px;
	
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	color:#555657;
	text-decoration:none;
}

div.bloc_gauche ul li.bouton_gauche a:hover  {
	background-image:url(../images/degrade_bouton_gauche-over.gif);
	color:#006699;
	text-decoration:none;
}


div.bloc_gauche ul li.bouton_gauche_select {
	display:block;
	border:1px solid #cfcfcf;
	margin:5px 0px;
	height:22px;
	
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	
	background-image:url(../images/degrade_bouton_gauche-over.gif);
	color:#006699;
}

div.bloc_gauche ul li.bouton_gauche_select:hover{
	cursor:pointer;
}








div#conteneur_contenu {
	float:right;
	margin:0 0px 0 0;
	display:block;
	overflow:auto;
	width:659px;

}

div#panneau_principal_haut {
	background-image:url(../images/panneau_principal_haut.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:10px;
	overflow:hidden;
}

div#panneau_principal_bas {
	background-image:url(../images/panneau_principal_bas.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:10px;
	overflow:hidden;
	clear:both;
}

div#panneau_principal {
	position:relative;
	background-image:url(../images/panneau_principal_fond.gif);
	background-position:top left;
	background-repeat:repeat-y;
	padding:0px 10px;
	overflow:hidden;
	text-align:left;
	width:638px;
}




div#panneau_bas {
	font-size:77%;
	margin:10px 0 0 0;
	padding:10px;
	height:40px;
	clear:both;
	background-image:url(../images/degrade_bas.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	color:#a6a6a6;
}
div#panneau_bas a, div#panneau_bas a:link, div#panneau_bas a:active, div#panneau_bas a:visited {
	color:#a6a6a6;
	text-decoration:none;
}
div#panneau_bas a:hover {
	color:#006699;
	text-decoration:none;
}






div#conteneur_inscription {
	margin:0 auto;
	width:600px;
	text-align:left;
}

div#panneau_connexion {
	width:600px;
	margin:auto;
	padding:100px 0;
	text-align:left;
}


div#panneau_connexion span.small_text {
	color:#afada7;
	padding-left:67px;
	font-size:86%;
}

div#panneau_connexion div.confirmation_envoi_oubli {
	text-align:center;
	margin:0px;
	padding:15px 0 0 0;
	font-size:86%;
	color:red;
}

div#panneau_connexion div.confirmation_envoi_oubli strong{
	font-weight:bold;
}


div#conteneur_inscription p, div#panneau_connexion p {
	width: 550px;
	clear:both;
	margin: 0 10px;
	padding: 0px 0 8px 0;
	padding-left:180px;
	height: 1%;
	text-align:left;
}

div#conteneur_inscription p label, div#panneau_connexion p label{
	float: left;
	margin-left: -180px;
	margin-right:10px;
	width: 200px; 
	text-align:right;

}

div#conteneur_inscription p input, div#panneau_connexion p input {
	width:300px;
	border:1px solid #afada7;
}

div#conteneur_inscription p select, div#panneau_connexion p select {
	width:98px;
	border:1px solid #afada7;
}
div#conteneur_inscription p img#image_captcha {
	border:1px solid #afada7;
	width:300px;
	height:100px;
}

div#conteneur_inscription p span, div#panneau_connexion p span {
	margin:0px;
	float:right;
	width:330px; 
	margin-right:189px;
	font-size:93%;
}

div#conteneur_inscription p span input, div#panneau_connexion p span input{
	width:60px;
	margin-top:5px;
}


div#conteneur_inscription p span input.champ_checkbox {
	width:10px;
	height:10px;
	vertical-align:text-bottom;
	border:0px;
}


div#conteneur_inscription p span input.input_bouton, div#panneau_connexion p input.input_bouton{
	width:150px;
	height:23px;
	padding:0 0 3px 0;
	background-color:#f7f7f7;
	border:1px solid #afada7;
}

div#panneau_confirmation_inscription {
	position:absolute;
	width:700px;
	height:100px;
	left:50%;
	top:200px;
	margin-left:-350px;
	border:1px solid #afada7;
	text-align:left;
	padding:30px 15px;

}

div#panneau_confirmation_inscription2 {
	width:610px;
	height:126px;
	margin:30px 0 30px 320px ;
	
	border:1px solid #afada7;
	text-align:left;
	padding:30px 15px;
}



div#panneau_confirmation_inscription h1, div#conteneur_inscription h1, div#panneau_confirmation_inscription2 h1, div#panneau_connexion h1 {
	font-size:131%;
	color:#006699;
	font-weight:bold;
	border-bottom:1px solid #006699;
	padding-bottom:5px;
}










ul.panneau_miniatures_photos li.li_rouge{
	border:1px solid #99003d;
}

ul.panneau_miniatures_photos li.li_orange{
	border:1px solid #e39c3f;
}


ul.panneau_miniatures_photos li:hover{
	border:1px solid #006699;
	background-color:#edf9ff;
}










div#panneau_connexion_haut {
	position:absolute;
	right:10px;
	top:20px;
	text-align:right;
}

div#panneau_connexion_haut input{
	width:100px;
	height:15px;
	border:1px solid #afada7;
	font-size:100%;
	text-align:left;
}
div#panneau_connexion_haut input.input_bouton{

	width:120px;
	height:18px;
	padding:0 0 3px 0;
	background-color:#f7f7f7;
	border:1px solid #afada7;
	text-align:center;
}


.petit_texte {
	font-size:85%;
}

.texte_courant h1{
	font-size:131%;
	color:#006699;
	font-weight:bold;
	border-bottom:1px solid #006699;
	padding-bottom:5px;
}

.texte_courant a, .texte_courant a:link, .texte_courant a:visited, .texte_courant a:active, .petit_texte a, .petit_texte a:link, .petit_texte a:visited, .petit_texte a:active {
	color:#006699;
	text-decoration:none;
}
.texte_courant a:hover, .petit_texte a:hover {
	color:#006699;
	text-decoration:underline;
}


.texte_courant2 h1 {
	font-size:116%;
	font-weight:bold;
	line-height:1.5em;
	color:#666666;
	border-bottom:1px solid #0163a9;
	padding-bottom:3px;
	margin-bottom:15px;
	clear:both;
}

.texte_courant2 h2 {
	font-size:108%;
	line-height:1em;
	color:#000000;
	padding-bottom:3px;
	margin-bottom:15px;
}

.texte_courant2 h1 span{
	background-color:#d2d2d2;
	padding:4px 10px;
}


.texte_courant2 input {
	width:150px;
	height:16px;
	border:1px solid #afada7;
	text-align:left;
	padding-left:5px;
	font-size:100%;
}

.texte_courant2 input.input_long {
	width:480px;
}

.texte_courant2 select {
	height:19px;
	border:1px solid #afada7;
	font-size:100%;
	text-align:left;
}

.texte_courant2 input.input_bouton{

	width:120px;
	height:18px;
	padding:0 0 3px 0;
	background-color:#f7f7f7;
	border:1px solid #afada7;
	text-align:center;
}

.texte_courant2 select.input_bouton{

	width:100px;
	height:20px;
	padding:0 0 3px 0;
	background-color:#f7f7f7;
	border:1px solid #afada7;
	text-align:center;
}

.texte_courant2 input.input_bouton2{
	width:157px;
	height:22px;
	padding:0 0 3px 0;
	background-color:#f7f7f7;
	border:1px solid #afada7;
	text-align:center;
}

.texte_courant2 textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	width:620px;
	height:57px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #afada7;
	text-align:left;
	margin:5px 0 15px 0;
}

.texte_courant2 textarea.textarea_groupes{
	width:420px;
}


.texte_courant2 p {
	width:550px;
	clear:both;
	margin: 0 10px;
	padding: 0px 0 8px 0;
	padding-left:80px;
	height: 1%;
	text-align:left;
}

.texte_courant2 p label {
	float:left;
	margin-left: -200px;
	margin-right:10px;
	width: 250px; 
	text-align:right;

}

.texte_courant2 p.p_news {
	width:550px;
	padding-left:70px;
}

.texte_courant2 p.p_news label {
	margin-left: -70px;
	width:145px;
	
}

.texte_courant2 p.p_message {
	width:550px;
	padding-left:70px;
}

.texte_courant2 p.p_message label {
	margin-left: -70px;
	width:110px;
	text-align:left;
	border:1px solid transparent;
}



.texte_courant2 p.p_message2 {
	width:600px;
	padding:5px 0px 0px 0px;
}

.texte_courant2 p.p_message2 img, .texte_courant2 p.p_message img {
	border:1px solid #888888;
	margin:5px 0;
}

.texte_courant2 p.p_message2 label {
	width:125px;
	text-align:left;
	margin:0px 0px 15px 0px;
}

.texte_courant2 form.form_message {
	background-image:url(../images/fond_message.png);
	background-position:left top;
	background-repeat:repeat-y;
}

.texte_courant2 p.p_message2 label.message_nom_pseudo {
	width:450px;
	text-align:left;
	margin:0px 0px 15px 0px;
}
.texte_courant2 p.p_message2 label.message_nom_pseudo a{
	text-decoration:none;
	color:#000;
}
.texte_courant2 p.p_message2 label.message_nom_pseudo a:hover{
	text-decoration:underline;
}

.texte_courant2 p.p_message2 label.corps_message {
	width:450px;
	text-align:left;
	margin:0px 0px 25px 0px;
}

.texte_courant2 p.p_message2 label.corps_message_contour {
	width:450px;
	text-align:left;
	margin:0px 0px 25px 0px;
	border:1px solid #dddddd;
	padding:5px;
}

.texte_courant2 p.p_message2  input.texte_sujet {
	width:460px;
	text-align:left;
	border:1px solid #aaaaaa;
}

.texte_courant2 p.p_message2 label textarea {
	width:457px;
	height:270px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px;
	border:1px solid #aaaaaa;
}






.texte_courant2 p input:text {
	width:300px;
	border:1px solid #afada7;
}
input.input_check {
	width:20px;
	vertical-align:middle;
}


.texte_courant2 table td{
	padding:3px;
}

.texte_courant2 img {
	border:1px solid #aaaaaa;
}





ul.nav2 {
	padding:0px;
	cursor:default;
	list-style-type:none;
	display:inline;
	text-align:left;
}

ul.nav2 li {
	position:relative;
	margin:0 100px 0 0px;
	height:20px;
	border:1px solid white;
	display:inline;
}

span.liste_groupes {
	position:relative;
	margin:0 10px;
	width:60px;
	height:20px;
	border:1px solid white;
	display:inline;
}

ul.nav2 li div, span.liste_groupes div {
	position:absolute;
	left:0px;
	top:15px;
	width:180px;
	display:none;
	background-color:#006699;
	color:#FFFFFF;
	height:160px;
	overflow:auto;
	padding:10px;
	text-align:left;
}

span.liste_groupes div {
	height:90px;
}


ul.nav2 li:hover div, span.liste_groupes:hover div {
	display:block;
}


ul.nav2 li div span, span.liste_groupes div span {
	display:block;
	line-height:20px;
}

ul.nav2 li:hover div span input, ul.nav2 li div span input, span.liste_groupes:hover div span input, span.liste_groupes div span input{
	width:15px;
	height:15px;
	vertical-align:middle;	
}






ul.liste_panneau_bleu {
	display:block;
	width:160px;
	margin:0px;
	padding:0px;
}

ul.liste_panneau_bleu li {
	display:block;
	width:160px;
	margin:0px;
	padding:0px;
	text-align:left;
	clear:both;
	border:0px;
}

ul.liste_panneau_bleu li p {
	
	clear:both;
	padding-top:1px;
	border:1px solid green;
	margin:0px;
	text-align:left;
}

ul.liste_panneau_bleu li span{
	position:relative;
	display:block;
	float:left;
	width:130px;
	margin:0px 0px 0 0;
	padding:0px;
	text-align:left;
}

ul.liste_panneau_bleu li span a{
	color:#fff;
	text-decoration:none;
}
ul.liste_panneau_bleu li span a:hover{
	text-decoration:underline;
}

ul.liste_panneau_bleu li span.label_checkbox{
	width:20px;
}










ul.liste_verticale, ul.liste_verticale2, ul.liste_verticale_rss, ul.liste_verticale_message  {
	display:block;
	width:630px;
}

ul.liste_verticale li, ul.liste_verticale2 li, ul.liste_verticale_rss li, ul.liste_verticale_messages li, ul.liste_verticale_messages_titre li{
	display:block;
}


ul.liste_verticale li p, ul.liste_verticale2 li p, ul.liste_verticale_rss li p, ul.liste_verticale_messages li p, ul.liste_verticale_messages_titre li p {
	display:block;
	clear:both;
	color:#000000;
	font-size:100%;
	text-decoration:none;
	width:540px;
	padding-top:5px;
	text-align:right;
}

ul.liste_verticale li p a, ul.liste_verticale2 li p a, ul.liste_verticale_rss li p a, ul.liste_verticale_messages li p a {
	color:#000000;
	font-size:100%;
	text-decoration:none;
}

ul.liste_verticale li p a:hover, ul.liste_verticale2 li p a:hover, ul.liste_verticale_rss li p a:hover, ul.liste_verticale_messages li p a:hover {
	color:#006699;
	font-size:100%;
	text-decoration:none;
	cursor:pointer;
}

ul.liste_verticale li p label, ul.liste_verticale2 li p label, ul.liste_verticale_rss li p label, ul.liste_verticale_messages li p label, ul.liste_verticale_messages_titre li p label{
	display:inline;
	float:left;
	width:390px;
	margin-left:-90px;
	text-align:left;
}

ul.liste_verticale2 li p label{
	width:243px;
}
ul.liste_verticale2 li p label.label_date{
	width:60px;
	height:18px;
	margin-right:95px;
	background-color:#666666;
	color:#fff;
}

ul.liste_verticale li p:hover, ul.liste_verticale2 li p:hover, ul.liste_verticale_rss li p:hover, ul.liste_verticale_messages li p:hover {
	background-color:#edf9ff;
	height:100%;
}


ul.liste_verticale_rss li p label{
	width:520px;
	background-image:url(../images/rss.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:20px;
}



ul.liste_verticale_messages {
	margin:0px 0px 30px 0;
}


ul.liste_verticale_messages li p {
	height:13px;

}

ul.liste_verticale_messages li p:hover{
	height:13px;
}

ul.liste_verticale_messages_titre {
	background-color:#e8f1fa;
	color:#000;
	height:25px;
	margin:10px 0px 0px 0px;
	font-weight:bold;
}
ul.liste_verticale_messages_titre li p label.label_date_titre {
	width:120px;
	height:18px;
	font-weight:normal;
	margin-right:95px;
	text-align:center;
}

ul.liste_verticale_messages_titre li p label.label_expediteur_titre {
	width:155px;
	padding-left:30px;
	overflow:hidden;
	text-align:left;
}

ul.liste_verticale_messages_titre li p label.label_titre_titre {
	width:200px;
	padding-left:00px;
	margin:0px;
	overflow:hidden;
	text-align:left;
}


ul.liste_verticale_messages_titre li p label.label_statut_titre {
	width:60px;
	margin:0px;
	overflow:hidden;
	text-align:center;
}




ul.liste_verticale_messages li p.non_lu label,ul.liste_verticale_messages_titre li p.non_lu label {
	font-weight:bold;
}

ul.liste_verticale_messages li p label strong{
	font-weight:bold;
}


ul.liste_verticale_messages li p label.label_date{
	width:120px;
	height:18px;
	margin-right:100px;
	font-weight:normal;
	background-color:#666666;
	color:#fff;
}
ul.liste_verticale_messages li p label.label_expediteur{
	width:185px;
	overflow:hidden;
}
ul.liste_verticale_messages li p label.label_titre{
	margin-left:0px;
	width:190px;
	overflow:hidden;
}
ul.liste_verticale_messages li p label.label_supprime{
	margin-left:0px;
	width:20px;
	text-align:right;
	overflow:hidden;
}
ul.liste_verticale_messages li p label.label_supprime img{
	border:0px!important;
}


ul.liste_verticale_messages li p label.label_titre_long{
	margin-left:-90px;
	width:490px;
	overflow:hidden;
}

ul.liste_verticale_messages li p label.label_statut{
	margin-left:0px;
	width:60px;
}

ul.liste_verticale_messages li p label.pseudo_membre{
	width:440px;
}

ul.liste_verticale_messages_titre li p label.pseudo_membre2, ul.liste_verticale_messages li p label.pseudo_membre2{
	width:228px;
}

ul.liste_verticale_messages_titre li p label.nom_statut_membre, ul.liste_verticale_messages li p label.nom_statut_membre{
	width:75px;
	margin:0px;
	text-align:center;
}
ul.liste_verticale_messages li p label.nom_statut_membre input.input_radio_groupe{
	width:10px;
}

ul.liste_verticale_messages li p input.input_bouton_groupe, ul.liste_verticale_messages li p input.input_bouton_groupe{
	width:80px;
	height:23px;
	padding:0 0 3px 0;
	background-color:#f7f7f7;
	border:1px solid #afada7;
	text-align:center;
}


ul.panneau_photos {
	list-style-type:none;
	
}
ul.panneau_photos li{
	float:left;
	width:290px;
	text-align:center;
	margin:0 10px;
}

ul.panneau_photos li img{
	margin-top:5px;
	border:0px;
}

ul.panneau_photos li p{
	height:115px;
	width:98px;
	text-align:center;
	padding:0px;
	margin:auto;
	line-height:20px;
	background-image:url(../images/fond_photo_profil.png);
	background-position:left 16px;
	background-repeat:no-repeat;
}




ul.panneau_photos li div{
	margin:auto;
	width:250px;
	height:100px;
	text-align:left;
	margin:10px 0px 0px 25px;
}
ul.panneau_photos li div input.envoi_fichier{
	height:23px;
	margin:5px 0;
	background-color:#FFFFFF;
	width:250px;
}

ul.panneau_photos li div input.input_bouton{
	font-size:93%;
	width:130px;
}





ul.panneau_miniatures_photos {
	list-style-type:none;
	clear:both;
}
ul.panneau_miniatures_photos li{
	float:left;
	width:105px;
	text-align:center;
	margin:0 5px 5px 5px;
	border:1px solid #aaa;
	padding:5px
}

ul.panneau_miniatures_photos li.li_rouge{
	border:1px solid #99003d;
}

ul.panneau_miniatures_photos li.li_orange{
	border:1px solid #e39c3f;
}


ul.panneau_miniatures_photos li:hover{
	border:1px solid #006699;
	background-color:#edf9ff;
}



ul.panneau_miniatures_photos li label{
	display:block;
	height:33px;
	overflow:hidden;
}


ul.panneau_miniatures_photos li img{
	margin-top:5px;
	border:1px solid transparent!important;
	cursor:pointer;
	zoom:1;
}

ul.panneau_miniatures_photos li input.input_bouton{
	width:100px;
	font-size:93%;
	margin:1px 0;
}

.infos_profil input.input_bouton{
	width:110px;
	font-size:93%;
	margin:1px 0;
    background-color:#F7F7F7;
    border:1px solid #AFADA7;
    height:18px;
    padding:0 0 3px;
    text-align:center;
}

ul.panneau_miniatures_photos li label.photo_profil_prive {
	width:98px!important;
	height:95px;
	padding-top:3px!important;
	margin:0px 0 0 3px!important;
	text-align:center;
	background-image:url(../images/fond_photo_profil.png);
	background-position:top left;
	background-repeat:no-repeat;
}

p.p_message label.photo_profil_prive {
	width:98px!important;
	height:95px;
	padding-top:3px!important;
	margin:0px 0 0 -5px!important;
	text-align:center;
	background-image:url(../images/fond_photo_profil.png);
	background-position:top left;
	background-repeat:no-repeat;
}

p.p_message2 label.photo_profil_prive {
	
	width:98px!important;
	height:95px;
	padding-top:3px!important;
	margin:0px 0 0 118px!important;
	text-align:center;
	background-image:url(../images/fond_photo_profil.png);
	background-position:top left;
	background-repeat:no-repeat;
}




ul#ul_resultats_amis li {
	height:190px;
}
ul#ul_resultats_groupes li{
	height:200px;
}

ul#ul_resultats_recherche li {
	height:170px;
}


div#div_retour_liste {
	position:absolute;
	top:12px;
	left:230px;
}
div#div_retour_liste a{
	cursor:pointer;
}

div#div_revenir_tous_messages {
	position:absolute;
	top:5px;
	right:30px;
}



.panneau_liste_pages {
	position:absolute;
	top:0px;
	right:20px;
	font-size:85%;
	text-align:right;
}
.panneau_liste_pages a {
	margin:0 5px;
	cursor:pointer;	
}
.panneau_liste_pages a:hover {
	color:#006699;
	text-decoration:underline;
}

.panneau_liste_pages a.page_courante, .panneau_liste_pages a.page_courante:hover {
	color:#006699;
	font-size:131%;
	font-weight:bold;
	margin:0 5px;
	cursor:default;
	text-decoration:none;
}






textarea#champ_article {
	width:435px;
	height:220px;
}


textarea.textarea_message {
	width:460px;
	height:118px;
}

input.input_sujet {
	width:470px;
}

input.input_destinataire {
	width:460px;
}



.texte_rouge {
	color:#990000;
}

.small_texte {
	font-size:77%;
	font-weight:normal;
}



div#panneau_confirmation {
	position:fixed;
	display:none;
	left:50%;
	top:50%;
	margin-top:-40px;
	width:300px;
	height:80px;
	padding:0 10px 15px 10px;
	background-color:#666666;
	border:1px solid #000000;
	color:#FFFFFF;
	text-align:center;
	z-index:400;
}



div#panneau_confirmation_message {
	width:100%;
	height:140px;
	text-align:center;
	margin:0px;
	padding:140px 0 0 0;
	font-size:14px;
	color:red;
}



.panneau_conteneur_liste_pages {
	position:relative;
	clear:both;
	padding-top:10px;
}

.panneau_conteneur_liste_pages .panneau_liste_pages{
	right:10px;
	top:10px;
}



div#fond_diaporama {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#000000;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}

div#contour_diaprorama {
	z-index:1000!important;
	position:fixed;
	top:0px;
	left:50%;
	margin-left:-340px;
	width:700px;
	height:100%;
	padding:20px 20px 60px 20px;
	background-color:#ffffff;
}

div#contour_diaprorama img{
	border:1px solid #555555;
}

#diaporama_infos {
	display:block;
	height:20px;
	color:#000000;	
	margin:auto;
	margin-top:20px;
	width:440px;
}

#diaporama_conteneur_photo {
	display:block;
	
	overflow:auto;
	margin:auto;
}

div#diaporama_bouton_fermer {
	position:absolute;
	top:10px;
	right:10px;
	background-image:url(../images/close_diaporama.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	cursor:pointer;
}

div.diaporama_rollover {
	position:absolute;
	top:0px;
	width:60px;
	height:100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

div#diaporama_rollover_gauche {
	left:0px;
	background-image:url(../images/fleche_prec.png);
	background-position:center left;
}

div#diaporama_rollover_droit {
	right:0px;
	background-image:url(../images/fleche_suiv.png);
	background-position:center right;
}






p.champs_admin_groupe label {
	text-align:left;
	margin:0 0 0 -90px;
	width:180px;
}















div.texte_courant2 ul.liste_panneau_news {
	list-style-type:none;
	clear:both;
}
div.texte_courant2 ul.liste_panneau_news  li{
	float:left;
	position:relative;
	width:290px;
	text-align:center;
	margin:0 5px 5px 5px;
	border:0px solid #000;
	padding:5px;
}

div.texte_courant2 ul.liste_panneau_news  li h1 {
	background-image:url(../images/fond_titre_rubrique.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fff;
	height:33px;
	text-align:left;
	padding:0 0 0 10px;
	border:0px;
}

div.texte_courant2 ul.liste_panneau_news  li h2 {
	background-image:url(../images/puce_breves.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	color:#3595d8;
	height:20px;
	text-align:left;
	padding:0 0 0 15px;
	border:0px;
	font-weight:bold;
	margin:0px;
}

div.texte_courant2 ul.liste_panneau_news  li ol {
	display:block;
	list-style-type:none;
	
}

div.texte_courant2 ul.liste_panneau_news  li ol li{
	text-align:left;
	margin:0 ;
	border:0px solid #000;
	padding:2px
}

div.texte_courant2 ul.liste_panneau_news  li ol li  label.label_date{
	float:left;
	width:120px;
	height:18px;
	margin-right:05px;
	background-color:#666666;
	color:#fff;
	
}

label.label_date_news{
	float:left;
	width:37px;
	height:17px;
	margin-right:05px;
	color:#666;
}

label.label_date_news_today{
	float:left;
	width:37px;
	height:17px;
	margin-right:05px;
	color:#3595D8;
}

div.texte_courant2 ul.liste_panneau_news  li ol li  label a{
	color:#000;
	text-decoration:none;
}
div.texte_courant2 ul.liste_panneau_news  li ol li  label a:hover{
	color:#000;
	text-decoration:underline;
}



.panneau_liste_pages_public {
	position:absolute;
	top:30px;
	right:00px;
	font-size:85%;
	text-align:right;
}
.panneau_liste_pages_public a, .panneau_liste_pages_public a:link, .panneau_liste_pages_public a:visited, .panneau_liste_pages_public a:active{
	margin:0 5px;
	cursor:pointer;	
}
.panneau_liste_pages_public a:hover {
	color:#006699;
	text-decoration:underline;
}

.panneau_liste_pages_public a.page_courante, .panneau_liste_pages_public a.page_courante:hover {
	color:#006699;
	font-size:131%;
	font-weight:bold;
	margin:0 5px;
	cursor:default;
	text-decoration:none;
}








/*

PROFIL.PHP

*/

div.bouton_onglet {
	float:left;
	width:118px;
	height:19px;
	background-image:url(../images/onglet_profil.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	font-weight:bold;
	padding: 5px 0 0 0;
	margin:15px 2px 1px 0;
}
div.bouton_onglet:hover {
	cursor:pointer;
}
div.bouton_onglet a {
	color:#666666;
	text-decoration:none;
}


.texte_courant_profil hr {
	margin:0px;
	padding:0px;
	line-height:0px;
	clear:both;
	color:#c6c6c6;
	background-color:#c6c6c6;
	border:0px solid red;
	height:1px;
	text-align:center;
	vertical-align:top;
}

.texte_courant_profil hr.hr_invisible {
	visibility:hidden;
}


.texte_courant_profil h1 {
	font-size:108%;
	font-weight:bold;
	color:#333333;
	border:0px;
}
.texte_courant_profil h1 strong{
	font-weight:bold;
	color:#037cd1;
}

div.panneau_profil_haut {
	margin:10px 0 20px 0;
	padding:7px;
	background-color:#f7f7f7;
}


div.panneau_profil_haut label a {
	color:#666666;
	text-decoration:none;
}

div.panneau_profil_haut label a:hover {
	text-decoration:underline;
}

div.panneau_profil_haut label strong {
	font-weight:normal;
	color:#037cd1;
}

label.photo_profil {
	float:left;
	width:98px!important;
	height:98px!important;
	padding-top:9px!important;
	margin-right:10px;
	text-align:center;
	background-image:url(../images/fond_photo_profil.png);
	background-position:top left;
	background-repeat:no-repeat;
}

label.photo_profil_recherche {
	float:left;
	width:98px!important;
	height:95px!important;
	padding-top:3px!important;
	margin:0 0 0 4px;
	margin-right:10px;
	text-align:center;
	background-image:url(../images/fond_photo_profil.png);
	background-position:top left;
	background-repeat:no-repeat;
}

label.infos_profil {
	float:left;
	color:#666666;
	display:block;
	width:200px!important;
	height:80px;
	padding-top:10px!important;
	margin-right:10px;
	text-align:left;

}
label.panneau_points {
	float:left;
	color:#666666;
	margin-right:10px;
	width:290px!important;
}

label.panneau_points img.image_points{
	border:1px solid #065295;
}


img#image_picto_envoyer {
	background-image:url(../images/picto_envoyer_message.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	width:29px;
	height:29px;
}
img#image_picto_envoyer:hover {
	background-position:0px 0;
}


.texte_courant_profil hr.pointilles_bleus {
	margin:7px 0;
	padding:0px;
	clear:both;
	color:#f7f7f7;
	background-color:transparent;
	border:1px solid transparent!important;
	height:10px;
	background-image:url(../images/fond_hr_pointille.gif);
	background-position:0 10px;
	background-repeat:repeat-x;
	font-size:1%;
}

ul.liste_verticale_profil {
	list-style-type:none;
	margin:17px 0 20px 0;
}

ul.liste_verticale_profil li {
	display:block;
	clear:both;
	margin:4px 0px;
}


ul.liste_verticale_profil li label {
	text-align:left;
	margin:0px 2px;
}

ul.liste_verticale_profil li label.label_date_profil {
	float:left;
	width:60px!important;
	padding:0 2px;
	height:18px;
	background-color:#666666;
	color:#ffffff;
	margin-right:7px;
}


div#panneau_pages_news_profil_membre {
	margin:auto;
	width:180px;
	text-align:center;
	clear:both;

}
div#panneau_pages_news_profil_membre img#img_fleche_gauche {
	float:left;
	background-image:url(../images/fleche_gauche_verte.png);
	cursor:pointer;

}
div#panneau_pages_news_profil_membre img#img_fleche_droite {
	float:right;
	background-image:url(../images/fleche_droite_verte.png);
	cursor:pointer;

}

div#panneau_pages_news_profil_membre a:hover{
	cursor:pointer;

}


ul#liste_flux_profil_membre {
	list-style-type:none;
	background-color:#fff;
    padding-left:7px;
}

ul#liste_flux_profil_membre li {
	display:block;
	float:left;
	width:282px;
	padding:0;
	margin:0;
	margin-right:30px;
}

ul#liste_flux_profil_membre li.clear_li {
	clear:both;
}

ul#liste_flux_profil_membre li h1{
	font-weight:bold;
	color:#315b97;
	padding-left:15px;
	background-image:url(../images/rss2.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
	margin-top:10px;
}

ul#liste_flux_profil_membre li h1 a{
	font-weight:bold;
	color:#315b97;
}

ul#liste_flux_profil_membre li ol{
	background-color:#D9D9D9;
    background-image:url(../images/fond_liste_flux_profil_membre.jpg);
    background-position:0 0;
    background-repeat:repeat-x;
    border:1px solid #D1D1D1;
    clear:both;
    padding:5px;
    width:295px;
}
ul#liste_flux_profil_membre li ol li{
	float:none;
	display:block!important;
	border:0px;
	clear:both;
}

ul#liste_flux_profil_membre li ol li label {
	float:left;
}
ul#liste_flux_profil_membre li ol li label.label65 {
	width:40px;
}
ul#liste_flux_profil_membre li ol li label.label65_rouge {
	width:40px;
	color:#EE0000;
}
ul#liste_flux_profil_membre li ol li label.label_large {
	width:225px;
	color:#315b97;
}


div.panneau_profil_haut label.libelle_description {
	display:block;
	float:left;
	width:220px;
	clear:left;
	color:#666666;
	margin:0 0 3px 0;
	font-size:93%;
}
div.panneau_profil_haut label.champ_description {
	display:block;
	float:left;
	width:350px;
	margin:0 0 3px 0;
	font-size:93%;
}

div.panneau_profil_haut div.libelle_description2 {
	display:block;
	float:left;
	width:220px;
	color:#666666;
	margin:10px 0 3px 0;
	font-size:93%;

}



ul.liste_bouquets_profil {
	list-style-type:digits;
	margin:5px 0 0 0;
}

ul.liste_bouquets_profil li {
	display:block;
	margin:4px 2px;
	padding:0 0 0 15px;
	background-image:url(../images/puce_plus.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	font-weight:normal;
	color:#037cd1;
}

.panneau_conteneur_liste_pages_profil {
	position:relative;
	clear:both;
	padding-top:10px;
}

.panneau_conteneur_liste_pages_profil .panneau_liste_pages{
	right:10px;
	top:10px;
}

.panneau_conteneur_liste_pages_profil h1 {
	margin:0 0 0 5px;
}


ul.liste_groupes_profil {
	margin:0;
}
ul.liste_groupes_profil li{
	width:280px; 
	float:left;
	list-style-image:url(../images/puce_plus.png);
	margin:0 10px 0 13px;
}
ul.liste_groupes_profil li a{
	color:#037cd1;
	text-decoration:none;
}
ul.liste_groupes_profil li a:hover{
	text-decoration:underline;
}

span#span_montre_bouquets, span#span_montre_chaines {
	color:#000000;
}

span#span_montre_bouquets:hover, span#span_montre_chaines:hover {
	color:#037cd1;
	cursor:pointer;
}



/*

ARTICLE.PHP

*/


span.infos_article {
	color:#666666;
	font-size:93%;
}

span.infos_article strong{
	color:#037cd1;

}

span.infos_article a{
	color:#037cd1;
	text-decoration:none;
}
span.infos_article a:hover {
	text-decoration:underline;
}


.texte_courant_profil .contenu_article {
	margin:10px 5px!important;
	padding:10px!important;
	background-color:#f7f7f7;
	border:2px solid #eeeeee;
}

.contenu_comment {
	margin:10px 5px!important;
	padding:10px!important;
	background-color:#f7f7f7;
	border:2px solid #eeeeee;
    font-size:12px;
}

.texte_courant_profil .contenu_article p{
	margin:0px;
	padding:0px!important;
}

.texte_courant_profil .contenu_article img{
	border:0px;
}

.texte_courant_profil  img{
	border:0px;
}

.texte_courant_profil a {
	color:#037cd1;
	text-decoration:none;
}
.texte_courant_profil a:hover {
	text-decoration:underline;
}

.texte_courant_profil p.p_news input{
	margin:3px 0px;
}

.texte_courant_profil p.p_news label {
	clear:both;
	float:left;
	display:block;
	width:100px;
	margin:3px 0px;
	font-size:93%;
	color:#666666;
}

.fond_bouton_170 {
	background-color:transparent;
	background-image:url(../images/fond_bouton_170.png);
	border:0;
	width:170px;
	height:24px;
	
}

/*

GROUPES.PHP

*/


.liste_verticale_membres_groupe {
	margin:10px 0;
	
}

.liste_verticale_membres_groupe li {
	list-style-image:url(../images/puce_plus.png);
	margin:0 0 0 15px;
	float:left;
	width:280px;
}

.liste_verticale_membres_groupe li span.infos_membre{
	font-size:85%;
	color:#666666;
}


.liste_responsables_groupe {
	margin:10px 5px 0 0;
	display:block;
	float:left;
	width:300px;
}

.liste_responsables_groupe li.li_membre {
	list-style-image:url(../images/puce_plus.png);
	margin:0 0 0 15px;
}

.liste_responsables_groupe li h2 {
	font-size:108%;
	font-weight:bold;
}
.liste_responsables_groupe li span.infos_membre{
	font-size:85%;
	color:#666666;
}



/*

NEWS

*/



div#news_bouton_gerer {
	position:absolute;
	top:0;
	right:5px;
	width:140px;
	margin:0;
	padding:0;
}

div#news_bouton_supprimer {
	position:absolute;
	top:0;
	right:150px;
	width:80px;
	margin:0;
	padding:0;
}

div#news_bouton_modifier {
	position:absolute;
	top:0;
	right:230px;
	width:70px;
	margin:0;
	padding:0;
}



ul#liste_articles_non_publies li label.label_titre {
	width:380px;
}





img.miniature_photo_commentaire {
	border:1px solid #bbb;
	float:left;
	margin:0 5px 5px 5px;
}


hr.clear {
	clear:both;
	visibility:hidden;
}

div.float_left {
	float:left;
}





.rating,
.rating li a:hover,
.rating li.current {
        background: url(../images/rating.png) transparent scroll;
        }

/* 2. BASIC STYLES */

.rating {
        background-repeat: repeat-x;
        background-position: left top;
        float:left;
        list-style:none;
        margin:0;
        padding:0;
        position: absolute;
		display:inline;
        }
.rating li {
        float:left;
        margin:0;
        padding:0;
        text-indent:-90000px;
        }
.rating li a {
        display:block;
        outline:none;
        padding:0;
        position:absolute;
        z-index:20;
        }
.rating li a:hover {
        background-repeat: repeat;
        background-position: left center;
        left:0;
        z-index:2;
        }
.rating li.current {
        background-repeat: repeat;
        background-position: left bottom;
        z-index:1;
        }

/* 3. SIZE STYLES */

/* 3.1. Example for 20x20px star with 5 options */

.rating { width: 100px; }
.rating a { width: 20px; }
.rating a,
.rating li { height: 20px; }
        
.rating a.one           { left:0px; }
.rating a.one:hover     { width:20px; }
.rating a.two           { left:20px; }
.rating a.two:hover     { width:40px; }
.rating a.three         { left:40px; }
.rating a.three:hover   { width:60px; }
.rating a.four          { left:60px; }
.rating a.four:hover    { width:80px; }
.rating a.five          { left:80px; }
.rating a.five:hover    { width:100px; }

.send-message {
	display:block;
	float:left;
	font-size:12px;
	margin-top:4px;
}

.send-message-com {
	display:block;
	float:left;
	font-size:11px;
	margin-top:4px;
}

.vote {
    margin-left:10px;
}

#nvx_grps, #best_grps {
    color:#037CD1;
}

.liste-total {
    font-size:10px;
    display:block;
    width:98%;
    text-align:right;
}
div.g-recaptcha
{
	margin: 0;
	margin-left: 220px;
	width: 300px;
}
#liste_menu_accueil_span
{
	display: flex;
    /* flex-direction: column; */
	justify-content: space-around;
	background-color: #08c;
	font-size: 120%;
    font-weight: bold;
    /* font-style: italic; */
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#liste_menu_accueil_span a
{
	text-decoration: none;
	color: white;
	text-align: center;
}
#illustration_article
{
	margin-bottom: 30px;
}
#illustration_article img
{
	width: 100%;
	width: 603px;
}
#illustration_article label
{
	background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    color: white;
    overflow-wrap: break-word;
    padding-bottom: 20px;
    padding-left: 4px;
    position: absolute;
    text-decoration: none;
    text-overflow: ellipsis;
	width: 599px;
	font-size: 2.5em;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
}
.pointer
{
	cursor:pointer;
}