/**
 * author: slim bouafif <slim.bouafif@gmail.com>
 * date: 11/06/2011
 **/

/** __RESET (from eric meyer)**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
      content: none;
}
table {
    border-collapse: collapse;
      border-spacing: 0;
}

/** __ALL **/
body {
  width: 960px;
  margin: 0 auto;
  background: #000 repeat-x;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.59, rgb(0,0,0)),
    color-stop(1, rgb(179,179,179))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 59%,
    rgb(179,179,179) 100%
  );
  color: #fff;
  background-size: auto 250px;
  font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; 
  line-height: 1.25em;
}

a {
  color: #ed7f10;
  text-decoration: none;
}

p {
  font-size : 1em;
  line-height: 1.5625em;
}

h1 {
  font-size: 2em;
  line-height: 2.5em;
}

h2 {
  font-size: 1.6em;
  line-height: 2em;
}

h3 {
  font-size: 1.4em;
  line-height: 1.75em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.6em;
}

iframe {margin-bottom: 1.6em;}


table { margin: 1em}

th, td {padding: 0.4em;}

th { font-weight: bold;}

td {width: 30%}

.rushes table {
  width: 87.5%;
  margin-left: 60px;
}

.imgrush {
  display: block;
  float: left;
  height: 80px;
}

/** __HEADER **/
#header {
  height: 120px;
}

#header a > img {
  float: left;
  display : block;
}

#header #tagline {
  position: relative;
  top: 50px;
  left: 25px;
  font-size: 1.4em;
  color: #ed7f10;
}

/** __MENU **/
#navbar {
  position: relative;
  top: 66px;
  margin-left: 25%;
  width: 75%;
}

#navbar > li {
  display: inline-block;
  font-size: 1.1em;
  line-height: 1.71875em;
  text-transform: uppercase;
  text-align: center;
}

#navbar li:hover {
  background-color: #ed7f10;
}

li.subbed {
  padding: 0 12.5px;
}

ul.sub > li {
	position: relative;
  left: -12.5px;
  background: rgba(0, 0, 0, 0.7);
  width: 125%;
  line-height: 2em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
}

ul.sub > li:hover { background-color: #ed7f10;}

ul.sub {
	position: absolute;
  z-index: 1001;
  left: auto;
  display: none;
  text-align: left;
}

li:hover > ul { display: block; }

#navbar a {
  padding: 0 12.5px;
  display: block;
  color: #fff;
}

#navbar a.active {
  background-color: #ed7f10;
}

#menu-bde {
  float: right;
  width: 16.667%;
  margin: 6em 0 0 0;
  padding: 0 10px 0 20px;
  font-size: 1.1em;
  line-height: 1.5em;
  background: rgba(255, 255, 255, 0.2);
}

#menu-bde a {
  display: block;
}

#menu-bde a:hover {
  background-color: #fff;
}

/** __CONTENT **/
#home {
  background: #777;
  text-align: justify;
  padding: 1em;
}

#content {
  text-align: justify;
  padding: 1.25em;
  background: #000;
  color: #ccc;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 1em;
  -moz-box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 1em;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 1em;
  -moz-border-radius : 1em;
  -webkit-border-radius : 1em;
  -khtml-border-radius : 1em;
  border-radius : 1em;
}

#content h1, #content h2, #content h4 {
  color: #ed7f10;
}

#content p {
  margin-bottom: 1em;
}

.ul-infos > li {
  margin: 1em 0;
}

/** __SOCIAL **/
#social-icons {
  float: right;
}

#social-icons img {
  display: inline-block;
}

/** __CAROUSEL **/
#crsl {
  background: #fff;
  height: 300px;
}

#carousel img {
  position: absolute;
}

.ft-title {
  position: absolute;
  top: 120px;
  padding: 15px;
}

.ft-title h1{
  font-size: 3em;
  line-height: 1.25em;
  font-weight: 900;
}

.ft-title a {color: #fff;}

.ft-title p {
  font-size: 1em;
  font-weight: bold;
  color: #ed7f10;
}

.ft-button-carousel {
  font-size: 1.4em;
  color: #444;
  outline: 0px;
}

.ft-button-carousel-active {
  color: #ed7f10;
}

/** not displayed **/
#ft-next-carousel, #ft-prev-carousel {
  background: #fff;
  color: #000;
  padding: 4px;
  font-size: 1.2em;
  font-weight: bold;
  display: none;
}

/** __BOXES **/
#boxes {
  margin: 30px 13px 0 13px;
}

.box {
  width: 220px;
  background: #000;
  color: #ccc;
  padding: 10px;
  display: inline-block;
  margin: 0 30px;
  vertical-align: text-top;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 1em;
  -moz-box-shadow: #000 0px 0px 1em;
}

.box img {
  max-width: 220px;
  max-height: 120px;
}

.box img.mail {margin: 0 15px;}

.box h2 {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #ed7f10;
}

.social-icons {
  display: inline-block;
}

.social-icons img {
  width: 48px;
  height: 48px;
  padding-right: 10px;
}

/** __BDE **/
#bdes { padding-left: 14px;}
#bdes:after {
  content: "";
  display: block;
  clear: both;
}

.bde {
  width: 180px;
  float: left;
  padding: 5px 0;
}

.bde img {
  margin-left: 10px;
}

.bde h3 {
  text-align: center;
  color: #ed7f10;
}

.bde p, #bdes hr {
  display: none;
}

.bde p {
  width: 880px;
  padding: 10px;
  position: relative;
  background: #000;
}

.line-bde:after{
  content: "";
  display: block;
  clear: both;
}

.bde p.bde1 {
  right:180px;
}

.bde p.bde2 {
  right:360px;
}

.bde p.bde3 {
  right:540px;
}

.bde p.bde4 {
  right:720px;
}

.contact label {
  width: 6em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block
}

input, textarea, label {
  margin-bottom: 0.8em;
}

input[type='submit'] {
  margin-left: 6em;
}

input, textarea {
  background-color: #222;
  color: #ddd;
  outline: 0;
  border: 1px solid #777;
}

input:hover, textarea:hover,  
input:focus, textarea:focus {
  border-color: #C9C9C9;  
}

/** __IA9 __ASSOMIADES **/
#ia10-all, #ia10-cbox, #ia9-all, #ia9-cbox, #assomiades-all, #assomiades-cbox {
  width: 840px;
  margin-left: 44px;
}

#assomiades-cbox, #ia9-cbox, #ia10-cbox {height: 435px;}

ul#partenaires:after, #ia10-all:after, #ia10-cbox:after, #ia9-all:after, #ia9-cbox:after, #assomiades-all:after, #assomiades-cbox:after, #photoPager:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#ia10-all li, #ia10-cbox li, #ia9-all li, #ia9-cbox li, #assomiades-all li, #assomiades-cbox li {
  float: left;
  display: inline-block;
  margin: 10px;
  padding: 0;
  width: 100px;
  height: 67px;
}

#ia10-all li img, #ia10-cbox li img, #ia9-all li img, #ia9-cbox li img, #assomiades-all li img, #assomiades-cbox li img {
  display:block;
  max-height: 67px;
  margin: 0 auto;
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1em;
  -moz-box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1em;
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1em;
}

#photoPager {
  margin: 1em 45%;
  width: 10%;
  clear: both;
}

#photoPager li {
  float: left;
  display: inline-block;
  text-align: center;
  padding: 2px;
  margin: 2px;
  font-size: 1.125em;
}

#photoPager .active {
  font-weight: bold;
  background: #ed7f10;
}

.active a {color: #fff;}

.infos {
  display: inline-block;
  width: 300px;
  margin: 0 3.25px;
  vertical-align: text-top;
  padding-bottom: 20px;
}

#infl img {width: 280px;}

#ia10-aff {
  float: left;
  margin-right : 20px;
}

#fb-icon {
  margin : 5px;
}

/** __ASSOMiades **/
.assomiades li.partenaires {
  float: left;
  display: inline-block;
  text-align: center;
  margin: 0 5.9px;
  height: 110px;
}

img.benjerrys {margin-top: 22px;}
img.footinside {margin-top: 16.5px;}
img.lasergame {margin-top: 26.5px;}

/** __RUSH **/
.rules-rush li {margin-left: 0.8em;}

/** __FOOTER **/
#footer {
  margin-top: 20px;
  padding: 10px 0;
}

#footer img { 
  float: left;
  height: 60px;
  margin: 0 60px;
  padding: 0 5px;
}

#footer a {
  text-transform: uppercase;
}

#ftr-legal, #ftr-pres {
  margin-left: 25%;
  max-width: 68.75%;
}