@charset "utf-8";
/* CSS Document */
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font:100%/1.3; color:#424242;
	background: linear-gradient(to right, #d3cce3, #e9e4f0);
	margin:0;
	padding:0;
	
}

ul, ol, dl {
	padding:0;
	margin:0;
}

a img { border:none; }
a { outline: none; }

/*--------------------font-face------------------*/
@font-face {
font-family: 'blender';
src: url('font/blender.eot');
src: url('font/blender.otf') format('truetype'),
     url('font/blender.woff') format('woff'),
     url('font/blender.eot?#iefix') format('embedded-opentype'),
     url('font/blender.svg#blenderBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'DS-DIGIT';
    src : url('font/DS-DIGIT.ttf?');
}

/*--------------------Taille H1, H2, H3, p, p2------------------*/
h1 { font-family:blender, sans-serif; margin:0px; font-size:28px; }
h2 { font-family:blender, sans-serif; margin:0px; font-size:24px; padding-bottom:15	px; padding-top:11px; }
h3 { font-family:blender, sans-serif; margin:0px; font-size:24px; }
p { font-family:blender, sans-serif; margin:0px; font-size:20px; }
p2 { font-family:blender, sans-serif; margin:0px; font-size:16px; }
.demowatch_txt_copyright { font-size:14px; }


/*--------------------Liens Hypertexte------------------*/
/*-a:link { color:yellow; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration: none; }
a:visited { color:#f25e5a; text-decoration:none; }*/

a.main:link { color:#424242; text-decoration:underline; }
a.main:hover, a:active, a:focus { color:#424242; }
a.main:visited { color:#424242; }

a.demowatch:link { color:#333333; text-decoration:underline; }
a.demowatch:visited { color:#333333; text-decoration:underline; }
a.demowatch:hover, a:active, a:focus { text-decoration: none; }
/*---Liens Hpertexte End--*/

/* --------------------------------------------------------------------MENU Roll------------------*/
ul { list-style-type:none; margin:0; padding:0; position: absolute; }

/* Création de lia liste horizontale avec espacement */
li { display:inline-block; float: left;  }

/* Btn */
li a {
	display:block; width:129px; height:46px; text-align:center; line-height:46px;
	font-family:blender, sans-serif; margin: 0px 0px 0px 6px; font-size:19px;
	color:white; background-image:url(menu_btn_bg.png); text-decoration: none; }

/* Btn over */
li:hover a { color:white; }

/* Sous-liens */
li:hover ul a { background-color:#1c1c1c; font-size:17px; color:#70706f; width:129px; height:auto;
                line-height:34px; background-image:none; }

/* Sous-liens survolés - Style */
li:hover ul a:hover { color:#ebebeb; background-color:#302f2f; text-decoration:none; }

/* Rendre les liens déroulants verticaux */
li ul li { display: block; float: none; }

/* Affich le menu déroulant au survol */
ul li a:hover + .hidden, .hidden:hover { display: block; }

/* Masquer les liens déroulants */
li ul { display: none; }

/* masquer Style du bouton 'show menu' */
.show-menu { display: none; }

/* Masquer la checkbox */
input[type=checkbox]{ display: none; }
/*-----------------------------------------------------------------Menu Roll End--------------*/

header { width:100%; height:34px; background-color:#1c1c1c; display: block; }
.header_bloc_center { width:1060px; height:34px; position:relative; margin:0 auto; }
.brrtop_espace_screentype { position:absolute; width:70px; height:34px; margin:0px 0px 0px 990px; }

#container {
	position:relative;
	width:1060px;
	margin:0 auto;
}

#header_espace_lg { position:relative; width:1060px; margin:0 auto; height:72px; display:block; }
#header_div_lg { width:229px; height:72px; }

.sidebar { position:absolute; left:0px; width:73px; min-height:100%; margin:0px; background-color:#1c1c1c; }
.sidebar_div_ico { position:absolute; width:73px; height:192px; margin:0px; background-color:#d8d1e6; }
.sidebar_div_bottom { position: absolute ; width:73px; height:11px; bottom:0px; }

.div_right { margin-left:73px; width:987px; height:auto; background-image:url(main_bg.png); }

.div_menu { position:absolute; width:987px; height:46px; background-image:url(menu_bg.png); z-index:2; display:block; }
.div_menu_espace {width:675px; height:46px; margin-left:0px; }
.div_menu_sous_espace { width:675px; height:46px; }/*--À conserver, sinon n'affiche plus la partie haute de la zone 'main' (vignette, titre...)-------*/
.div_menu_crr_right { width:34px; height:34px; margin:-40px 6px 6px 947px; }

.main_titles_espace { width:987px; height:34px; }
.main_titles_ico { position:absolute; width:40px; height:34px; margin:0px 880px 0px 0px; }
.main_titles_arrow { position:absolute; width:16px; height:34px; background-image:url(main_titles_arrow.png); margin:0px 0px 0px 40px; }
.main_titles_txt { position:absolute; width:auto; height:34px; margin:0px 0px 0px 60px; line-height:34px; }

.main_crr2_one { width:300px; height:155px; margin:33px 0px 21px 153px; display:inline-block; }
.main_crr2_two { width:300px; height:155px; margin:33px 0px 21px 85px; display:inline-block; }
.main_crr4_decal_left { width:47px; height:9px; margin:0px; display:inline-block; }
.main_crr4_index { width:222px; height:277px; margin:9px 0px 0px 9px; display:inline-block; }
.main_crr4 { width:222px; height:135px; margin:9px 0px 0px 9px; display:inline-block; }

.main_section_txt { width:915px; height:auto; margin:0px 0px 0px 60px; padding:0px; }
.main_section_illu { width:915px; height:189px; margin:6px 0px 9px 56px; padding:0px; }
.main_section_datatable { width:915px; height:auto; margin:0px 0px 0px 56px; padding:0px; }
.main_sep_simple { margin:0px 0px 0px 47px; padding:0px; width:933px; height:18px; background-image:url(main_sep_simple.png); }

.main_section_map { width:915px; height:280px; margin:9px 0px 9px 56px; padding:0px; }

.main_bloc_border_top { width:987px; height:10px; background-image:url(main_bloc_border_top.png); }
.main_bloc_border_bottom { width:987px; height:10px; background-image:url(main_bloc_border_bottom.png); }
.main_bloc_border_end { width:987px; height:16px; background-image:url(main_bloc_border_end.png); }
.main_bloc_sep { width:987px; height:6px; background-color:#e0ebf1 }

.main_footer { width:933px; height:15px; background-image:url(main_footer.png); }

.section_news { width:826px; height:auto; margin:9px 0px 0px 56px; }
.section_news_img { float:left; width:222px; height:114px; }
.section_news_txt { margin-left:222px; height:auto; padding-left:10px; }

/*---------------------------------------------------------------- Poké API ------------*/
.poke { width:346px; height:auto; margin:0px; padding:0px; background-color:red; }
.poke_id { width:96px; height:96px; position:absolute; display:inline-block; background-color:brown;
               text-align:center; line-height:48px; }
.poke_name { width:250px; height:96px; margin-left:96px; position:absolute; display:inline-block; background-color:grey; line-height:48px; text-align:center; }
.poke_img { width:96px; height:96px; margin-left:346px; display:inline-block; background-color:yellow; }
/*--------------------------------------------------------------- Poké API End ----------*/


/*---------------------------------------------------------------- Demo TideWatch ------------*/
.section_demowatch { width:810px; height:255px; margin:9px 0px 0px 90px; padding:0px; border:1px solid grey; border-radius:12px; }
#demowatch_crr_split { display:inline-block; vertical-align:top; width:405px; height:255px; }
/*--Crr montre--*/#demowatch_crr_split .watch { width:221px; height:155px; margin-top:50px; margin-left:92px; background-image:url(demowatch_imgwatch.png); }
#square28px { width:28px; height:28px; }
#hour { width:110px; height:33px; margin-left:28px; font-size:33px; font-family:'DS-DIGIT'; color:#e0e0e0; }
#graph { width:165px; height:66px; margin-left:28px; }
/*--Crr info--*/#demowatch_crr_split .infos { width:349px; height:auto; margin-top:50px; margin-left:14px; }
/*--------------------------------------------------------------- Demo TideWatch End ----------*/

#footer { position:relative; margin:0 auto; width:1060px; height:auto; display:block; }
.footer_copyright { position:absolute; margin-left:854px; width:auto; height:auto; }
.footer_copyright p { font-size: 13px; padding:9px 0px 9px 0px; }