@charset "UTF-8";
 
html, body {
margin: 0;
padding: 0;
height: 100%
left: 50px;
}


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

.content_002{
	float : left;
	width:638px;
	height:100%;
	background-color : #fff;
}
html>body .content_002 {
	min-height : 100%;
	width: 638px;
	overflow: hidden;
	background-image: url(images/006%20.jpg);
	background-repeat: repeat;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #FFFF00;
	border-right-color: #333333;
	border-bottom-color: #FFFF00;
	border-left-color: #FFFF00;
	border-right-style: ridge;
	height: auto;
}

.haut {
	background-color: #335EAD;
	background-image: url(images/top5.jpg);
	height: 172px;
}



 /* 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;
	text-decoration: underline;
}

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

.menu li a:hover {
	text-transform : uppercase;
	text-decoration : none;
	color : #FFF;
	font-size : 14px
 }  
  
  
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;
	background-color: #FFFF99;
	text-decoration: underline;
}
    h2 {margin : 10px 10px 10px 15px;  padding : 0 ; font-size : 12px; color :#bf7786; text-transform : uppercase}


  
  p {
	margin : 15px;
	padding : 0;
	height: auto;
	width: auto;
}
  

  /* 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;
	background-color: #66FFCC;
	border: thin dashed #0066CC;
	height: auto;
	width: 600px;
}
  .no_marge {margin-top : 0}
  	   
	   
	    h3 {margin : 0 0 10px 15px; padding : 0 ; font-size : 12px; color : #064675}
		
		


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




/* AGENDA */

.para_agenda {
	font-weight : bold;
	color : #064675;
	width : 600px;
	text-transform: none;
} 

.para_name_agenda {
	color : #064675;
	border: thin dashed #FFFF99;
	background-color: #FFFF99;
	width: 600px;
} 
 
 .img_pdf {float : left ; border : none}
 
 
  /* BUG IE */
.logo {
	width :170px;
	height : 153px;
	position: relative;
}


.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}