/*  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,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 20px 0 0; }
#menu_header li { display:block; float:left; font-family:georgia,times,serif; text-transform:uppercase; font-size:12px; font-weight:bold; margin:0 6px 0 0; color:#009edf; border-left:1px solid #009edf; padding:0 30px; text-align:center }
    /*#menu_header li.noborder { border:0 none; }*/
#menu_header li a { color:#009edf; }
#menu_header li a:hover { color:#004494; }
.on { color:#004494 !important; }

/* common */
body { background:#e6f0d2; }
#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; }

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

#contenu_page { background:url(../img/bg/page_contenu_bg.png) no-repeat left bottom; width:724px; min-height:810px; _height:810px; padding:0 150px 110px 150px; position:relative; }
#contenu_page_big { background:url(../img/bg/page_contenu_bg_big.png) no-repeat left bottom; width:724px; min-height:1400px; _height:1400px; padding:0 150px 110px 150px; position:relative; }
#contenu_page_small, #credits_bg { background:url(../img/bg/page_contenu_bg_small.png) no-repeat left bottom; width:724px; min-height:650px; _height:350px; padding:0 150px 120px 150px; position:relative; }

.fd_blc { background:#fff; width:640px; margin:0 auto; padding:0 20px 20px 20px; min-height:810px; }
.fd_blc_small { background:#fff; width:640px; margin:0 auto; padding:0 20px 20px 20px; min-height:600px; _height:600px }

h2 img { margin:0;}
h3 { font-size:18px; margin:10px 0 0 0; background:url(../img/etoile1.png) no-repeat left top; height:30px; padding:20px 0 0 50px;  }
h3.bigga { height:50px; }
.txt_content h3 a { font-size:18px;text-decoration:none; }
h4 { font-size:14px; margin:10px 0 5px 0; background:url(../img/star.png) no-repeat 27px 1px; padding:0 0 0 50px; }
h5 { font-size:13px; font-weight:bold; margin:5px 0 5px 0; }
.argl { font-size:14px; margin:10px 0 0 0; background:none; height:26px; padding:6px 0 0 65px; }

.pre_intro { font-size:14px; margin:10px 0; font-weight:bold; }
.intro { font-size:14px; margin:10px 0 20px 0;line-height:auto; }
.exp { font-size:10px; font-weight:normal;vertical-align:text-top; }

.focus { margin:15px 0; line-height:16px; color:#4c2582; background:url(../img/bg/magic_stick.png) no-repeat 30px top; padding:10px 0 0 70px; font-style:italic; }
    .focus .accroche { font-size:14px; margin:0 0 3px 0; font-weight:bold;}
    .txt_content .focus a { font-size:12px; color:#4c2582; font-weight:bold; font-style:italic; text-decoration:underline; }
    .txt_content .focus a:hover { font-size:12px; color:#722dd3; font-weight:bold; font-style:italic; text-decoration:underline; }
    /*.ccl { color:#009edf; font-size:12px; text-transform:uppercase; margin-top:5px; }
    .focus .exp { font-weight:bold; font-size:9px; line-height:1.5px; }
    .focus .arrow li { background:url(../img/bg/purple_arrow.png) no-repeat left 4px; padding:0 0 0 10px;}*/

.isr { background:url(../img/logo_isr.png) no-repeat 15px top; padding:0 0 0 50px; display:block; margin:20px 0 10px 0;  font-style:italic; }

.signature { font-style:italic; display:block; margin:5px 0 0 0; font-weight:bold; }

.txt_content {  }
.txt_content p, .txt_content ul { padding:0 0 0 50px; margin:0 0 10px 0; line-height:16px; }
.txt_content .exp { font-size:9px; line-height:9px; }
.txt_content .indice { font-size:0.7em; }
.indice { font-size:0.8em; }

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

.txt_content .star { display:block; background:url(../img/star.png) no-repeat 27px 1px; padding:0 0 0 50px; margin:5px 0; }

.txt_content .exemple { font-style:italic; margin:3px 0 8px 0; }

.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; }
.pdd_left { padding:0 0 0 50px; }

.arrow li { background:url(../img/bg/blue_arrow.png) no-repeat left 4px; padding:0 0 0 10px; zoom:1; }
    /*.arrow li img { border:1px solid #004494; }*/

/**** encart vert ****/
.encart_vert { width:640px; margin:20px 0 20px 5px; color:#4c2582; font-style:italic; }
    .ev_top { background:url(../img/bg/encart/encart_top.png) no-repeat left top; width:640px; height:30px; }
    .ev_left { background:url(../img/bg/encart/encart_left.png) no-repeat left top; width:640px; }
    .ev_right { background:url(../img/bg/encart/encart_right.png) no-repeat right bottom; width:640px; }
    .ev_bottom { background:url(../img/bg/encart/encart_bot.png) no-repeat left top; width:640px; height:25px; }

    .encart_content { padding:15px; background:#adcc6a; margin:0 45px; }
    .encart_content p { font-size:11px;}

    .encart_content a { font-size:11px; color:#4c2582; font-weight:bold; font-style:italic; text-decoration:underline; }
    .encart_content a:hover { font-size:11px; color:#722dd3; font-weight:bold; font-style:italic; text-decoration:underline; }

    .gerante {float:left; margin:0 0 0 15px; padding:3px 0 0 0; width:410px; }
    .gerante h5 { margin:10px 0 5px 0; }

    .fd_blc .encart_vert h5 {  color:#4c2582; }

    .novethic {float:left; margin:0; width:430px; margin:0 0 0 15px; }

/**** page focus ****/
.logo { margin:0 0 0 0; zoom:1; }
.arrow li.logo { background:url(../img/bg/blue_arrow.png) no-repeat left 3px; padding:0 0 15px 10px; }
    /*.arrow li.logo_first { padding-bottom:20px; }*/
.arrow li.logo_first a img { margin-top:-5px; }
.txt_content .logo a { display:block; float:left; font-weight:normal; text-decoration:none; }
    /*.txt_content .logo a:hover img { border:1px solid #009edf; }*/
.logo img { margin:-1px 0 0 5px; }

/**** info bulles ****/
.info_bulle { display:none; }
.on .info_bulle { display:block; }
.info_bulle span { font-weight:bold; color:#563187; }
.info_bulle img { float:left; margin:15px 0 0 15px; width:34px; height:34px; }
.info_bulle p { float:left; color:#000; font-size:10px; margin:17px 0 0 5px; }

.info_bulle .bulle_small p { width:150px; margin:17px 0 0 2px; }
.bulle_big p { width:180px; }

#bulle_small_1, #bulle_small_1b { background:url(../img/bg/bulle_small.png) no-repeat left top; width:220px; height:100px; position:absolute; left:140px; top:-90px; }
#bulle_small_2, #bulle_small_2b { background:url(../img/bg/bulle_small.png) no-repeat left top; width:220px; height:100px; position:absolute; left:90px; top:-90px; }
.txt_content .bulle_small p { padding:0;}
.arrow li .bulle_small img { border:0 none; width:34px; height:34px; }

#bulle_big_1 { background:url(../img/bg/bulle_big.png) no-repeat left top;  width:250px; height:165px; position:absolute; left:120px; top:-155px; }
#bulle_big_2 { background:url(../img/bg/bulle_big.png) no-repeat left top;  width:250px; height:165px; position:absolute; left:240px; top:-155px; }
.arrow li .bulle_big img { border:0 none; width:34px; height:34px; }
.txt_content .bulle_big p { padding:0; line-height:13px; }

.bulle_inside { position:relative; }


/**** 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 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; margin-top:10px; }

/**** 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 0 10px 0; }
#player { border:1px solid #009edf;margin:0 38px;width:640px;height:340px;}
    object,embed{display:block;}
/*#subtitle{position:absolute;width:640px;top:580px;left:190px}*/
#subtitle { margin:13px 0 0 40px; }
#subtitle a{text-decoration:none;}
#subtitle ul{text-align:center;background:#fff;border:0 none;padding:8px 20px;border:1px solid #009edf; width:600px; }
#subtitle ul li{}

/* pages contenu */


    /* 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 35px 0; }
#nav_footer { width:680px; border-top:1px solid #004494; margin:0 0 0 182px; 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; }

