@charset "utf-8";
/* CSS Document */

body {
    font: Arial, Helvetica, sans-serif;
	background: #006AB4;
	color: #000000;
	font-size: 62.5%;
    line-height: 1.5em; 
	padding:0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	text-shadow: 0 0 0 #000;
}


h1 {
	font-size: 1.8em; /* 18px */
	color:#E3001B;
	margin-bottom: 10px;
	text-align: left;
}

h2 {
      font-size: 1.6em; /* 16px */
	  color:#006AB4;
	  text-align: left;
	  margin: 8px 8px 10px 0 ;

}

h3 {
      font-size: 1.4em; /* 14px */
	  color:#E3001B;
	  text-align: left;
	  margin: 5px 0 5px 0 ;

}

h4 {
      font-size: 1.2em; /* 12px */
	  font-weight: bold;
	  text-align: left;
	  line-height:inherit;

}


h5 {
      font-size: 1.3em; /* 16px */
	  color:#000000;
	  text-align: left;
	  margin: 8px 8px 10px 0 ;
}

h6 {
    font-size: 1.0em; /* footer 10px*/
	text-align: left;
}

p {
    font-size: 1.2em; /* 12px */ 
	line-height:1.4; 
	text-align: left;
	

}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: 320px;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	width: 300px;

}


#container66 { 
	width: 50%;  
	float:left;
	padding:5px;
	border: 0px solid #3E553B;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#container33 { 
	width: 35%;  
	float:left;
	padding:5px;
	border: 0px solid #3E553B;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.TEXTleft { 
	width: 385px;  
	float:right;
	padding:5px;
	margin:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.IMGright { 
	width: 230px;  
	float:right;
	padding:5px;
	margin:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.TEXTright { 
	width: 385px;  
	float:right;
	padding:5px;
	margin:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.IMGleft { 
	width: 230px;  
	float:right;
	padding:5px;
	margin:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.box3{
	width:31%;
	float:left;
	border:#3E553B 0px solid;
	margin:20px 5px 20px 5px;
	_margin:20px 5px 20px 5px;
	
}

.clear{
	clear:both;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

li {
	list-style-position: outside;
	list-style-image: url(../images/bullet_5.gif);
	list-style-type: none;
	line-height: 1.5;
	vertical-align: top;
}

a:link {
	font-weight: bold;
	color: #006AB4;
	text-decoration: none;

}

a:visited {
	font-weight: bold;
	color: #006AB4;
	text-decoration: none;

}


a:active {
	font-weight: bold;
	color: #006AB4;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration:underline;

}

.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	background-color: #DBEAF4;
	border: 1px #003D6 solid;
	color: #000000;
	font-weight:normal;


}


/*---------------images------------------*/

img {
	border: #006AB4 solid 1px;
}


a:hover img { border:solid #006AB4 0px; }


img.left_NB{
	padding: 0px 0 0 0;
	border:  0px solid #FFFFFF;
}

a:hover left_NB { border:solid #006AB4 0px; }

img.left_WB{
	float:left;
	border:  1px solid #006AB4;
	margin: 0 25px 10px 0;
}


img.right_wB{
	float:right;
	border:  1px solid #006AB4;
	margin: 0 0 10px 25px;
}

.caption{
	font-size: .8em;
	color: #000000;
	line-height: 1.25;
	text-align: center;
	padding-top: 10px;
}

/*---------------nav----------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#nav 				  {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background:#fff;}
#nav a:hover 		  {color:#E3001B; text-decoration:none;}
#nav dt b, #nav dt a {display:block; font-weight:bold; font-size:1.2em; color:#006AB4; line-height:1.8; padding-left:10px; cursor:pointer; width:210px;}
#nav dt b 			 {font-size:1.2em;text-shadow: 0 0 0 #000;}
#nav dt b a:hover 	 {color:#E3001B; text-decoration:none;}
#nav dt a  			 {color:#006AB4; text-decoration:none;}
#nav dd 	 		 {padding:0; margin:0; line-height:1.5;}
#nav dd ul 			 {padding:0; margin:0; list-style:none;}
#nav dd ul li 		 {padding-left:30px;font-weight:bold; text-shadow: 0 0 0 #000; list-style-image: url(../images/spacer.gif);
}
#nav dd ul li a 	 {font-size:1.1em; color:#000000; text-decoration:none;}
#nav dd ul li a:hover {font-size:1.1em; color:#E3001B; text-decoration:none;}

/*---------------fiche----------------*/

#fiche { 
	padding:0;
	margin: 0; 
	width: 400px; 
	border: 1px #006AB4 solid;     
}
.ficheContainer{	
	padding: 10px ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0px; 
	background: #FFFFFF; 
}

.fichert { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: 48%;
	margin-left: 8px;
}
.fichelft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	width: 48%; 

}

.headers  { 
	font-weight: bold; margin-bottom:1px;
     border-bottom:1px solid #DBEAF4;
     color:#006AB4;
     text-align:left;
     background-color:#ffffff;
    _margin: 0 -7px; /* IE Win */
  display: inline-block; /* IE Mac legend fix */

}
.ficheButtons{	
	padding: 10px ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0px; 
	background: #006AB4; 
}



/************************************************table.css************************************/
.table {
	background:#FFFFFF;

}
.table ul {
	font-size: 1.2em; /* 12px */ 
	line-height: 1.1;
	float:left;
	margin:0;
	padding:0;
	border:0px solid #FFFFFF;
}
.table ul li {
	list-style:none;
	padding:5px 0px;
}
.table ul li.title {
    border-bottom:1px solid #DBEAF4;
    color:#000000;
	font-weight:bold;
	background:#FFFFFF;
	list-style-image: url(../images/spacer.gif); 
	border-bottom:#000000 solid 1px;
	
}

.table ul li.wide {
	background:#FFFFFF;
	color:#000000;
	list-style-image: url(../images/spacer.gif); 
	margin-right: 10px;
}

.table ul li.Vwide {
	background:#FFFFFF;
	color:#000000;
	list-style-image: url(../images/spacer.gif); 
	margin-right: 20px;
}

.table ul li.odd {
	background:#FFFFFF;
	color:#000000;
	list-style-image: url(../images/spacer.gif);
}

.table ul li.even {
	background:#003D69;
	color:#ffffff;
	list-style-image: url(../images/spacer.gif);
}


/*---------------footer----------------*/


p.footer{
	font-size: 1.1em;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
}

.footer a{
	padding:0 0 0 7px;
	text-decoration:none;
	color:#999999;
}

.footer a:hover{
text-decoration:underline;
}