/* Général
*****************************************/

a img{
border:none;
}
a{
text-decoration:none;
}
body {
font-family:Arial;
background-color:#ececec;
/*behavior:url("csshover.htc");*/
}
/* Partie haute
*****************************************/
#top{
width:980px;
margin:0 auto 0 auto;
height:140px;
}
.bottom{
	width:938px;
	margin:3px auto;
	float:left;
	color:#666666;
	padding:3px 20px;
	text-align:center;
	font-size:12px;
	border-left:solid 1px #e3e3e3;
	border-right:solid 1px #e3e3e3;
	}
.b_article{
  width:768px
}
	
.b_ma{
  width:462px;
  border:none;
}
a#logo{
float:left;
width:248px;
height:100px;
text-indent:-9999px;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/css/logo.png');
}
html>body #logo {
	filter:none;
background-image:url(/css/logo.png);
margin-left:3px;
}

#quoideneuf{
	padding-bottom: 7px;
	}


/* Menu dynamique
*****************************************/
ul#menu {
margin:10px 0 5px 0;
display:block;
background:url(/css/fond_menu.gif);
height:31px;
padding-left:5px;
}

ul#menu li {
	display:block;
	float:left;
	height:31px;
	/*margin:0;*/
}
ul#menu a {
	display:block;
	height:31px;
	background:url(/css/menu.gif) 0 0 no-repeat;
}


ul#menu span {
	display:none;
}
ul#menu li#menu_home      {width:73px; margin-left:20px;}
ul#menu li#menu_home a:link    {background-position:0 0;}

ul#menu li#menu_musique      {width:73px;}
ul#menu li#menu_musique a:link    {background-position:-73px 0;}

ul#menu li#menu_mode      {width:54px;}
ul#menu li#menu_mode a:link    {background-position:-146px 0;}

ul#menu li#menu_places      {width:95px;}
ul#menu li#menu_places a:link    {background-position:-200px 0;}

ul#menu li#menu_societe      {width:67px;}
ul#menu li#menu_societe a:link    {background-position:-295px 0;}

ul#menu li#menu_cinema      {width:69px;}
ul#menu li#menu_cinema a:link    {background-position:-362px 0;}

ul#menu li#menu_conso      {width:62px;}
ul#menu li#menu_conso a:link    {background-position:-431px 0;}

ul#menu li#menu_art      {width:37px;}
ul#menu li#menu_art a:link    {background-position:-493px 0;}

ul#menu li#menu_contact      {width:70px;}
ul#menu li#menu_contact a:link    {background-position:-532px 0;}

ul#menu li#menu_links      {width:60px;}
ul#menu li#menu_links a:link    {background-position:-603px 0;}


ul#menu li#menu_home a:visited    {background-position:0 0;}
ul#menu li#menu_musique a:visited    {background-position:-73px 0;}
ul#menu li#menu_mode a:visited    {background-position:-146px 0;}
ul#menu li#menu_places a:visited    {background-position:-200px 0;}
ul#menu li#menu_societe a:visited    {background-position:-295px 0;}
ul#menu li#menu_cinema a:visited    {background-position:-362px 0;}
ul#menu li#menu_conso a:visited    {background-position:-431px 0;}
ul#menu li#menu_art a:visited    {background-position:-493px 0;}
ul#menu li#menu_contact a:visited    {background-position:-532px 0;}
ul#menu li#menu_links a:visited    {background-position:-603px 0;}

ul#menu li#menu_home a.active			{background-position:0 -67px;}
ul#menu li#menu_musique a.active			{background-position:-73px -67px;}
ul#menu li#menu_mode a.active			{background-position:-146px -67px;}
ul#menu li#menu_places a.active			{background-position:-200px -67px;}
ul#menu li#menu_societe a.active			{background-position:-295px -67px;}
ul#menu li#menu_cinema a.active			{background-position:-362px -67px;}
ul#menu li#menu_conso a.active			{background-position:-431px -67px;}
ul#menu li#menu_art a.active			{background-position:-493px -67px;}
ul#menu li#menu_contact a.active			{background-position:-532px -67px;}
ul#menu li#menu_links a.active			{background-position:-603px -67px;}

ul#menu li#menu_home a:hover			{background-position:0 -33px;}
ul#menu li#menu_musique a:hover			{background-position:-73px -33px;}
ul#menu li#menu_mode a:hover			{background-position:-146px -33px;}
ul#menu li#menu_places a:hover			{background-position:-200px -33px;}
ul#menu li#menu_societe a:hover			{background-position:-295px -33px;}
ul#menu li#menu_cinema a:hover			{background-position:-362px -33px;}
ul#menu li#menu_conso a:hover			{background-position:-431px -33px;}
ul#menu li#menu_art a:hover			{background-position:-493px -33px;}
ul#menu li#menu_contact a:hover			{background-position:-532px -33px;}
ul#menu li#menu_links a:hover			{background-position:-603px -33px;}



input,textarea{
border:none;
}
input.menu{
 border:solid 1px #333;
 color:#666;
float:left;
font-size:8pt;
width:100px;
margin:7px 0 0 17px;
}
#submit
{
width:7px;
height:7px;
margin:11px 0 0 7px;
text-indent:-9999px;
border:none;
background: transparent url(/css/loupe.gif) no-repeat center center;
}

#menu img{
margin:7px 0 0 7px;
}

#rss{
margin-left:20px;
width:20px;

	}
#fb{
width:20px;
margin-left:25px;
	}
#ms{
width:20px;
margin-left:1px;
	}



/* Contenu
*****************************************/

#contenu{
position: relative;
width: 980px;
clear:both;
margin:5px auto 0 auto;

}

#contenuma{
position: relative;

width: 980px;
height:auto;
clear:both;
margin:0 auto 0 auto;
overflow:auto;
}


/* Page principale
*****************************************/
#centre {
width:300px;
margin: 0 0 0 8px;
float:left;
}
#gauche {
  position: relative;
  float:left;
/*top: 0;*/
  width: 502px;
}
#droite {
  position: relative;
  float:right;
  /*right: 0;*/
  width: 160px;
}
* html #droite{
left:4px;
}



div.float { 
float: left;
position:relative;
}


div.float .barre_titre { 
font-family: arial, helvetica, sans-serif ;
position: absolute;
bottom:0px;
left:0px;
right:;
color: white;
width: 246px;
padding:10px 0 15px 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/css/50p.png');
}

.barre_titre[class] {
	bottom:0;
    background-image:url(/css/50p.png);
}

.boite{
width:246px;
height:200px;
}

.boite,.agenda,.blaster,.coms,.video,.une,.pub{
margin-bottom:8px;	
}
* html .boite,.une{
margin-bottom:6px;	
}
.une{
width:501px;
height:250px;
}
.new{
color:#F0F;
font-weight:bold;
padding-left:10px;
}
.barre_titre img{
padding-left:10px;
}
.titre{
color:#000;
font-size:1.1em;
padding-left:10px;
}
.soustitre{
color:#000;
font-size:0.8em;
padding-left:10px;
}
#suite{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Boites de la page principale
*****************************************/

.bigune{
margin-bottom:8px;
}
#boite_coms{
font-size:0.6em;
background-image:url(/css/back_commentaires.jpg);
width:270px;
height:149px;
padding-left:30px;
color:white;
}
a.com_boite{
	margin-top:8px;
	display:block;
	color:white;
	text-decoration:none;
}

a.com_boite .article{
color:#888;
}

#user_login{
background-image:url(/css/user_login.jpg);

}
#login{
width:300px;
height:251px;
background-color:black;
color:white;
}

#user_login input[type="submit"]{
width:19px;
height:54px;
float:right;
margin-right:38px;
text-indent:-9999px;
border:none;
background: transparent url(/css/go.png) no-repeat center center;
}


#maisaussi{
	background: black url(/css/fond_maisaussi.jpg) repeat-x center center;
	padding-top:10px;
	height:257px;
	float:left;
	width:501px;
	}
	
.maisaussi_boite{
float:left;
margin:20px 26px;
width:115px;
position:relative;
}
* html .maisaussi_boite{
margin:20px 19px;
}
.maisaussi_boite a{
text-decoration:none;
}

.article_new{
background-image:url(/images/new_maisaussi.gif);
position:absolute;
width:36px;
height:36px;
text-indent:-9999px;
left:0;
top:0;
}


#newsletter{
		background: transparent url(/css/back_newsletter.jpg) no-repeat;
		width:160px;
		height:75px;
		/*margin-top:9px;*/
		margin-bottom:9px;
}
#newsletter input{
		font-size:11px;
		text-align:center;
background-color:black;
color:#999999;
border:solid 1px #888;
width:140px;
margin:40px 10px 0 10px;
}
form,p{
margin:0 0 2px 0;
}
p{
text-align:justify;
}
#sondage{
	margin-bottom:10px;
}

#sondage a{
color:white;
text-decoration:none;
}
#question_sondage{
color:#FF0;
margin:4px 10px;
}
#reponses_sondage{
margin:0 10px;
}
.titre_sondage{
width:159px;
height:38px;
text-indent:-9999px;
background-image:url(/images/sondage.png);

}
.barre_sondage{
height:10px;
background-color:#222;
border: solid 1px #888;
font-size:8px;
text-align:right;
}

#miniads{
padding-bottom:50px;
}

#miniads a.lien{
border:solid 10px #dfdfdf;
margin-right:10px;
margin-bottom:10px;
float:left;
}

/* Pages de catégorie
*****************************************/

.liste_articles{
width:765px;
float:left;
margin-right:0;
}
.liste_maisaussi{
margin-left:0;
width:215px;
float:right;
background: black url(/css/fond_maisaussi2.jpg) repeat-x;
background-color:#ececec;
height:863px;
text-align:center;
}

* html .liste_maisaussi{
margin-left:-9px;
width:215px;
height:870px;
}
.categs_ma{
margin-top:40px;	
display:block;
text-decoration:none;
}
#pagination {
height:31px;
width:755px;
clear:left;
color:white;
background-image:url(fond_menu.gif);
background-repeat:repeat-x;
font-family:arial,helvetica,sans-serif;
font-size:12px;
}
  #pagination_prec{
	  float: left;
width: 25%;
margin-top:3px;
}
#pagination_pages{
float: left;
width: 50%;
text-align: center;
margin-top:3px;
}
#pagination_pages a{
color:#ffffff;
text-decoration:none;
padding-right:12px;
}
#pagination_suiv{
float: left;
width: 25%;
text-align: right;
margin-top:3px;
}
/* Articles
*****************************************/

#fond{
width:100%;
height:100%;
margin-top:5px;
}

#content_ma{
font-size:15px;
text-align:left;

}

#article{
background-color:#FFFFFF;
/*position:absolute;
top:260px;*/
float:left;
width:808px;
left:0;
}

	

.date_mois{
float:left;
background-color:#000000;
width:47px;
height:16px;
font-size:0.6em;
color:white;
text-align:center;
margin-top:20px;
margin-left:20px;
}

.date_jour{
float:left;
clear:left;
background-color:#000000;
width:47px;
height:30px;
font-size:1.4em;
color:white;
text-align:center;
margin-left:20px;
}
* html .date_mois,* html .date_jour{
margin-left:10px;
}
.article_categ{
color:red;
font-family:sans-serif;
font-size:0.9em;
margin-left:75px;
margin-top:20px;
}
.article_nom{
font-size:1.8em;
margin:0 0 0 75px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
.article_soustitre{
font-size:16px;
margin:0 0 10px 20px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}

div#sidebar {
width: 160px;
float:right;
position:relative;
}

* html div#sidebar{
left:4px;
} 

div#sidebar img{
border-bottom:solid 1px white;
}

#article_imgune{
border-bottom:solid 1px white;
float:left;
padding-right:2px;
margin-right:6px;
}

.article_auteur{
font-size:0.8em;
margin-left:20px;
}

#choix_unes{
height:20px;
text-align:right;
width:100%;
}

.date_fin{
font-size:0.8em;
}
/* Commentaires d'articles
*******************************/


#commentaires{

height:380px;
clear:both;
}

html>body #commentaires {
height: auto;
min-height: 380px;
} 


.commentaire{
background-color:#ffffff;
width:500px;
border-bottom:double 1px #e6e5e5;
margin:25px 0;
font-size:0.7em;
padding-bottom:20px;

}
.commentaire a{
color:#bcbcbc;
}
.com_infos{
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#bcbcbc;
font-size:18px;
}

.commenter{
font-size:18px;
padding-left:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.commenter2{
font-size:18px;
padding-left:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin-bottom:20px;
}

.comment_content{
font-size:12px;
padding-top:10px;

}


#commentaires form{
width:550px;
height:170px
margin:0;

}
#commentaires form h4{
margin-left:15px;
}

#pseudotxt{
width:200px;
padding:10px;
height:16px;
background-color:#ececec;
border:1px #CCCCCC;
margin:5px;
float:left;
}

#mailtxt{
width:200px;
padding:10px;
height:16px;
background-color:#ececec;
border:1px #CCCCCC;
margin:5px;
}

#codetxt{
margin:5px;
}
#cryptogram{
float:left;
padding:5px;
}

#commenttxt{
width:430px;
height:74px;

background-color:#ececec;
padding:10px;
border:1px #CCCCCC;
margin:5px;
}
#code{
width:200px;
padding:10px;
height:16px;
background-color:#ececec;
border:1px #CCCCCC;
margin:5px;
}
#submitcom{
background-image:url(/css/poster.png);
width:60px;
height:21px;
text-indent:-9999px;
border:1px #999999;
}

.erreur{
color:red;
font-size:1.4em;
}
/* Styles liés aux articles trip
*****************************************/	

#img_trip{
width:220px;
height:400px;
float:left;
margin:10px;
}
* html #img_trip{
margin-left:5px;
margin-right:-5px;
}
#img_trip img{
margin:10px;
}
#content_trip{
float:left;
width:750px;
text-align: justify;
margin:20px 0 2em 20px;
}

#trip_txt{
text-align:justify;
margin:0 20px 0 20px;
padding-bottom:20px;
padding-top:20px;
}

#content_trip .date_mois,#content_trip .date_jour{
margin:0;
}
#content_trip .article_categ{
margin-top:0
}
#content_trip .article_categ{
margin-left:55px;
}
#content_trip .article_nom{
margin-left:55px;	
}
.commentaires_trip{
margin-left:260px;
}


/* Styles liés aux articles galerie
*****************************************/

.images_galerie{
margin:2em 0 2em 16px;
}
.images_galerie1{
width:744px;
margin:0 auto 2em auto;
}
.images_galerie a{
padding:0 4px;	
}
.images_galerie a img {
margin:2px 0;	
}
.images_galerie1 img{
margin:4px;	
float:left;
}

#images_galerie_zoom{
width:750px;
margin:2em auto;
text-align:center;
}
#images_galerie_nav {
background-color:black;
width:100%;
clear:left;
color:white;
font-family:arial,helvetica,sans-serif;
font-size:0.7em;
height:22px;
margin-top:5px;
}
#images_galerie_nav a{
color:white;
}
#images_galerie_nav img{
margin:0px 6px;;
}
#images_galerie_prec{
float: left;
width: 25%;
margin-top:3px;
text-align: left;
}
#images_galerie_pages{
float: left;
width: 50%;
text-align: center;
margin-top:3px;
}
#images_galerie_suiv{
float: left;
width: 25%;
text-align: right;
margin-top:3px;
}

.commentaires_gal{
margin-left:20px;
}
* html .commentaires_gal{
margin-left:23px;
}
.commentaires_gal1{
margin-left:36px;
}
.commentaires_gal h3,.commentaires_gal1 h3{
margin-left:0;
}

/* Styles liés aux articles selection
*****************************************/
.pochette{
float:left;
}
#pochettes{
width:684px;
height:520px;
margin:0 auto 2em auto;
}

#legende{
	text-align:center;
width:200px;
height:200px;
padding:10px;
background-image:url(/css/selection2.gif);
color:white;
}
.commentaires_sel{
margin:0 66px;
}
.commentaires_sel h3{
margin-left:0px;
}

.sel_titre_style{
background-color:black;
padding:3px;
font-size:0.8em;
text-align:center;
color:white;
}
.pochette img{
margin:4px 4px 4px 4px;
}
#legende{
margin:4px;
}
*html #legende{
margin:4px 4px 12px 4px;
}


/* Styles liés aux articles style
*****************************************/

#style{
background-image:url(fond_page.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
/*position:absolute;
top:260px;*/
float:left;
width:808px;
left:0;
}

/*#shople{
	position:absolute;
	width:100px;
	height:15px;
	background-color:#000;
	color:#FFF;
	margin-top:100px;
	margin-left:95px;
	}*/

#style_imgs{
width:682px;
margin:2em auto 2em auto;
}

#style_imgs img{
margin:3px;
}
.commentaires_style{
margin-left:64px;
}
/* Styles liés aux articles interview
*****************************************/
#imgs_itw{
width:201px;
float:left;
margin:10px;
}
* html #imgs_itw{
margin-left:5px;
margin-right:-5px;
}
#content_itw{
float:left;
width:560px;
margin:20px 0 2em 10px;
text-align: justify;
}
* html #content_itw{
margin-left:15px;
}
#content_itw .date_mois,#content_itw .date_jour{
margin:0;
}
#content_itw .article_categ{
margin-top:0
}
#content_itw .article_categ{
margin-left:55px;
}
#content_itw .article_nom{
margin-left:55px;	
}
.img_itw{
margin:10px;
}
.commentaires_itw{
margin-left:222px;
}
/*.commentaires_itw #pseudotxt{
margin-left:-80px;	
}*/

.commentaires_itw h3{
margin-left:0;
}
/* Styles liés aux articles mais aussi
*****************************************/
#ma_gauche {
position: relative;
float:left;
width: 640px;

background-color:#ffffff;
}



#ma_centre {
width:320px;
background-color:#FFFFFF;
padding-top:20px;
padding-left:19px;
float:left;
}

#content_ma .article_categ,#content_ma .article_nom{
margin-left:55px;
}
#content_ma .article_auteur{
margin-left:0;	
}

#ma_droite {
  position: relative;
  float:right;
  /*right: 0;*/
  width: 160px;
}
* html #ma_droite{
left:4px;
}


#content_ma{
min-height:450px;
margin:20px;
}

#content_ma .date_mois,#content_ma .date_jour{
margin:0;
}

.commentaires_ma{
margin:20px 20px 0 20px;

}





/* Styles liés aux articles libre
*****************************************/
#libre_txt{
padding:20px;	
}
.commentaires_libre{
margin:20px;
}


/* Styles liés aux pages numéro
*****************************************/
#numero_gauche{
width:300px;	
overflow:auto;
float:left;
margin-right:9px;
}
#issuenumber{
width:300px;
height:450px;
padding-top:14px;	
background-image:url(/css/fond_page.gif);
background-repeat:repeat-x;
font-size:20px;
text-align:center;
font-family: Arial, Helvetica, sans-serif ;
}
#numero_centre{
width:502px;
overflow:auto;	
float:left;
}

/* Page Links Wall
*****************************************/
#links{
width:809px;
float:left;
}
#links a.lien{
border:solid 5px #777;
width:135px;
height:135px;
margin:8px;
display:block;
background-color:black;
float:left;
}

/* Page Contact
*****************************************/
#contact{
	padding-left:40px;
	padding-right:40px;
}
#contact_gauche {
position: relative;
float:left;
width: 980px;

background-color:#ffffff;
}

#contact1{
	padding-left:40px;
	padding-right:20px;
	padding-top:40px;
	float:left;
}

#contact2{
	padding-top:40px;
	padding-right:40px;
}