@import "reset.css";
@import "grid.css";
@import "europe.css";

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}

body{ position:absolute;  font:12px Arial,sans-serif;  color:rgb(60,60,60);  min-width:960px;  width:100%;  height:100%;  overflow:hidden;  z-index:1;  text-align:justify}
body p a{ text-decoration:none}
body p a:hover{ }

h1{ display:inline-block;  padding-top:6px}
h1>a{ position:relative;  display:inline-block;  text-indent:100%;  white-space:nowrap;  overflow:hidden;  width:600px;  height:90px;   background:url(../images/logo.png) left center no-repeat}
h2{  text-transform:uppercase;   letter-spacing:1px;   font:42px 'Oswald',sans-serif;   color:rgb(200,200,200);   padding-bottom:23px}
h3{  font:17px 'Oswald',sans-serif;   letter-spacing:0.5px;   text-transform:uppercase;   color:rgb(50,50,50);   padding-bottom:20px}
h4{  text-transform:uppercase;   color:#bbb;   font-weight:normal}
a{  text-decoration:none}
p{  font-size:14px;   line-height:20px;   padding-bottom:18px}
figure{  display:inline-block;   border:1px solid #393939}
figure>img, figure>div{  border:1px solid #171717}
#glob{  position:absolute;   width:100%;   height:100%;   overflow:hidden;   z-index:2}
.spinner{  position:fixed;   left:0px;   top:0px;   width:100%;   height:100%;   z-index:9999;   background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #181619}
#splashGrid{ position:absolute;  z-index:2;  width:100%;  height:100%;  border:0px solid red;    background:rgb(0,0,0);   background:url(../images/haut_page.jpg) rgb(255,255,255);  background-repeat:repeat-x;  background-position:0px 140px}

.home_text{  position:absolute;   bottom:135px;   z-index:1000;   padding-top:15px;   width:100%;   background:url(../images/haut_page_home.jpg) rgb(255,255,255);  background-repeat:repeat-x;  background-position:top left}

#bgStretch{ z-index:1}
#bgStretch>img{ background:#181619}
.pagin{ position:absolute;  border:0px solid red;  z-index:500;  bottom:190px;   margin-left:870px}
.pagin>ul>li{  position:relative;   display:block;   float:left;   padding:5px;   width:12px;   height:12px;   margin-bottom:3px}
.pagin>ul>li.active>a{  background-position:center bottom}
.pagin>ul>li>a{  position:relative;   display:inline-block;   width:100%;   height:100%;   border-radius:6px;   -moz-border-radius:6px;   -webkit-border-radius:6px;   background:url(../images/pagin_icon.png) center top no-repeat}
#splashInfo{ position:absolute;  display:block;  left:0;  bottom:125px;   width:100%;   height:34px;   border:0px solid green;   background:url(../images/slogan_bg.png);   overflow:hidden;   text-align:center;   padding:16px 0}
#splashInfo>ul{  text-align:center;   display:inline-block}
#splashInfo>ul>li{  display:none;   width:940px}
#splashInfo>ul>li.active{  display:block}
#splashInfo>ul>li>p{  font:30px/1.2em 'Oswald',sans-serif;  color:#fff;  text-transform:uppercase;  letter-spacing:-1px}
#header, #footer{ position:absolute;  width:100%;  z-index:100}

#header{ top:0px;  height:145px;   background:url(../images/header_bg.png) center repeat-x}

#header a.langue{ display:block;  float:left;  margin-left:10px;  cursor:pointer}

#header a{ color:rgb(210,210,210)}

#header a:hover{ color:rgb(250,250,250)}

#footer{ border:0px solid red;  bottom:0px;    display:block;   background:url(../images/footer_bg.png) top repeat-x;  padding-top:5px;  padding-bottom:5px}
#footer p{ position:relative;  font:12px Arial,sans-serif;  color:#949494;  text-transform:uppercase}
#footer p a{ color:#949494}
#footer p>span{ font:18px 'Oswald',sans-serif;  color:#fff;  padding-bottom:7px;  position:relative;  display:inline-block}

.menu{  position:relative;   display:block;   width:960px;   height:67px;   margin-top:12px;   margin-left:-10px;   border-radius:5px;   -moz-border-radius:5px;   -webkit-border-radius:5px;   box-shadow:0 1px 5px rgba(0,0,0,0.61);   -moz-box-shadow:0 1px 5px rgba(0,0,0,0.61);   -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.61);   background:url(../images/menu_bg.png) center repeat-x}
#menu{ position:relative}
#menu>li{ display:inline-block;  position:relative;  width:192px;  height:67px;  float:left;  text-align:center}
#menu>li:first-child>strong{ border-top-left-radius:5px;  -moz-border-top-left-radius:5px;  -webkit-border-top-left-radius:5px;  border-bottom-left-radius:5px;  -moz-border-bottom-left-radius:5px;  -webkit-border-bottom-left-radius:5px;  left:0;  width:192px}
#menu>li.no_bg>a{  background:none}
#menu>li.no_bg>strong{  border-top-right-radius:5px;   -moz-border-top-right-radius:5px;   -webkit-border-top-right-radius:5px;   border-bottom-right-radius:5px;   -moz-border-bottom-right-radius:5px;   -webkit-border-bottom-right-radius:5px}
#menu>li>a{  position:relative;   display:block;   text-shadow:#080808 1px 1px 0px;   padding:0;   z-index:2;   height:67px;   overflow:hidden;   background:url(../images/menu_divider.png) right center no-repeat}
#menu>li>a>span{  position:relative;   display:block;   width:100%;   font:14px/1.2em Arial,sans-serif;  color:#9b9b9b;  text-transform:uppercase;  padding:25px 0}
#menu>li>a>span:first-child+span{ color:#fff;  position:absolute;  left:0;  top:-70px}
#menu>li>strong{ display:inline-block;  position:absolute;  height:100%;  width:192px;   top:0;   left:-2px;   background:url(../images/menu_bg_over.png) center repeat-x;   z-index:1}
#menu>li>span{  position:absolute;   display:inline-block;   top:0;   left:0;   width:100%;   height:4px;   margin-top:47px;   background:url(../images/submenu_arrow.png) center top no-repeat;  z-index:2}
.submenu_1, .submenu_2{ position:absolute;  z-index:9100;  width:207px;   padding:25px 0 4px;   left:-1px;   top:100%;   background:url(../images/submenu_bg_1.jpg);   border-radius:5px;   -moz-border-radius:5px;   -webkit-border-radius:5px;   box-shadow:0 0 3px rgba(0,0,0,0.61);   -moz-box-shadow:0 0 3px rgba(0,0,0,0.61);   -webkit-box-shadow:0 0 3px rgba(0,0,0,0.61);   display:none}
.submenu_1 li{  position:relative;   display:block;   margin-bottom:16px}
.submenu_1 a{  position:relative;   display:inline-block;   font:11px/1.2em Arial,sans-serif;  color:#fff;  text-transform:uppercase}
.submenu_1 li>a:hover, .submenu_1 li.sfHover>a{ color:#0083a9}
.submenu_2{ left:208px;   top:-8px;   background:url(../images/submenu_bg_2.jpg);  padding:8px 0 2px 30px;  width:165px}
.submenu_2 li{ display:inline-block;  margin:0 16px 0 0;  float:left}
.submenu_2 li.last{ margin-right:0}

#content{ position:relative;  width:960px;  margin:4px auto 0;  z-index:50;  top:198px}
#content>ul{ width:100%}
#content>ul>li.no_disp{ display:none;  width:0;  height:0}
#content>ul>li{ position:absolute;  width:100%;  background:none;  overflow:hidden}

#content a.lien{ color:rgb(0,0,0);  font-style:italic;  font-weight:bold}

.readMore{ font-size:13px;  letter-spacing:0.5px;  text-transform:uppercase;  color:#9a9b9b}
.readMore>span{ position:relative;  display:inline-block;  width:3px;  height:3px;  margin:8px 7px;  background:#666}
.readMore:hover{ }
.list1{  margin-top:5px}
.list1>li{  display:inline-block;   position:relative;   width:217px;   height:439px;   background:url(../images/list_bg.png);   border:1px solid #171717;   text-align:center;   margin-right:18px}
.list1>li.last{  margin-right:0}
.list1>li>figure{  margin:14px 0 33px}
.list1>li>h3{  padding-bottom:23px}
.list1>li>p{  padding:0 20px 20px}
.list2{  margin-top:-10px}
.list2>li{  display:inline-block;   position:relative;   width:280px;   margin:10px 37px 5px 0}
.list2>li.right{  margin-right:0}
.list2>li>div{  display:block;   overflow:hidden;   height:57px}
.list2>li>div>div{  display:inline-block;   position:relative;   float:left;   margin-right:10px;   width:50px;   height:50px;   background:url(../images/num_bg.png) 0 no-repeat;   text-align:center}
.list2>li>div>div>p{  font:26px/1.2em 'Oswald',sans-serif;   text-transform:uppercase;   color:#fff;   padding:10px 0}
.list3{  display:inline-block;   width:100%}
.list3>li{  display:block;   width:100%;   margin-bottom:12px}
.list3>li>span{  position:relative;   display:inline-block;   width:3px;   height:3px;   margin:7px 7px 8px 1px;   background:#676767}
.list3>li>a{  color:#676767}
.list4>li{  position:relative;   margin-bottom:17px}
.list4>li>figure{  float:left;   margin:2px 20px 0 0}
hr{  display:inline-block;   width:186px;   height:1px;   background:url(../images/hline.jpg) repeat-x;  margin:21px 0 21px}

.pad2{ padding:0 20px 30px 0}
.mar1{ margin:2px 0 18px}
.mar2{ margin:2px 20px 0 0}
.color2{ color:#fff}
.width1{ display:inline-block;  width:58px}

.fleft{ float:left}
.wrapper{ width:100%;  overflow:hidden}
a.nound, .nound a{ text-decoration:none}
a.nound:hover, .nound a:hover{ text-decoration:underline}
a.und, .und a{ text-decoration:underline}
a.und:hover, .und a:hover{ text-decoration:none}
.clear{ clear:both;  line-height:0}

#form1{ position:relative}
#form1 input,
#form1 select,
#form1 textarea{ position:relative;  background:none;  border:1px solid #393939;  color:#676767;  padding:7px 10px 8px;  width:230px;  outline:none;  box-shadow:none}

#form1 select{ height:31px}
#form1 textarea{ height:235px;  overflow:auto;  resize:none;  margin-top:2px}
#form1 label{ display:inline-block;  min-height:41px;  position:relative;  width:300px}
#form1 .success{ position:relative;  padding-bottom:4px;  color:#fff}
#form1 .error, #form1 .empty{ text-align:left;  display:none;  font-size:10px;  color:rgb(161,40,40);  margin-left:3px;  top:0px;  position:relative;  margin-top:-1px}
fieldset{ height:210px}
.btns{ padding-top:21px;  position:relative;  margin:0px auto;  width:300px}
.btns a{ display:inline-block;  margin-right:14px}

input, select, textarea{  font:normal 11px/13px Arial,sans-serif;  vertical-align:middle}