/*text-align: center pour éviter le bug IE dans margin auto dans le fieldset */ 
body { margin: 0; padding: 0; text-align: center; background-color: #F5F5F5;  	font-family: verdana, Helvetica, sans-serif;} 

/*
html>body #content, body #logo_top_left, body #block_right
	{ position: fixed; }
*/
	
	
	
/* DECLARATION DES BLOCS */

#session_off { 
position:absolute; 
top:50px; left:0px; 
background-color: #F5F5F5; border: 1px solid black;
}

#login_users { margin:0 auto;padding:5px;height:100px;width:800px;}



#inscription { margin:0 auto; border: 1px solid red;width:750px;height:115px}


#login { 
float:left;
width:480px; 
height:100px;
font:normal 10pt verdana, verdana, sans-serif;
text-align:left; 
padding: 3px; 

/*background-image:url(../images/background/background_login1.jpg);*/
overflow:hidden;
}


#points_users { 
margin-left:520px;
width:220px; 
height:100px;
text-align:left; 
padding: 3px; 
overflow:auto;
}

#affiche_post { 
position: relative; 
background-color: #F5F5F5;
border-right: 1px solid #D6D4D4;
border-left: 1px solid #D6D4D4;
border-bottom: 2px solid #D6D4D4;
width:750px;
border-radius: 10px 10px 10px 10px;
margin: 0 auto;
}

#commentaires_post{ 
text-align:justify; 
font-family: verdana;
font-size: 12px;
padding: 2px;
margin: 1px;
background:#E6E6FA; 
border-radius: 5px 5px 5px 5px;
}


#ajouter_commentaires{ 
text-align:left; 
margin-left: 20px;
background:#E6E6FA; 
width:600px;
padding: 10px; 
border-radius: 10px 10px 10px 10px;
border: 1px solid lightgrey;
}

#block_centre{ 
top:200px;
position: relative; 
background-color: #F5F5F5;
border-right: 1px solid #D6D4D4;
border-left: 1px solid #D6D4D4;
border-bottom: 1px solid #D6D4D4;
width:300px;

border-radius: 10px 10px 10px 10px;
margin: 0 auto;
background: #E6E6FA;

}
#footer{ 
position: relative; 
padding: 10px; 
margin: 0 auto;
width: 90%; 
text-align: center; 
margin-top: 10px;
}

#fluxrss{ 
position: relative; 
padding: 10px; 
margin: 500px auto;
width: 100%; 
text-align: center; 
background:#F5F5F5; 
border-radius: 10px 10px 10px 10px;
border: 1px solid lightgrey;
}



#menu {position:relative;font-family: Verdana, cursive;top:5px;}


 

.session_msg{ position:relative; top:200px; width: 430px; margin: 0 auto; background: #ccc; }




.menu_top { text-align: center; font-size:14px; width:100%; z-index:0; height:30px;}
.menu_top li { display: inline;}
.menu_top li a { border-radius: 5px 5px 5px 5px; Color: #5F94C7;  padding: 0.2em 0.4em; text-decoration: none; }
.menu_top li a:hover { color: #fff; background-color: #5B5B5B; 
-webkit-transition: background 0.2s ease-in, color 0.2s ease-in ;
-moz-transition: background 0.2s ease-in, color 0.2s ease-in;
-o-transition: background 0.2s ease-in, color 0.2s ease-in;
transition: background 0.2s ease-in, color 0.2s ease-in; }



.input { border: 1px solid #000; Color: #000; background: #BBD2E1;}
.input:hover {border: 1px solid #E67E30; Color: #fff;  background: #5F94C7; }

.button {  font-size: 12px; border: 1px solid #000; Color: #000;  background: #BBD2E1; border-radius: 5px 5px 5px 5px;}
.button:hover { font-size: 12px; border: 1px solid #E67E30; Color: #fff; background: #5F94C7; }


.sup {  
opacity: 0.5;
background-color: #E6E6FA;
Color: #5B5B5B; 
border: 0px; border-radius: 50px 50px 50px 50px;
}
.sup:hover {  
opacity: 1;
Color: #990000;
background-color: #F5F5F5; 
-webkit-transition:  background-color 0.3s ease-in, color 0.3s ease-in ;
-moz-transition: background-color 0.3s ease-in, color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
transition: background-color 0.3s ease-in, color 0.3s ease-in; }




.ajouter_commentaire {  
opacity: 0.81;
text-align: center;
color: #990000; 
border: 1px;
border-radius: 35px 35px 35px 35px;
}
.ajouter_commentaire:hover {  
opacity: 1;
color: #006699;
background-color: #E6E6FA; 
-webkit-transition:  background-color 0.3s ease-in, color 0.3s ease-in ;
-moz-transition: background-color 0.3s ease-in, color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
transition: background-color 0.3s ease-in, color 0.3s ease-in; }


.Déconnexion { Color: #ccc;  text-decoration: none; height:22px;}

.Déconnexion:hover {  color: red; }



.col_centre{ 
width: 600px;  
float:left;  
margin : 30px 0px 0px 50px;  
text-align: left;
}



/*.image_opacity:hover {  opacity: 1; }
.image_opacity {    opacity: 0.6; }
.image { border: 1px solid #ccc;  width:80px;}*/


ul, li { list-style: none; padding: 0; margin: 0 0 5 0 ; }



fieldset { 
display: block; 
width: 350px; 
margin : 100 auto; 
color: #fff; 
background: #336699; 
border: 0; 
font-weight: bold; 
border-radius: 50px 50px 50px 50px; }

label { 
display: block; 
width: 150px;  
margin: auto; }

 


table {
 width:100%;
 }

 
a { text-decoration: none; color: #336699;  }
a.shadow { text-decoration: none; text-shadow:2px 2px 3px white; color: #336699;  }
a.shadow:hover { text-decoration: none; text-shadow:2px 2px 3px white; color: #000033;  }




a.foo { background: #CECECE;   text-decoration: none; color: #336699;  
-webkit-transition: background 0.5s ease-out, color 0.2s linear;
-moz-transition: background 0.5s ease-out, color 0.2s linear;
-o-transition: background 0.5s ease-out, color 0.2s linear;
transition: background 0.5s ease-out, color 0.2s linear;

}
a.foo:hover,
a.foo:focus { background: #fff; color: #030; }
hr { width: 300px; background-color: #5F94C7; height: 5px;  }
p { margin:3; }
span.texte_normal, p.texte_normal {  text-align:justify; }
span.texte_petit, p.texte_petit {  text-align:justify; }

span.titre_post, p.titre_post {    text-align:left; color:#336699;font-weight: bold;}


p.texte_titre_logo { text-align: left; color: #fff; margin:4px;font-weight: bold;}
p.texte_titre { text-align: center; font-weight: bold;}

p.texte_titre_catalogue { text-align: center; font-weight: bold;}
p.texte_catalogue { text-align:justify; }

p.texte_titre_chronique{ text-align: center;font-weight: bold; }
p.texte_titre_chronique2{ text-align: center; font-weight: bold;}
p.texte_chronique { text-align:justify; }

p.texte_titre_interviews{ text-align: center; font-weight: bold;}
p.texte_interviews { text-align:justify; }

p.texte_titre_fanzines{ text-align: center;font-weight: bold; }
p.texte_fanzines{ text-align:justify;  margin: 10px; }


p.texte_titre_releases{ text-align: center; font-weight: bold;}
p.texte_releases{ text-align:justify;}


p.utilisateur_commentaire{ text-align: left; color:blue;}

p.texte_block_right { 
text-align: left;  
color:#303030; 
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
p.texte_block_right:hover { color:#CF0A1D; }
p.titre_fanzine {margin: 0 auto; text-align:justify; padding:10px; font-weight: bold;}
p.titre_concert{ margin: 0 auto; text-align:center; width:90%;  border: 1px solid black; border-radius: 50px 50px 50px 50px;font-weight: bold;}
p.titre_thecure{ margin: 0 auto; text-align:center; width:90%;  font-weight: bold;}
h1 { }
h2 { }

table {
margin: 0 auto;
border: 0;
}



.photos_users
{
    border: 1px solid black;
	width:120px;
	border-radius: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}
.photos_users
{
	opacity:0.8;
    border: 1px light black;
	width:40px;
	border-radius: 5px 5px 5px 5px;
	vertical-align: middle;
}
.photos_users:hover
{
	opacity:1;
    border: 1px light black;
    position: relative;
	-moz-box-shadow: 0 0 1px 1px #000;
	-webkit-box-shadow: 0 0 1px 1px #000;
	box-shadow: 0 0 1px 1px #000;
	width:120px;
	border-radius: 5px 5px 5px 5px;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

.flyer
{
    border: 2px solid black;
	border-radius: 10px 10px 10px 10px;
	vertical-align: middle;
}

.image_logo { 
border-radius: 5px 5px 5px 0px;
}

.image_reviews { 
  width: 250px;
  margin:0 auto;
  border: 1px solid black;
	border-radius: 5px 5px 5px 5px;
  }
.image_releases { 
  width: 250px;
  margin:0 auto;
  border-radius: 10px 10px 10px 10px;
  -moz-box-shadow: 1px 0px 0px 0px #ccc;
  -webkit-box-shadow: 1px 0px 0px 0px #ccc;
  box-shadow: 1px 0px 0px 0px #ccc;
	}

	
	
.image_thecure { 
width: 250px;
margin: 5px 20px 0px 30px;
border: 1px solid black;
opacity:0.8; 
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-timing-function: ease-in;
 border-radius: 10px 10px 10px 10px;
  -moz-box-shadow: 1px 0px 0px 0px #ccc;
  -webkit-box-shadow: 1px 0px 0px 0px #ccc;
  box-shadow: 1px 0px 0px 0px #ccc;
}
.image_thecure:hover { 
	opacity:1;
    border: 1px light black;
	top:-1px; 
    position: relative;
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	box-shadow: 0 0 2px 2px #000;
	width:500px;
	
}
.image_catalogue { 
width: 250px;
margin: 5px 20px 0px 30px;
border: 1px solid black;
opacity:0.8; 
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-timing-function: ease-in;
}
.image_catalogue:hover { 
	opacity:1;
    border: 1px light black;
	top:-1px; 
    position: relative;
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	box-shadow: 0 0 2px 2px #000;
	width:400px;
	
}
.image_concert { 
  width: 500px;
  margin: 5px 5px 5px 5px;
  border: 1px solid black;
    
	border-radius: 5px 5px 5px 5px;
}


.image_chronique { 
   width: 150px;
  float:left;
  margin: 5px 10px 5px 5px;
  border: 1px solid black;
    border: 1px solid black;
	border-radius: 5px 5px 5px 5px;
 	opacity:0.8; 
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-timing-function: ease-in;
}
.image_chronique:hover { 
	opacity:1;
    border: 1px light black;
	top:-1px; 
    position: relative;
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	box-shadow: 0 0 2px 2px #000;
	width:350px;	
}



/* les class qui correspondent au calendrier */

.ds_box {
	width:300px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
font-weight: bold;
	text-align: center;

	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;

	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */




.submit_modifier{
color: #fff;
    border-radius: 5px 5px 5px 5px;
     background: transparent url('images/picto-edition.png') no-repeat top left;
     width:40px; 	
     height:30px;
}



 <!--[if !IE]><!-->
<!--<![endif]-->