@charset "utf-8";

A:link {text-decoration: none;  color: #252F73;}
A:visited {text-decoration: none; color: #371F37; }
A:hover { text-decoration: underline; color: #EB1827; }				

a img{
 border:0;
}

 body,td, th, textarea, input, select, h2, h3, h4, h5, h6 {
font : arial, helvetica, sans-serif;	
font-size: 12px;			
 
}

	  
.font_arial_30_orange {
font: normal 30px Arial;  
color:  #E25D24; 
}	
		
		
		
div.wrap{
 width:356px;
 margin:0 auto;
 text-align:left;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:337px;
  height:52px;
  margin:22px 0 0;
  background: url(12345673215-3-2-3_img/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:337px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:337px;
 margin:-1px 0 0;
}
div#header div.wrap{
  height:500px;
}
div#header div#slide-holder{
  z-index:40;
  width:337px;
  height:500px;
  position:absolute;
}
div#header div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:337px;
   height:500px;
   overflow:hidden;
   position:absolute;
}
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:0px;
   width:337px;
   height:100px;
   display:none;
   position:absolute;
   background:url(12345673215-3-2-3_img/slide-bg.png) 0 0;
  }	
  
  
  
  
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;	 
	width:337px;
    display:inline;
    margin:15px 0 0 20px;
	font: normal 15px Arial;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
  	float:left;  
	width:337px;
    height:24px;	 
    display:inline;
    margin:10px 10px 10px 10px;	
	clear:both;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     margin:0 8px 0 0;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
	 color:white;  
		font: normal 18px Arial;  
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(12345673215-3-2-3_img/silde-nav.png);}
div#nav ul li a{background:url(12345673215-3-2-3_img/silde-nav.png) no-repeat;}





/* http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm  */ 
/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}	   



/* http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/ */ 
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url("http://www.mattfind.com/12345673215-3-2-3_img/alt_star.gif") left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
	.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}
	    #loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}
	


			 
r: black;
text-decoration: underline;
}

.intertitre {
font: normal 12px Arial;  
color:  #999999; 
}
  
.titre_site {
 font: normal 19px Arial;

}  

.titre_site_sous_adresse {
   font: normal 11px Arial;			
   color:  #999999; 
}

.description {
    font: normal 13px Arial;			
   color:  black; 
}  	 

.font_arial_19 {
font: normal 19px Arial;  
}    



.font_arial_10_gris {
font: normal 10px Arial;  
color:  #AEB2B9; 
}  		

.font_arial_12_gris {
font: normal 12px Arial;  
color:  #AEB2B9; 
}  		 

.font_arial_14_gris {
font: normal 14px Arial;  
color:  #AEB2B9; 
}

.font_arial_16_gris {
font: normal 16px Arial;  
color:  #AEB2B9; 
}

.font_arial_18_gris {
font: normal 18px Arial;  
color:  #AEB2B9; 
}

.font_arial_20_gris {
font: normal 20px Arial;  
color:  #AEB2B9; 
}
   
.font_arial_10_noir {
font: normal 10px Arial;  
color:  #000000; 
}  		

.font_arial_11_noir {
font: normal 11px Arial;  
color:  #000000; 
}  

.font_arial_12_noir {
font: normal 12px Arial;  
color:  #000000; 
}  		 
	
.font_arial_13_noir {
font: normal 13px Arial;  
color:  #000000; 
}  		 
	


.font_arial_14_noir {
font: normal 14px Arial;  
color:  #000000; 
}

.font_arial_16_noir {
font: normal 16px Arial;  
color:  #000000; 
}

.font_arial_18_noir {
font: normal 18px Arial;  
color:  #000000; 
}

.font_arial_20_noir {
font: normal 20px Arial;  
color:  #000000; 
}

.font_arial_60_noir {
font: normal 60px Arial;  
color:  #000000; 
}

.font_arial_12_bleu {
font: normal 12px Arial;  
color:  #003D7A; 
}  		 

.font_arial_14_bleu {
font: normal 14px Arial;  
color:  #003D7A; 
}

.font_arial_16_bleu {
font: normal 16px Arial;  
color:  #003D7A; 
}

.font_arial_18_bleu {
font: normal 18px Arial;  
color:  #003D7A; 
}

.font_arial_20_bleu {
font: normal 20px Arial;  
color:  #003D7A; 
}



.font_arial_12_vert {
font: normal 12px Arial;  
color:  #13B243; 
}  		 

.font_arial_14_vert {
font: normal 14px Arial;  
color:  #13B243; 
}
  
.font_arial_14_vert a  {
font: normal 14px Arial;  
color:  #13B243; 
}   
   
.font_arial_16_vert {
font: normal 16px Arial;  
color:  #13B243; 
}

.font_arial_18_vert {
font: normal 18px Arial;  
color:  #13B243; 
}

.font_arial_20_vert {
font: normal 20px Arial;  
color:  #13B243; 
}	


.font_arial_10_orange {
font: normal 10px Arial;  
color:  #E25D24; 
}  		

.font_arial_12_orange {
font: normal 12px Arial;  
color:  #E25D24; 
}  		 

.font_arial_14_orange {
font: normal 14px Arial;  
color:  #E25D24; 
}

.font_arial_16_orange {
font: normal 16px Arial;  
color:  #E25D24; 
}

.font_arial_18_orange {
font: normal 18px Arial;  
color:  #E25D24; 
}

.font_arial_20_orange {
font: normal 20px Arial;  
color:  #E25D24; 
}
   
.font_arial_22_orange {
font: normal 22px Arial;  
color:  #E25D24; 
}

.font_arial_24_orange {
font: normal 24px Arial;  
color:  #E25D24; 
}
	
.font_arial_26_orange {
font: normal 26px Arial;  
color:  #E25D24; 
}

.font_arial_28_orange {
font: normal 28px Arial;  
color:  #E25D24; 
}	
	
.font_arial_30_orange {
font: normal 30px Arial;  
color:  #E25D24; 
}	
		
	
	
	
	
.font_trebuchet_10_orange  { 
  font: normal 10px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_12_orange  { 
  font: normal 12px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_14_orange  { 
  font: normal 14px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_16_orange  { 
  font: normal 16px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_18_orange  { 
  font: normal 18px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_20_orange  { 
  font: normal 20px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_22_orange  { 
  font: normal 22px Trebuchet MS;  
color:  #E25D24; 
}	

.font_trebuchet_24_orange  { 
  font: normal 24px Trebuchet MS;  
color:  #E25D24; 
}	




.font_garamond_17_vert  { 
  font: normal 17px Garamond Century Gothic;  
color:  #13B243; 
}				   

.font_garamond_17_vert a { 
color:  #13B243; 
}

.font_garamond_17_vert A:visited { 
 color:  #13B243; 
}
  	
.font_garamond_19_vert  { 
  font: normal 19px Garamond Century Gothic;  
color:  #13B243; 
}				   

.font_garamond_19_vert a { 
color:  #13B243; 
}

.font_garamond_19_vert A:visited { 
 color:  #13B243; 
}
  	  
  
  
.font_garamond_20_vert  { 
  font: normal 20px Garamond Century Gothic;  
color:  #13B243; 
}				   

.font_garamond_20_vert a { 
color:  #13B243; 
}

.font_garamond_20_vert A:visited { 
 color:  #13B243; 
}


  

.link_repertoire_a a {
font: normal 130% Trebuchet MS ;

color: #004C98;
text-decoration: none;
}

.link_repertoire_a a:hover{
/*background-color: #A5CC7A; font-weight: bold;Garamond Century Gothic    font-weight: bold;*/
color: #004C98;
text-decoration: underline;
}  




/* http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm  */ 
/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}	   

.menu_tab{	  
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	text-align: center;	
	vertical-align:middle; 
}
.menu_tab li { 
	display: inline;
	text-align: center;
	padding: 0px ;
	margin: 0px;
	float:left;
	vertical-align:middle; 
} 



			


/* http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/ */ 
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url("img/alt_star.gif") left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
	.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}
	    #loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}
	


	 

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: center;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 0px solid #778;
color: #003D7A;
}

.shadetabs li a:visited{

}

.shadetabs li a:hover{
text-decoration: underline;
color: #E25D24;
}

.shadetabs li a.selected{ 
position: relative;	
color: #E25D24;
font: bold 22px Arial;
top: 1px;
}

.shadetabs li a.selected{ 
position: relative;	
color: #E25D24;
font: bold 22px Arial;
top: 1px;
}

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

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}	 



div.infobox{
background: #000084;
color:#000000;
font:10pt sans-serif;
left:-10000px;
position:absolute;
top:0px;
visibility:hidden;
z-index: 99;

}
div.infoboxbody{
background: #e0e0e0;
color:#000000;
font:10pt sans-serif;
margin:2px;
padding:2px
}

div.infoboxcaption{
color:#FFFFFF;
background-color:transparent;
font:bold 10pt sans-serif;
margin:2px;
text-align:center
}
		   
		
	
/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	/*background-image:url('../images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;*/
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:0px solid #317082;	/* Border width */
	left:0px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:150px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}	
		
		
#waitbox {
position: relative;
top: 200px;
width: 300px;
height: 50px;
background: #fff;
color: #000;
border: 1px solid #00f;
font-size: 10pt;
text-align: center;
}
 
.container {
display: none;
margin: 10px;
position: relative;
background: #fff;
width: 1000px;
height: 690px;
}
		

/* ######### CSS for Shade Tabs. Remove if not using ######### */
	
/*
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; 
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ 
position: relative;
top: 1px;
}

.shadetabs li a.selected{ 
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

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

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}	   */