/* 

copyright + credits{	
	copyright-CCT : tous droits réservés;
	email: ;
	you-may: take and use elements of this css. however, the unique combination of layout, font styles, colours etc. is copyrighted;
	you-may-not: use any of the graphical elements on this site !important;
	many-thanks: Jean-Philippe Choinière & Michaël Simard for this web site;
} 

*/



/*
===== CONTENTS =====

	last-updated: 31 May 2005;

	1: Universal Reset 
	2: Html and Body
	3: General Layout
	4: Header Stuff
	5: Main Content
	6: Content Style and Layout
	7: Footer

====================
*/

/*
===== 1: universal reset =====
*/

*{
/* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}


/*
===== 2: html and body =====
*/



 a, a.visited{
color:#000;
text-decoration:none;
}
a:hover{
color:#EAAA20;
}

html{
	height:100%;
}

body{
	background-color:#fff;	
	color:#000;
	font: 75%/150%  "Arial", "Geneva", Helvetica, sans-serif;
	height:100%;
	margin:0px;	
}

#content_main li{
list-style-image: url('../image/template/bullet_ff.gif');
}
* html #content_main li{
list-style-image: url('../image/template/bullet.gif');
}

table tr td{vertical-align:top;}

#main_wrapper{
 	width:100%;
}

/*
===== 3: general Layout =====
*/

#left_side{
  width:107px;
  background: url("../image/template/left_side_bg.jpg") top right no-repeat;
}

#left_side img{
	margin-top:160px;
	margin-left:16px;
}



#right_side{
  display:block;
}



/*
===== 4: Header Stuff =====
*/




#header{
	background:#B03225 url("../image/template/temps_header_bg.jpg") top right repeat-x;	
	height:91px;
    display:block;
}


#header .left{  
	background: url("../image/template/temps_header.jpg") 0 0 no-repeat;	  
    height:91px;    
    width:665px;
	display:block;
	z-index:12;
	position:relative;
}

#header .right{
	background: url("../image/template/temps_header_right.jpg") 0 0 no-repeat;	
	height:89px;
	width:112px;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}



/*
===== 4.5: Horizontal Menu =====
*/


#horizontal_menu{
    display:block;
	height:2em;
    background:#EAAA20;	
}




*/

/* ///////////////////////////////////////////////////////////////////// */

############################################################################################ */

#menu_l {background:#fff;width:523px;padding:0;position:relative;z-index:100;background:#fff;}
#nav, #nav ul {
line-height:1.6em;
padding:0;
margin:0;
list-style:none;
background:  url("../image/template/menu_shade.jpg") 0 0 no-repeat;
z-index: 10000;
}

#nav a {display: block;border-bottom: none;color: #fff;text-decoration:none;font-size:10px;}
#nav a:hover {color:#fff;border-bottom:none;background-position: 0 -20px;}
#nav li {position: relative;float: left;width: auto; height:1.8em;background:#2A1F56 ;padding: .2em 12px 0 12px;border-right:2px solid #fff;} 
#nav li:hover ul, #nav li.sfhover ul {left:0px;}
#nav a:active, #nav a.selected  {background-position: 0 -60px;}

/* MENU DE 2e NIVEAU */
#nav li ul {position: absolute;left: -999em;top: 2em;width:100%;height:auto;margin: 0 0 0 0;padding: 0;background: #fff;display: block;border-bottom: 6px solid #fff;list-style: none;}
*html #nav li ul {width:100px;}
#nav li li {height:auto;margin:0;padding:0;width:100%;font-size:9px;border-bottom:2px solid #fff;}
#nav li li span {margin:0;padding:3px 4px 3px 8px;display:block;position:relative;}
#nav li li a, #nav li li a:visited {width:auto;height:auto;color:#66665F;text-decoration:none;display: block;background: #F5E5C0;}
#nav li li a:hover {color:black;text-decoration:none;background:#EAAA20;background-position:0px;}
	
*>html #horizontal_menu ul {f\loat: right;margin-top:11px;} /*IE 5 Mac hack  */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */



.horizontal_menu{
padding:0;
list-style:none;
list-style-image:none;
}


.horizontal_menu li{
float:left;
padding: .2em 12px 0 12px;
list-style-type:none;
list-style-image:none;
} 

a.selected{
color:#C85929;
}


/*
opacity: .9;
filter: alpha(opacity=90);*/

/*
===== 5: Main Content =====
*/
#content_main{
	border:0;
	margin:50px 0 0 50px;
	width:550px;

}

h1{
	color:#C85929;
	font-size:1.5em;
}
h2{
	color:#C85929;
	font-size:1.2em;
	margin-bottom:10px;
}
p, li, pre{
	
	font-size:1em;
	font-weight:bold;
}

pre{
font: 75%/150%  "Arial", "Geneva", Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
}

b{
 color:#C85929;
}

ul{
	margin-top:10px;
	margin-left:15px;
}

.poste{
	margin-left:10px;
	display:block;
	margin-bottom:20px;
}

.text_droite{
	width:100%;

	display:block;
	margin-bottom:20px;
	min-height:100px;
}

.yellow{
   color:#C85929;
   font-size:1em;
   font-weight:bold;
}

.yellow a{
   color:#C85929;
}
.yellow a:hover{
   color:#EAAA20;
}


.photo_bottom_yellow{margin:0px;border-bottom:6px solid #E1B14E;padding-bottom:3px;}

.contenu_gauche{
	position:relative;
	margin-left:150px;	
}
/*
===== 7: footer =====
*/


#footer{
	position:relative;	
	background:#EAAA20 url("../image/template/foot_text.jpg") top left no-repeat;  
	height:30px;  
}

* html #footer{background-position:top -140px;}

.footer_left{background:#2A1F56;}
/*
#footer .right{
	background:#2A1F56 ;	
	width:553px;
	height:25px;	
	border-right:2px solid #fff;
}*/

/*
===== NEWS =======
*/

tr.news_content p {
  margin-bottom: 1em;
}

tr.news_content a {
  color: #777;
}

tr.news_content a:hover {
  text-decoration: underline;
  color: #EAAA20;
}


