/* permascroll on Y axis */
html{overflow-y:scroll;}

/* reset properties */
body{margin:0;padding:0;font-family:"Arial", sans-serif;}

h1,h2,h3,h4,h5,h6,ul,li,p,form,fieldset,dl,dd,dt,hr,div{margin:0;padding:0}
ul,li{list-style-type:none;}
fieldset,abbr,a img{border:0 none;}
a {text-decoration:none;}

/* utils */
.abs{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.nobrd{border:0 none;}
.hide{display:none;}
.txtc{text-align:center;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.underline { text-decoration:underline; }
.uppercase {text-transform:uppercase;}


/* header */
#header { width:1024px; height:70px; background:url(../img/bg/header_bg_x.png) repeat-x left top; margin:0 10px; }
#header h1 { padding:5px 0 0 70px; float:left; }
#menu_header { float:right; margin:40px 45px 0 0; }
#menu_header li { display:inline; font-family:georgia,times,serif; text-transform:uppercase; font-size:12px; font-weight:bold; margin:0 6px 0 0; color:#009edf; }
#menu_header li a { color:#009edf; }
#menu_header li a:hover { color:#004494; }
.on { color:#004494 !important; }

/* common */
body { background:#fce7d9; }
#gal_content { margin:0 auto; background:#d6e7f0 url(../img/bg/body_bg.png) repeat-y left top; width:1044px; }
#content { min-height:663px; _height:663px; padding:0 10px; color:#004494; font-size:12px; }

#contenu_page { position:relative; }

h2 img { margin:0 72px 10px 72px;}
h3 { font-size:18px; margin:10px 0 0 0; background:url(../img/gato1.png) no-repeat left top; height:30px; padding:3px 0 0 65px;  }
h4 { font-size:14px; margin:10px 0 0 0; background:url(../img/potdebeurre2.png) no-repeat 25px top; height:26px; padding:6px 0 0 65px; }
.argl { font-size:14px; margin:10px 0 0 0; background:none; height:26px; padding:6px 0 0 65px; }

.attention { text-transform:uppercase; font-style:italic; color:#b32b31; }
.pre_intro { font-size:16px; margin:10px 0; font-weight:bold; color:#b32b31 }
.intro { font-size:16px; margin:10px 0 20px 0; color:#b32b31 }
.exp { font-size:10px; font-weight:normal;vertical-align:text-top; }

.focus { width:100%; border:1px solid #b32b31; margin:30px 0; padding:10px 20px; font-weight:bold; line-height:16px; }
    .accroche { color:#b32b31; font-size:12px; text-transform:uppercase; margin:0 0 5px 0; }
    .ccl { color:#b32b31; font-size:12px; text-transform:uppercase; margin-top:5px; }
    .focus .exp { font-weight:bold; font-size:9px; line-height:1.5px; }

#content a { color:#004494; font-size:12px; text-decoration:underline; font-weight:bold; }
#content a:hover { text-decoration:none; color:#009edf; font-weight:bold; }

.txt_content { padding-bottom:30px; }
.txt_content p, .txt_content ul { padding:0 0 0 65px; margin:0 0 20px 0; line-height:16px;  }
.txt_content .exp { font-size:9px; line-height:9px; }

.txt_content .renvois li { font-style:italic; font-size:10px; padding-right:30px; line-height:14px; }

.txt_content .pdd_righter { padding-right:100px; }
.txt_content .pdd_right { padding-right:50px; }
.txt_content .pdd_left { padding:0 0 0 65px; }

.arrow li { background:url(../img/bg/blue_arrow.png) no-repeat left 4px; padding:0 0 0 10px;}

/* mentions legales */
#mentions_legales_bg { background:url(../img/bg/page_mentions_legales_bg.png) no-repeat left bottom; min-height:730px; _height:730px; padding:0 150px; }
#mentions_legales_bg .intro {  font-size:14px; margin:10px 0 20px 0; }

/* page attente */
#attente_bg { background:url(../img/bg/page_mentions_legales_bg.png) no-repeat left bottom; min-height:730px; _height:730px; padding:0 150px; }
#attente_bg img { padding:150px 0 0 0; }

/* credits */
#credits_bg {  background:url(../img/bg/page_mentions_legales_bg.png) no-repeat left bottom; min-height:730px; _height:730px; padding:0 150px; }
#credits_bg h3 { background:none; font-size:18px; padding:70px 0 0 0; margin:0;  }
#credits_bg h4 { background:none; font-size:14px; padding:10px 0 0 0; margin:0;  }
#credits_bg h5 { background:none; font-size:14px; padding:25px 0 0 0; margin:0;  }
#credits_bg a { font-size:11px; padding:10px 0 0 0; margin:0;  }
#credits_bg p { font-size:11px; padding:10px 0 0 0; margin:0;  }
#credits_bg img { border:1px solid #000000;}

/* home */
#home_bg { background:url(../img/bg/home_bg.png) no-repeat left bottom; min-height:730px; _height:730px; position:relative; padding:0 150px; }
#home_bg h2 img { margin:20px auto 10px auto; }
#player { background:#b32b31;margin:65px 38px;width:641px;height:341px; padding:2px 1px 1px 1px;}
    object,embed{display:block;}
#subtitle{position:absolute;width:640px;top:580px;left:190px}
#subtitle a{text-decoration:none;}
#subtitle ul{text-align:center;background:#fff;border:0 none;padding:8px 20px;border:1px solid #009edf;}
#subtitle ul li{}
/* pages contenu */
#contenu_page { background:url(../img/bg/page_contenu_bg.png) no-repeat left bottom; width:724px; min-height:810px; _height:810px; padding:0 150px; }

    /* page en bref */
    .illustrations .deco1a { position:absolute; left:0; bottom:0; }
    .illustrations .deco1b { position:absolute; right:5px; bottom:10px; }
    .illustrations .deco1c { position:absolute; right:50px; top:385px; }
    .illustrations .deco1d { position:absolute; left:70px; top:80px; }
    .illustrations .deco1e { position:absolute; left:35px; top:165px; }

    /* page vos avantages */
    .illustrations .deco2a { position:absolute; left:0; top:80px; }
    .illustrations .deco2b { position:absolute; right:10px; bottom:10px; }
    .illustrations .deco2c { position:absolute; left:35px; bottom:65px; }
    .illustrations .deco2d { position:absolute; left:115px; bottom:25px; }
    .illustrations .deco2e { position:absolute; left:100px; bottom:240px; }
    .illustrations .deco2f { position:absolute; left:60px; bottom:280px; }

    /* page comment ça marche */
    .illustrations .deco3a { position:absolute; left:0; bottom:0; }
    .illustrations .deco3b { position:absolute; left:45px; top:560px; }
    .illustrations .deco3c { position:absolute; left:100px; top:530px; }
    .illustrations .deco3d { position:absolute; left:75px; top:600px; }
    .illustrations .deco3e { position:absolute; right:55px; bottom:30px; }
    .illustrations .deco3f { position:absolute; right:25px; top:75px; }
    .illustrations .deco3g { position:absolute; right:120px; bottom:15px; }

/* page telecharger */
#telecharger { background:url(../img/bg/telecharger_bg.png) no-repeat left bottom; min-height:730px; _height:730px; padding:0 150px; width:724px; }
#telecharger h3 { text-transform:uppercase; background:none; text-align:center; margin:130px 75px 0 0; font-size:16px; }
.download { margin:70px 0 0 165px; }
.download li {  margin:0 0 15px 0; height:35px; }
#telecharger .download li a { display:block;text-decoration:none; margin:0 10px 15px 0; float:left; }
#telecharger .download .text_link { padding-top:7px;}


/* footer */
#footer { background:url(../img/bg/footer_bg.png) no-repeat left bottom; padding:0 0 34px 0; }
#nav_footer { width:725px; border-top:1px solid #004494; margin:0 159px; color:#7f868a; font-size:11px; padding:7px 0 20px 0; }
#nav_footer ul { float:left; }
#nav_footer li { float:left; margin-left:4px;}
#nav_footer li a { color:#7f868a; float:none; }
#nav_footer .logo { float:right; margin:0 25px 0 0; }