html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
text-align : justify ;
font-family : verdana;
font-size : 11px;
color : #000;
background: #fff url(images/bg.jpg ) repeat-y;
}
.content{
float : left;
width:170px;
height:100%;
background-color : transparent;}
html>body .content {height : auto; min-height : 100%}

.content_002{
float : left;
width:750px;
height:100%;

background-color : #fff;}
html>body .content_002 {height : auto; min-height : 100%}

.haut {
width:638px;
height:153px;
background: #5ED0FB url(images/top5.jpg) ;}



 /* BARES POINTILLES*/

div.hr {
height: 3px;
margin : 0   ;
padding : 0;   
background : #000 }

div.hr hr {
display: none;  padding :0; 
}

div.hr2 {

height: 3px;
margin : 0   ;
padding : 0;   
background : #000 ;
width : 520px;
float : left;
margin : 20px 10px 10px 10px ;
background: url(images/hr.jpg) repeat-x;


}
div.hr2 hr {
display: none;  padding :0; 
}


div.hr3 {

height: 5px;
margin :  0   ;
padding : 0;   
width : 150px;
background: #fff url(images/hr.jpg) repeat-x;



}
div.hr3 hr {
display: none;  padding :0; 
}


div.hr4 {

height: 5px;
margin :  20px 0 0 8px   ;
padding : 0;   
width : 490px;
background: #fff url(images/hr.jpg) repeat-x;
float : left;
}html>body div.hr4  {margin :  20px 0 0 15px   ;  }

div.hr4 hr {
display: none;  padding :0; 
}

 /* SEPARATEUR  */
.spacer {clear : both ; height : 13px ; background-color : transparent}

.spacerfin {clear : both ; height : 43px ; background-color : transparent}

 /* MENU */
 
  ul, li {margin : 0; padding : 0; list-style : none}
 
  .menu{ 
width : 170px ; 
height:100%;

 margin-left : 0;

text-align : center;

font-weight : bold;
text-transform : uppercase;
}
  
.menu li {width : 170px  ;}

.menu li a { 
padding-top : 20px;
height : 40px;
display : block;
color : #fff; 
text-decoration : none ;  
background : url(images/separateur_menu.gif) no-repeat bottom;
}
html>body .menu li a  {padding-top : 20px;
height : 40px;  }

.menu li a:hover {
text-transform : uppercase;
text-decoration : none ; color : #FFF;
font-size : 18px
 }  
  
  
li.exept a {
padding-top : 20px; 
padding-bottom : 10px;
height : 30px;
display : block;
color :  #25363B ; 
text-decoration : none ;  
background : url(images/mouse_over_menu_on.gif) no-repeat bottom ;}
html>body li.exept a  {padding-top : 20px; height : 30px;  }

li.exept a:hover { 
text-decoration : none ;  }  
  

  
 
 
  /* PARAGRAPHES général*/
  
  h1 {margin : 10px 10px 10px 15px; padding : 0 ; font-size : 12px; color : #bf7786; text-transform : uppercase}
    h2 {margin : 10px 10px 10px 15px;  padding : 0 ; font-size : 12px; color :#bf7786; text-transform : uppercase}


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

  /* LIENS */
  
 a {color: #064675; text-decoration:underline; text-transform : uppercase ; font-size : 10px} 
a:hover {color : #064675; text-decoration:none;} 

a.class1 {color:#fff; text-decoration:none; font-weight : bold } 
a:hover.class1 {color:#fff; text-decoration:none;}

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










 
  /* IMAGES DIVRES*/
  
  
 .englobe_img_intro_groupe {float : left; margin-left : 20px; width : 113px}
.img_intro_groupe { margin-top : 10px }
.mouse_over_menu {background : url(images/mouse_over_menu.gif) no-repeat left; color : red}

.img_boutus {float : left; margin-top : 5px ; margin-left : 10px}

  /* images pages locations */
  .img_visu_location_001 {float : left ; margin-left : 15px ; margin-top : 10px}
.img_visu_location {float : left ; margin-left : 15px ; margin-top : 10px}

.disk {float : left ; margin : 0 10px 10px 20px} 

.disk2 {float : right ; margin : 0 30px 10px 20px} 
  
  /* MISSIONS */


.missions {float : left ;margin-left : 0}

.para_missions {padding-left : 80px ; background : url(images/1.jpg) no-repeat left; height : 70px; }
.para_missions_2 {padding-left : 60px ; background : url(images/2.gif) no-repeat left;  height : 40px; }
.para_missions_3 {padding-left : 60px ; background : url(images/3.gif) no-repeat left;  height : 40px; }

  /* MEMBRES */
  

  
  
    .blocs_membres {
  width : 310px ; 


    float : left ; 
	margin-top : 30px;
	background : #fff;
	margin-left : 0px;
}
	
	.img_membres {margin : 0 0 0 15px}
	
	.membres_id { background-color : #fff ; margin : 50px 0 0 10px}
	
	
	  /* paragaphes membres */
	
	
	.para_nom { margin : 0}
	.para_membres {margin-top : 5px ; margin-bottom : 0}
    .bold {font-weight : bold}
  .no_marge {margin-top : 0}
  	   
	   
	    h3 {margin : 0 0 10px 15px; padding : 0 ; font-size : 12px; color : #064675}
		
		  /* music */
    
	    .blocs_music {
  width : 210px ; 


    float : left ; 
	margin-top : 30px;
	background : #fff;
	margin-left : 0px;
}

	    .blocs_texte {
  width : 410px ; 


    float : left ; 
	margin-top : 0px;
	background : #fff;
	margin-left : 0px;
}

.img_music {float : left ; margin : 0 0 0 15px}


.para_musique {margin : 0 0 0 10px; padding : 0 ; font-weight : bold ; text-transform : uppercase}

.para_musique2 {margin : 5px 0 0 10px; padding : 0}


.para_musique3 {margin : 10px 0 0 10px; padding : 0}
	 

  /* MEMBRES BOUTON ET TEXTE*/
.boot_admin {margin-left : 448px ; width : 190px ; height : 25px ; background : url(images/bouton_noir.gif) no-repeat ; color : #fff}
.boot_admin_vide {margin-left : 448px ; width : 190px ; height : 25px ;}
.para_cond_admin {margin : 0 0 0 28px ; padding-top : 5px}

  /* conditions */

.para_conditions {padding-left : 40px ; background : url(images/1.jpg) no-repeat left center; height:30px ; padding-top : 10px}
.para_conditions_2 {padding-left : 40px ; background : url(images/2.gif) no-repeat left; height:30px ; padding-top : 10px}
.para_conditions_3 {padding-left : 40px ; background : url(images/3.gif) no-repeat left; height:30px ; padding-top : 10px}
.para_conditions_4 {padding-left : 40px ; background : url(images/4.gif) no-repeat left; height:30px ; padding-top : 10px}
.para_conditions_5 {padding-left : 40px ; background : url(images/5.gif) no-repeat left; height:30px ; padding-top : 10px}
.para_conditions_6 {padding-left : 40px ; background : url(images/6.gif) no-repeat left; height:30px ; padding-top : 10px}
.para_conditions_7 {padding-left : 40px ; background : url(images/7.gif) no-repeat left; height:30px ; padding-top : 10px}


.para_conditions_double {padding-left : 40px ; background : url(images/5.gif) no-repeat left; height:30px ; }
.para_conditions_double2 {padding-left : 40px ; background : url(images/6.gif) no-repeat left; height:30px ; }

.para_cond_liste {margin : 0 0 0 40px ; padding-top : 5px}


/* LOCATIONS */
  	   
	   
h4 {margin : 0 0 0 15px; padding : 0 ; font-size : 12px; color : #064675}  
		




/* AGENDA */

.para_agenda {font-weight : bold ; color : #064675 ; width : 400px} 

.para_name_agenda {color : #064675 ; } 
 
 .img_pdf {float : left ; border : none}
 
 
  /* BUG IE */
.logo {width :170px; height : 153px}


.flash {float: right ; margin-right : 0px ; margin-top : -10px}

.signature {float : right ; margin-top : 40px}


.copy {border : 0}


.parartiste {width : 500px}

.imgcontact  { margin-left : 15px}

form p { font-weight : bold ; text-transform : uppercase  ; margin : 5px 0 0 15px; padding : 0 ; font-size : 10px}