body {
background: url('../images/background.gif') repeat-x;
/*background-color: #e7f2f8;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0;
margin: 0;
}

div {
margin: 0;
padding: 0;
}

h1 {
position: relative;
font-weight: normal;
font-size: 18px;
text-transform: lowercase;
color: #757575;
letter-spacing: 1px;
text-align: left;
margin-left: 2px;
padding-left: 5px;
}

h2 {
margin: 0 0 9px 0;
padding: 0 3px 0 3px;
color: #fff;
background-color: #3b80ff;
font-size: 1em;
font-weight: bold;
}

h3 {
font-size: 11px;
letter-spacing: 1px;
font-style: normal;
}

.col-float {
float: left;
width: 765px;
}

/* IE 5 + 6 (PC) */
.col-one {
width: 600px;
float: right;
}

.col-two {
width: 160px;
float: left;
border-right: 1px dashed #6c97ab;
}

.col-three {
width: 100px;
float: right;
border-left: 1px dashed #6c97ab;
}

.footer {
clear: both;
}
/* spacer hack */
.spacer { clear: both; line-height: 0; font-size: 1px; }
/* IE5 (mac) */
/*\*/
.spacer { font-size: medium; }
.fake.spacer { display: none; }
/* */
/* Opera 6 */
html>body div.spacer { display: none; }
/* browsers */
head:first-child+body div.spacer { display: block; }
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.bg-content-bloc {
background-image: url('../images/shadow.gif');
width: 882px;
margin: 0 auto;
}

.box-content {
width: 870px;
color: #000;
background-image: url('../images/bg.gif');
padding: 0;
margin: 0 auto;
border-right: 1px solid #ddd;
}

.header {
background-image: url('../images/fd_logo.gif');
height: 95px;
padding: 0;
margin: 0;
}

.footer {
color: #000;
padding: 0;
margin: 0;
border: 0;
text-align: center;
}

.col-one-content {
background-color: #fff;
}

.col-two-content {
background-color: #f7f7f7;
}

.col-three-content {
background-color: #f7f7f7;
text-align: center;
}

.col-one-content, .col-two-content {
margin: 0;
padding: 6px;
border: 0;
}

.col-three-content {
margin: 0;
padding: 0;
border: 0;
}
/* CSS HACK position:relative IE6 */ 
/*/*/
.box-content, .col-float, .col-one, .col-two, .col-three, h2 { position: relative; }
/* */

.foot-bg {
background-image: url('../images/fd_bas.gif');
height: 17px;
color: #fff;
}

.foot-bg a:link {
color: #fff;
}

.foot-bg a:visited {
color: #fff;
}

.foot-bg a:hover {
color: #ccc;
}

.foot-bg2 {
background: #a7e16c;
height: 17px;
}

/* GLOBAL STYLE */
.justif {
text-align: justify;
}

.txtcenter {
text-align: center;
}

.gras {
font-weight: bold;
}

.form { 
margin-top: -5px;
left: 60%;
}

.logo {
float: left; /* alignement du logo */
margin-right: 0;  /* placement du logo dans son conteneur, head */
margin-top: 0;
border: 0;
}

.pub {
margin: 5px 0 0 10px;
border: 0;
}

hr {
height: 1px;
border: 0;
}

.hr_green {
background-color: #00cc00;
color: #00cc00;
height: 1px;
border: 0;
}

.hr_greenhome {
display: block;
height: 5px;
margin: 0;
padding: 0;
color: #66CC00;
}

.hr_red {
background-color: #ff0000;
color: #ff0000;
height: 1px;
border: 0;
}

.hr_redhome {
display: block;
height: 5px;
margin: 0;
padding: 0;
color: #F00;
}

.hr_pupre {
display: block;
height: 1px;
margin: 0;
padding: 0;
color: #D09EAA;
}

.hr_blue {
display: block;
height: 1px;
margin: 0;
padding: 0;
color: #2680B8;
}

.hr_bluehome {
display: block;
height: 5px;
margin: 0;
padding: 0;
color: #2680B8;
}

.objet {
position: relative;
background-color: #fff;
margin: 10px 7px 10px 8px;
padding-left: 5px;
border: 1px dashed #a9a9a9;
}

ul, li { 
padding-left: 0;
margin-left: 15px;
list-style-type: square;
}

p {
margin: 0 0 10px 0;
}

.center {
margin-left: 8px;
margin-bottom: -6px;
}

.img_center {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
border: 0px;
}

.img_center2 {
margin-left: 30px;
margin-top: 5px;
margin-bottom: 5px;
border: 0px;
}

.textred {
color: #ff0000;
}

.textgreen {
color: #33CC00;
}

.u {
text-decoration: underline;
}

.col-two-content ul, li {
padding: 0;
margin: 0;
}

.li-vert li {
list-style-type: none;
background-image: url('../images/puce_verte.gif');
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 8px;
}

.li-jaune li {
list-style-type: none;
background-image: url('../images/puce_jaune.gif');
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 8px;
}

.li-rouge li {
list-style-type: none;
background-image: url('../images/puce_rouge.gif');
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 8px;
}

.li-bleue li {
list-style-type: none;
background-image: url('../images/puce_bleue.gif');
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 8px;
}

.li-article li {
list-style-type: none;
background-image: url('../images/puce_verte.gif');
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 12px;
}

/* Formulaire */

.imgbutton {
vertical-align: middle;
}

select {
font-family: arial;
font-size: 11px; 
color: #000; 
background-color: #fff;
border: 1px dotted #0066cc;
margin-left: 10px;
}

input.bouton {
background-color: #fff;
border: 1px solid #666;
color: #000;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
text-indent: 2px;
letter-spacing: 1px;
}

select.select-normal {
border: 1px solid #666;
}

.formfield {
background-color: #fff;
font-family: arial, helvetica;
font-size: 10px;
width: 100px;
border: 1px solid #666;
}

/* Liens */

a img {
border:0; border-color:#000;
}
a:link {
color: #2160d3; text-decoration: none;
}
a:visited {
color: #2160d3; text-decoration: none;
}
a:hover {
background: none transparent scroll repeat 0% 0%; color: #15bdb7;
}
a:active {
color: #2160d3; text-decoration: none;
}
a.nav:link {
font-family: verdana, Helvetica, sans-serif; color: #fff; background-color: transparent; text-decoration: none; padding-left: 8px; font-size: x-small; text-transform: lowercase; letter-spacing: 2px
}
a.nav:visited {
font-family: verdana, Helvetica, sans-serif; color: #fff; background-color: transparent; text-decoration: none; padding-left: 8px; font-size: x-small; text-transform: lowercase; letter-spacing: 2px
}
a.nav:hover {
font-family: verdana, Helvetica, sans-serif; color: #99ccff; background-color: transparent; text-decoration: none; padding-left: 8px; font-size: x-small; text-transform: lowercase; letter-spacing: 2px
}
a.nav:active {
font-family: verdana, Helvetica, sans-serif; color: #fff; background-color: transparent; text-decoration: underline; padding-left: 8px; font-size: x-small; text-transform: lowercase; letter-spacing: 2px
}
.Copyright {
font-size: xx-small; padding-bottom: 8px; text-transform: uppercase; color: #757575; padding-top: 8px; text-align: center
}
a.blanc:link {
font-family: verdana, Helvetica, sans-serif; color: #fff; background-color: transparent; text-decoration: none; padding-left: 8px; font-size: x-small; text-transform: uppercase; letter-spacing: 2px
}
a.blanc:visited {
font-family: verdana, Helvetica, sans-serif; color: #fff; background-color: transparent; text-decoration: none; padding-left: 8px; font-size: x-small; text-transform: uppercase; letter-spacing: 2px
}
a.blanc:hover {
font-family: verdana, Helvetica, sans-serif; color: #99ccff; background-color: transparent; text-decoration: none; padding-left: 8px; font-size: x-small; text-transform: uppercase; letter-spacing: 2px
}
a.blanc:active {
font-family: verdana, Helvetica, sans-serif; color: #fff; background-color: transparent; text-decoration: underline; padding-left: 8px; font-size: x-small; text-transform: uppercase; letter-spacing: 2px
}
.linkvert:link {
color: #2160d3; text-decoration: none
}
.linkvert:visited {
color: #2160d3; text-decoration: none
}
.linkvert:hover {
background: none transparent scroll repeat 0% 0%; color: #00cc00; border-bottom: #00cc00;
}
.linkorange:link {
color: #2160d3; text-decoration: none
}
.linkorange:visited {
color: #2160d3; text-decoration: none
}
.linkorange:hover {
background: none transparent scroll repeat 0% 0%; color: #ff9900; border-bottom: #ff9900;
}
.linkorange:active {
color: #2160d3; text-decoration: none
}
.linkrouge:link {
color: #2160d3; text-decoration: none
}
.linkrouge:visited {
color: #2160d3; text-decoration: none
}
.linkrouge:hover {
background: none transparent scroll repeat 0% 0%; color: #ff0000; border-bottom: #ff9900 1px dotted;
}
.linkrouge:active {
color: #2160d3; text-decoration: none
}

.red:link {
text-decoration: none;
}
.red:visited {
text-decoration: none;
}
.red:hover {
COLOR: #ff0000; text-decoration: underline;
}
.red:active {
text-decoration: none;
}

.green:link {
text-decoration: none;
}
.green:visited {
text-decoration: none;
}
.green:hover {
COLOR: #00cc00; text-decoration: underline;
}
.green:active {
text-decoration: none;
}

.blue:link {
text-decoration: none;
}
.blue:visited {
text-decoration: none;
}
.blue:hover {
COLOR: #0099FF; text-decoration: underline; FONT-SIZE: 11px;
}
.blue:active {
text-decoration: none;
}


/* RSS styles */

.h2 {
font-family: arial;
font-size: 13px;
font-weight: bold;
}

.h3 {
font-family: arial;
font-size: 11px;
}

h5 {
font-size: 11px;
letter-spacing: 1px;
font-style: normal;
}

/* tableaux */

#table1 table {
border: 1px solid #6495ed;
border-collapse: collapse;
width: 50%;
margin:auto;
}

#table1 th {
font-family: sans-serif;
font-size: 14px;
border: 1px solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
}

#table1 td {
font-family: sans-serif;
border: 1px dotted #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #f9f9f9;
}

.table2 table {
border: 1px solid #6495ed;
border-collapse: collapse;
}

.table2 th {
font-family: sans-serif;
font-size: 14px;
border: 1px solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
}

.table2 td {
font-family: sans-serif;
border: 1px dotted #6495ed;
width: 50%;
padding: 5px;
background-color: #f9f9f9;
}

.table3 table {
border: 1px solid #6495ed;
border-collapse: collapse;
}

.table3 th {
font-family: sans-serif;
font-size: 14px;
border: 1px solid #6495ed;
text-align: center;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
}

.table3 td {
font-family: sans-serif;
border: 1px dotted #6495ed;
text-align: center;
width: 50%;
padding: 5px;
background-color: #f9f9f9;
}

.logos {
border: 0px;
margin-left: 10px;
vertical-align: middle;
}

.img_left {
border: 0px;
}

.bloc_center {
position: relative;
margin-left: 30px;
margin-right: 30px;
}

.bloc_center2 {
position: relative;
margin-left: 15px;
margin-right: 15px;
text-align: justify;
}

.alignleft {
float: left;
margin: 10px;
}

/* home */

.blocleft {
float: left;
padding: 10px;
}

.bloc {
padding: 10px;
margin-left: 120px;
}

.blocright {
float: right;
padding: 10px;
margin-right: 40px;
}

.bigblocright {
float: right;
padding-right: 10px;
background-image: url('../images/fd_home_fl2.gif');
}

.bigblocleft {
float: left;
background-image: url('../images/fd_home_dream2.gif');
}

.bigblocbas {

}

/* Menu */

ul#tabnav {
text-transform: lowercase; 
letter-spacing: 1.5px;
font: 11px normal verdana, arial, sans-serif;
list-style-type: none;
}

#tabnav {
position: absolute;
top: 53px;
right: 20px;
margin: 0;
padding: 0 0 20px 10px;
}

#tabnav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
float: left;
font-size: 11px;
line-height: 14px;
margin: 0 5px 4px 8px;
text-decoration: none;
color: #666;
}

#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
border-bottom: 4px solid #3F82FF;
padding-bottom: 2px;
background: #fff;
color: #3F82FF;
}

#tabnav a:hover {
color: #3F82FF;
}

#fdhead {
background-image: url('../images/fd_logo.gif');
height: 95px;
text-align: right;
padding: 0 12px 0;
}

.form { 
margin-top: -5px;
left: 60%;
}

.hr-news {
margin: 1em 0 1em 0;
border: 0;
height: 1px;
color: #ff0000;
background-color: #00cc00;
}

/* MENU WEBYO */

dl, dt, dd, ul, li {
list-style-type: none;
}

#menu {
list-style-type: none;
margin: 1.3em 0 0 0;
padding: 0;
}

#menu li {
float: left;
padding: 0;
margin: 0 1px 0 0;
position: relative;
width: 95px;
height: 1px;
z-index: 100;
}

#menu li a, #menu li a:visited {
text-decoration: none;
}

#menu dl {
position:absolute;
top:0;
left:0;
/*width: 150px;*/
margin: 0;
padding: 0;
}

#menu dt {
margin:0;
text-transform: lowercase; 
letter-spacing: 1.5px;
font: 11px normal verdana, arial, sans-serif;
list-style-type: none;
float:left;
}

#menu dd {
display:none;
border-bottom:1px solid #ccc;
clear:left;
margin:0;
padding:0;
color: #fff;
font-size: 1em;
text-align:left;
}

#menu dt a, #menu dt a:visited {
display:block;
padding: 5px 5px 5px 20px;
width: 125px;
}

#menu dd a, #menu dd a:visited {
background-color: #f4f4f4;
color:#000;
text-decoration:none;
display:block;
padding: 4px 5px 4px 20px;
}

#menu li a:hover {
border:0;
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}

#menu li:hover dl, #menu li a:hover dl {
width:130px;
border-bottom: 10px solid #ccc;
}

#menu dd a:hover {
background: #ddd;
color:#000;
}