*{color: #000000;font-family: Calibri;}
img {border : none;}
a {text-decoration : none;}
a:hover {text-decoration : none;}

body{ background: #999999; margin : 0px auto; padding: 0px;}
#site {margin: auto; width:950px;height:600px;}

/* DESIGN SITE */
.site_haut_01		{width:202px; height:128px;}
.site_haut_02		{background: url('../images/design_05.png') no-repeat bottom right #999999; width:712px; height:128px;}
.site_haut_droit	{background: url('../images/design_06.png') no-repeat bottom left #999999; width:20px; height:128px;}

.site_01		{background: url('../images/arabesque.png') no-repeat bottom right; width:202px; height:435px;}
.site_02		{background: url('../images/design_12.gif') repeat-y bottom left #999999; width:732px; height:435px;}

.site_bas_01		{background: #999999; width:202px; height:37px;}
.site_bas_02		{background: url('../images/design_15.png') no-repeat bottom right #999999; width:712px; height:37px;}

/* MENU */
#menu a{display:block;
 height:41px;
 width: 201px;
 margin-top:7px;
 color:#ffffff;
}
#menu div{
 color:#ffffff;
 padding-left: 17px;
 padding-top: 7px;
 font-size: 19px;
 font-variant:small-caps;
 font-weight: bold;
}
.b_menu_vert a{background: url('../images/b_vert.png') no-repeat bottom left;}
.b_menu_vert a:hover {background: url('../images/b_hover_vert.png') no-repeat bottom left;}
.b_menu_mag a{background: url('../images/b_mag.png') no-repeat bottom left;}
.b_menu_mag a:hover {background: url('../images/b_hover_mag.png') no-repeat bottom left;}
.b_menu_orange a{background: url('../images/b_orange.png') no-repeat bottom left;}
.b_menu_orange a:hover {background: url('../images/b_hover_orange.png') no-repeat bottom left;}

/* CORPS PAGE */
h1 {font-variant:small-caps;font-weight: bold;font-size:24px;margin:0px;padding-left:15px;height:120px;}
.bg_h1_index{background: url('../images/fond_01.jpg') left center no-repeat; color: #E2007A;}
.bg_h1_02{background: url('../images/fond_02.jpg') left center no-repeat; color: #ffffff;}
.bg_h1_03{background: url('../images/fond_03.jpg') left center no-repeat; color: #ffffff;}

#wn p {padding:10px;}
#wn h1 {font-variant:small-caps;font-weight: bold;font-size:24px;margin:2px;}
#wn h2 {margin:2px;}
#wn h3 {margin:2px;}
#wn h4 {margin:2px;}
#wn fieldset {border:none; border-top:1px solid #ff0000;}
#wn legend {font-variant:small-caps;font-weight: bold;font-size:16px;}
#wn ul {padding: 0px; margin:0px;}
#wn li {padding: 0px;padding-left: 20px; margin: 0px;margin-left: 20px;list-style-type:none;}
#wn a {text-decoration: underline;}
#wn a:hover {color:#ff0000;}
#wn input {}





/* SCROLLBAR */
div#scrollbar {float: right;	display:block; margin-right:6px;}

div#wn	{ 
	position:relative;
    width:690px; height:317px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:10px; height:317px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:292px;
  background: #999999;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background: url("../images/bt_scroll.jpg") repeat-y top right #ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {    -moz-user-select: none;    -khtml-user-select: none;}
div#scrollbar img {    display:block;     } 

/* PIED DE PAGE */

.site_bas_01 a		{color: #ffffff; font-variant: small-caps;}

/* GALERIE PHOTO */
#img_gal_full{width:530px;text-align:center;}
#img_full{width:450px; height:300px;}
.img_gal{width:155px; padding:0px;}
.img_gal a{float: right;margin:0px; padding:0px;text-align:left;}
.img_gal a:hover{background-color: #E2007A;}
.img_gal img{width:65px; height: 65px;margin:5px;padding:0px;border:1px solid #E2007A;}