@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('FONTS/helveticaneue-light.eot');
    src: url('FONTS/helveticaneue-light.eot') format('embedded-opentype'),
         url('FONTS/helveticaneue-light.woff') format('woff'),
         url('FONTS/helveticaneue-light.ttf') format('truetype'),
         url('FONTS/helveticaneue-light.svg#HelveticaNeueLight') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCondensedBold';
    src: url('FONTS/helveticaneue-condensedbold.eot');
    src: url('FONTS/helveticaneue-condensedbold.eot') format('embedded-opentype'),
         url('FONTS/helveticaneue-condensedbold.woff') format('woff'),
         url('FONTS/helveticaneue-condensedbold.ttf') format('truetype'),
         url('FONTS/helveticaneue-condensedbold.svg#HelveticaNeueCondensedBold') format('svg');
}
#ST_les-dinosaures,#ST_les-dinosaures h1,#ST_les-dinosaures h2,#ST_les-dinosaures h3,#ST_les-dinosaures h4,#ST_les-dinosaures p,#ST_les-dinosaures b,#ST_les-dinosaures strong,#ST_les-dinosaures em,#ST_les-dinosaures i,#ST_les-dinosaures div,#ST_les-dinosaures span{ margin:0px; padding:0px; font-size:16px; }
#ST_les-dinosaures a,#ST_les-dinosaures a img{ border:none;}
#ST_les-dinosaures .dinos_clear{ clear:both;}
#ST_les-dinosaures { font-family:'HelveticaNeueLight',Arial, Helvetica, sans-serif; background:#4E5056; }
#ST_les-dinosaures .dinos_section{ width:100%;}
#ST_les-dinosaures .dinos_inner{ width:780px; margin:auto; padding:0px 20px; position:relative;}
#ST_les-dinosaures #dinos_titre,#ST_les-dinosaures h1,#ST_les-dinosaures h2{ font-family:'HelveticaNeueCondensedBold',Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff; text-align:center; font-size:48px; letter-spacing:1px;}
#ST_les-dinosaures p{ color:#ffffff; text-align:justify;} 
#ST_les-dinosaures p.dinos_center_p{ width:615px; margin:auto; }

#ST_les-dinosaures #dinos_top_zone{ background:#4e5056;}
#ST_les-dinosaures #dinos_top_zone #dinos_patte_left{ position:absolute; top:55px; left:0px;}
#ST_les-dinosaures #dinos_top_zone #dinos_patte_right{ position:absolute; right:0px; top:20px;}
#ST_les-dinosaures #dinos_top_zone #dinos_titre{ padding-top:155px; padding-bottom:35px; }
#ST_les-dinosaures #dinos_top_zone #dinos_titre a{ color:#ffffff; text-decoration:none;}

#ST_les-dinosaures .dinos_splitter_top{ width:100%; height:2px; background:url(../IMAGES/GLOBAL/dashed.png) repeat-x; margin:60px 0px 75px 0px;}
#ST_les-dinosaures .dinos_splitter{width:100%; height:2px; background:url(../IMAGES/GLOBAL/dashed.png) repeat-x; margin:40px 0px;}
#ST_les-dinosaures .dinos_splitter_2{width:100%; height:2px; background:url(../IMAGES/GLOBAL/dashed.png) repeat-x; margin:60px 0px 30px 0px;}
	
#ST_les-dinosaures #dinos_top_zone #dinos_menu{ text-align:center; padding-bottom:65px;}
#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien{ text-decoration:none; display:inline-block;  color:#fff;}
#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner{ display:inline-block; width:142px; margin-bottom:60px;}
#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner .dinos_icone_plus{ background:#65cabb; border:solid 2px #fff; height:34px; width:34px; border-radius:20px; display:inline-block; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:35px; }
#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner .dinos_menu_texte{ display:inline-block; width:100%; color:#ededed; text-align:center; font-family:'HelveticaNeueCondensedBold',Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:0.5px;}

#ST_les-dinosaures #dinos_content_zone{ background:#3b3c41;  text-align:center;}
#ST_les-dinosaures #dinos_content_zone #dinos_numero_page{ font-family:'HelveticaNeueCondensedBold',Arial, Helvetica, sans-serif; font-size:24px; text-align:center; height:58px; width:58px; border-radius:30px; color:#fff; position:absolute; top:-29px; background:#3b3c41; line-height:40px; left:50%; margin-left:-29px;}
#ST_les-dinosaures #dinos_content_zone h1{ font-size:24px; padding-top:60px; padding-bottom:25px; color:#eaecec;}
#ST_les-dinosaures #dinos_content_zone h2{ font-size:20px; padding-bottom:40px; color:#eaecec;}
#ST_les-dinosaures #dinos_content_zone h1 a, #ST_les-dinosaures #dinos_content_zone h2 a{ color:#eaecec; text-decoration:none;}
#ST_les-dinosaures #dinos_content_zone h2.dinos_subtitle{ font-size:20px; padding-bottom:20px; margin-top:5px; color:#eaecec;}
#ST_les-dinosaures #dinos_content_zone .dinos_cover{ border:solid 10px #ffffff; box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.2); margin-bottom:30px;}

#ST_les-dinosaures .dinos_bg_topleft{ background-position:top left; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_topright{ background-position:top right; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_topcenter{ background-position:top center; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_bottomleft{ background-position:bottom left; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_bottomright{ background-position:bottom right; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_bottomcenter{ background-position:bottom center; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_centerleft{ background-position:center left; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_centerright{ background-position:center right; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bg_centercenter{ background-position:center center; background-repeat:no-repeat;}
#ST_les-dinosaures .dinos_bloc_bleu{ border:solid 1px #202125; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); background-color:#2a2b30; }

/* ##### QUI SONT LES DINOS ##### */
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_right {float:right;}
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_right img { position:absolute; }
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_left{float:left;}
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_right,
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_left{ width:378px;}
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_right .dinos_img,
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_left .dinos_img{height:235px;}
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_right p,
#ST_les-dinosaures #dinos_content_zone .dinos_qui_bloc_illu_demi_left p{ padding:10px 20px 20px 20px;}

/* ##### OU ET COMMENT VIVAIENT ILS ? ##### */
#ST_les-dinosaures #dinos_content_zone #dinos_map_ou_vivaient_ils{width:758px; max-width:95%; height:auto;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinos_map_img{ max-width:100%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils .dinos_icon_map{ position:absolute; }
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_tyrannosaure{ top:24%; left:28%; max-width: 7%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_velociraptor{ top:33%; right:26%; max-width: 10.1%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_baryonyx{ top:30%; left:46%; max-width: 7%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_diplodocus{ top:36%; left:26%; max-width: 9%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_argentinosaure{ bottom:29%; left:23%;max-width: 21%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_ankylosaure{ top:41%; left:17%; max-width: 9%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_stegosaure{ top:19%; left:13%; max-width: 10%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_parasaurotophe{ top:28%; left:22%; max-width: 5.7%;} 
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_iguanadon{ right:17%; top:29%; max-width:8.1%;}
#ST_les-dinosaures #dinos_map_ou_vivaient_ils #dinoc_icon_triceratops{ top:30%; left:15%; max-width: 6.4%;}
#ST_les-dinosaures .dinos_ere_zone{ float:left; width:30%; text-align:center; margin-top:55px;}
#ST_les-dinosaures #dinos_ere_middle{ margin:55px 5% 0 5%}
#ST_les-dinosaures .dinos_ere_zone img{ max-width:85%;}
#ST_les-dinosaures .dinos_ere_zone p{ text-align:left;}
#ST_les-dinosaures .dinos_ere_zone .dinos_ere_title{ font-size:24px; text-align:center; margin:25px 0px 30px 0px;}
#ST_les-dinosaures #dinos_asteroide{ float:left; margin-right:20px; margin-top:20px;}
#ST_les-dinosaures #dinos_text_extinction{ float:left; margin-top:20px; width:300px; text-align:left; letter-spacing:-0.5px; line-height:20px;}
#ST_les-dinosaures #dinos_content_zone ol{ font-size:16px; color:#ffffff; margin:0; padding-left:30px; }
#ST_les-dinosaures #dinos_content_zone ol li{ text-align:left;}

/* ##### LIENS FOOTER ##### */
#ST_les-dinosaures #dinos_footer{ padding-bottom:20px; padding-top:50px;}
#ST_les-dinosaures #dinos_prev_link{ width:50%; float:left; text-align:left;}
#ST_les-dinosaures #dinos_next_link{ width:50%; float:right;  text-align:right;}
#ST_les-dinosaures #dinos_prev_link a, #ST_les-dinosaures #dinos_next_link a{ color:#fff; font-size:12px;}
#ST_les-dinosaures #dinos_prev_link a:hover, #ST_les-dinosaures #dinos_next_link a:hover{ text-decoration:none;}

/* ##### PAGE DINOSAURE ##### */
/* -- vignettes -- */
#ST_les-dinosaures #dinos_vignettes_zone{ text-align:center; padding-top:30px; padding-bottom:35px;}
#ST_les-dinosaures #dinos_vignettes_zone .dinos_vignette_link{ color:#eaecec; border:none; text-decoration:none;}
#ST_les-dinosaures #dinos_vignettes_zone .dinos_vignette_link .dinos_vignette_link_inner{ display:inline-block; width:32%;}
#ST_les-dinosaures #dinos_vignettes_zone .dinos_vignette_link .dinos_vignette_link_inner img{ max-width:90%;}
#ST_les-dinosaures #dinos_vignettes_zone .dinos_vignette_link .dinos_vignette_link_inner .dinos_vignette_link_label{ text-align:center; display:inline-block; font-family:'HelveticaNeueCondensedBold',Arial, Helvetica, sans-serif; letter-spacing:.8px; margin-top:5px; }
#ST_les-dinosaures .dinos_intro_espece{ text-align:center; width:600px; margin:auto; margin-bottom:25px;}
/* -- cover -- */
#ST_les-dinosaures div.dinos_cover{ height:450px; width:640px; margin:auto; position:relative; max-width:95% }
#ST_les-dinosaures .dinos_cover.dinos_margin_top{ margin-top:55px;}
#ST_les-dinosaures div.dinos_cover .dinos_explication_right{ background:url(../IMAGES/GLOBAL/bullet_point-right.png) right 5px no-repeat; padding-right:100px; position:absolute; text-align:right; font-size:16px; }
#ST_les-dinosaures div.dinos_cover .dinos_explication_left{ background:url(../IMAGES/GLOBAL/bullet_point-left.png) left 5px no-repeat; padding-left:100px; position:absolute; text-align:left; font-size:16px; }
#ST_les-dinosaures div.dinos_cover .dinos_explication_left_large{ background:url(../IMAGES/GLOBAL/bullet_point-left-large.png) left 5px no-repeat; padding-left:146px; position:absolute;  text-align:left; font-size:16px; }
/* -- ou -- */
#ST_les-dinosaures #dinos_ou_vivait_il{ width:100%; padding:30px 0px 55px 0px;}
#ST_les-dinosaures #dinos_ou_vivait_il #dinos_terre{ background:url(../IMAGES/GLOBAL/planete-terre.png) no-repeat center center; height:183px; width:183px; position:relative; float:left; margin: 0 12%;}
#ST_les-dinosaures #dinos_ou_vivait_il #dinos_terre .dinos_location{ position:absolute;}
#ST_les-dinosaures #dinos_ou_vivait_il #dinos_ou_texte{ font-size:24px; float:left; padding-top:10px;}
#ST_les-dinosaures span.dinos_petit{ font-size:16px; line-height:24px; letter-spacing:0px;}
/* -- infos -- */
#ST_les-dinosaures .dinos_bloc_info{ width:240px; height:220px; float:left; padding-top:20px; position:relative; margin-bottom:27px;}
#ST_les-dinosaures .dinos_bloc_info p{ position:absolute; left:0px; bottom:0px; padding:15px; font-size:24px; text-align:left; letter-spacing:-0.5px;}
#ST_les-dinosaures .dinos_bloc_info_middle{ margin:0 27px;}
/* -- annecdotes -- */
#ST_les-dinosaures .dinos_bloc_demi{ width:380px; height:330px; float:left; position:relative;}
#ST_les-dinosaures .dinos_bloc_demi_first{ margin-right:16px;}
#ST_les-dinosaures .dinos_bloc_full{ width:100%; height:330px; float:left; position:relative;}
#ST_les-dinosaures .dinos_bloc_demi .dinos_img, #ST_les-dinosaures .dinos_bloc_full .dinos_img{ width:100%; height:280px;}
#ST_les-dinosaures .dinos_bloc_demi .dinos_img, #ST_les-dinosaures .dinos_bloc_full .dinos_img_full{ height:100%;}
#ST_les-dinosaures .dinos_bloc_demi p, #ST_les-dinosaures .dinos_bloc_full p{ position:absolute; bottom:0; left:0; text-align:left; padding:15px;}

/* --- Qu'est ce qu'un dinosaure --- */
#ST_les-dinosaures #dinos_fact1{background-image:url(../IMAGES/ILLUS_DINOS/loupe-ossements-dinosaures-decouverts.png);}
#ST_les-dinosaures #dinos_fact2{background-image:url(../IMAGES/ILLUS_DINOS/diplodocus-eteint-avant-trex.png);}
/* --- triceratops --- */
#ST_les-dinosaures #dinos_cover_triceratops{ background-image:url(../IMAGES/ILLUS_DINOS/triceratops-dinosaure-vegetivore-trois-cornes.jpg); }
#ST_les-dinosaures #dinos_cover_triceratops .dinos_explication_right{top:64%; right:65%;}
#ST_les-dinosaures #dinos_cover_triceratops .dinos_explication_left{left:64%; top:52%;}
#ST_les-dinosaures .dinos_location.dinos_loc_triceratops{top:22%; left:12%;}
#ST_les-dinosaures #dinos_annecdote_triceratops{background-image:url(../IMAGES/ILLUS_DINOS/troupeau-triceratops.png);}
/* --- iguanadon --- */
#ST_les-dinosaures #dinos_cover_iguanadon{ background-image:url(../IMAGES/ILLUS_DINOS/iguanadon-dents-iguane-vegetivore-dinosaure.jpg); }
#ST_les-dinosaures #dinos_cover_iguanadon .dinos_explication_right{top:63%; right:54%;}
#ST_les-dinosaures #dinos_cover_iguanadon .dinos_explication_left{left:64%; top:58%;}
#ST_les-dinosaures .dinos_location.dinos_loc_iguanadon1{top:30%; left:8%;}
#ST_les-dinosaures .dinos_location.dinos_loc_iguanadon2{right: 25%;top: 23%;}
#ST_les-dinosaures .dinos_location.dinos_loc_iguanadon3{right: -1%;top: 34%;}
#ST_les-dinosaures .dinos_location.dinos_loc_iguanadon4{right: 21%;top: 50%;}
#ST_les-dinosaures #dinos_annecdote_iguanadon{background-image:url(../IMAGES/ILLUS_DINOS/iguanadon-bipede-quadrupede.png);}
/* --- argentinosaure --- */
#ST_les-dinosaures #dinos_cover_argentinosaure{ background-image:url(../IMAGES/ILLUS_DINOS/argentinosaure-reptile-argentine-vegetivore.jpg); }
#ST_les-dinosaures #dinos_cover_argentinosaure .dinos_explication_right1{top:66%; right:50%;}
#ST_les-dinosaures #dinos_cover_argentinosaure .dinos_explication_right2{right:33%; top:35%;}
#ST_les-dinosaures .dinos_location.dinos_loc_argentinosaure{top:57%; left:25%;}
#ST_les-dinosaures #dinos_annecdote_argentinosaure{background-image:url(../IMAGES/ILLUS_DINOS/argentinosaure-mange-400-kilogrammes-vegetaux-jour.png);}
/* --- stégosaure --- */
#ST_les-dinosaures #dinos_cover_stegosaure{ background-image:url(../IMAGES/ILLUS_DINOS/stegosaure-reptile-toit-vegetivore.jpg); }
#ST_les-dinosaures #dinos_cover_stegosaure .dinos_explication_right{top:70%; right:57%;}
#ST_les-dinosaures #dinos_cover_stegosaure .dinos_explication_left{left:65%; top:37%;}
#ST_les-dinosaures .dinos_location.dinos_loc_stegosaure{top:20%; left:9%;}
#ST_les-dinosaures #dinos_annecdote_stegosaure{background-image:url(../IMAGES/ILLUS_DINOS/stegosaure-plaques-dorsales-impressionner-ennemis.png);}
/* --- ankylosaure --- */
#ST_les-dinosaures #dinos_cover_ankylosaure{ background-image:url(../IMAGES/ILLUS_DINOS/ankylosaure-lezard-rigide-vegetivore.jpg); }
#ST_les-dinosaures #dinos_cover_ankylosaure .dinos_explication_right{top:64%; right:65%;}
#ST_les-dinosaures #dinos_cover_ankylosaure .dinos_explication_left{left:58%; top:41%;}
#ST_les-dinosaures .dinos_location.dinos_loc_ankylosaure{top:20%; left:9%;}
#ST_les-dinosaures #dinos_annecdote_ankylosaure{background-image:url(../IMAGES/ILLUS_DINOS/ankylosaure-tryceratops-derniers-dinosaures-extinction.png);}
/* --- vélociraptor --- */
#ST_les-dinosaures #dinos_cover_velociraptor{background-image:url(../IMAGES/ILLUS_DINOS/velociraptor-voleur-agile-carnivore.jpg) }
#ST_les-dinosaures #dinos_cover_velociraptor .dinos_explication_right{top:69%; right:48%;}
#ST_les-dinosaures #dinos_cover_velociraptor .dinos_explication_left{left:62%; top:33%;}
#ST_les-dinosaures .dinos_location.dinos_loc_velociraptor{top:15%; right:0%;}
#ST_les-dinosaures #dinos_annecdote_velociraptor{background-image:url(../IMAGES/ILLUS_DINOS/velociraptor-vitesse-course-voiture-40km.png);}
/* --- tyrannosaure --- */
#ST_les-dinosaures #dinos_cover_tyrannosaure{ background-image:url(../IMAGES/ILLUS_DINOS/tyrannosaure-trex-carnivore-roi-reptile-tyran.jpg); }
#ST_les-dinosaures #dinos_cover_tyrannosaure .dinos_explication_right{top:73%; right:56%;}
#ST_les-dinosaures #dinos_cover_tyrannosaure .dinos_explication_left{left:58%; top:51%;}
#ST_les-dinosaures .dinos_location.dinos_loc_tyrannosaure{top:22%; left:12%;}
#ST_les-dinosaures #dinos_annecdote_tyrannosaure1{background-image:url(../IMAGES/ILLUS_DINOS/dent-tyrannosaure-18-centimetres-hauteur.png);}
#ST_les-dinosaures #dinos_annecdote_tyrannosaure2{background-image:url(../IMAGES/ILLUS_DINOS/petits-bras-tyrex-tyrannosaure.png);}
/* --- baryonyx --- */
#ST_les-dinosaures #dinos_cover_baryonyx{ background-image:url(../IMAGES/ILLUS_DINOS/baryonyx-griffes-puissantes-carnivore-dinosaure.jpg); }
#ST_les-dinosaures #dinos_cover_baryonyx .dinos_explication_right{top:71%; right:53%;}
#ST_les-dinosaures #dinos_cover_baryonyx .dinos_explication_left{left:62%; top:33%;}
#ST_les-dinosaures .dinos_location.dinos_loc_baryonyx{top:12%; right:23%;}
#ST_les-dinosaures #dinos_annecdote_baryonyx{background-image:url(../IMAGES/ILLUS_DINOS/baryonyx-griffe-longue-30-centimetres.png);}
/* --- diplodocus --- */
#ST_les-dinosaures #dinos_cover_diplodocus{ background-image:url(../IMAGES/ILLUS_DINOS/diplodocus-vegetivore-double-poutre.jpg) }
#ST_les-dinosaures #dinos_cover_diplodocus .dinos_explication_right{top:63%; right:57%;}
#ST_les-dinosaures #dinos_cover_diplodocus .dinos_explication_left{left:58%; top:26%;}
#ST_les-dinosaures .dinos_location.dinos_loc_diplodocus{top:18%; left:-2%;}
#ST_les-dinosaures #dinos_annecdote_diplodocus{background-image:url(../IMAGES/ILLUS_DINOS/diplodocus-queue-fouet-effrayer.png);}
/* --- ptérodactyle --- */
#ST_les-dinosaures #dinos_cover_pterodactyle{ background-image:url(../IMAGES/ILLUS_DINOS/pterodactyle-dinosaure-volant-vegetivore.jpg); }
#ST_les-dinosaures #dinos_cover_pterodactyle .dinos_explication_right{top:31%; right:64%;}
#ST_les-dinosaures #dinos_cover_pterodactyle .dinos_explication_left{left:59%; top:18%;}
#ST_les-dinosaures .dinos_location.dinos_loc_pterodactyle1{top:18%; left:-2%;}
#ST_les-dinosaures .dinos_location.dinos_loc_pterodactyle2{top:48%; right:10%;}
#ST_les-dinosaures #dinos_annecdote_pterodactyle{background-image:url(../IMAGES/ILLUS_DINOS/pterodactyle-faux-dinosaure-reptile-volant.png);}
/* --- parasaurothophe --- */
#ST_les-dinosaures #dinos_cover_parasaurothophe{ background-image:url(../IMAGES/ILLUS_DINOS/parasaurotophe-dinosaure-reptile-herbivore.jpg); }
#ST_les-dinosaures #dinos_cover_parasaurothophe .dinos_explication_right{top:70%; right:54%;}
#ST_les-dinosaures #dinos_cover_parasaurothophe .dinos_explication_left{left:57%; top:37%;}
#ST_les-dinosaures .dinos_location.dinos_loc_parasaurothophe{top:20%; left:9%;}
#ST_les-dinosaures #dinos_annecdote_parasaurothophe{background-image:url(../IMAGES/ILLUS_DINOS/parasaurotophe-crete-sonore-communiquante.png);}
/* --- ichtyosaure --- */
#ST_les-dinosaures #dinos_cover_ichtyosaure{ background-image:url(../IMAGES/ILLUS_DINOS/ichtyosaure-reptile-cordps-poisson-marin.jpg); }
#ST_les-dinosaures #dinos_cover_ichtyosaure .dinos_explication_right{top:60%; right:46%;}
#ST_les-dinosaures #dinos_cover_ichtyosaure .dinos_explication_left_large{left:58.5%; top:35%;}
#ST_les-dinosaures .dinos_location.dinos_loc_ichtyosaure1{top:0%; right:48%;}
#ST_les-dinosaures .dinos_location.dinos_loc_ichtyosaure2{top:20%; right:25%;}
#ST_les-dinosaures .dinos_location.dinos_loc_ichtyosaure3{top:25%; left:21%;}
#ST_les-dinosaures #dinos_annecdote_ichtyosaure{background-image:url(../IMAGES/ILLUS_DINOS/ichtyosaure-faux-dinosaure-reptile-marin.png);}

/* ### RECORDS ### */
#ST_les-dinosaures  .dinos_cover_records{ width:798px; height:478px; margin-left:-16px; margin-top:20px; margin-bottom:40px;}
#ST_les-dinosaures .dinos_bloc_record{ margin-bottom:30px;}
#ST_les-dinosaures .dinos_bloc_record.dinos_bloc_demi .dinos_img { height:270px; }
#ST_les-dinosaures .dinos_bloc_record.dinos_bloc_full .dinos_img { height:100%; }
#ST_les-dinosaures .dinos_bloc_record p strong { font-size:24px; font-weight:normal; line-height:25px; }
#ST_les-dinosaures #dinos_record_1{background-image:url(../IMAGES/ILLUS_DINOS/argentinosaure-plus-lourd-dinosaure.png);}
#ST_les-dinosaures #dinos_record_2{background-image:url(../IMAGES/ILLUS_DINOS/brachiosaure-plus-haut-dinosaure.png);}
#ST_les-dinosaures #dinos_record_3{background-image:url(../IMAGES/ILLUS_DINOS/argentinosaure-plus-long-dinosaure.png);}
#ST_les-dinosaures #dinos_record_4{background-image:url(../IMAGES/ILLUS_DINOS/anchiornis-plus-petit-leger-dinosaure.png);}
#ST_les-dinosaures #dinos_record_5{background-image:url(../IMAGES/ILLUS_DINOS/ankylosaure-plus-lent-dinosaure.png);}
#ST_les-dinosaures #dinos_record_6{background-image:url(../IMAGES/ILLUS_DINOS/dromiceimimus-plus-rapide-dinosaure.png);}
#ST_les-dinosaures #dinos_record_7{background-image:url(../IMAGES/ILLUS_DINOS/sauropodes-plus-gros-oeuf-de-dinosaure.png);}
#ST_les-dinosaures #dinos_record_8{background-image:url(../IMAGES/ILLUS_DINOS/troodon-plus-gros-cerveau.png);}
#ST_les-dinosaures #dinos_record_9{background-image:url(../IMAGES/ILLUS_DINOS/stegosaure-plus-petit-cerveau.png);}

/* Nexus 7 (portrait) et Ipad Mini ----------- */
@media only screen and (min-device-width : 480px) and (max-device-width : 980px) and (orientation: portrait) {
	#ST_les-dinosaures p.dinos_center_p{ width:90%; margin:auto; padding:0px;}
	#ST_les-dinosaures,#ST_les-dinosaures h1,#ST_les-dinosaures h2,#ST_les-dinosaures h3,#ST_les-dinosaures h4,#ST_les-dinosaures p,#ST_les-dinosaures b,#ST_les-dinosaures strong,#ST_les-dinosaures em,#ST_les-dinosaures i,#ST_les-dinosaures div,#ST_les-dinosaures span{ font-size:20px; }
	#ST_les-dinosaures #dinos_titre{ font-size:58px;}
	#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner .dinos_menu_texte{ font-size:20px;}
	#ST_les-dinosaures #dinos_content_zone #dinos_numero_page{ font-size:28px;}
	#ST_les-dinosaures #dinos_content_zone h1{ font-size:28px;}
	#ST_les-dinosaures #dinos_content_zone h2{ font-size:24px;}
	#ST_les-dinosaures .dinos_ere_zone .dinos_ere_title{ font-size:28px;}
	#ST_les-dinosaures #dinos_content_zone ol{ font-size:20px;}
	#ST_les-dinosaures #dinos_content_zone ol{ font-size:20px;}
	#ST_les-dinosaures #dinos_prev_link a, #ST_les-dinosaures #dinos_next_link a{ font-size:18px;}
	#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner{ width:200px;}
	#ST_les-dinosaures #dinos_ou_vivait_il #dinos_ou_texte{ font-size:28px;}
	#ST_les-dinosaures span.dinos_petit{ font-size:20px;}
	#ST_les-dinosaures #dinos_text_extinction{ line-height:28px}
	#ST_les-dinosaures #dinos_ou_vivait_il #dinos_terre{ margin:0% 10%;}
	#ST_les-dinosaures .dinos_bloc_info p, #ST_les-dinosaures .dinos_bloc_record p strong{ font-size:28px;}
}

/* Iphone (portrait) ----------- */
@media only screen and (max-device-width: 480px) and (orientation: portrait){
	#ST_les-dinosaures p.dinos_center_p{ width:90%; margin:auto; padding:0px;}
	#ST_les-dinosaures,#ST_les-dinosaures h1,#ST_les-dinosaures h2,#ST_les-dinosaures h3,#ST_les-dinosaures h4,#ST_les-dinosaures p,#ST_les-dinosaures b,#ST_les-dinosaures strong,#ST_les-dinosaures em,#ST_les-dinosaures i,#ST_les-dinosaures div,#ST_les-dinosaures span{ font-size:30px; }
	#ST_les-dinosaures #dinos_titre{ font-size:58px;}
	#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner .dinos_menu_texte{ font-size:30px;}
	#ST_les-dinosaures #dinos_content_zone #dinos_numero_page{ font-size:36px;}
	#ST_les-dinosaures #dinos_content_zone h1{ font-size:44px;}
	#ST_les-dinosaures #dinos_content_zone h2{ font-size:36px;}
	#ST_les-dinosaures .dinos_ere_zone .dinos_ere_title{ font-size:36px;}
	#ST_les-dinosaures #dinos_content_zone ol{ font-size:30px;}
	#ST_les-dinosaures #dinos_content_zone ol{ font-size:30px;}
	#ST_les-dinosaures #dinos_prev_link a, #ST_les-dinosaures #dinos_next_link a{ font-size:26px;}
	#ST_les-dinosaures #dinos_top_zone #dinos_menu .dinos_menu_lien .dinos_menu_lien_inner{ width:250px;}
	#ST_les-dinosaures #dinos_ou_vivait_il #dinos_ou_texte{ font-size:36px;}
	#ST_les-dinosaures span.dinos_petit{ font-size:30px;}
	#ST_les-dinosaures #dinos_asteroide{ float:none; margin:auto;}
	#ST_les-dinosaures #dinos_text_extinction{ float:none;  width:90%; margin:auto; margin-top:30px;}
	#ST_les-dinosaures .dinos_ere_zone .dinos_ere_title span.dinos_petit{letter-spacing:-1px; line-height:34px;}
	#ST_les-dinosaures #dinos_text_extinction{ line-height:36px}
	#ST_les-dinosaures #dinos_ou_vivait_il #dinos_terre{ margin:0% 3%;}
	#ST_les-dinosaures .dinos_bloc_info p, #ST_les-dinosaures .dinos_bloc_record p strong{ font-size:36px;}
}