@charset "UTF-8";
  
@font-face {
    font-family: 'ubuntubold_italic';
    src: url('../ubuntu2/ubuntu-bi-webfont.eot');
    src: url('../ubuntu2/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-bi-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-bi-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-bi-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntubold';
    src: url('../ubuntu2/ubuntu-b-webfont.eot');
    src: url('../ubuntu2/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-b-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-b-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-b-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntu_monoregular';
    src: url('../ubuntu2/ubuntumono-r-webfont.eot');
    src: url('../ubuntu2/ubuntumono-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntumono-r-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntumono-r-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntumono-r-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntumono-r-webfont.svg#ubuntu_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('../ubuntu2/ubuntu-c-webfont.eot');
    src: url('../ubuntu2/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-c-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-c-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-c-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-c-webfont.svg#ubuntu_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntu_monobold_italic';
    src: url('../ubuntu2/ubuntumono-bi-webfont.eot');
    src: url('../ubuntu2/ubuntumono-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntumono-bi-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntumono-bi-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntumono-bi-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntumono-bi-webfont.svg#ubuntu_monobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntu_monoitalic';
    src: url('../ubuntu2/ubuntumono-ri-webfont.eot');
    src: url('../ubuntu2/ubuntumono-ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntumono-ri-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntumono-ri-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntumono-ri-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntumono-ri-webfont.svg#ubuntu_monoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntulight_italic';
    src: url('../ubuntu2/ubuntu-li-webfont.eot');
    src: url('../ubuntu2/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-li-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-li-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-li-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-li-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubunturegular';
    src: url('../ubuntu2/ubuntu-r-webfont.eot');
    src: url('../ubuntu2/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-r-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-r-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-r-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntumedium_italic';
    src: url('../ubuntu2/ubuntu-mi-webfont.eot');
    src: url('../ubuntu2/ubuntu-mi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-mi-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-mi-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-mi-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-mi-webfont.svg#ubuntumedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntulight';
    src: url('../ubuntu2/ubuntu-l-webfont.eot');
    src: url('../ubuntu2/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-l-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-l-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-l-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntu_monobold';
    src: url('../ubuntu2/ubuntumono-b-webfont.eot');
    src: url('../ubuntu2/ubuntumono-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntumono-b-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntumono-b-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntumono-b-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntumono-b-webfont.svg#ubuntu_monobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntuitalic';
    src: url('../ubuntu2/ubuntu-ri-webfont.eot');
    src: url('../ubuntu2/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-ri-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-ri-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-ri-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubuntumedium';
    src: url('../ubuntu2/ubuntu-m-webfont.eot');
    src: url('../ubuntu2/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ubuntu2/ubuntu-m-webfont.woff2') format('woff2'),
         url('../ubuntu2/ubuntu-m-webfont.woff') format('woff'),
         url('../ubuntu2/ubuntu-m-webfont.ttf') format('truetype'),
         url('../ubuntu2/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'george';
    src: url('../george/GeorgeGibson-webfont.eot');
    src: url('../george/GeorgeGibson-webfont.eot?#iefix') format('embedded-opentype'),
         url('../george/GeorgeGibson-webfont.woff2') format('woff2'),
         url('../george/GeorgeGibson-webfont.woff') format('woff'),
         url('../george/GeorgeGibson-webfont.ttf') format('truetype'),
         url('../george/GeorgeGibson-webfont.svg#george_gibsonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

    body {  height: auto;
  overflow: auto; font-family: 'ubunturegular'; color:#FFF; background:#000; margin:0px; padding: 0px; font-size:0.7em; }
  a {color:white; text-decoration: none}
  a:hover {color:white; text-decoration: underline}
  a {
   outline: 0;
}
    h1, h2 { margin-top: 0; font-weight: lighter; }
    h2 {font-weight: lighter; font-size: 1.3em}
    p { color: #ccc; line-height: 1.5; }
    .page {width:100%; max-width: 1240px; margin: 0 auto; background: #000; }
	
	#head{width:85%;  margin: 14px auto 0;; position: relative;height: 68px;}
    #ram_head{position:absolute; top:0px; left:0px;}
    .george{position:absolute;top:0px; left:90px;font-family: 'george'; font-size: 45px}
     .georgeb{font-family: 'george'; font-size: 52px; margin-left: 20px}
     .georgeb2{font-family: 'george'; font-size: 52px;}
     .georgeb:hover{color:#ccc; text-decoration: none}
     .georgeb2:hover{color:#ccc; text-decoration: none}
    #menu_head{position:absolute;top:10px; right:0px;}
    #menu_head2{position:absolute;top:25px; right:0px;}
	#head a {color:white; text-decoration:none}
@media screen and (max-width: 840px) {
 #menu_head{position:absolute; right:0px;top:65px !important; z-index: 99; margin-top: 0px !important }
 #menu_head2{position:absolute; right:0px; top:115px !important; z-index: 100; margin-top: 0px !important }
}
	
	/*#lecteur_video{text-align:center}*/
	#lecteur_video .wrapper, #lecteur_video img{width:85%;margin:0 auto; max-height: 600px; overflow: hidden}

	#tabs_container{border-bottom:solid 1px #666; margin-bottom:20px}
	#tabs_containerB{border-bottom:solid 1px #666; border-top:solid 1px #666; margin:20px 0}
	.tabs .tab {color:white; text-decoration:none}
	.tab_contents_container{ margin:0px auto; width:85%}
	.tab_contents_container div {margin:10px 0}
	
	ul.tabs {padding-left:0px; margin:5px auto; width:85%}
	ul.tabs li {display:inline-block;  list-style:none}
	
	#vignettes{}
	
	#gallery {overflow-x:hidden !important}
.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}
	
	#tabs_containerB{text-align:right}

    .panel {
      display: none;
      width: 23%;
      padding: 20px 60px 20px 40px;
      background-color: #333;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #222;
      overflow: auto;
    }
	
	
	
	img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
    }
	
/*.thumbclass {float:left;}
.thumbclass li {float:left;}
.thumbclass li img {width:100px; height: auto;}*/
/*#carousel .slides li.serie_un {border-top: solid 2px white; padding-top: 5px}
#carousel .slides li.serie_deux {border-top: solid 2px grey; padding-top: 5px}
#carousel .slides li.serie_trois {border-top: solid 2px blue; padding-top: 5px}
#carousel .slides li.serie_quatre {border-top: solid 2px red; padding-top: 5px}*/


#lecteur_video .slides .tabs_container {/* border-bottom:solid 1px #666*/  margin: 14px auto 0;
    width: 85%;}

.fancybox-skin{background: none repeat scroll 0 0 transparent !important}
.fancybox-opened .fancybox-skin{box-shadow:none !important;}

#rightc-panel h3 {
    font-style: italic;
    font-weight: lighter;
    margin-bottom: 5px; margin-top: 33px}
    #rightc-panel .serie_un h3 {
 margin-top: 0px}
#rightc-panel a {color:#fff; text-decoration: none;}
#rightc-panel a:hover {color:#ccc}

#rightc-panel .flexslider-controls ol.flex-control-nav li {padding-bottom: 5px}
 .fancybox-title-outside-wrap {
    text-align: center;
}


#rightd-panel h3 {
    font-style: italic;
    font-weight: lighter;
    margin-bottom: 5px; margin-top: 33px}
    #rightd-panel .serie_un h3 {
 margin-top: 0px}
#rightd-panel a {color:#fff; text-decoration: none;}
#rightd-panel a:hover {color:#ccc}

#rightd-panel .flexslider-controls ol.flex-control-nav li {padding-bottom: 5px}
 .fancybox-title-outside-wrap {
    text-align: center;
}

.fancybox-overlay {
    background-color: rgba(255, 255, 255, 0.5) !important;}

.flexslider-controlsb{ margin: 5px auto;
    width: 85%;}
ul.flex-control-navb {padding:0px;}
.flex-control-navb li {display: none}
.flex-control-navb li.flex-active {display: inline}
.flexslider-controlsb .tabs {margin-bottom: 10px}

/*VIIDEO*/

.images-bonus {float:left; margin-right:6px;}

.vjs-default-skin .vjs-big-play-button{    background-color: rgba(7, 20, 30, 0.3);
    border: 0.1em solid #3b4249;
    border-radius: 2em !important;
    box-shadow: 0 0 1em rgba(255, 255, 255, 0) !important;
    cursor: pointer;
    display: block;
    font-size: 3em;
   /* height: 3em !important;*/
    left: 40%;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 40%;
    transition: all 0.4s ease 0s;
    vertical-align: middle;
    width: 2.8em !important;
    z-index: 2;}

#right-panel{line-height: 1.5em; font-size: 1.1em}

/*#tabs_containerC{display: none;}*/
#cookiesBlog {display:none;}
#cookiesBlogB {display:none;}
/*PERSONNAGES*/

div.close-panel-bt {cursor:pointer;text-align: right;font-size: 30px; position:fixed;top:20px; right: 30px}
div.close-panel-bt:hover {color:#ccc;}
.image_perso {vertical-align: middle;margin-bottom: 0px}
.perso-div h2{padding-top:135px;}
.perso-div .images-bonus {margin-right: 11px}

.story-div h2{padding-top:60px;}
.story-div .images-bonus {margin-right: 11px}
.story-div .images-bonus img {width:112px; height: auto}



/* VIDEOS HOME */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logo{display: none;}


.welcomeHome h1 {color:red !important;}




.fancybox-nav {position: fixed !important}
.fancybox-prev {
    left: 10px !important;
}
/*.fancybox-prev span {
    background-position: 0 -72px !important;
}*/

.fancybox-next {
    right: 10px !important;
}
.fancybox-next span {
    background-position: -14px -72px !important;
}


.fancybox-close {
    position: fixed !important;
    right: 27px !important;
    top: 0 !important;}
div.credits{
	Max-width:550px;
}
div.credits>p{
	text-indent: -20px;
	margin:20px 0 0 20px;
}