body { margin : 0 ; padding : 0; background : #1f1f1f; text-align : center ; font-family : arial ; font-size : 10px ; color : #fff}


 /* Conteneur */
#bandeau {
height : 150px ; 
background : transparent ;
position : relative ;  }

#content {
width : 980px;
margin : 20px auto 20px auto; 
background : transparent;
text-align : left ; 
}


 /* Pied de page */

#footer {clear : left ; 
height : 30px ; 
text-align : center ; }

#signature {
text-align : right ;
font-family : arial ;
font-size : 10px ; 
color : #fff}

#lienwallpaper {
text-align : center ;
font-family : arial ;
font-size : 10px ; 
color : #fff}

#signature_centre {
text-align : center ;
font-family : arial ;
font-size : 10px ; 
color : #fff}
 
 /* blocs qui forment les "colonnes" */

.bloc_gauche{
float : left ;
width : 200px ;
 background : transparent ; 
 margin : 0 10px 0 0;}
 
 .bloc_gauche440{
float : left ;
width : 440px ;
 background : transparent ; 
 margin : 0 10px 0 0;}

 .bloc_gauche455{
float : left ;
width : 455px ;
 background : transparent ; 
 margin : 0 10px 0 0;}
 
  .bloc_droit470{
float : left ;
width : 470px ;
 background : transparent ; 
 margin : 0 10px 0 0;}

  .bloc_droit455{
float : left ;
width : 455px ;
 background : transparent ; 
 margin : 0 10px 0 0;}
 
  .bloc_droit460{
float : left ;
width : 460px ;
 background : transparent ; 
 margin : 0 10px 0 0;}

   .bloc_droit710{
float : left ;
width : 710px ;
 background : transparent ; 
 margin : 0 10px 0 0;}
 
  .bloc_total{
float : left ;
width : 920px ;
 background : transparent ; 
 margin : 0 10px 0 0;}

 .blocvignette {
float : left ;
width : 233px ;
background : transparent ; 
margin : 0 10px 0 0;}
 
 .bloc {
float : left ;
width : 230px ;
background : transparent ; 
margin : 0 10px 0 0;}

 .bloc_grand {
float : left ;
width : 710px ;
background : transparent ; 
margin : 0 0 0 0;}

 .bloc_img_gauche{
  margin : 10px 0 0 0;
 border : 1px solid #fff ; 
 display : block ;
 text-align : center ; }

 .bloc_img_gauche_sans_cadre{
  margin : 10px 0 0 0;
   border : 1px solid black;
 display : block ;
 text-align : center ; }

 .bloc_img{

 margin : 0 0 10px 0;
 border : 1px solid #000 ; 
 display : block ;
 text-align : center ; }
 
  .bloc_img_gris{
 margin : 0 0 10px 0;
 border : 1px solid #2a2727 ; 
 display : block ;
 text-align : center ; }
 
   .bloc_img_black{
 margin : 0 0 10px 0;
 border : 1px solid black ; 
 display : block ;
 text-align : center ; }

.bloc_imgcopyright{

margin : 10px auto auto 10px ;
 border : 1px solid #fff ; 
 display : block ;
 float : center ; } 

  .in_bloc_img{

 margin : 10px auto auto 10px ;
 border : 1px solid #fff ; 
 display : block ;
 float : right ; }

.in_bloc_img_black{

 margin : 10px auto auto 10px ;
 border : 1px solid black ; 
 display : block ;
 float : right ; }
 
   .in_bloc_img_gauche{

 margin : 10px 10px auto 10px ;
 border : 1px solid #fff ; 
 display : block ;
 float : left ; }
 
   .in_bloc_img_droit{

 margin : 10px 10px auto 10px ;
 border : 1px solid #fff ; 
 display : block ;
 float : right ; }

   .in_bloc_imgcenter{

 margin : 10px auto auto 10px ;
 border : 1px solid #fff ; 
 display : block ;
 float : right ; }
 
 .in_bloc_img_fondue{

 margin : 10px 30px auto 10px ;
 display : bloc ;
 float : right ; }
 
.texte_in_gauche {	
	width : 315px;
	margin : 0 auto 0 auto; 
	padding : 0 0 0 0 ; 
	text-align : justify; 
	font-size : 14px ;
	float : left ;  }
	
.texte_in_droit {	
	width : 402px;
	margin : 0 auto 0 auto; 
	padding : 0 0 0 0 ; 
	text-align : justify; 
	font-size : 14px ;
	float : right ;  }
.bloc_divers230x150 {width : 230px ; height : 150px ; margin : 0 0 10px 0 ;  border : 1px solid #2a2727 ; background : url(images/021droite.jpg); }
.bloc_divers200x320 {width : 200px ; height : 300px ; margin : 0 0 10px 0;   border : 1px solid #2a2727 ;  background : url(images/021.jpg); }
.bloc_divers200x320city {width : 200px ; height : 300px ; margin : 0 0 10px 0;   border : 1px solid #2a2727 ;  background : url(images/021city.jpg); }
.bloc_divers200x300 {width : 200px ; height : 300px ; margin : 0 0 10px 0;   border : 1px solid BLACK ;  background : url(images/021200300.jpg); }
.bloc_divers200x300ASNL {width : 200px ; height : 300px ; margin : 0 0 10px 0;   border : 1px solid #2a2727 ;  background : url(images/ASNLlogo.jpg); }
.bloc_divers230x100 {width : 230px ; height : 100px ; margin : 0 0 10px 0;   border : 1px solid black ;  background : url(images/021droite.jpg);  }
.bloc_divers200x270 {width : 200px ; height : 575px ; margin : 0 0 10px 0;   border : 1px solid #333333 ; background : url(images/021.png);  }
.bloc_divers200x270city {width : 200px ; height : 262px ; margin : 0 0 10px 0;   border : 1px solid #2a2727 ; background : url(images/021city.jpg);  }
.bloc_droit780x570 {float : right ; width : 766px ; height : 574px ; margin : 0 0 10px 0;   border : 1px solid #2a2727 ; background : transparent ;   }

.bloc_droit_PATCHWORK {float : left ; width : 737px ; height : 574px ; margin : 0 0 0 0;   border : 1px solid black ; background : transparent ;   }

#in_bloc_droit780x570 {
	width : 766px;
	margin : 0 auto 0 auto; 
	padding : 0 0 0 0 ; 
	height : 574px ; 
	text-align : justify; 
	font-size : 14px ;  }

#in_bloc_droit780x570_overflow {
margin : 0 auto 0 auto; 
padding : 0 10px 0 10px ; 
height : 574px ;  
overflow : auto ;  }

#in_bloc_droit780x570 h2{
background : GRAY;
color : white ;
margin : 0 0 0 0 ; 
padding : 0; 
font-size : 1em ;
height : 18px; 
line-height : 18px ;
text-indent : 10px ; 
text-transform : uppercase;    }

#in_bloc_droit780x570 p{
margin : 0 ; 
padding : 10px 0 0 0;
 }

.bloc_divers200x320 ul {margin : 10px 0 20px 10px ; padding : 0 ; list-style : none ;  }


/* MENU */


#menu_haut {
height : 20px ; 
background : url(images/BANDEAU920.png);
}

#menu_haut ul {
right : 60px ; 
top : 30px ; 
list-style : none ;
margin : 0; 
padding : 0;}
#menu_haut li {float : left ; margin : 0 0 0 0 ; border-left : 1px solid #fff ;}

#menu_haut li:first-child {
border:0;
}


#menu_haut li a {
padding : 0 5px 0 5px; 
text-decoration : none ; 

color : #fff; 
text-transform : uppercase ; }

#menu_haut li a:hover {
color : #cd6600 ;}

 #menu_haut #on{ 
color : #cd6600 ; 

}

#menu {}

#menu ul {
width : 200px;
list-style : none ;
margin : 10px 0 10px 0; 
padding : 10px 0 0 0;
background : #OOO ;  }

#menu li {text-transform : uppercase}

#menu li a {
display : block;
 line-height : 20px ; 
 height : 20px ;
color : white;
   margin : 0 0 5px 0 ;
    padding : 0 ;
	text-decoration : none ; 
	background : url(images/bgblack.jpg);
	text-indent : 10px ; 

 }

#menu li a:hover { 
display : block;
 color : #OOO ;
 line-height : 20px ; 
 height : 20px ;
color : black;
   margin : 0 0 5px 0 ;
    padding : 0 ;
	background : url(images/bg.jpg)

}


 #menu #on{ 
background : url(images/bg.jpg);
color : black ; 

}

#menunews {}

#menunews ul {
width : 200px;
list-style : none ;
margin : 0 0 10px 0; 
padding : 10px 0 0 0;
background : #OOO ;  }

#menunews li {text-transform : uppercase}

#menunews li a {
display : block;
 line-height : 20px ; 
 height : 20px ;
color : white;
   margin : 0 0 5px 0 ;
    padding : 0 ;
	text-decoration : none ; 
	background : transparent ;
	text-indent : 10px ; 

 }

#menunews li a:hover { 
display : block;
 color : #OOO ;
 line-height : 20px ; 
 height : 20px ;
color : black;
   margin : 0 0 5px 0 ;
    padding : 0 ;
	background : url(images/bg.jpg)

}


 #menunews #on{ 
background : transparent ;
color : black ; 

}

.menu_asnl {
text-decoration:none ;
font-size:15px ;
}

a.menu_asnl {
color : white; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.menu_asnl  {
color : red;
text-decoration : none;  
}

.lientexte {
text-decoration:none ;
font-size:15px ;
}

a.lientexte {
color : gold; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.lientexte  {
color : red;
text-decoration : none;  
}

h1 {
margin : 0;
padding : 0 0 0 0; 
font-size : 3em}


h2 {margin :0;
padding : 0 0 0 10px; }


h3 {margin :0;
padding : 10px 0 0 10px; }


p {margin :0;
padding : 0 10px 0 10px;  }

.in_bloc_droit780x570_pboot {
margin : 0 0 0 0 ; 
padding : O 10px 0 10px ; 
text-indent : 20px ; 
font-size : 12px ;
background :  url(images/pbootredfleche.jpg)  no-repeat left ;}

a {color : #fff ; text-decoration : underline ; }
.couleuralpha {color: #eb5523; font-weight : bold; font-size : 15px}
.couleurtxt {color : red; font-weight : bold;}
.couleur {color : red; font-weight : bold; font-size : 20px ;}
.couleur1 {color : red; font-weight : bold;}			
.couleur2 {color : darkgoldenrod; font-weight : bold; font-size : 20px}	
.couleur2h1 {color : palegoldenrod; font-weight : bold;}
.couleurtribu {color : blue; font-weight : bold; font-size : 20px ;}
.couleurgris {color : dimgray; font-weight : bold; font-size : 20px ;}
.google {padding : 10px 0 0 10px}

.spacer {
clear : both; 
padding : 0 0 5px 0 ;
 }
.spacer1 {
clear : both; 
padding : 0 0 10px 0 ;
 }
 .spacermedium {
clear : both; 
padding : 0 0 20px 0 ;
 }
.spacerbig {
clear : both; 
padding : 0 0 30px 0 ;
 }
 
.ancre {
text-decoration:none ;
font-size:10px ;
}

a.ancre{
color : red; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.ancre {
color : #fff; 
text-decoration : none;  
}

 /* galerie photo simple nancy my city */
 
#gallery {
	float:left;
	width: 720px;
}
#thumbs {
	width: 275px;
	float: left;
}
#thumbs a {
	display: block;
	float: right;
	margin: 0 5px 5px 0;
	width: 50px;
	height: 50px;
	border: 0px solid #000;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
}
#thumbs a:hover {
	border-color: #ddd;
}
#thumbs a:hover img {
    position: absolute;
	width: auto;
	height: auto;
	float : right;
	border: 1px solid #333;
	margin : 0 10px 0 auto; 
	padding : 0 0 0 0 ; 
	text-align : justify; 
	font-size : 14px ; 
}