/* CSS Document */
@font-face {
    font-family:'AvantGardeBkBTBook';
    src: url('/fonts/avgardn-webfont.eot');
    src: url('/fonts/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avgardn-webfont.woff') format('woff'),
         url('/fonts/avgardn-webfont.ttf') format('truetype'),
         url('/fonts/avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'AvantGardeBkBTBookOblique';
    src: url('/fonts/avgardni-webfont.eot');
    src: url('/fonts/avgardni-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avgardni-webfont.woff') format('woff'),
         url('/fonts/avgardni-webfont.ttf') format('truetype'),
         url('/fonts/avgardni-webfont.svg#AvantGardeBkBTBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'AvantGardeMdBTMedium';
    src: url('/fonts/avgardm-webfont.eot');
    src: url('/fonts/avgardm-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/avgardm-webfont.woff') format('woff'),
         url('/fonts/avgardm-webfont.ttf') format('truetype'),
         url('/fonts/avgardm-webfont.svg#AvantGardeMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background-color:#f5f5f4; }
html { width:100%; height:100%; margin:0; padding:0;  }
body {  width:auto; height:auto; margin: 0; padding:0; background-color:none; position:relative; }
*{ margin:0; padding:0; font-family:AvantGardeBkBTBook; font-size:11px; color:#808080; }
li { list-style-type:none; }
a { text-decoration:none; color:#ff6600; }
a:hover { text-decoration:none; }

h1 {  width:auto; height:40px; line-height:40px; font-family:AvantGardeMdBTMedium; font-size:20px; color:#2f2f2e; display:block; margin:0 auto; }
h2 { margin:7px 0; font-size:16px; color:#475d01; font-weight:normal; }
h3 {  width:auto; height:auto; line-height:25px; font-size:20px; margin:7px 5px 7px 7px; color:#465D01; font-weight:normal; padding-top:7px; }
h2:first-letter { color:#ff6600; }
p { margin:0 7px; line-height:19px; text-align:left; }
textarea { overflow:auto; }
span { letter-spacing:0.4em; }
/* Blocs de construction */
#conteneur { width:1000px; height:100%; margin:0 auto; position:relative; }
#entete { width:auto; height:127px; position:relative; display:block; background-image:url(/images/fd.gif); background-repeat:repeat-x; text-align:center; }
#contenu { width:auto; height:auto; text-align:center; }
#centre { display:inline; text-align:center; margin:0 0 0 190px; display:block; }
#pied { height:207px; width:auto; background-image:url(/images/fd-pied.gif); background-repeat:repeat-x; text-align:center; margin:0; }
#pied a { width:240px; display:block; color:#FFF; font-size:13px; line-height:18px; }
#pied a:hover { color:#dbef08; }
#pied ul { width:260px; float:left; border-left:solid 1px #dbef08; padding:7px 8px; }

#listing { width:660px; height:auto; margin:15px auto; font-size:16px; display:block; }
#listing ul { height:30px; line-height:30px; vertical-align:middle; border: solid 1px #ff6600; border-bottom:none; text-align:left;  }
#listing li { width:150px; display:block; border-right:solid 1px #e3e1e1; padding-left:10px; text-align:left; display:inline-block; background-color:transparent; }
#listing li a { color:#333; background:none; }
#bloc-recherche { display:block; width:660px; height:20px; margin:10px auto 5px auto;}
/* menu gauche */
#menu-gauche { width:195px; height:350px; display:block; line-height:33px; vertical-align:middle; position:absolute; top:0px; left:0px; margin:25px 10px 15px 25px;  z-index:0;  }
#menu-gauche li { width:195px; height:auto; }
#menu-gauche li a { display:block; color:#ff6600; padding:0; text-align:left; font-size:16px; background-image:url(/images/puce-menu-gauche.png); padding-left:30px; background-position:middle left; background-repeat:no-repeat; }
#menu-gauche li a:hover { color:#0033ff;  }

/* Picto */
#picto-cpt { width:200px; height:22px; display:block; position:absolute; right:15px; top:15px; }
#picto-cpt li { width:200px; height:22px; height:auto; }
#picto-cpt li a { cursor:pointer; display:block; line-height:22px; text-align:right; padding-right:32px; background-image:url(/images/picto-compte.png); background-position:right; background-repeat:no-repeat; color:333; }
#picto-cpt li a:hover { background-image:url(/images/picto-compte-over.png); color:#0033ff; }

/* menu compte */
#menu-compte { width:170px; height:70px; position:absolute; top:45px; right:15px; display:none; }
#menu-compte li { width:170px; height:auto; }
#menu-compte li a { line-height:33px; vertical-align:middle; display:block; padding:0; color:#333; padding-left:15px; background-color:#f9f9f9; text-align:left; border:solid 1px #cbcbcb; }
#menu-compte li a:hover { color:#0033ff; }

/* formulaires */
form { width:600px; height:340px; line-height:50px; text-align:center; display:block; margin:30px auto; ; text-align:center; }
label { line-height:19px; height:19px; width:150px; float:left; vertical-align:middle; margin-right:7px; text-align:right; margin-top:8px; }
input { height:19px; width:150px; margin-top:7px; float:left; border:solid 1px #465D01; color:#465D01; display:block; font-size:14px; padding-left:3px; }
select { height:20px; margin-top:7px; float:left; border:solid 1px #465D01; color:#465D01; font-size:14px; background-color:#FFF; }
textarea { width:250px; height:90px; float:left; margin-top:5px; border:solid 1px #465D01; color:#465D01; }
option { color:#ff6600; height:16px; font-size:14px; }
.btn { padding:5px 10px; line-height:20px; vertical-align:middle; background-color:#ff6600; font-size:16px; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; cursor:pointer; }
#formv input { width:60px; }
#formv label { width:220px; }
#form label { margin-top:7px; }

/* LES ETAPES */
.bloc-rech { position:relative; }
.bloc-aff { position:absolute; top:25px; left:0px; width:300px; z-index:+50; /* display:none; */ }
.aff-select { padding:5px 10px; line-height:20px; vertical-align:middle; font-size:16px; color:#ff6600; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; cursor:pointer; }

.listing { width:660px; height:auto; margin:0; font-size:16px; display:block; }
.listing ul { height:30px; line-height:30px; vertical-align:middle; border: solid 1px #ff6600; border-bottom:none; text-align:left;  }
.listing li { width:150px; display:block; padding-left:10px; text-align:left; display:inline-block; background-color:transparent; }
.listing li a { color:#333; background:none; }
.listing li a:hover { background-color:#FCF; }

.liste-simple { letter-spacing:0.1em; color:#000; font-size:1.1em; }

#tempo { width:200px; height:40px; margin-left:200px; background-color:#6C3; color:#FFF; font-size:1.6em; display:none; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-align:center; line-height:40px; vertical-align:middle; }