-@charset "utf-8";
/* CSS Document */
.titreorange {  
font-family: Verdana, Arial, Helvetica, serif; 
font-size: 9pt; 
font-style: 
normal;font-weight: 
bold;
text-align: justify;
color: orange  }


.texte {  
font-family: Verdana, Arial, Helvetica, serif; 
font-size: 9pt; 
font-style: normal;
text-align: left ;
padding-left:5px;
padding-right:5px;
color: #000000}

.texte a{
	color:#FFF;
	text-decoration:none;}

.texte a:hover{
	color:#000;
	text-decoration:none;}

.smalltexte {  font-family: Verdana, Arial, Helvetica, serif; font-size:7pt; font-style: normal;text-align: left ;color: #000000   }
.textenoir {  font-family: Verdana, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: normal;text-align: center ;color: #000000   }
.textenoircentre {  font-family: Verdana, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: normal;text-align: center ;color: #000000   }
.textenoirgras { font-family: verdana; font-size: 9pt; color: #000000;text-align: center;font-style: normal;font-weight: bold}
.fatexte { font-family: verdana; font-size: 10pt; color: #000000;text-align: center;font-style: normal;font-weight: bold}

.texteorange {
font-family: Verdana, Arial, Helvetica, serif; 
font-size: 9pt; 
text-align: justify;
color: orange ;}

.texteorange a{
	color:#FFF;
	text-decoration:none;}

.texteorange a:hover{
	color:#CCC;
	text-decoration:none;}


.textelive {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:16px; 
	padding-left:45px;
	padding-top:4px;
	color: orange;}

.textelive a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}

.textelive a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

.texteorange2 {  font-family: Helvetica, serif; font-size: 9pt; font-style: normal;text-align: justify;color: orange  }
.texteorange3 {  font-family: Helvetica, serif; font-size: 9pt; font-style: normal;text-align: center;color: orange  }

.titre {  
font-family: Verdana, Arial, Helvetica, serif; 
font-size: 9pt; 
font-style: normal;
font-weight: bold;
text-align: center;
color: #CCC  }

.titre a {
	color:#FFF;
	text-decoration:none;}

.titre a:hover{
	color:#999;
	text-decoration:nonce;}

.titre2 {  font-family: Verdana, Arial, Helvetica, serif; font-size: 7pt; font-style: normal;font-weight: normal;text-align: center;color: #000000  }
.titre3 {  font-family: Verdana, Arial, Helvetica, serif; font-size: 3pt; font-style: normal;font-weight: normal;text-align: center;color: #000000  }
/*A:link {text-decoration: none;color: #FFF; font-weight:bold;}
a:hover {text-decoration:none; color:#CCC}
A:visited {text-decoration: none; color: #616161}*/
.form.searchform {display: inline;}

/* taille de reference */


body{
	background-attachment:fixed;
	background-color: #C4C4C4;
}

/*colonne gauche*/
#colonne-gauche {
font-family: Verdana, Arial, Helvetica, serif; 
font-size: 9pt; 
}

#colonne-gauche a{
	color:#FFFFFF;
	text-decoration:none;}
	
#colonne-gauche a:hover{
	color:orange;
	text-decoration:none;}

#colonne-gauche img {max-width:264px; border	:	1px #444444 solid; background		:	#ffffff; padding:1px;}		

#colonne-gauche  h4 {
    background-color: #949494;
    color: white;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid orange;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px;
    font-weight: bold;
	text-align:center;
}

#colonne-gauche ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colonne-gauche ul li {
	margin-bottom: 20px;
	line-height: 1.9em;
}

#colonne-gauche li ul {
	border-top: 1px solid orange;
	background:  #5A5A5A;
	border-bottom: 0px solid #ccc;
}

#colonne-gauche li ul li {
	display: block;
	border-top: none;
	padding: 6px 7px;
	margin: 0;
	line-height: 1.5em;
	color: black;
}

#colonne-gauche li ul li a {
	font-weight: normal;
	color: white;
}

#colonne-gauche li ul.blocklist li {
	padding: 0;
	display: inline;
}

#colonne-gauche li ul.blocklist li a {
	display: block;
	padding: 7px 8px;
	text-decoration: none;
}

#colonne-gauche li ul.blocklist li a:hover {
	background-color: #e0e0e0;
	color: black;
}

#colonne-gauche li ul li a:hover {
	color: black;
}


  
#kright{
	background-color:#575a5d !important;
}


#contenupage a{
	color:#FFF;
	text-decoration:none;}
	
#contenupage a:hover{
	color:#CCC;
	text-decoration:none;}	

#colonne-droite {
	color: #5F5F5F;
	padding:5px;}	

#colonne-droite a{
	color:#FFF;
	text-decoration:none;}
	
#colonne-droite a:hover{
	color:#CCC;
	text-decoration:none;}	

#colonne-droite  h4 {
    background-color: #949494;
    color: white;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid orange;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px;
    font-weight: bold;
	text-align:center;
}

#colonne-droite ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colonne-droite ul li {
	margin-bottom: 20px;
	line-height: 1.9em;
}

#colonne-droite li ul {
	border-top: 1px solid orange;
	background:  #d0d0d0;
	border-bottom: 1px solid #ccc;
}

#colonne-droite li ul li {
	display: block;
	border-top: none;
	padding: 6px 7px;
	margin: 0;
	line-height: 1.5em;
	color: black;
}

#colonne-droite li ul li a {
	font-weight: normal;
	color: black;
}

#colonne-droite li ul.blocklist li {
	padding: 0;
	display: inline;
}

#colonne-droite li ul.blocklist li a {
	display: block;
	padding: 5px 5px;
	text-decoration: none;
}

#colonne-droite li ul.blocklist li a:hover {
	background-color: #e0e0e0;
	color: black;
}

#colonne-droite li ul li a:hover {
	color: black;
}

#contenupage img {max-width:675px;}

.clear {clear:both;
}

.bloc_droit img {float:left; padding:1px;width:105px;
	border			:	1px #444444 solid;
	background		:	#ffffff;
	}

.bloc_droite img {float:left; padding:1px;
	border			:	1px #444444 solid;
	background		:	#ffffff;
	}	
#colonne-droite img {max-width:264px; border	:	1px #444444 solid; background		:	#ffffff; padding:1px;}

.img_bloc_droit {
	text-align:center;
	width:105px;
	float:left;
	margin	:	50x 0px 0px 0px;
}
.bloc_droit2 img {float:left; padding:1px;width:120px;
	border			:	1px #444444 solid;
	background		:	#ffffff;
	}
.img_bloc_droit2 {
	text-align:center;
	float:left;
}
.img_bloc_gauche2 {
	text-align:center;
	float:right;
}
.text_bloc_droit {
	margin-left:110px;	
	text-align:center;
	padding:4px
}

#klleft {
    margin-top:1px;
    float: left;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    width: 710px;
}
#kright {
    margin-top:1px;
    float: right;
    width: 143px;
    background-color: #949494;
    padding-right: 0px;
	z-index:7;

}
#kright p {
    margin-top: 0px;
}

* html #kright p {
    margin-top: -0px;
}

.selection_vs {
	top:0px;
	position:absolute;
	left:0px;
	z-index:9;

}


.connexion {
	top:5px;
	position:absolute;
	width:100%;
	left:0px;
	text-align:center;
	z-index:9;
	color:#F60;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;}

.connexion a{
	color:#CCC;
	text-decoration:none}

.connexion a:hover{
	color:#FFF;
	text-decoration:none}



.logo {
	top:0px;
	position:absolute;
	left:50%;
	width:206px;
	margin-left:-500px;
}
.live {
text-align: center;
top:0px;
position:fixed;
width:222px;
height:122px;
left:50%;
margin-left:335px;
background-repeat:no-repeat;
z-index:9;
}

.all{
	top:0px;
	position:absolute;
	left:0px;
	width:100%;
	z-index:1;

}

*html .all{
    top:-1px;
	position:absolute;
	left:0px;
	width:100%;
	z-index:1;
}

.fond {
   top:0px;
   position:absolute;
   left:0px;
   width : 100%;
   height : 3000px;
   z-index : 0;
}

.fond a {
   top:0px;
   position:absolute;
   left:0px;
   display : block;
   width : 100%;
   height : 3000px;
   }

 
.banner_top{
	top:35px;
	position:fixed;
	width:578px;
	left:50%;
	margin-left:-250px;
	z-index:8;
}

/*menu jquery*/
.menu_jquery {
	top:118px;
	position:fixed;
	left:50%;
	height:22px;
	margin-left:-400px;
	width:795px;
	z-index:9;
}


  
 /*style menu horizontal*/ 
#bmenu {
	top:120px;
	position:absolute;
	width:1020px;
	left:50px;
	display:none;

z-index: 4;
font-family: Verdana, Arial, Helvetica, serif; 
font-size: 9pt;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
text-align:left;
}
#bmenu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#bmenu li {
 float:left;
 margin:auto;
 padding:0;
 }
#bmenu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:1px;
 }
#bmenu li a:hover {
 color:#FFD700;
 }
#bmenu ul li ul {
 display:none;
 }
#bmenu ul li:hover ul {
 display:block;
 }
#bmenu li:hover ul li {
 float:none;
 }

.facebook {bottom:0px;
width:100%;
position:absolute;
background-color:#575a5d;
z-index:9;}

.footer {
bottom:0px;
position:absolute;
background-color:#575a5d;}
 
.had {
height: 21px;
background-color: #949494;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF
}
.had555 {
height: 10px;
font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF
}
.had666 {
height: 120px;
vertical-align:middle;
background-color: #949494;
font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: normal;text-align: center;color: #FFFFFF
}
.had777 {
height: 4px;
font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF
}
.had888 {
height: 20px;
font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF
}
.had999 {
height: 40px;
font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF
}
.hag {
height: 14px;
width: 115px;
background-color: #000000 ;
color: #808080;
font-family: Verdana, Arial, Helvetica, serif; font-size: 7pt; font-style: normal;font-weight: normal;text-align: center;color: #FFFFFF
}

.had2 {
height: 16px;
background-color: #323232;
color: #FFFFFF
}

.catego {
height: 24px;
background-image: url('http://www.vs-webzine.com/images_new/bg_category.jpg');
background-repeat: repeat-x;
background-position: center top;
color: #FFFFFF
}

.catego2 {
height: 30px;
background-image: url('http://www.vs-webzine.com/images_new/bg_category.jpg');
background-repeat: repeat-x;
background-position: center top;
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 15px;
text-align: center
}

.tendance{
height: 14px;
text-align: center;
float: left;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 3px;
text-transform: uppercase;
background-color: #5A5A5A ;
color: #808080;
font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;font-weight: bold;text-align: center;color: #FFFFFF
}

.clean{
height: 14px;
width: 1px;
text-align: center;
float: left;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 3px;
text-transform: uppercase;
}

.TopMenu {
width: 1024px;
height: 112px;
color: #000000;
background-color: #A39F9F;
background-image: url(new-back-menu.jpg);
}

.Left {
float: left;
width: 150px;
overflow: auto;
color: #000000;
background-color: #A39F9F;
background-image: url(backleft2234.jpg);
}
.bloc {
  width: 100px;
  height: 200px;
  background-color: yellow;
} 
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Op?ra.*/
    .menu, .ssmenu {
        visibility:hidden;
    }
}
.menu, .ssmenu {
    background-color:#000000;
    color:white;
    font-size:12px;
    font-weight:bold;
    font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
    border:1px solid #00000;
    padding:1px;
/* width et margin sont au cas o? le javascript est d?sactiv?. */
    width:15em;
    margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
    text-align:center;
}
/* .ssmenu = Les parties "d?roulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de d?grad? !
    Pour voir d'autres effets :
    http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
    Par exemple :
    transparence ? 25% = opacit? ? 75%:
        FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
    "Glow" :
        FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
    Ombre en bas ? droite, 5 px :
        FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#000000,strength=5);
    */
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#000000);
    white-space : no-break;
}

.menu span, .ssmenu span {
/* Ne pas toucher
    C'est pour cacher les ; en fin de <li>, ce qui permet aux synth?se vocales de prendre une
    pause dans l'?locution */
    display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
    Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
    padding:0;
    margin:0;
    list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
    padding:2px 1px;
    text-decoration:none;
/* Ne pas modifier le block, margin et width */
    display:block;
    margin:0px;
    width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
    width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
    On change les couleurs du texte et de fond, et on enl?ve le soulignement.
    */
    background-color:#FF8000;
    color:black;
    text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo ? gauche du lien), pas de bordure
    car c'est vilain :-p */
    border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
    margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu exp?rimental, un <hr /> entre deux items pour faire un "s?parateur"... */
    margin-top:1px;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    width:100%;
    display:block;
}
div#contenu {
  float:left;
  width:550px;
  background-color:#FFCC00;
  }
div#menur {
  float:left;
  width:100px;
  background-color:#FF6699;
  }

.bloc1 {
background-color: blue;
width: 540px;
float: left;
}
.bloc2 {
background-color: green;
width: 140px;
float: left;
margin-left: 542px;
}

#content {
    clear: both;
    width: 865px;
}
#content2 {
    clear: both;
    width: 865px;
}
#lleft2 {
    float: left;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 0px;
    padding-top: 0px;
    width: 611px;

}
#krokro {
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#lleft3 {
    float: left;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 0px;
    padding-top: 0px;
    width: 600px;
    background-color:#FFCCAA;
}
#lleft {
    float: left;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    width: 710px;
}
.mainleft {
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 680px;
}


#stats {
    padding-left: 12px;
    width: 137px;
}
#right {
    float: right;
    width: 143px;
        padding-right: 0px;

}
#right p {
    margin-top: 0px;
}

* html #right p {
    margin-top: -0px;
}
#right2 {
    float: left;
    width: 128px;
}
#right2 p {
    margin-top: 0px;
}

* html #right2 p {
    margin-top: -0px;
}
#xright {
    padding-left: 0px;
    float: left;
    width: 116px;
}
#xright p {
    margin-top: 0px;
}


* html #xright p {
    margin-top: -0px;
}
#kroright {
    padding-left: 0px;
    float: left;
    width: 140px;
	z-index:7;
}

#kroright img{
	width			:	110px;
	border			:	1px #444444 solid;
	padding			:	2px;
	background		:	#ffffff;				
}

#kroright p {
    margin-top: 0px;
}

* html #kroright p {
    margin-top: -0px;
}


/*
#xdroite {
    padding-top: 0px;
    text-align: center;
	float: left;
    width: 100%;
    border: 0px solid #000000;
}
#xdroite p {
    margin-top: 0px;
}

* html #droite p {
    margin-top: -0px;

/* AddThis Vertical Hover Menu */

.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 6px 12px 6px 12px;
    color: #00bff3;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;    
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}

.droite {
top:140px;
position:absolute;
width:325px;
left:50%;
margin-left:0px;
z-index:7;
background-color:#575a5d;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
}

.droite a{
	color:#CCC;
	text-decoration:none;}
.droite a:hover{
	color:#FFF;
	text-decoration:none;}

/* ajout de nico PARTIE COMMENTAIRES */ 
.add_comment {
	background-color:#949494;
	width:100%;
	font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;
	text-align: center;
}

.header_comment {
	background-color:#949494;
	width:100%;
	font-family: Verdana, Arial, Helvetica, serif; font-size: 10pt; font-style: normal;
}

.header_comment img{
	margin			:	0px 0px 2px 0px;
	border			:	1px #444444 solid;
	padding			:	2px;
	background		:	#ffffff;				
}

.text_news {
	font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;
	padding-left:5px;
}

.titre_comment {
	height:23px;
	font-weight: bold;text-align: center;color: #FFFFFF;
	background-color:#323232;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid orange;
}

.titre_comment2 {
	height:1px;
	border-bottom: 1px dotted rgb(68, 68, 68);
}


.titre_comment_kro {
	height:38px;
	font-weight: bold;text-align: center;color: #FFFFFF;
	background-color:#323232;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid orange;
}

.titre_comment_last_komnews {
	font-weight: italic;text-align: left ;color: #000000;
	background-color:#A7A7A7;
	border:1px solid black;
	padding-left:3px;
}

.add_comment {
	width:100%;
	text-align:center;
}

.contener_comment {
	width:100%;
	font-family: Verdana, Arial, Helvetica, serif; font-size: 9pt; font-style: normal;
	background-color:#949494
}

.contener_comment img {padding-left:3px;	padding-bottom:3px;	
}

.separateur_comment {
	width:100%;
	height:1px;
	background-color:#FFFFFF
}

.author {
	text-align:center;
	background-color:#323232;
	width:132px;
	border:0px solid black;
	float:left; 
}
.comment {
	margin-left:140px;
	border:0px solid red;
	width:482px;
	background-color:#323232;
	text-align:left;
}
.author_header {
	background-color:#323232;
	width:20%;
	font-weight: bold;text-align: center;color: #FFFFFF;
	float:left;
	height:17px;
}
.comment_header {
	width:100%;
	background-color:#323232;
	font-weight: bold;text-align: center;color: #FFFFFF;
    height:17px;
}

.avatar {
	background-color:#949494;
	padding:3px;
}

.avatar img{
	border			:	1px #444444 solid;
	padding			:	2px;
	background		:	#ffffff;				
}

.free img{
	border			:	0px;
	padding			:	2px;
	background:transparent;
}


.text_comment {
	background-color:#949494;
	text-align:left;
}

.date {
	height:15px;
	font-style: italic;
}

.commentaire {
	min-height:90px;
}

.footer_commentaire {
	position:relative;
	bottom:0px;
}

.foot_bloc_gauche {
	text-align:left;
	width:230px;
	float:left; 
	padding:5px;
    border:0px solid #0ff000;
}
.foot_bloc_milieu {
	text-align:center;
	width:200px;
	float:left; 
	padding:5px;
    border:0px solid #0ff000;
	}
.foot_bloc_droit {
	text-align:right;
	width:200px;
	float:right; 
	padding:5px;
    border:0px solid #FFFFFF;
	}

.navigauche {
position : fixed;
left : 50%;
margin-left : -800px;
background-repeat:repeat-y;
background-position: top right;
}

.navidroite {
position : fixed;
left : 50%;
margin-left : 558px;
background-repeat:repeat-y;
background-position: top left;
}

.navigauche a, .navidroite a {
display : block;
width: 250px;
height:4500px;
}

#xdroite img{
	border			:	1px #444444 solid;
	padding			:	2px;
	background		:	#ffffff;				
}