/* Fichier css generé au bloc note.
Decoupe-fr.com | Codeur/decoupeur Gcyrillus (.free.fr)


/* application de regles par defaut pour uniformisé au mieux le rendu "inter-navigateur" . */

html , body , h1 , h2 , h3 , p , ul , li , a , img {
	margin:0;
	padding:0;
	border:0;
}

/* corps de page et mise en place des fonds */

html {


}
body  {

	background:#fff url(img/body.png) fixed top;
	font-family:"Verdana";
	text-align:center;	/* debugage IE*/
	font-size:100%;

}

/*###################### CADRE INFO  ######################*/
#cadre_info {
    margin-top: 0px;
   margin-left: 30px;
   width: 194px;
   height: 102px;
   background:#fff url(img/cadre_info.png) ; 
   float:left;
   -moz-opacity:0.75;
    opacity: 0.75;
    filter:alpha(opacity=75);
}
#cadre_texte {
   margin: 1px 4px 10px 3px;
   width: 194px;
   height: 102px;
}

/* contenu */
#texte_info {
width:189px;
padding: 3px 3px 3px 3px;
margin: 0 auto;
}

/*###################### CADRE DE BASE  ######################*/
#main {
	margin: 0 auto 1px;
	padding: 0;
	width: 825px;
	position: relative;
	background:#fff url(img/fondmain.jpg) ;  
	padding-left:1px; 
   	text-align:left;	/* debugage IE*/
	overflow:hidden;
}


#header {
	margin: 0;
	padding: 0;
	height: 252px;
	background: url(img/header_neww.jpg) no-repeat top center;
}
#header h1 {
	margin: 0;
	padding: 0;
	width:1px;
	overflow:hidden;
	z-index:-1;
	height:199px;
	font-size:0;
}
/* bandeau header */
#bandeau {
	overflow:hidden;
	background: url(img/formulairet.jpg) center center;
	padding:5px 0;
	border:1px solid;
	height:1.4em;
	margin-bottom:25px;
}
#bandeau p , #bandeau marquee { 
	float:center;
	width:400px
}

#bandeau p {
	width:180px;
	text-align:center;
	display:table;
	padding:5px 0 6px;
	margin:-2px 1px;
	padding-right:1em;
	margin-right:1em;
	border-right:1px dotted;
}

#bandeau p a  {
	display:table-cell;
}
.join{
	color:red;
	font-weight:bolder;
	font-size:0.75em;
	text-decoration:none;
}
.join a{
	color:red;
	font-weight:bolder;
	font-size:0.75em;
	text-decoration:none;
}
.pass_oublie {
	color:green;
	font-weight:bolder;
	font-size:0.75em;
	text-decoration:none;
}
.pass_oublie a {
	color:green;
	font-weight:bolder;
	font-size:0.75em;
	text-decoration:none;
}

#bandeau marquee {
	display:inline;
	color:black;
	border:1px solid;
	height:0.8em;
	margin-top:0,2em;
	line-height:0,8em; 
	background:#fff;
}

#bandeau b {
	font-size:0,8em;
}
#login {
	color:#1E1E1E;
	padding-top:3px;
	padding-left:5px;
	font-weight:bold;
	display:table;/* sert en suite a activé first-letter pour label */
	margin:0;
	float:left;
	padding-right:0em;
	
}

#login input {
	background:#fff;
	border:1px solid;
	font-size:0.9em;
	width:3em;
	height:1.2em;
	vertical-align:top;
}

#login input:hover {
	font-size:0.9em;
	width:3em;
	height:1.2em;
	vertical-align:top;
	text-align:justify;
	background-color:#f1f1f1;
	border:1px dashed #CCCCCC;
	padding:1px;
	margin:1px;
}



#login input#pass ,  #login input#pseudo {
	width:8em;
	margin:0 5px;
	height:1.3em;
}

#login label {
	padding:0 0px 0 3px;
	display:table-cell;/* active first-letter*/
	display:inline-block;/* idem pour IE */
	vertical-align:top;
    font-size:0.7em;
	
}
#login label:first-letter {
	color:#fff;
	font-size:1.7em;
}




/* menu de gauche */

#gauche {
float:left;
width:126px;
margin: 0 0 0 0!important;
margin:0 -5px 0 0 ;
}

#gauche ul {
list-style-type:none;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
margin-bottom:10px;
}

#gauche ul li a {
text-decoration:none;
color: #000000;
}
#gauche li a:hover {
color: #c6c6c6;
text-decoration: underline;
}



/* menu de droite */
#droite {
float:right;
width:126px;
margin:0 0 0 0!important;
margin:0 0 0  -3px ;
}

#droite ul {
list-style-type:none;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
margin-bottom:10px
}

#droite ul li a {
text-decoration:none;
color: #000000;
}
#droite li a:hover {
color: #c6c6c6;
text-decoration: underline;
}

/* contenu */
#texte {
width:555px;
padding:5px;
margin: 0 auto;
}
#text h1 {
   text-align: center;
}

/* news en image */
.imgnews {
background:#fff url(img/body.jpg);
border:1px solid;
}

.imgnews h2 {
background:#fff url(img/formulairet.jpg);
border-bottom:1px solid black;
font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;
color:#669999;
padding:2px;
}

.imgnews ul {
list-style-type:none;
text-align:center;
}
.imgnews ul li img {
vertical-align:top;
}
.img1 {
float:left;
}

.img3 {
float:right;
}


/* les populaires */
#pops {
margin:1em 0 ;
font-size:0.6em;
font-weight:bolder;
}

#pops strong {
text-decoration:underline;
color:#444;
}
#pops a {
text-decoration:none;
color:#444;
}
#pops a:hover {
color:#B0ACA9;
}


/* zone de citztion */

#quote {
background:#FfFfFf;
border:1px solid #AEAEAE;
font-weight:bolder;
}
#quote  , p {
font-size:0.7em;
padding:0.5em 0.7em;
color:#BDBCBC;
}

/* zone de citztion */


/* News */

#last {
background:url(img/body.jpg);
border:1px dashed #444444;
font-weight:bolder;
}
.last {
color:#FF6633
}
.joinus {
color:#FF0000
}

#last  , p {
font-size:0.8em;
padding:0 0.5em;
color:#000000;
}

p.gris {
	font-weight:bolder;
	color:#999999;
	font-size:0.8em;
	margin: 1em 0 ;
	padding:2px 1em;
	border-top:1px dashed #999999;
	border-bottom:1px dashed #999999;
}
p.gris a{
	color:#999999;
	font-size:1em;
	display:block;
	margin-bottom:1em;
}
p.gris a:hover{
	color:#666666;
	font-size:1.1em;
	display:block;
	margin-bottom:1em;
}

p.rose {
	font-weight:bolder;
	color:#FF5E5E;
	font-size:0.8em;
	margin: 1em 0 ;
	padding:2px 1em;
	border-top:1px dashed #FF5E5E;
	border-bottom:1px dashed #FF5E5E;
}

p.rose a{
	color:#FF5E5E;
	font-size:1.1em;
	display:block;
	margin-bottom:1em;
}

p.bleu{
	font-weight:bolder;
	color:#5AB6FA;
	font-size:0.8em;
	margin: 1em 0 ;
	padding:2px 1em;
	border-top:1px dashed #5AB6FA;
	border-bottom:1px dashed #5AB6FA;
}

p.bleu a{
	color:#5AB6FA;
	font-size:1.1em;
	display:block;
	margin-bottom:1em;
}
.vertpetit {
	font-weight:bolder;
	color:#2CD24F;
	font-size:0.7em;
	text-decoration:none;
}
.vertgrand {
	font-weight:bolder;
	color:#2CD24F;
	font-size:0.9em;
	text-decoration:none;
}
.rosepetit {
	font-weight:bolder;
	color:#FF5E5E;
	font-size:0.7em;
	text-decoration:none;
}
.rosegrand {
	font-weight:bolder;
	color:#FF5E5E;
	font-size:0.9em;
	text-decoration:none;
}
.bleugrand {
	font-weight:bolder;
	color:#5AB6FA;
	font-size:1em;
	text-decoration:none;
}
.violetgrand {
	font-weight:bolder;
	color:#7E2CD2;
	font-size:1em;
	text-decoration:none;
}
.bleupetit {
	font-weight:bolder;
	color:#5AB6FA;
	font-size:0.7em;
	text-decoration:none;
}
.grispetit {
	font-weight:bolder;
	color:#999999;
	font-size:0.7em;
	text-decoration:none;
	background:#FFFFFF;
}
.grispetit1 {
	font-weight:bolder;
	color:#999999;
	font-size:0.7em;
	text-decoration:none;
}
.grispetit2 { /* Violet */
	font-weight:bolder;
	color:#7E2CD2;
	font-size:0.7em;
	text-decoration:none;
	background:#FFFFFF;
}
.grispetit3 { /* Violet */
	font-weight:bolder;
	color:#7E2CD2;
	font-size:0.8em;
	text-decoration:none;
	background:#FFFFFF;
}
.grispetit3_2 { /* Violet */
	font-weight:bolder;
	color:#5AB6FA;
	font-size:0.8em;
	text-decoration:none;
	background:#FFFFFF;
}
.grispetit4 { /* Violet */
	font-weight:bolder;
	color:#ffffff;
	font-size:0.9em;
	text-decoration:none;
	background:#000000;
}
.grispetit5 { /* Violet */
	font-weight:bolder;
	color:#ffffff;
	font-size:0.9em;
	text-decoration:none;
	background:#F23D00;
}
.grisg {
    margin-left:15px;
	font-weight:bolder;
	color:#FFFFFF;
	font-size:1em;
	background:#CCCCCC;
}


#footer {
	width:824px;
	height:71px;
	border-bottom:1px solid;
	background:url(img/pied.jpg) bottom center;
	clear:both;
	margin-bottom:0em;
}


#footer a.droite {
	width:126px;
	height:30px;
	position:absolute;
	right:0;
	bottom:1px;
}

#footer a.gauche {
	width:126px;
	height:30px;
	position:absolute;
	left:0;
	bottom:7px;
}

#footer a span {
	position:absolute;
	width:0;
	overflow:hidden;
	z-index:-1;
}

/* Copyright  */

#copyleft {
	position:absolute;
	bottom:0;
	width:600px;
	text-align:center;
	background:#fff;
	left:120px;
	height:20px;
	margin-bottom:0!important;
	margin-bottom:-1px;
	top:-1px;
}
#copyleft a {
	color:#CCCCCC;
	text-decoration:none;
}
#copyleft a:hover {
    color:#999999;
	text-decoration:underline;
}



/* Les background */

.bgbleu {
   background-color:#0066CC;
}
.bgLightBlue {
   background-color:#5BABEB;
}
.bggris {
   background-color:#eeeeee;
}
.bgMed {
   background-color:#E0E0E0;
}
.bgnoir {
   background-color:#cccccc;
}
.bg999 {
   background-color:#999999;
}
.bgblanc{
   background-color:#ffffff;
}
.bg333{
   background-color:#333333;
}
.bg666 {
   background-color:#666666;
}
.bg000{
   background-color:#000000;
}