.clearfix:after,
.clear:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix,
.clear {
  display: inline-block;
}
html[xmlns] .clearfix,
html[xmlns] .clear {
  display: block;
}
* html .clearfix,
* html .clear {
  height: 1%;
}

.clearboth {
  clear: both;
}






html, body, * {
	padding: 0;
	margin: 0;

}
form, input {
	padding: 0;
	margin: 0;
}
body {
/*	font-family: 'Lucida Sans Unicode', 'Lucida', Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;*/
	font-family:Tahoma, Arial;
	font-size:70%;
	color: #999999;/*	background-color:#0062a3;*/
	line-height: 18px;
	text-align: justify;
/*	letter-spacing:-1px;*/
		background-color:#0062a3;
	}
img {
	border: none;
}
p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}
h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Tahoma, Arial;
	/*text-transform: uppercase;*/
	font-weight: normal;
}

.home {
	padding-bottom: 5px;
	/*	margin-top:80px;*/
	margin-bottom: 12px;
	font-size: 32px;
	color:#ffba00;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #E2E7E7;

}

h1 {
	padding-bottom: 5px;
	/*	margin-top:80px;*/
	margin-bottom: 12px;
	font-size: 32px;
	color:#ffba00;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #E2E7E7;

}
h1 span {

}
h2 {
	padding-bottom: 8px;
	border-bottom: 1px solid #e8e6e1;
	margin-bottom: 12px;
	font-size: 1.8em;
}
#home h2 {
	padding-bottom: 5px;
	/*	margin-top:80px;*/
	margin-bottom: 12px;
	font-size: 32px;
	color:#ffba00;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #E2E7E7;
}
h2 span {
	color: #321710;
	font-size: 0.7em;
}
.lowercase {
	text-transform: none;
	font-size: 1.1em;
}

.home1 {
	font-family:Tahoma, Arial;
	font-size: 165%;
	letter-spacing: -1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #5899e0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDE0E6;
	border-top-style: none;
	padding-top:0;
	margin-top:0;
}

h3 {
	font-family:Tahoma, Arial;
	font-size: 165%;
	letter-spacing: -1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #5899e0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDE0E6;
}
h4 {
	font-size: 1.3em;
}


.listing {
	margin-left: 30px;
	list-style-position:inside;
}


/*-------- Links ----------*/
a:link, a:visited {

	text-decoration: none;
}
a:hover, a:hover.internal-link {

}
a:link.internal-link, a:visited.internal-link {

}
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
	
		
}

.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #f5af22;
	height: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 4px;
	float:right;
	margin-right:10px;
	
}

.btn a{

	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;

	
}




/*-------- General Layout ----------*/

#Titre {
	color: #FFFFFF;
	width: 530px;
	height:70px;
	text-align:right;
	float:right;
	font-size:24px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	letter-spacing:1px;
	text-transform: uppercase;
	padding: 12px;
	line-height: 22px;
}

#Titre span{
	text-transform: capitalize;
	color: #BBE6FF;
	font-size:18px;
	letter-spacing:2px;
}


#wrapper {
	background: url(../images/header-background.gif) repeat-x;
	width: 100%;
}
#inner-wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
.clearboth {
	clear:both;
}
/*-------- Header ----------*/

#headerwrap {
	width: auto;
	background-image: url(images/fd_header.gif);
	background-repeat: repeat-x;
}
#header {
	width: 800px;
	margin: auto;
	position:relative;
	height: 120px;
}
#header .logo {
	position:absolute;
	display:block;
	width:270px;
	height:120px;
	left:0px;
	top:0px;
	font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}
/*-------- Container ----------*/

#containerwrap {
	width: auto;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:30px;
}
#container {
	width: 800px;
	margin: auto;
	position:relative;
	background-color:#FFFFFF;
}
/*-------- Navigation ----------*/

#navigation {
	
	width:530px;
	float:right;

}
ul.menu {

	width:auto;
	position:relative;
	display:block;
	height:25px;
	font-size:10px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
		float:left;

}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
	list-style-type:none;
		margin-left:10px;
}

ul.menu li a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	height:25px;
	font-weight:bold;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;


	
}

ul.menu li a:hover,.current {
	
	font-weight:bold;
	background-color: #FFFFFF;
	text-decoration:none;
}

ul.menu .current a {
	color:#046188;
	font-weight:bold;
	background-color: #FFFFFF;

}


/*RED*/
ul.menu.red{

color:#48B6FF;
}
ul.menu.red li a:hover, .menu.red li.current {
	background-color:#FFFFFF;
	color: #F5AF22;
}
                    
/*-------- Column-one ----------*/

#column-one {
	width:475px;
	float:left;
	padding-top: 10px;
	padding-bottom: 10px;/*padding:10px;*/
}



#column-one .highlight {
	border: 1px solid #E5E5E5;
	margin-right: 15px;
	margin-bottom: 15px;
}


#column-one h5 {
	font-size: 11px;
	text-transform: uppercase;
	color: #5899e0;
	
}

.mod {
   position:relative;
   z-index:0;
}

.mod-content{
	line-height: 12px;	
	text-align: left;
}

.mod-content .highlight {
	border: 1px solid #E5E5E5;
}

.alignleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.alignright {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	}


.mod .mod-content{
	background-image:url(images/fd_bloc-content.gif);
	border:3px solid #ffffff;
	position:relative;
	z-index:2;
	background-position: bottom;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom:20px;
	white-space: normal;
	background-repeat: repeat-x;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(images/glow.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.mod .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.mod .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}



.hd {}

.bd {}








/*-------- Column-two ----------*/

#column-two {
width:285px;
float:right;
padding:10px;
}

/*-------- Footer ----------*/

#footerwrap {
	width: auto;
	background-image: url(images/fd_footer.gif);
	background-repeat: repeat-x;
}
#footer {
	width: 800px;
	margin: auto;
	position:relative;
	min-height:150px;
	color:#66a1c8;
	padding-top: 20px;
	text-align: center;
}

#footer a{
color:#66a1c8;

}
#footer a:hover{
	color:#F5AF22;
}



div.element {
	
	border: 1px solid black;
	background-color: #f9f9f9;
	float: left;
	margin: 5px;
}

div.otherElement {
	height: 20px;
}

pre {
	padding: 5px 7px;
	margin: 5px 0;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #333;
	overflow: auto;
	font-size: 12px;
}

h3.code {
	margin: 10px 0;
	padding: 3px 5px 1px;
	background: #D0C8C8;
	color: #5d4f4f;
}

p.margin {
	margin: 5px 0;
}
.navigation {
	
	list-style-type: none;
}
.navigation li {

	margin-top: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;

	line-height:24px;
	

}

.navigation li a{
	display:block;
	padding-left: 5px;
	color: #666666;
	text-decoration: none;		
}

.navigation li a:hover{
	background-color: #F8F9FA;
	color: #FF9900;
}

.liens li a{
	font-weight: bold;
	color:#999999;
}

.liens span {
	font-weight: normal;
	font-family: Arial;
	font-size: 10px;
	line-height: 12px;
	color:#999999;
}


#column-one blockquote {
	background-color: #F7F8F9;
	padding: 10px;
	border: 1px solid #DBE0E6;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}


#column-one blockquote .tof{
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	width:90px;
	height:105px;
	float:left;
	font-family: arial;
	font-size: 10px;
	margin: 4px;
	line-height: 12px;
	text-align: center;
	color:#333333;
	display: inline;
}


#column-one blockquote .tof img{
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
}

Tableau {


}

.trslg {
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #57ACF0;*/
	background-image:url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: right;
}



.highlightleft {
	float: left;

}


/* SEO */

#RefFooter {
	color: #0062A3;
	font-size:50%;
	
}

#RefFooter a, #RefFooter a:hover{
	color: #0062A3;
}

#links-header {
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
}

.Hseo, .Hseo a, .Hseo h1, .Hseo h2, .Hseo h3 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 1px;
	color: #FFFFFF;
	border-bottom:none;
}