#corps-news
{
	min-height: 100px;
	background: url("../images/site/corps-news.png") #4EA6CA;
}
.titre
{
	display: block;
	width: 900px;
	margin: auto;
	padding-top: 70px;
	margin-bottom: -9px;
	text-transform: uppercase;
	color: white;
}
#bloc
{
	height: 240px;
	padding-top: 30px;
	background: url("../images/site/fond-news.png") center center no-repeat;
}
#bloc div
{
	display: block;
	margin: auto;
	height: 200px;
	width: 600px;
}
.bouton
{
	width: 150px;
	height: 35px;
	padding-top: 10px;
	margin: auto;
	background: url("../images/site/bouton.png") center top no-repeat;
	text-align: center;	
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	font-family: Arial;
	color: white;
}
.bouton:hover
{
	background: url("../images/site/bouton-hover.png") center top no-repeat;
}
#corps-haut
{
	height: 30px;
	background: url("../images/site/corps-haut.png") bottom repeat-x;
}
#corps
{
	width: 940px;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
	margin-top: 2em;
	min-height: 450px;
	color: white;
}
#corps a
{
	color: white;
}
#corps dd a, #corps dl a, #corps dt a
{
	color: #726E65;
}
#cadre
{
	width: 930px;
	height: 200px;
	margin: auto;
	border: 10px solid black;
	border-right: 0px;
}
#membre, #dossiers, #telechargements
{
	width: 175px;
	height: 125px;
	padding-top: 75px;
	padding-right: 115px;
	padding-left: 10px;
	margin: auto;
	cursor: pointer;
	color: white;
	float: left;
	z-index: 200;
	border-right: 10px solid black;
}
#membre:hover b, #dossiers:hover b, #telechargements:hover b
{
	text-decoration: underline;
}
#membre
{
	background: url("../images/site/membre.png") center center no-repeat;
}
#dossiers
{
	background: url("../images/site/dossiers.png") center center no-repeat;
}
#telechargements
{
	background: url("../images/site/telechargements.png") center center no-repeat;
}
#membre:hover
{
	background: url("../images/site/membre-hover.png") center center no-repeat;
}
#dossiers:hover
{
	background: url("../images/site/dossiers-hover.png") center center no-repeat;
}
#telechargements:hover
{
	background: url("../images/site/telechargements-hover.png") center center no-repeat;
}
.chat
{
	width: 99%; 
	height: 200px; 
	background-color: #FFFFFF;
	overflow: hidden;
	color: black;
}
.radio
{
	width: 99%; 
	height: 500px; 
	overflow: hidden;
	color: black;
}
.quote
{
	padding-left: 100px;
	min-height:  100px;
	background: url("../images/site/quote.png") left top no-repeat;
	display: block;
}

#main {margin-bottom: 15px}

#main .gauche, #main .droite
{
	width: 46%;
	padding: 10px;
	margin: 0px;
}

#main .droite {float: right;}

#main .gauche h3, #main .droite h3
{
	border-bottom: 1px solid white;
	padding: 5px;
	margin : 0;
	background: #6699CC url(../images/site/cadre-haut-3.gif) no-repeat top left;
	text-align: center;
	color: white;
}

#main .gauche p, #main .droite p, #main .gauche ul, #main .droite ul
{
	padding: 5px 30px 5px 30px;
	margin: 0;
	margin-bottom: 20px;
	background: #CCCCCC url(../images/site/cadre-bas-3.gif) no-repeat bottom left;
	padding: 8px;
	padding-left: 30px;
	padding-bottom: 15px;
}
#main .gauche a, #main .droite a, #main .gauche p, #main .droite p, #main .gauche li, #main .droite li
{
	color: #726E65;
}

#main td {text-align: center;}

#main td #message {width: 80%;}


.sous-titre
{
	font-size: large;
	width: 100%;
	padding-bottom: 3px;
	border-bottom: 1px solid #D8D8D8;
}
.telechargements
{
	min-height: 150px;
	margin-bottom: 20px;
}
.telechargements img
{
	float: left;
	border: 1px solid #D8D8D8;
	margin-right: 20px;
	width: 250px;
	height: 150px;
	background: url("../images/sites/inconue2.png");
}
.telechargements-2
{
	float: right;
	display: block;
	padding: 10px;
	padding-left: 20px;
	border: 1px solid #D8D8D8;
}

.telechargement-liste h3
{
	position: relative;
	left: -100px;
	display: block;
}
.telechargement-liste h3 a
{
	text-decoration: none;
}
.telechargement-liste h3 a:hover
{
	text-decoration: underline;
}
.telechargement-liste
{
	width: 925px;
	height: 225px;
	padding-left: 15px;
	padding-top: 0.5px;
	margin-bottom: 10px;
	background: url("../images/sites/telechargements-fond.png") no-repeat;
}
.telechargement-liste .image img
{
	float: right;
	margin-top: 26px;
	margin-right: 40px;
	width: 250px;
	height: 151px;
}
.telechargement-liste b
{
	font-weight: normal;
	padding-right: 10px;
	text-align: justify;
}
.telechargement-liste span
{
	float: right;
	margin-right: 15px;
	margin-top: 23px;
}
.telechargement-liste i
{
	width: 120px;
	height: 49px;
	position: relative;
	left: 206px;
	top: 165px;
	float: left;
	display: block;
	text-align: center;
}

.note
{
	padding: 12px;
	width: 36px;
	height: 36px;
	background: url("../images/site/note.png") no-repeat center center;
	float: right;
	text-align: center;
	color: #333333;
	display: block;
}

.liste-supprimer .supprimer
{
	visibility: hidden;
}
.liste-supprimer:hover .supprimer
{
	visibility: visible;
}
.supprimer
{
	float: left;
	text-align: center;
	width: 50px;
	height: 50px;
	margin-top: 12px;
	display: block;
}


i.mageflow img:hover {
	background-color: #004c8d;
	border-top: 1px solid #1a4c76;
}
.mageflow div {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 0.9em;
	background: url(bubble_top.gif) no-repeat right top;
}
.mageflow div p {
	margin: 7px 0;
	line-height: 1.6em;
	padding: 0 5px 10px 30px;
	background: url(bubble_btm.gif) no-repeat right bottom;
}

/* #description
{
	position: relative; 
	background: #111;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	margin-top: -396px;
	margin-left: 331px;
	padding: 10px;
	width: 257px;
	height: 218px;
	display: none;
	z-index: 100;
} */

/* Les téléchargements */

ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 275px;
	padding: 0;
	margin: 5px 0;
	display: inline;
	text-align: center;
}
.block {
	height: 180px;
	font-size: 1em;
	margin-right: 10px; 
	padding: 20px;
}
#grille ul
{
	margin: auto;
	width: 100%;
	margin-top: 10px;
	clear: both;
}
#grille ul img
{
	width: 200px;
	height: 150px;
	border: 1px solid #D8D8D8;
	background: url("../images/sites/inconue.png");
}
.sous-titre-grille
{
	font-size: small;
	text-align: center;
	clear: both;
}
.telechargement-object
{
	border: 0px;
	width: 100%;
	height: 500px;
}
.image-cadre
{
	padding: 5px;
	float: right;
	border: 1px solid white;
	margin: 5px;
	text-align: center;
	font-size: small;
}
.plus a
{
	width: 100%;
	border: 1px solid #CCCCCC;
	text-align: center;
	display: block;
	margin: 5px;
}
.bulle2
{
	display: none;
	width: 150px;
	min-height: 2em;
	background: #ADC9EF;
	border: 3px solid #6296DD;
	color: black;
	padding: 5px;
	position: absolute;
}
.bulle:hover .bulle2
{
	display: block;
	margin-top: 3em;
	margin-left: -50px;
}
.fermer
{
	background: url("../images/icones/fermer.png") no-repeat;
	padding-left: 50px;
	width: 75px;
	height: 48px;
	float: right;
	display: block;
}
.fermer span
{
	padding-top: 15px;
	display: block;
}
.fermer a
{
	text-decoration: none;
}
#galerie_mini img:hover
{
	padding: 2px;
	border: 1px solid white;
}
.bouton_2
{
	background:#53AEEF url(../images/site/botton.png) repeat-x scroll 0 0;
	border: 1px solid #005DA0;
	color: #333333;
	display: block;
	font-family: Helvetica,Arial,Sans-serif;
	font-size: 18px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #0082E0;
	margin: 5px;
}
.bouton_3
{
	background:#53AEEF url(../images/site/botton_2.png) repeat-x scroll 0 0;
	border: 1px solid #8E8E8E;
	color: #E5E5E5;
	display: block;
	font-family: Helvetica,Arial,Sans-serif;
	font-size: 18px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #404040;
	margin: 5px;
}
.bouton_2:hover, .bouton_3:hover
{
	background-position: left -20px;
}	
.bouton_c a
{
	float: left;
	display: block;
}
.bouton_c
{
	margin: auto;
	width: 50%;
}

.pagination {
            font-size: 80%;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}
.page_id
{
	width: 100%;
	text-align: center;
	padding: 10px;
	padding-bottom: 20px;
}
.page_id a
{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background: url(../images/site/page_fond_1.png) no-repeat top center;
	text-decoration: none;
}
.page_id a:hover
{
	background: url(../images/site/page_fond_2.png) no-repeat top center;
}

.liste_membre a
{
	display: block; 
	width: 98%;
	margin: auto;
	padding: 5px;
}
.liste_membre a:hover
{
	background: #56B8FF;
}
.liste_membre_1
{ background: #0062A8; }
.liste_membre_2
{ background: #0099FF; }

.bouton_membre
{
	width: 133px;
	height: 20px;
	margin: 5px;
	text-align: center;
	background: url(../images/site/bouton-membre.png) no-repeat center center;
	display: block;
	cursor: pointer
}

/************************/
/** TELECHARGEMENTS bis */
/************************/

#etapes
{
	width: 100%;
	height: 30px;
	background: #9FA0A2 url("../images/site/etapes-inscription.png");
}
.etapes-1, .etapes-2, .etapes-3
{
	font-size: small;
	font-weight: normal;
	float: left;
	height: 25px;
	padding-top: 5px;
	margin-top: 0px;
	padding-right: 40px;
	padding-left: 10px;
	color: white;
}
.etape-ok
{
	background: #00B3F3 url("../images/site/etapes-inscription-2.png");
}
.etape-modif
{
	background: #00B3F3 url("../images/site/etapes-inscription-3.png");
}
.etapes-fleche, .etapes-fleche-modif
{
	width: 16px;
	height: 30px;
	float: left;
	display: block;
	background: url("../images/site/fleche-inscription.png");
}
.etapes-fleche-modif
{
	background: url("../images/site/fleche-inscription-2.png");
}