/*sur DADSW*/
@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
line-height:18px;
color:#4f77a3;
text-transform:uppercase;
min-width: 960px;
min-height:568px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
background-color: #1f304d;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
background:url(../images/bg_pic22.jpg) center center no-repeat;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #09100e;
}
.spinner_bg {
width: 32px;
height: 32px;
}
#bgStretch {
z-index:1;
}

#bgStretch>img {
background: #09100e; 
}
.logo {
position:relative;
display:inline-block;
width: 100%;
height: 135px;
background: url(../images/logo.png) center no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin:0 auto;
}
/*header*/
header {
position:absolute;
top:0px;
height:145px;
width: 960px;
top: 120px;
left: 0px;
background: url(../images/menu_bg.png) center no-repeat;
z-index: 100;
}

/*end header*/
/*footer*/
footer {
position:absolute;
width:100%;
z-index:100;
bottom:20px;
margin:0 auto;
}
footer p {
position: relative;
color: #fff;
font-family: 'Anton', sans-serif;
font-size:13px;
line-height:16px;
white-space: pre;
text-transform: uppercase;
padding-top: 0px;
font-weight: 400;
text-align:center;
}
footer p a{
color: #fff; text-decoration:none;
}
footer p a:hover{
text-decoration: none;
color: #fff;
}

.foot-ic {margin:0 auto; display:block; text-align:center; margin-top:10px;}
a.foot-ic-1 {width:21px; height:21px; background:url(../images/foot_icon_01.png) 0 0 no-repeat; display:inline-block;}

a.foot-ic-1:hover {background-position:0 -21px;}

a.foot-ic-2 {width:21px; height:21px; background:url(../images/foot_icon_02.png) 0 0 no-repeat; display:inline-block; margin-left:5px;}

a.foot-ic-2:hover {background-position:0 -21px;}

/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
margin-left: 33px;
margin-top:22px;
float: left;
}
#menu{
float: left;
}
#menu>li {
display: inline-block;
position: relative;
width: 149px;

float:left;
background: url(../images/line_menu.png) 0px 20px no-repeat;
text-align: center;
}

#menu>li:first-child {background:none;}


#menu>li.nodisp {
display: none;
}
#menu>li>a {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
z-index: 15;
font-family: 'Anton', sans-serif;/*'Anton', sans-serif*/
font-size:25px;
line-height:30px;
color:#85bbd7;
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
text-transform:uppercase;
padding:27px 0 29px 1px;
text-decoration:none;
}

.first-button {border-radius:15px 0 0 15px;}
.last-button {border-radius:0px 15px 15px 0px;}

.rollshape {background:url(../images/roll_shape.jpg) center 0 no-repeat #000; height:86px; position:relative; z-index:10; }

.glowshape {background:url(../images/upglow.png) center 0 no-repeat;  position:absolute; z-index:14; width:100%; top:-28px; left:0; opacity:1; height:66px; }
.menublock { height:86px; width:149px; overflow:hidden !important; position:absolute; text-align:center; top:0px; left:0;}

#menu>li>a:hover { }

.submenu_1 {
position:absolute;
z-index:9100;
width: 148px;
left: 0px;
top: 80px;
height:102px;
background:url(../images/sub_1shape.png) 0 0 no-repeat;
text-align: left;
padding: 24px 0 12px;
}


.submenu_1 li {
position:relative;
display: block;

padding-left:24px;
}
.submenu_1 li a {
position:relative;
display: inline-block;
color: #fff !important;
font-family: 'Anton', sans-serif;
font-size:17px;
line-height:21px;
text-transform: uppercase;
text-decoration:none;
background: none;

}
.submenu_1 li a span {background:url(../images/arrow_sub.png) 0px  0px no-repeat; display:inline-block; height:9px; width:5px; margin-left:8px; margin-top:7px; }

.submenu_1 li a:hover,.submenu_1 li.sfHover>a, .submenu_2 li a:hover{
color:#6995b8 !important;

}

.submenu_2 {
position:absolute;
z-index:9100;
width: 99px;
left: 149px;
height:76px;
top: -18px;
background:url(../images/sub_2shape.png) 0 0 no-repeat;
text-align: left;
padding: 16px 0 12px;
}
.submenu_2 li {
position:relative;
display: block;

padding-left:18px;
}
.submenu_2 li a {
position:relative;
display: inline-block;
color: #fff;
font-family: 'Anton', sans-serif;
font-size:17px;
line-height:21px;
text-transform: uppercase;
text-decoration:none;
background: none;

}
.submenu_1,.submenu_2 {
display: none;
}
/*end menu*/

/*columns*/
.container_box {margin-left:auto;margin-right:auto;width:820px;}
.gridbox_1,.gridbox_2,.gridbox_3,.gridbox_4,.gridbox_5,.gridbox_6,.gridbox_7,.gridbox_8,.gridbox_9,.gridbox_10,.gridbox_11,.gridbox_12,.gridbox_13,.gridbox_14{display:inline;float:left; margin-left:10px;margin-right:10px; }.gridbox_24{display:inline;float:left; margin-left:10px;margin-right:10px; }
.container_box .gridbox_1{width:40px}.container_box .gridbox_2{width:100px}.container_box .gridbox_3{width:160px}.container_box .gridbox_4{width:220px}.container_box .gridbox_5{width:280px}.container_box .gridbox_6{width:340px}.container_box .gridbox_7{width:400px}.container_box .gridbox_8{width:460px}.container_box .gridbox_9{width:520px}.container_box .gridbox_99{width:200px}.container_box .gridbox_10{width:580px}.container_box .gridbox_11{width:640px}.container_box .gridbox_12{width:700px}.container_box .gridbox_13{width:760px}.container_box .gridbox_14{width:820px;}.container_box .gridbox_24{width:800px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}


/*end columns*/
/*pages*/
#content {
position:relative;
width:960px;
height:720px;
margin: 0 auto;
z-index: 50;
}
#content>ul {
width:892px;
height: 485px;
top: 120px;
margin:0 auto;
position: relative;
background: url(../images/content_shape.png) center 0 no-repeat;
overflow: hidden;
}
#content>ul>li.no_bg{
background: none;
}
#content>ul>li {
position:absolute;
width:100%;
height:100%;
overflow: hidden;
}



.zoomSp{display:block; position:absolute; left:0; top:0; width: 220px; height: 198px; z-index:3; background: url(../images/magnify.png) 50% 50% no-repeat; }
.pic img{position: relative; z-index: 1;}
figure {position: relative; z-index: 1;}



.img-indent {float:left; margin:-25px 15px 0px 0px;}

.box-1 {width:164px; margin-left:5px; margin-top:48px; float:left;}
.box-2 {width:220px; margin-left:35px; margin-top:18px; float:left; padding:15px 15px 10px 15px; background:#275177; border-radius:10px; }
.box-2 p {color:#6493b1;}
.box-3 {width:240px; margin-left:46px; margin-top:13px; float:left;}

a {cursor:pointer; text-decoration:underline; color:#6493b1; line-height:17px;}
a:hover {text-decoration:none; }

a.link {cursor:pointer;  color:#6493b1; text-decoration:none;}
a.link:hover {text-decoration:underline;}

.ltext {text-decoration:underline;}
.ltext2 {color:#6493b1;}

a.link2 {cursor:pointer; color:#dcf2ff; text-decoration:underline;}
a.link2:hover { text-decoration:none;}

a.button-1 { background:url(../images/more_shape.png) 0 0 repeat-x #1e3e5c; padding:10px 22px 12px 22px; font-family:'Anton', sans-serif; line-height:22px; font-size:16px; color:#83bad6; display:inline-block; border-radius:20px; text-transform:uppercase; text-shadow:1px 1px 1px #1e3d5a; text-decoration:none; }
a.button-1:hover { background:#cee9f9; text-decoration:none; color:#1e334d; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }

.x_button {top:267px; right:46px; position:absolute; z-index:300; opacity:0;}
.x_button a {background:url(../images/x_shape.png) 0 0 no-repeat; width:27px; height:27px; display:inline-block; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
.x_button a:hover {background-position:0 -27px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}

.list1 { }
.list1 li a:hover {text-decoration:underline; color:#fff;}
.list1 li {padding:1px 0 4px 14px;  background:url(../images/arrow_link.png) 1px 6px no-repeat; }
.list1 li a { font-size:11px; color:#6e9ebe; font-family:Tahoma, Geneva, sans-serif; text-decoration:none;  line-height:14px;
  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
  
.list2 {margin-top:18px;}
.list2 li a:hover {text-decoration:none; color:#1e334d; background:#cee9f9; }
.list2 li {margin:7px 0 0px 0px;  }
.list2 li a { font-size:21px; color:#93c4dc; font-family:'Anton', sans-serif; text-decoration:none; line-height:26px; background:#275177; width:200px; border-radius:10px; padding:13px 0 14px 20px; display:inline-block;  text-shadow:1px 1px 1px #254c70;
  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }


/*////////////////////*/


/*PADDINGS*/
.marg0 {margin-left:0px !important;}
.marg00 {margin-right:0px !important;}
.marg1 {margin-top:46px;}
.marg2 {margin-top:10px;}
.marg3 {margin-top:8px;}
.marg4 {margin-top:15px;}
.marg5 {margin-top:50px; margin-left:20px;}
.marg6 {margin-top:15px;}/*55*/
.marg7 {margin-top:20px; text-align:center;}
.marg77 {margin-top:0px; text-align:center;}
.marg8 {margin-top:9px;}
.marg11 {margin-top:23px;}


.pad1 {padding-bottom:0px;}

.tt>.ttt { display:inline-block; width:82px;}
.tt span {line-height:18px; }

/*///////////////////////////*/
span1 { /*ancien h1*/
width: 361px;
height:135px;
display: block;
position: relative;
margin:0 auto;
}
h1 { font-family:'Anton', sans-serif; font-size:16px; line-height:58px; text-transform: uppercase; color: #84bbd6; text-shadow:1px 1px 1px #213755;
display: block;
height:0px;
position: relative;
margin:0 auto;
}
h2 { font-family:'Anton', sans-serif; font-size:25px; line-height:58px; text-transform: uppercase; color: #84bbd6; text-shadow:1px 1px 1px #213755;}
h3 { font-family:'Anton', sans-serif; font-size:20px; line-height:26px; text-transform: uppercase; color: #84bbd6; text-shadow:1px 1px 1px #213755; white-space:nowrap;}
h4 { font-family:'Anton', sans-serif; font-size:20px; line-height:26px; text-transform: uppercase; color: #84bbd6; text-shadow:1px 1px 1px #213755; white-space:nowrap;}

.text-1 {color:#6493b1; text-decoration:underline; line-height:17px;}

/*additional classes*/
.block {
display:block;
}
.fleft {
float:left;
}
.fright {
float:right;
}

.wrapper {
width:100%;
overflow:hidden;
}

.extra-wrap {
overflow:hidden;
}

.clear {
clear:both;
line-height:0;
}

.front {text-align:left; padding-left:10px;}
.front2 {text-align: right; padding-right:10px; color:#FFF}
.color {color:#FFF;}


#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	top:10px;
	left:10px;
}


/* ********************************************************************************************************************************/
/* Style Info-Bulle */
	a.info {
	   position: relative;
	   text-decoration: none;
	   border-bottom: 1px gray dotted; /* on souligne le texte lien */
	}
	a.info span {
	   display: none; /* on masque l'infobulle */
	}
	a.info:hover {
	   background: none; /* correction d'un bug IE */
	   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	}
	a.info:hover span {
	   display: inline; /* on affiche l'infobulle */
	   position: absolute;
	   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	   top: 15px; /*  on positionne notre infobulle par rapport au début du lien */
	   left: 40px; /* on positionne notre infobulle par rapport au début du lien*/
	   background: #000;
	   text-align:center;
	   padding: 3px;
	   border: 1px solid #000;
	}
/* FIN Info-Bulle Style */