body {
background: #333 url(/img/style/fdp.jpg) repeat-x fixed left top;
margin:0; /* suppression de toutes les marges */
font-family : verdana, helvetica, arial, sans-serif;
color:#999;
text-align: center;
font-size: 1em;
scrollbar-face-color: #000;
scrollbar-shadow-color: #000; 
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #000; 
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #fff; 
scrollbar-arrow-color: #fff;
}
img, a img {border: 0;}
/*P:first-letter {text-transform:uppercase;  color:#5f5f5f; font-weight: bold; text-indent: 30px;}*/
h1 {color: #5f5f5f;/*text-align: center;*/}
h2 {margin: 10px 0 0 25px; font-size: 160%; color: #5f5f5f;/*text-align: center;*/}
h3 {/* text-indent: 10px;*/color: #c33; font-size: 120%;}
#page {width: 998px; margin: 0 auto; text-align: center;}
#feuille {width:100%; margin:0 auto; background: url(/img/style/milieu.gif) repeat-y 0px 0px;}
/*span {font-size: 90%; color:#999;}*/
#aide {/*height:28px;*/ font-size: 60%;}
#chemin {float: left;  margin:5px 10px; text-align: left;}
#date {float: right;  margin-right:10px; text-align: right; text-transform:capitalize;}
/*#date {margin-right:10px; text-align: right; font-size: 60%;}*/
#entete {background: url(/img/style/haut.jpg) no-repeat 0px 0px; text-align:left; left:0px; top:0px; width:100%; height:227px;}
#logo {height: 227px; background: url(/img/style/Bandeau-VisaProd-00.jpg) no-repeat 5px 5px;}
#logo1 {left:0px; top:0px;}
#logo2 {width:180px, height: 80px; top: 0px; right: 0px; border: solid #c00;}
h1.logo2, h1.logo2-text {margin: 0 0 0 284px; padding: 80px 0 0 0; font-size: 180%; text-transform: uppercase;}
h1.logo2 a {width: 326px; display: block; height: 85px; position: relative; z-index: 100;}
h1.logo2 a span {position: absolute; top: -1000px;}
h1.logo2-text a {color: #ccc !important; text-decoration: none; outline: none; position: absolute; bottom: 40px; left: 5px;}
#menuhaut {
/*height:18px !important; */
height:33px;
margin: 0; 
text-align:center; 
padding: 0 0 0 25px;
font-size: 65%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#menu-haut {width: 972px; margin: 0px auto; padding-top: 4px;}
#menu-haut ul {margin: 0; padding-top: 0px; padding-bottom: 0px; list-style: none;}
#menu-haut li {display: inline;}
#menu-haut a {
display: block;
float: left;
width: 92px;
height: 22px !important;
height: 29px;
margin-left: 2px;
padding-top: 6px;
background: url('/img/style/lien04.gif') no-repeat;
/*background: url('/img/style/lien.png') no-repeat;*/
/*border-bottom: #ccc 1px solid;*/
text-decoration: none;
text-align: center;
font-weight: bold;
color: #ccc
}
/*#menu-haut a:hover {background-image: url('/img/style/active.png'); color: #ccc;}
#menu-haut .active a {background-image: url('/img/style/active.png'); color: #ccc;}*/
#menu-haut a:hover {background-image: url('/img/style/active04.gif'); color: #c33;}
#menu-haut .active a {background-image: url('/img/style/active04.gif'); color: #ccc;}
/**/
.separation {clear: both; display: block; height: 20px;}
#corps {padding-right:5px; border:1px solid #ccc; background: url(/img/style/milieu2.gif) repeat-y 0px 0px;}
#contenantwrap-fr {}
#contenantwrap-fr #torse {}
#corps {}
#corps #torse,
#corps #contenant,
#corps #contenant2 {background: none;}
#contenantwrap-fr {}
#contenantwrap-fr #torse {}
#torse {}
#contenant {}
#contenant2 {padding: 0px 0;}
/* Full left */
#corps {}
#corps #torse, #corps #contenant, #corps #contenant2 {background: none;}
#contenant {}
#contenant2 {padding: 0px 0;}
#contenu {float: left; width: 80%;}
#contenu #colonne {float: left; width: 100%;}
#article {padding: 0 20px 0 40px;} 
#article ul {margin: 0 10px; padding-top: 0px; padding-bottom: 0px; /*list-style: none;*/}
#article li {
/*line-height: 1 ;
text-indent: 10px;
margin: 0 0 5px 5px;*/
margin: 0;
padding: 0;
/*border: 1px solid #000 ;*/
/*white-space:nowrap;*/
}
#colonne {min-height: 300px; height: auto;} 
* html #colonne {height: 300px;} 
#contenu #article {padding-left: 0;}
.article-titre{width: 100%; text-align:left; padding: 0px 5px; margin: 0px; font-size: 80%; color:#fff;}
.article-texte{padding: 0 10px}
.article-texte p {text-align:justify;}
#droite {float: right; width: 20%; padding-top:5px; overflow: hidden;}
#gauche table, #droite table {border-collapse: collapse; border-spacing: 0;}
#gauche ul li, #droite ul li {padding-left: 15px; margin: 0; background: url(/img/style/puce.gif) no-repeat 5px 50%;}
#gauche ul, #droite ul {margin: 0;}
#gauche ol, #droite ol {margin-left: 5px;}
#gauche .separation, #droite .separation {display: none;}
h3.voir {}
#droite p {margin:5 0;}
/**/
#footer {
clear:both;
background: url(/img/style/milieu.gif) repeat-y 0px 0px;
border-bottom: 1px solid #ccc;
/*height: 33px;*/
text-align:center;
list-style-type: none;
/*margin-left: 140px;*/
font-size: 70%;
color: #ccc;
}
#footer ul {margin:0; padding-top:5px; padding-bottom:5px;}
#footer li {display: inline; margin: 0px; padding: 0px;}
#footer a {color: #999; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer hr {
border: none;
border-top: 1px solid;
height: 0px;
margin:0px 0px !important;
margin:0px;
color:#ccc;
}
#copyright {
clear: both;
font-size: 70%;
font-weight: bold;
color: #d7d8e1;
text-align: center;
margin: 0px;
padding: 10px 0px;
background: url(/img/style/bas.png) no-repeat 100% 100%;}
#footer a, #copyright a {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;}
a:link {color: #c33; text-decoration: none }
a:visited {color: #c33; text-decoration: none }
a:hover {color: #999; text-decoration: none }
div.espace {clear: both;}
table {
/*font-size: 80%;
border: 3px #3c6fac solid;*/
border: 0;
padding:0;
border-collapse: collapse;
/*margin-bottom: 10px;
margin-left: 35%;*/
/*margin-right: auto;*/
}
option {font-size: 90%; color: #fff; border-bottom:1px solid #ccc; background-color: #3c3c3c;}
select {color: #c00; background-color: #3c3c3c; font-size: 90%;}
input {
font-size: 90%;  
color: #fff; 
border:1px solid #ccc;
background-color:#000;
}
textarea {color: #fff; border:1px solid #ccc; background-color:#000;}
ul#menu {margin: 0 ; padding: 0 ; list-style-type: none ;}
ul#menu li {display: inline;
/*display: block ; width: 100% ;*/
line-height: 15px ;
text-indent: 10px ;
margin: 0 0 5px 5px ;
padding: 0 ;
/*border: 1px solid #000 ;*/
white-space:nowrap;
}
ul#menu li a
{
color: #039 ;
text-decoration: none ;
/*background: url(bg_menu.gif) no-repeat 0 0 ;*/
}
ul#menu li a:hover {color: #b61e3d ;}
acronym {cursor: help;  /*color: #999;border-bottom: 1px #000 dashed;*/}
.abbr {cursor: help; border-bottom: 2px #CB1804 dashed;}
/**/
.flux {float : right ; margin: 5px 0 10px 10px ; text-align: center; background: #fff; border: 1px solid #ccc; padding: 4px;}
.fluxgauche {float : left; margin: 5px 10px 10px 0 ; text-align: center; background: #fff; border: 1px solid #ccc; padding: 4px;}
.fluxgauche1 {float : left; margin: 0px 10px 10px 0 ; text-align: center;}
.fluxdroite {float : right ; margin: 5px 0 10px 10px ; text-align: center; background: #fff; border: 1px solid #ccc; padding: 4px;}
.fluxdroite1 {float : right ; margin: 5px 0 10px 10px ; text-align: center;}
.fluxdroite2 {float : right ; margin: 5px 0 10px 10px ; text-align: center;}
.aleatoire {border: 4px solid #fff;}
.aleatoire2 {padding: 3px; border: 1px solid #000;}
hr {
clear: both;
border: none;
border-top: 1px dashed;
height: 0px;
margin:10px 5px !important;
margin:0px;
color:#000;
}
dl, dt, dd, ul, li{ margin: 0; padding: 0; list-style-type: none;}
div.module table {margin: 5px 0px;}
div.module h3 {font-size: 110%; margin: 0px -5px 0px -5px; /*height:22px; line-height: 20px;*/ /*text-indent:15px;*/ border-bottom:1px solid #ccc; background:transparent;}
div.module {background: url(/img/style/coin-bg.png) bottom left no-repeat; margin: 0; padding: 0; margin-bottom: 15px;}/*bas gauche*/
div.module div {background: url(/img/style/coin_bd.png) bottom right no-repeat;}/*bas droite*/
div.module div div {background: url(/img/style/coin_hg.png) top left no-repeat;}/*haut gauche*/
div.module div div div {background: url(/img/style/coin_hd.png) top right no-repeat; width: auto !important; width: 100%; padding: 6px; clear: both;} /*haut droite*/
div.module div div div div {background:none;}

div.info,p.info {border: 1px solid #c00; padding: 5px 20px 5px 45px; background: #fff6bf url(/img/typo/info.png) no-repeat scroll 15px 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #484848; text-align:justify;}
div.sites {border: 1px solid #c00; padding: 5px 20px 5px 45px; background: #fff url(/img/typo/check.gif) no-repeat scroll 15px 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #484848;}

#info {border: 1px solid #c00; padding: 5px 20px 5px 45px; background: #fff6bf url(/img/typo/info.png) no-repeat scroll 15px 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #484848;}
#sites {border: 1px solid #c00; padding: 5px 20px 5px 45px; background: #fff url(/img/typo/check.gif) no-repeat scroll 15px 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-align: left; color: #484848;}
a.info{
position:relative;
z-index:24; 
/*background-color:#fff;*/
font-style: normal; 
color: #404040;
text-decoration:none;
}
a.info:hover{z-index:25; 
background-color:#fff;
text-decoration:none;
color:#b61e3d;
}
a.info span{display: none; 
text-decoration:none;
}
a.info:hover span{
display:block;
position:absolute;
top:2em; left:220px; width:220px;
border:1px solid #fff; 
background-color:#fff;
color:#b61e3d;
font-style: normal; 
text-align: center;
text-decoration:none;
}
/*formulaire*/
#contacts {text-align:center;}
.titre1r {font-weight: bold; font-style: normal; color: #c00;}
#formname {border: none; margin: 0 auto; padding: 0; width: 550px;}
#titreform, #piedform {
font: bold 1.1em arial, hevetica, sans-serif;
color: #fff;
border: 1px solid #5f5f5f;
background: #5f5f5f;
margin: 0;
padding: 1em;
text-align:left;
}
#piedform {text-align: center;}
#piedform input {margin: 5px 5px 10px 5px;}
#piedform fieldset {border: 1px solid #fff4df;}
#corpsform {
border-left: 1px solid #5f5f5f;
border-right: 1px solid #5f5f5f;
color: #fff;
/*background: #fff4df;*/
margin: 0 auto;
padding: 1em;
}
#corpsform fieldset {margin: 0; border: 1px solid #5f5f5f; font-style: normal; padding: 0 1em 1em;}
#corpsform legend, #piedform legend {font-weight: bold; color: #fff; background: transparent;}
#corpsform p {padding: .2em 0; margin: 0 0 .1em 0;}
#corpsform fieldset#coordonnees label, #typelocation label {float: left; width: 50%; text-align: right; margin: 0; padding: 0 .5em 0px 0; line-height: 1.8;}
#corpsform fieldset#commentaires label {float: left; width: 44%; text-align: right; margin: 0; padding: 0 5px 0px 0; line-height: 1.8;}
#corpsform fieldset#Parcourir label {text-align:left; margin: 0; padding: 0 .5em 0 0; line-height: 1.8;}
#corpsform label:hover, #piedform input {cursor: pointer;}
#piedformparcourir {text-align: center;}
#piedformparcourir p {text-align: center;}
#corpsform .focus {background: #ffe; color: #000;}
#corpsform .normal {background: #fff; color: #000;}
/*Formulaire dedut*/
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; border:1px solid #5f5f5f; background-color: #fff4df;}
input{/*margin:0;*/ padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; border:1px solid #5f5f5f; background-color:#fff4df;}
option {/*font-size: 90%;*/ color: #0083ff; border-bottom:1px solid #fff6cc; background-color: #fff4df;}
select {color: #c00; background-color: #fff4df;}
.selection {background-color: #fff4df; color: #c00;}
input.bouton {/*margin:0;*/ padding:0; border:3px outset #5f5f5f; color: #000; font-weight:bold; cursor:pointer;}
input.bouton:hover {/*margin:0;*/ padding:0; background-color:#ccc; color:#c00;}
input.bouton:active {/*margin:0;*/ padding:0; border:2px inset #c00; background-color:#c00; color:#ffd8a7;}
/*Formulaire fin*/
#intro {margin: 0 80px;}
#telephone {/*clear: both; font-size: 75%;*/ margin-left: 220px; padding-top: 20px; /*text-align: center; */}
#telephone p {/*font-size: 70%;*/ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; /*text-align: center; */}
#merci {/*height: 487px;*/ margin: 50px; border:0px; /*text-align:center;*/}
#merci p{/*text-align:center;*/ }
.alerte {color:#c00; font-size:100%; font-weight: bold;}
#video {width: 320px; padding:5px 5px; margin:0px 0 0 220px; background:#fff; text-align:center;}
#video2 {margin: 0 0 0 220px;}
.img_caption img {background: #fff; border: 1px solid #ccc; padding: 4px;}
/**/
/* fixe */
.fixe:after {clear: both; display: block; content: "."; height: 0; visibility: hidden;}
* html > body .fixe {width: 100%; display: block;}
* html .fixe {height: 1%;}
html {margin-bottom: 1px; height: 100%!important; height: auto;}