/*============ Général ===================== */

body {
  margin:0 auto;
  width: 100%;
  font-family:'Open Sans', sans-serif;
}

* {
  box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {outline: none;}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

.nav-fixe {
    width: 100%;
    background: url(../images/design/bg/bg-header.gif) repeat 0 0;
    position: fixed;
    z-index: 10000;
    top: -250px;
}

.nav-fixe nav {
    margin: 44px auto 0 auto;
    height: 43px;
}

.nav-fixe nav .navLeft li:first-child a, .nav-fixe nav .navLeft li a, .nav-fixe nav .navRight li:first-child a, .nav-fixe nav .navRight li a {
    height: 43px;
}

.nav-fixe nav .subnav {
    top: 43px;
}

.nav-fixe nav a {
    text-decoration: none;
}

.nav-fixe nav .navLeft li:first-child a:hover, .nav-fixe nav .navLeft li a:hover, .nav-fixe nav .menu-deroule > a, .nav-fixe .ActiveURL, .nav-fixe nav .navRight li:first-child a:hover, .nav-fixe nav .navRight li a:hover {
    background: none;
}

.nav-fixe .logo {
    position: absolute;
    top: -40px;
    left: 449px;
    background: url(../images/design/bg/bg-logo-mini.png) scroll no-repeat 0 0;
    width: 31px;
    height: 25px;
}

.nav-fixe .logo a {
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 100%;
}

.btn-mobile {
    display: none;
}

.contener {
  width: 100%;
  margin: 0 auto;
  background-color: #f5f3f3;
  padding: 0; 
}
.DocuCandLabo {
  position: fixed;
  height: 249px;
  width:97px;
  /*background-color: #999;*/
  z-index: 10;
    top: 50%;
    right: 0;
    margin-top: -124px;
}

.DocuCandLabo a {
  text-indent: -9999px; 
}

.DocuCandLabo .docu {
  height: 107px;
  width: 113px;
  background: url(../images/design/bg/bg-documentation.png) no-repeat 100% 0;
  display:block;
  margin-bottom: 55px;
  z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
}

.DocuCandLabo .labo {
  height: 86px;
  width: 112px;
  background: url(../images/design/bg/bg-oeil-labo2.png) no-repeat 100% 0;
  display:block;
  position: absolute;
  top: 81px;
  right: 0;
    z-index: 200; 
}

.DocuCandLabo .lab {
    width: 71px;
    height: 67px;
    position: absolute;
    top: 10px;
    left: 4px;
    z-index: 100;
    cursor: pointer;
}

.labo #pushToInnovate {
    width: 140px;
    height: 140px;
    position: absolute;
    top: -27px;
    left: -27px;
}

.labo #pushToInnovate div:hover {
    cursor: pointer !important;
}

#pushToInnovate div {
    background-color: transparent !important;
}

.DocuCandLabo .cand {
  height: 113px;
  width: 113px;
  background: url(../images/design/bg/bg-candidature.png) no-repeat 100% 0;
  display:block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100; 
}

.btnScrollTop{
  display: none;
  position: fixed;
  right:90px;
  bottom:100px;
  z-index: 1;
}
.btnScrollTop a{

  display: block;
    height: 38px;
    width: 38px;
    color: #fff;
    text-indent: -9999px;
    text-align: center;
  background: url(../images/design/bg/bg-back-to-top.gif) no-repeat scroll 0 0 transparent;
}
div{
  word-wrap:break-word;
}
figure, section, article, img, a, li, ul, nav, footer, figcaption {
  margin: 0;
}

figcaption {
  font-size: 13px;
  text-align: center;
  font-family: "Arial",Helvetica,sans-serif;
  color: #515151;
}
sup { 
  line-height: 9px;
  text-transform: lowercase;
}

iframe{
  border: 0 none;
  scroll:none;
  margin: 20px auto;
  display: block;
}

.clearboth {
  clear: both;
}

.right{
  text-align: right;
}

.filAriane{
  margin: 0 0 1em !important;
    padding: 0;
}

.filAriane li{
  background: none repeat scroll 0 0 transparent !important;
  color: #303132;
    display: inline;
    font-size: 12px;
    padding: 0 3px 0 0 !important;
}

.filAriane li a{
  color: #00AEEF;
}

.menuInterne {
  height: 67px;
  width: 960px; 
}

.menuInterne ul {
  width: 960px; 
}

.content .accroche,

.content .accroche a {
  color: #00aeef;
  font-size: 15px;
  font-family:'Open Sans', sans-serif;  
}

.content .blocCouleur p.line24 {
    line-height: 24px;
}


.content .borderImg img{
  border: 1px solid #ECE1E1;
}
.content .alignLeft {
  float: left;
  margin: 0 24px 0 0; 
}
.content .alignRight {
  float: right;
  margin: 0 0 0 24px; 
}
.content .alignCenter{
  text-align:center;
}

header {
  width: 100%;
  margin:0 auto;
  padding-top: 0;
  height: 235px;
  background: url(../images/design/bg/bg-header.gif) repeat 0 0;
}

header a, header p, header li, .nav-fixe a {
  color:#ffffff;
  font-size: 11px;
  text-transform: uppercase;
  font-family:'Open Sans', sans-serif;  
}

header a, header p, header li {
  color:#ffffff;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  font-family:'Open Sans', sans-serif;  
}

header .national a {
  font-size: 11px;
  font-weight:300;  
}

header .national a:hover, header .national a.active {
  color: #5acbf5; 
}

header a {
  text-decoration: none;  
}

header .national {
  margin:0 auto;
  width:960px;
  background: url(../images/design/bg/bg-bordure-bas-reseau-header.png) repeat-x 0 100%;
    position: relative; 
}

.national p {
  float: left;
  margin: 0;
  padding: 12px 0 12px 0; 
}

.national ul {
  margin:0;
}

.national ul li {
  display:inline-block;
  padding: 12px 4px 12px 8px;
  background: url(../images/design/bg/bg-ville-header.png) no-repeat 0 50%; 
}

.national ul li.tech3si {
  background:none;
  padding:0;
}

.national ul li.tech3si a {
    background: url(../images/design/bg/epitech-tech3si.jpg?v=191222014) no-repeat 0 0;
    width: 30px;
    height: 21px;
  color: #5acbf5;
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 11px;
    right: 55px;
}

.national ul li.tech3si.cn a {
    background: url(../images/design/bg/epitech-tech3si-cn.jpg) no-repeat 0 0;
    right: 11px;
}

.national ul li.tech3si a:before {
    content: '';
    background: url(../images/design/bg/bg-barre-separation-nav.png) no-repeat 0 0;
    width: 2px;
    height: 23px;
    position: absolute;
    top: -1px;
    left: -8px;
}

.national ul li.tech3si a:after {
    content: '';
    background: url(../images/design/bg/bg-barre-separation-nav.png) no-repeat 0 0;
    width: 2px;
    height: 23px;
    position: absolute;
    top: -1px;
    right: -8px;
}

.national ul li:first-child {
  background: none; 
}

/* International */
.national ul li.dropdown{
      background: none;
      float: right;
      background-color: #2dbcf2;
      padding: 5px 16px;
      display: block;
      position: relative;
      top: 8px;
      cursor:pointer;
}

.hideDrop{
    display:none;
    border:1px solid #2dbcf2;
    height: 35px;
    width: 265px;
    padding : 5px 5px;
    position: absolute;
    top:25px;
    right: 0px;
    z-index:1000;
    background-color: rgba(45, 46, 47, 0.87);
}

.hideDrop a{
    display:inline-block;
    width:32px;
    height:20px;
    margin-left: 7px;
    margin-top: 2px
}
.hideDrop a.en{
    background: url(../images/media/flags/en.png) no-repeat 0 0;
}
.hideDrop a.de{
    background: url(../images/media/flags/miniflag-germany.png) no-repeat 0 0;
}
.hideDrop a.es{
    background: url(../images/media/flags/es.png) no-repeat 0 0;
}
.hideDrop a.pt{
    background: url(../images/media/flags/miniflag-brasil.png) no-repeat 0 0;
}
.hideDrop a.cn{
    background: url(../images/media/flags/ch.png) no-repeat 0 0;
}
.hideDrop a.ru{
    background: url(../images/media/flags/ru.png) no-repeat 0 0;
}
header .logo {
  width: 960px;
  margin:0 auto 12px; 
  text-align: center;
  position: relative;
}
/* Menu language animation 
.dropdown:hover .hideDrop {
    top : 25px;
    display:block;
}
.hideDrop:hover{
    top : 25px;
    display:block;
}*/
header .logo h1 {
  display: block;
  text-align: center;
  text-indent:-9999px;
  background: url(../images/design/logos/logo-epitech-header.png) no-repeat 0 0;
  width: 269px;
  height: 108px;
  margin: 6px auto 0;
}

header .logo h1 a {
  display: block;
  width: 269px;
  height: 105px;
}

nav {
  width: 960px;
  margin: 15px auto 0 auto;
  border:none;
  height:65px;
  position: relative; 
    z-index: 1000;
}

nav .navLeft, nav .navRight {
  height: 65px;
  display: inline-block;
  position: relative;
}

nav .navRight { width: 490px; }
nav .navRight > li:last-child { width: 116px; }

nav .navLeft:before {
  content: '';
  background: url(../images/design/bg/bg-nav-before.png) repeat-x 0 0;
  width: 460px;
  height: 2px;
  position: absolute;
  top: -12px;
  left: 0;
}

nav .navLeft:after {
  content: '';
  background: url(../images/design/bg/bg-barre-separation-nav.png) repeat-y 0 0;
  width: 2px;
  height: 10px;
  position: absolute;
  top: -10px;
  right: 6px;
}

nav .navRight:after {
  content: '';
  background: url(../images/design/bg/bg-barre-separation-nav.png) repeat-y 0 0;
  width: 2px;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
}

nav .navRight::before {
  content: '';
  background: url(../images/design/bg/bg-nav-before.png) repeat-x 0 0;
  width: 484px;
  height: 2px;
  position: absolute;
  top: -12px;
  left: 1px;
}

nav .Baseline-left, nav .Baseline-right {
  color: #2dbcf2;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  position: absolute;
  top: -35px;
  left: 54px;
}

nav .Baseline-right { left: 638px; }

nav ul {
  display: inline;
  padding: 0;
  border:none;
  height:65px;
}

nav ul li {
  display: inline-block;
  height: 65px;
  margin:0;
  border:none;
  padding: 0; 
}

nav .navLeft {
  padding-right:6px;
}

nav .navLeft li > a, nav .navRight li > a {
    position: relative;
    z-index: 10000;
}

nav .navLeft li:first-child a {
  padding: 4px 9px 0 0;
  margin: 0 4px 0 0;
  height: 65px;
  border:none;
  display: block;
}

nav .navLeft li:first-child a:hover,
.ActiveURL
{
  background: url(../images/design/bg/bg-nav-hover.png) repeat-x 0 bottom;  
}

.SubActiveURL { font-weight: bold; }

nav .navLeft li {
  background: url(../images/design/bg/bg-barre-separation-nav.png) no-repeat 100% 0;
    position: relative;
}

nav .navLeft li a {
  padding: 4px 7px 0 7px;
  margin: 0 4px 0 0;
  height: 65px; 
}

nav .navLeft li a:hover {
  background: url(../images/design/bg/bg-nav-hover.png) repeat-x 0 100%;
}

nav .menu-deroule > a {
  background: url(../images/design/bg/bg-nav-hover.png) repeat-x 0 bottom;
}

nav .navRight li {
  background: url(../images/design/bg/bg-barre-separation-nav.png) no-repeat 0 0; 
    position: relative;
}

nav .navRight li a {
  padding: 4px 9px 0 9px;
  margin: 0 0 0 4px;
  height: 65px; 
}

nav .navRight li a:hover {
  background: url(../images/design/bg/bg-nav-hover.png) repeat-x 0 100%;
}

nav ul li a {
  display: block; 
    cursor: default;
}

nav > ul li .subnav { display: none; }
.sub-active { display: block !important; }

nav .subnav {
    background: #02aeef;
    height: auto;
  position: absolute;
    top: 65px;
    z-index: 1000;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);

}

nav .navLeft .subnav { left: 0; }
nav .navRight .subnav { right: 0; }

nav .subnav li { margin-bottom: 5px !important; display: inherit; }

nav .subnav li a {
    padding-left: 11px !important;
    padding-top: 0 !important;
    cursor: pointer;
}

nav .subnav li a:hover { background: url(../images/design/bg/bg-subnav.jpg) no-repeat 0 5px !important; font-weight: bold; }

/* Menu Ecole */
.menu-ecole .subnav { width: 630px; }
.menu-ecole .subnav ul { width: 315px; height: 149px; }

/* Menu Cursus */
.menu-cursus .subnav { width: 600px; }
.menu-cursus .subnav ul { width: 300px; height: 111px; }

/* Menu International */
.menu-international .subnav { width: 272px; left: 0; }
.menu-international .subnav ul { width: 272px; height: 130px; }

/* Menu Laboratoires Innovation */
.menu-labo-innovation .subnav, 
.menu-labo-innovation .subnav ul { width: 245px; }

/* Menu Entreprise */
.menu-entreprise .subnav { width: 530px; }
.menu-entreprise .subnav ul { width: 265px; }

/* Menu Campus */
.menu-campus .subnav { width: 526px; }
.menu-campus .subnav ul { width: 263px; }

/* Menu Progressez Ensemble */
.menu-progresser-ensemble .subnav ul, .menu-progresser-ensemble .subnav { width: 250px; }

/* Personnalisez votre cursus */
.menu-personnalisez-cursus .subnav, .menu-personnalisez-cursus .subnav ul { width: 265px; }

/* Menu Reussir carriere */
.menu-reussir-carriere .subnav { width: 530px; }
.menu-reussir-carriere .subnav ul { width: 265px; }

nav .subnav ul {
    width: 288px;
    height: 100%;
    border-right: 1px solid #FFF;
    padding: 14px 26px 17px 14px;
    margin: 0;
    display: block;
    float: left;
}

nav .subnav ul:last-child { border: none; }

nav .subnav li, nav .subnav li a { background: none; height: auto !important; padding: 0; margin: 0; }

/* Search */
.search {
  width: 197px;
  height: 25px;
  position: absolute;
  top: 33px;
  right: 0;
}

.search #search-input {
  background: url(../images/design/bg/bg-search-input.png) 0 0;
  width: 166px;
  height: 25px;
  line-height: 25px;
  color: #737373;
  font-size: 10px;
  font-family: Arial;
  text-transform: uppercase;
  border: none;
  outline: none;
  padding: 0 10px 0 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.search .search-submit {
  background: url(../images/design/bg/bg-search-submit.png) no-repeat 0 0;
  width: 31px;
  height: 25px;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.content {
  width: 960px;
  margin:45px auto;
  height:auto;
  background-color:#f5f3f3; 
}

.content .colLeft {
  width: 635px;
  margin:0 43px 0 0;
  float:left;
  background-color: #f5f3f3;
  padding-bottom: 45px;
}

.content .colRight {
    background: red;
  width: 282px;
  margin:30px 0 0;  
  float: right;
  background-color: #f5f3f3;  
}

 .colonneLeft {
  width: 282px;
  float: left;
}

.colLeft .colonneGauche,
.colLeft .colonneDroite
{
    width: 312px;
    float: left;
}

.colLeft .colonneGauche {
    margin-right: 11px;
}

h1, h2, h3, h4 {
  font-family:'Open Sans', sans-serif;
  text-transform: uppercase;
  color:#00aeef;  
}

h1 {
  font-size: 35px;
  font-weight: 300;
  background: url(../images/design/bg/bg-separateur-h2.png) repeat-x 0 100% ; 
  padding: 0 0 12px 0;
}

h2 {
  font-size: 24px;
  font-weight: 200;
  /*background: url(../images/design/bg/bg-separateur-h2.png) repeat-x 0 100% ;*/
  padding: 0 0 5px 0;
}

h3 {
  font-size: 18px;
  font-weight: 200;
  background: url(../images/design/bg/bg-h3.png) no-repeat 0 7px;
  padding: 0 0 0 18px;
  clear:both;
}

h4 {
  font-size: 16px;
  display: inline;
  font-weight: 200;
  clear:both;   
}

h5 {
  font-size: 14px;
  color:#515151;
  text-transform: uppercase;
  font-family: "Arial", Helvetica, sans-serif;    
}

.content a, .content li, .content p, .content em {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #515151; 
}

li {
  list-style: none; 
}

img {
  border: none;
}
.content ul {
  /*margin-left: 54px;*/
  margin-bottom: 10px;  
}

.content ul li {
  background: url(../images/design/bg/bg-li.png) no-repeat 0 5px;
  padding-left: 16px;
  line-height: 20px;
  margin-bottom:10px; 
}

.content ol {
  margin-left: 30px;  
}

.content ol li {  
  list-style-type: decimal;
  line-height: 20px;  
  margin-bottom:16px;
}
.content .legend li {
  font-size: 10px !important; 
}

.content .colLeft summary {
    color: #515151;
    font-family: "Open sans"; 
    font-size: 11px;
}

.content .blocCouleur {
  width: 635px;
  background: #00aeef url(../images/design/bg/bg-bloc-couleur.png) no-repeat 0 0; 
  height: auto;
  margin: 32px 0;
  padding: 32px;
}
.content .blocCouleur a{
  color: #fff;  
  font-size: 15px;
}

.content .blocCouleur p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 15px;
  font-family: "Open sans"; 
}

.content .blocCouleur ul  li {
  color: #ffffff;
  font-size: 15px;
    background: url(../images/design/bg/bg-li-white.png) no-repeat 0 5px;
}

.content .blocAccolades {
  width: 635px;
  background: url(../images/design/bg/bg-bloc-accolades.png) no-repeat 0 0; 
  height: 180px;
  margin: 0 0 32px 0; 
  vertical-align: middle;
  display: table-cell;
}
.content .blocAccolades h3 {
  margin-left: 58px;
}
.content .blocAccolades h4 {
  font-size: 13px;
  color:#00aeef;
  text-transform: uppercase;
  font-family: "Arial", Helvetica, sans-serif;
  font-weight: bold;
  padding: 0 56px 0;
  display:table-cell; 
}

.content .blocAccolades p {
  padding: 0 56px;
  color: #00aeef;
  font-size: 13px;
  font-family:"Arial", Helvetica, sans-serif; 
}

.content .blocAccolades a{
  color: #00AEEF; 
}
.content .blocAccolades figure {
  margin-left: 40px;
  margin-top: 13px;
}

/* 2 colonnes */
.content .colx2{
  float: left;
  width: 310px;
  margin: 15px 0;
}
.content .colx2 figure{
  margin-top: 10px;
}
.content .colx2 figure img{
  margin: 5px 0;
}
/* 3 colonnes */
.content .colx3{
  float: left;
  width: 211px;
}

/*============================================

        onglets 

==============================================*/

.tabContent{
    margin: 20px 0;
    width: 635px;
  display: inline-block;
}
.tabContent .tabEvent{
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100%;
}
.tabEvent li  {
    background: none !important;
  float: left;
  padding: 0 !important;
  margin-left: 1px !important;
  width: auto;
  position: relative;
}
.tabEvent li:first-child {
  margin-left: 0 !important;
}
.tabEvent li a {
    background-color: #5ACAF5;
    color: #FFFFFF;
    display: table-cell;
    font-size: 13px;
    height: 66px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
  text-transform: uppercase;
  padding: 0 5px;
  width: 158px;
}
.tabEvent .tab2 a{
  width: 317px !important;  
}
.tabEvent .tab3 a{
  width: 211px !important;  
}

.tabEvent li a:hover,
.tabEvent li .active{
  /* background: url(../images/design/bg/tab-bg-gradient.gif) repeat-x center top #2fbdf2; */
  background-color: #2fbdf2; 
  box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.2);  
  
  background: -ms-linear-gradient(top,  #2fbdf2 0%,#00aeef 100%);
  background: -moz-linear-gradient(top,  #2fbdf2 0%, #00aeef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2fbdf2), color-stop(100%,#00aeef));
  background: -webkit-linear-gradient(top,  #2fbdf2 0%,#00aeef 100%);
  background: -o-linear-gradient(top,  #2fbdf2 0%,#00aeef 100%);
  background: -ms-linear-gradient(top,  #2fbdf2 0%,#00aeef 100%);
  background: linear-gradient(to bottom,  #2fbdf2 0%,#00aeef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fbdf2', endColorstr='#00aeef',GradientType=0 ); 
  background-position: bottom center;
} 
.tabEvent li a:hover:after,
.tabEvent li .active:after{
    content: "  ";
    display: block;
    height: 8px;
    margin: 0 auto;
    width: 14px;
  background: url(../images/design/bg/tab-arrow-hover.gif) no-repeat bottom center;
    position: absolute;
    top: 53px;
  left: 70px;
}
.tabEvent .tab2 a:hover:after,
.tabEvent .tab2 .active:after{
  left: 152px;
}
.tabEvent .tab3 a:hover:after,
.tabEvent .tab3 .active:after{
  left: 100px;
}

/* Social network - vous etes */
.social-vous-etes {
    width: 300px;
    padding: 0;
    margin: 10px 0 0 0;
}

.social-vous-etes li { background: none; margin: 0 !important; padding: 0 !important; }

.social-vous-etes li a {
    background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat 0 0;
    width: 81px;
    height: 81px;
    text-indent: -9999px;
    margin: 5px 5px;
    float: left;
    display: block;
}

.social-vous-etes .Twitter a { background-position: -84px 0; }
.social-vous-etes .Google a { background-position: 0 -84px; }
.social-vous-etes .rss a { background-position: 0 -168px; }
.social-vous-etes .Youtube a { background-position: -84px -84px } 
.social-vous-etes .LinkedIn a { background-position: -84px -168px; }
.social-vous-etes .Viadeo a { background-position: 0 -252px; }
.social-vous-etes .Forum a { background-position: -84px -252px; }

/*============================================

        Les widgets 

==============================================*/

.colRight .widget {
  width: 282px;
  margin: 0 0 32px 0;
  position: relative; 
}

.colRight .widgetBleu {
  background: #f5f5f5;  
}

.colRight .widgetBleuCiel { background: url(../images/design/bg/bg-widget-lesmetiers.png) #5da4da repeat-x 0 0; }

.colRight .widgetVert {
  height: 264px;
  background: url(../images/design/widgets/image-widget-2.jpg) no-repeat 0 0; 
}

.colRight .widgetRose { background: url(../images/design/bg/bg-widget-agenda.png) #ec008c repeat-x 0 0; }
.colRight .widgetMarron { background: #7f6a6e; }

.colRight .lapreuve a {
  height: 329px;
  background: url(../images/design/widgets/epitech-fait-pour-vous.png) no-repeat 0 0;
  display:block;
  width:282px;
  padding:0;
  text-indent:-9999px;  
}

.colRight .lapreuve a:hover {
  background-position:bottom; 
}

.colRight .widget h2 {
  font-size: 18px;
  color:#ffffff;
  text-transform: uppercase;
  font-weight: 500;
  font-family:"Open sans";
    line-height: 24px;
  /*background: url(../images/design/bg/bg-separateur-h2.png) repeat-x 0 100% ; */
  display:block;
  width: 177px;
  height: 98px;
  padding:5px 10px;
}

.colRight .widget h2 span {
  font-size: 24px;
    font-weight: 600; 
}

.colRight .widgetBleu h2 {
  background: url(../images/design/bg/bg-titre-bleu-widget.png) no-repeat 0 0;  
}

.colRight .widgetBleuCiel h2 { width: 208px; height: 98px; background: url(../images/design/bg/bg-titre-bleu-ciel-widget.png) no-repeat 0 0; }
.colRight .widgetRose h2 { width: 208px; height: 98px; background: url(../images/design/bg/bg-titre-rose-widget.png) no-repeat 0 0; }
.colRight .widgetMarron h2 { width: 207px; height: 98px; background: url(../images/design/bg/bg-titre-marron-widget.png) no-repeat 0 0; }
.colRight .widgetRouge h2 { width: 168px; height: 96px; background: url(../images/design/bg/bg-titre-rouge-widget.png) no-repeat 0 0; }


.colRight .widgetVert h2 {
  background: url(../images/design/bg/bg-titre-vert-widget.png) no-repeat 0 0;  
}

.colRight .widgetOrange h2 {
    width: 208px;
    height: 98px;
  background: url(../images/design/bg/bg-titre-orange-widget.png) no-repeat 0 0;  
}

.colRight .widgetTurquoise h2 {
    width: 177px;
    height: 98px;
  background: url(../images/design/bg/bg-titre-turquoise-widget.png) no-repeat 0 0; 
}

.colRight .ensavoirplus {
  text-indent:-9999px;
  display:block;
  width: 43px;
  height: 42px;
  /*margin:123px 0 0 240px;*/
    position: absolute;
    right: -2px;
    bottom: -1px;
}

.colRight .widgetBleu .ensavoirplus, .widgetActu .ensavoirplus {  
  background: url(../images/design/bg/btn-en-savoir-plus-bleu.png) no-repeat 0 0; 
}

.colRight .widgetBleuCiel .ensavoirplus { 
  background: url(../images/design/bg/btn-en-savoir-plus-bleu-ciel.png) no-repeat 0 0;  
}

.colRight .widgetVert .ensavoirplus {
  background: url(../images/design/bg/btn-en-savoir-plus-vert.png) no-repeat 0 0;
}

.colRight .widgetMarron .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-marron.png) no-repeat 0 0;
}

.colRight .widgetBlanc .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-blanc2.png) no-repeat 0 0;
}

.colRight .widgetOrange .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-orange.png) no-repeat 0 0;
}

.colRight .widgetTurquoise .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-turquoise.png) no-repeat 0 0;
}

.colRight .widgetMarron .ensavoirplus, .colRight .projects .ensavoirplus, .colRight .widgetTurquoise .ensavoirplus { right: -1px; bottom: 0; }
.colRight .widgetActu .ensavoirplus { right: 0; bottom: 0; }

/* Vous etes */
.colRight .vousEtes {
  height: 262px;
  background: url("../images/design/bg/bg-bloc-vous-etes.png") #0069b4 repeat-x 0 0;
  padding-top: 20px;
  position: relative; 
}

.colRight .vousEtes h2 {
    height: auto;
    font-size: 24px;
    padding: 0;
    margin: 0 0 30px 35px;
    position: relative;
}

.colRight .vousEtes h2:after {
    content: '';
    background: url(../images/design/bg/bg-separation-widget-vousetes.png) no-repeat 0 0;
    width: 159px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -14px;
}

.colRight .vousEtes div:first-child {
  float: left;  
}

.colRight .vousEtes h1{
  color: #ffffff;
  background: none;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 0 20px;
  display:block;    
}

.colRight .vousEtes ul{
  margin: 0;
  padding:0;
  display: block; 
  width: 174px;
  float: left;
}
.colRight .vousEtes ul li {
  text-decoration: none;
  color: #ffffff;
  background: none;
  padding-left: 0 !important;
    margin-bottom: 3px;
}

.colRight .vousEtes ul li a {
  text-decoration: none;
  color: #ffffff;
  background: none;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Open sans";
  font-weight: normal;
  line-height: 22px;
  padding-left: 35px; 
}

.colRight .vousEtes ul li a:hover {
  background: url("../images/design/bg/bg-hover-vous-etes.png") no-repeat 0 7px;
}

.colRight .vousEtes figure {
  margin:0 0 0 30px;
  display: inline;  
}

.colRight .vousEtes figure img{
  border: 6px solid #ffffff;
}

.colRight .vousEtes .VEmiddle {
  float: left;
}

.colRight .vousEtes article {
  display: block;
  width: 200px;
  margin:0 0 0 30px;
    
}

.colRight .vousEtes article p {
  color :#ffffff;
  margin:0;
}

.colRight .vousEtes article a {
  color :#ffffff;
  text-decoration: none;
}

.colRight .vousEtes .VElast {
  float: right;
  width: 278px;
  background: url("../images/design/bg/bg-separation-vous-etes.png") repeat-y 0 0;  
}

.colRight .vousEtes .VElast p{
  color :#ffffff;
  margin:0 25px 0 30px; 
}

.colRight .vousEtes .VElast ul {
  color :#ffffff;
  margin:15px 25px 0 30px;
}

/* Nous suivre */
.colRight .noussuivre h2 {
    background: #4cd2da;
    width: 282px;
    height: 40px;
    font-size: 27px;
    font-weight: 500;
    line-height: 29px;
    margin: 0 0 6px 0;
}

.colRight .noussuivre h2 span { font-size: 27px; font-weight: 600; }

.colRight .noussuivre ul {
    width: 282px;
    padding: 0;
    margin: 0;
}

.colRight .noussuivre li { background: none; padding: 0; }

.colRight .noussuivre li a {
    background: url(../images/design/bg/bg-widget-nous-suivre.png) no-repeat 0 0;
    width: 87px;
    height: 87px;
    text-indent: -9999px;
    border: 1px solid #cccccc;
    float: left;
    display: block;
}

.colRight .noussuivre .Twitter a { background-position: -96px 0; margin: 0 10px; }
.colRight .noussuivre .Google a { background-position: -193px 0; }

/* Fiches metiers */
.colRight .lesmetiers {
    padding-bottom: 10px;
}

.colRight .lesmetiers ul {
    padding: 0;
    margin: 0 0 0 11px;
}

.colRight .lesmetiers li {
    background: url(../images/design/bg/bg-li-white.png) no-repeat 0 5px;
    text-transform: uppercase;
    margin-bottom: 11px;
}
.colRight .lesmetiers li a {
    color: #FFF;
    font-family: "Open sans";
    font-size: 15px;
    text-decoration: none;
}

.colRight .lesmetiers li a:hover { text-decoration: underline; }

/* L'agenda */
.colRight .agenda h2 { padding: 15px 0 0 15px; }

.colRight .agenda ul { padding: 0; margin: 0; }

.colRight .agenda li {
    background: none;
    padding: 0 25px 11px 17px;
    margin: 0 0 11px 0;
    position: relative;
}

.colRight .agenda li:last-child { margin-bottom: 0; }

.colRight .agenda .evenement {
    color: #FFF;
    font-size: 14px;
    font-family: "Open sans";
    font-weight: 500;
    line-height: 17px;
    text-decoration: none;
}

.colRight .agenda a { color: #FFF; text-decoration: none; }
.colRight .agenda a:hover { text-decoration: underline; }

.colRight .agenda li:after {
    content: '';
    background: url(../images/design/bg/bg-separation-widget-agenda.png) no-repeat 0 0;
    width: 282px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.colRight .agenda li:last-child:after {
    content: '';
    background: none;
} 

.colRight .agenda .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-agenda.png) no-repeat 0 0;
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.colRight .agenda .more {
    background: url(../images/design/bg/bg-widget-agenda-more.png) repeat-x 0 0;
    width: 282px;
    height: 53px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #FFF;
    line-height: 52px;
}

.colRight .agenda .more a { font-size: 15px; }

/* Temoignages */
.colRight .temoignages { padding: 7px 7px 20px 7px; }

.colRight .temoignages h2 {
    padding-top: 14px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.colRight .temoignages p { width: 234px; color: #FFF; margin-left: 15px; }
.colRight .temoignages a { color: #FFF; }

.colRight .temoignages .temoignage-infos { padding-left: 10px; margin: 8px 0 0 0; position: relative; }
.colRight .temoignages .infos-separation {
    background: url(../images/design/bg/bg-separation-widget-temoignages.png) no-repeat 0 0;
    width: 282px;
    height: 2px;
    margin: 9px 0 0 -7px;
    clear: both;
}

.colRight .temoignages .infos {
    margin-top: 91px;
    margin-left: 15px;
}

.colRight .temoignages .infos img {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.colRight .temoignages .temoignage-infos li ul { padding: 0; margin: 5px 0 0 0; }

.colRight .temoignages .temoignage-infos li, .colRight .temoignages .temoignage-infos li li {
    padding: 0;
    margin: 0;
}
.colRight .temoignages .temoignage-infos li a, .colRight .temoignages .temoignage-infos li li a {
    color: #fff;
}
.colRight .temoignages .temoignage-infos li {
    background: none;
    color: #FFF;
    font-size: 15px;
    font-family: "Open sans";
    font-weight: 600;
}

.colRight .temoignages .temoignage-infos li li { font-size: 12px; font-weight: 500; }

/* Actualites */
.colRight .widgetActu {
    background: url(../images/design/bg/bg-widget-actu.png) #00aeef repeat-x 0 0;
    padding: 15px 15px 44px 15px;
}

.colRight .widgetActu h2 {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 35px 0;
}

.colRight .widgetActu h2 {
    font-size: 22px;
    color: #FFF;
    font-family: "Open sans";
    font-weight: 500;
    text-decoration: none;
}
.colRight .widgetActu h4 {
    color: #FFF;
}
.colRight .widgetActu ul {
    margin: 0 0 0 30px;
    padding: 0;
}
.colRight .widgetActu li {
    background: url("../images/design/bg/bg-li-white.png") no-repeat scroll 0 5px transparent;
    margin-bottom: 11px;
    text-transform: uppercase;
    color: #fff;
}
.colRight .widgetActu li a {
    color: #fff;
}
.colRight .widgetActu .actu-infos { padding-left: 10px; margin: 8px 0 0 0; position: relative; }
.colRight .widgetActu .actu-infos li ul { padding: 0; margin: 5px 0 0 0; }
.colRight .widgetActu .actu-infos li, .colRight .widgetActu .actu-infos li li {
    padding: 0;
    margin: 0;
  font-weight: normal;
}

.colRight .widgetActu .actu-infos li {
    background: none;
    color: #FFF;
    font-size: 12px;
    font-family: "Open sans";
}
.colRight .widgetActu .actu-infos li a{ color: #fff; font-size: 12px; }

.colRight .widgetActu .actu-infos li li { font-size: 12px; font-weight: 500; }
.colRight .widgetActu p { color: #FFF; text-decoration: none; line-height: 16px; margin: 0; }
.colRight .widgetActu a { color: #FFF; }
/* International */
.colRight .international {
  height: 264px;
  background: url(../images/design/widgets/widget-international.jpg) no-repeat 0 0; 
}

.colRight .international h2 { font-size: 16px; line-height: 20px; padding-top: 12px; }
.colRight .international h2 span { font-size: 22px; }

/* 12 mois d'evenements */
.colRight .douzeMois {
    background: url(../images/design/widgets/widget-12mois.jpg) no-repeat 0 0;
    height: 262px;
}

.LinkWidget {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Innovative projects */
.colRight .projects {
    background: url(../images/design/widgets/widget-innovative-projects.png) no-repeat 0 0;
    height: 262px;
}
.colRight .projects h2 { line-height: 21px; padding: 10px 0 0 10px; }

/* Statistiques de sorties */
.colRight .statistiques {
    background: url(../images/design/widgets/widget-statistiques.png) no-repeat 0 0;
    height: 262px;
}

/* Toutes les actualites */
.colRight .allactus ul { padding: 0; margin: 0; }

.colRight .allactus li {
    background: none;
    padding: 0 30px 11px 17px;
    margin: 0 0 11px 0;
    position: relative;
}

.colRight .allactus li:last-child { margin-bottom: 0; }

.colRight .allactus .evenement {
    color: #00aeef;
    font-size: 14px;
    font-family: "Open sans";
    font-weight: 600;
    line-height: 17px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.colRight .allactus .extrait { line-height: 15px; }

.colRight .allactus a { color: #00aeef; text-decoration: none; }
.colRight .allactus a:hover { text-decoration: underline; }

.colRight .allactus li:after {
    content: '';
    background: url(../images/design/bg/bg-separation-widget-allactus.png) no-repeat 0 0;
    width: 282px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.colRight .allactus li:last-child:after {
    content: '';
    background: none;
} 

.colRight .allactus .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-bleu.png) no-repeat 0 0;
    width: 44px;
    height: 43px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: 0;
}

.colRight .allactus .more {
    background: url(../images/design/bg/bg-widget-allactus-more.png) repeat-x 0 0;
    width: 282px;
    height: 53px;
    text-align: center;
    text-transform: uppercase;
    line-height: 52px;
}

.colRight .allactus .more a { color: #FFF; font-size: 15px; }

/* JPO */
.colRight .jpo {
    background: url(../images/design/widgets/widget-jpo.png) no-repeat 0 0;
    height: 262px;
    overflow: hidden;
}

.colRight .jpo h2 { padding: 12px 0 0 12px; margin: 0; }

.colRight .jpo .ensavoirplus {
    background: url(../images/design/bg/btn-en-savoir-plus-rose.png) no-repeat 0 0;
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.colRight .jpo .Date {
    background: #3d3d3d;
    width: 246px;
    height: 63px;
    color: #ec008c;
    font-size: 53px;
    font-family: "Open sans";
    font-weight: 800;
    text-align: center;
    line-height: 59px;
    border: 1px solid #FFF;
    position: absolute; 
    top: 104px;
    left: 17px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.jpo .txtDate {
    display: none;
}

.jpo .nojpo {
    margin: 40px 0 0 10px;
    font-size: 13px;
    color: #fff;
}

.colRight .jpo .Date:before {
    content: '';
    background: url(../images/design/bg/bg-widget-jpo-reflet.png) no-repeat 0 0;
    width: 246px;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
}

.colRight .jpo .jpo-jpo {
    width: 282px;
    color: #FFF;
    font-size: 16px;
    font-family: "Open sans";
    font-weight: 700;
    text-align: center;
    line-height: 21px;
    text-transform: uppercase;
    position: absolute;
    top: 174px;
    /*left: 0;*/
    left: -275px;
}

.colRight .jpo .jpo-jpo span { font-size: 24px; }

.colRight .jpo .Lieu {
    width: 282px;
    color: #FFF;
    font-size: 17px;
    font-family: "Open sans";
    font-weight: 500;
    text-align: center;
    position: absolute;
    left: 0;
    /*top: 219px;*/
    top: 269px;
}

/* Epitech replay */
.colRight .replay { background: url(../images/design/bg/bg-widget-replay.png) 0 0; }

.colRight .replay h2 { font-size: 24px; line-height: 28px; padding: 5px 0 0 7px; }
.colRight .replay h2 span { font-size: 29px; }

.colRight .replay h3 {
    background: none;
    font-size: 15px;
    color: #FFF;
    font-family: "Open sans";
    font-weight: 600;
    line-height: 17px;
    text-align: center;
    display: inherit;
    padding: 0;
}

.WebTvMore {
    width: 100%;
    height: 426px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.slide {
  width: 282px;
  height: 261px;
}

.slideshow {
  width: 282px;
  height: 261px;
  float: left;
  position: relative; 
  margin: -64px 16px 0 0;
}

.slideshow .bx-wrapper {
    max-width: 243px !important;
}

.btnSlide {
  position:absolute;
  bottom:0;
  left:0;
  width: 244px;
  height: 27px; 
}

.btnSlide .btn {
  float:left;
  width: 118px;
  margin-left:0 !important;
  padding:0;
}

.contenu .btnSlide .btn li {
  display: inline-block;
  width:24px;
  height:24px;
  padding-left: 0 !important;
  margin:0;
  background: none;     
}

.contenu .btnSlide .btn li a {
  text-align: center;
  color: #3ea8da;
  display: block;
  text-decoration: none;
  padding: 5px 0 0 0;
  margin: 0;
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 15px;
  height: 27px;
  width: 27px;
  background-color: #ffffff;  
}

.contenu .btnSlide .btn li a:hover {
  background-color: #3ea8da;  
  color: #ffffff;   
}

.contenu .btnSlide .prevnext {
  float: right;
  height:27px;
  width:60px;
  margin: 0;
  padding: 0; 
}

.contenu .btnSlide .prevnext li { 
  display: inline;
  background: none;
  padding: 0;
  margin: 0;
}

.colRight .replay .bx-wrapper {
    position: relative;
}

.replay .bx-pager { display: none; }

.contenuSlide {
    position: relative;
}

.colRight .replay .bx-prev {
  background: url(../images/design/bg/bg-btn-widget-replay.png) no-repeat 0 0;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  display:inline-block;
    position: absolute;
    top: 116px;
    left: 0;  
}

.colRight .replay .bx-next {
  background: url(../images/design/bg/bg-btn-widget-replay.png) no-repeat -26px 0;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  display:inline-block;
    position: absolute;
    top: 116px;
    right: 0;
}

.colRight .replay .PlayBtn {
    background: url(../images/design/bg/bg-widget-replay-play.png) no-repeat center center;
    width: 282px;
    height: 163px;
    position: absolute;
    top: 0;
    left: 0;
}

.colRight .replay .textSlide {
  width: 282px;
  height:163px;
  color: #FFF;
    padding: 17px 16px;
    margin: 0;
  position:absolute;
  top: 210px;
  right:0;  
}

.colRight .replay .textSlide h1,.mainNews h1 {
  font-size: 25px;
  font-weight: 300;
  background: none ;  
  padding: 20px 0 12px 16px;
  color : #ffffff;
  margin:0;
  line-height: 25px;    
}

.colRight .replay .more {
    background: url(../images/design/bg/bg-widget-replay-more.png) repeat-x 0 0;
    width: 282px;
    height: 53px;
    text-align: center;
    text-transform: uppercase;
    line-height: 15px;
    border-top: 1px solid #f5f3f3;
    padding-top: 7px;
}

.colRight .replay .more a { color: #FFF; font-size: 14px; text-decoration: none; }
.colRight .replay .more a:hover { text-decoration: underline; }

.ContentVideo { position: relative; }

/*** epitech en France ***/
.carteMarginTop{
  display: block;
  margin-top: 35px;
}
/*** marginTop sur image ***/
.marginTop{
  margin-top: 18px !important;
}
/*======================================

Le footer 

============================================*/

footer {
  width: 100%;
  height: 431px;
  background-color:#ffffff;
  margin: 0 0 20px 0; 
}



footer h3 {
  font-size: 21px;
  font-weight: 300;
  color:#00aeef;
  text-transform: uppercase;
  font-family:"Open sans";
  background: none;
  padding: 0;
  margin:0 0 20px 0;
  display: block;
  line-height: 20px;    
}

footer p, footer li {
  font-size: 12px;
  font-family: "Arial", Helvetica, sans-serif;
  line-height: 16px;
  color:#666666;  
}

footer .footer {
  width:960px;
  margin:0 auto 0;
  padding: 32px 0 0;
}

footer .aPropos {
  width: 300px;
  display:block;
  margin-right:35px;
  float: left;
}
footer .aPropos a {
  color: #666666;
  text-decoration: none;
}
footer .aPropos a:hover {
  color: #00AEEF;
}

.bouton-candidature {
  /* Anciens navigateurs */
  background-color: #00aeef;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Navigateurs récents */
  background: -webkit-gradient(linear,left top, left bottom,from(#2fbdf2),to(#00aeef) );
  background: -webkit-linear-gradient(top,#2fbdf2,#00aeef );
  background: -moz-linear-gradient(top,#2fbdf2,#00aeef);
  background: -o-linear-gradient(top,#2fbdf2,#00aeef);
  background: linear-gradient(top,#2fbdf2,#00aeef);
}
.bouton-demande-doc {
/* Anciens navigateurs */
  background-color: #88c540;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  /* Navigateurs récents */
  background: -webkit-gradient(linear,left top, left bottom,from(#88c540),to(#88c540) );
  background: -webkit-linear-gradient(top,#88c540,#88c540);
  background: -moz-linear-gradient(top,#88c540, #88c540 );
  background: -o-linear-gradient( top,#88c540,#88c540);
  background: linear-gradient(top,#88c540,#88c540 );
}
.bouton-demande-doc,
.bouton-candidature  {
  width: 146px;
  height: 50px;
  margin-right: 4px;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Open sans";
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  padding-top: 4px;
  display: block;
  float: left;
  position: relative;
  margin-top: 20px;
  text-decoration: none;
}
.bouton-demande-doc:hover,
.bouton-candidature:hover  {
  -moz-box-shadow: 1px 1px 20px 0px #cfcfcf;
  -webkit-box-shadow: 1px 1px 20px 0px #cfcfcf;
  -o-box-shadow: 1px 1px 20px 0px #cfcfcf;
  box-shadow: 1px 1px 20px 0px #cfcfcf;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=20);
}
.bouton-candidature .enSavoirPlus{
  background: url(../images/design/bg/btn-footer-doc-inscription.png) 0px 0px;
  width: 32px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 0;
}
.bouton-demande-doc .enSavoirPlus{
  background: url(../images/design/bg/btn-footer-doc-inscription.png) 33px 0px;
  width: 33px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 0;
}
footer .reseaux {
  display:block;
  width: 230px;
  padding: 0 18px 0;
  float: left;  
}

footer .reseaux ul {
  float: left;
  height:81px;
  padding:0;
}

footer .reseaux li {
  width: 81px;
  height: 81px;
  margin: 0 5px 5px 0;
  list-style: none;     
}

footer .reseaux li a {
  display: block;
  width: 81px;
  height: 81px;
  text-indent:-9999px;  
}

footer .reseaux .facebook {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat 0 0;
}

footer .reseaux .gmail {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat 0 -84px;
}

footer .reseaux .rss {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat 0px -168px;
}

footer .reseaux .viadeo {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat 0 -252px;
}

footer .reseaux .twitter {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat -84px 0;
}

footer .reseaux .webtv {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat -84px -84px;
}

footer .reseaux .linkedn {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat -84px -168px;
}

footer .reseaux .forum {
  background: url(../images/design/bg/btn-sociaux-footer.png) no-repeat -84px -252px;
}

footer .epitechMap {
  width: 170px;
  float: left;
  padding: 0 0 0 5px;
}

footer .epitechMap AREA:hover:after {
  content: url(../images/design/bg/bg-hover-carte-footer.png);
  width: 23px;
  height:24px;
    position: absolute;
    top: 0; left: 0;  
}

footer .epitechMap #villes {
  width: 165px;
  height:209px;
  background:#2ebdf2 url(../images/design/bg/bg-haut-liste-villes-footer.png) no-repeat 0 0;  
}

footer .epitechMap #villes ul {
  padding: 15px 0 0 18px;;  
}



footer .epitechMap #villes ul li a {
  color:#ffffff;
  background: url(../images/design/bg/bg-liste-villes-footer.png) no-repeat 0 5px;
  padding: 0 0 0 8px;
  text-decoration: none;
}



footer .epitechMap #villes ul li a:hover {
  margin-left: 12px;
}

footer .infosPratiques {
  width: 208px;
  float: left;
  padding: 0 0 0 35px;
  position: relative;
}
@media screen and (max-width: 1070px) {
  footer .infosPratiques {
    width: 180px;
    float: left;
    padding: 0 0 0 30px;
    position: relative;
  }
}
footer .infosPratiques ul {
  padding: 0;   
}

footer .infosPratiques ul li a {
  text-decoration:none;
  color: #666666;   
}

footer .infosPratiques ul li a:hover {
  color:#00aeef;    
}

footer .infosUne{
  margin-top: 20px;
  font-family: "Open sans";
  text-transform: uppercase;
  position: absolute;
  width: 204px;
}
footer .infosUne li a:before{
  content: "> ";
  color: #1cb7f1;
}
footer .infosUne li a:hover:before{
  color: #666666;
}

footer .infosUne li a{
  color: #1cb7f1 !important;
}
footer .infosUne li a:hover
{
  color: #666666 !important;
}

footer .infosUne .border{
  height: 1px;
  width: 100%;
  background-color: #1cb7f1;
  margin: 10px 0; 
}
footer .infosUne hr{
  color: #1cb7f1;
  background-color: #1cb7f1;
  height: 1px;
  border: 0;
}
/****************************/

/* 10 reussites a Epitech */
h2.TitreReussite {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #00aeef;
    margin: 15px 0;
    font-size: 16px;
    height: 45px;
}

.desc10 {
    width: 465px;
    float: right;
}


@media only screen

and (max-width : 1024px) {

.contener {
  width: 1024px;
  margin: 0 auto; 
}

header {
  width: 100%;
  margin:0 auto;
}

footer {
  width: 100%;
}

}

/* Liste des écoles */
.ListeDesEcoles {
    text-align: center;
    padding-bottom: 30px;
    margin-top: 50px;
}

.ListeDesEcoles ul { line-height: 13px; }

.ListeDesEcoles p,
.ListeDesEcoles li {
    font-size: 11px;
}

.ListeDesEcoles p a {
    color: #666666;
    text-decoration: none;
}
.ListeDesEcoles p a:hover { text-decoration: underline; }

.ListeDesEcoles ul {
    text-align: center;
    padding: 0;
    margin: 0;
    clear: both;
}

.ListeDesEcoles li { display: inline; }

.ListeDesEcoles li:last-child:after { content: ''; }
    

.ListeDesEcoles li:after {
    content: '\00a0-\00a0';
    color: #666666;
}

.ListeDesEcoles li a {
    color: #666666;
    text-decoration: none;
}


.ListeDesEcoles li a:hover { text-decoration: underline; }
/*
    .iframeGI {
        width: 100%;
        height: 0;
        padding-bottom: 626%;
        overflow: hidden;
        position: relative;
    }*/

.ionis-iframe {
    border: 0 none;
    width: 100%;
    min-height: 2620px;
    overflow: hidden;
}


@media screen and (min-width: 701px) and (max-width: 965px) {
	header {
        height: 54px !important;
    }
	
	/* display: none; */

    section.national, nav p, .btnScrollTop a {
        display: none;
    }

    /* width: auto; */

    header .logo, nav, nav .navRight, footer .footer, footer .aPropos, footer .reseaux, footer .epitechMap, footer .infosUne, .content, .content .colLeft, .content .colRight {
        width: auto;
    }

    /* background: none; */
    nav .menu-deroule > a {
        background: none;
    }
	
	.contener {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        width: inherit;
    } 
	
	/* header */
    header {
        position: relative;
        height: 54px !important;
    }

    header .logo h1 {
        margin: 0;
        background: url(../images/design/bg/mobile/bg-logo.png) scroll no-repeat 0 0;
        width: 138px;
        height: 50px;
        margin: auto;
        padding: 0;
    }

    header .logo h1 a {
        width: 100%;
        height: 100%;
    }

    .btn-mobile {
        position: absolute;
    top: 15px;
    left: 10px;
        z-index: 100;
        display: block;
    }

    .btn-mobile a {
        display: block;
        background: url(../images/design/bg/mobile/bg-btn-nav.png) scroll no-repeat 0 0;
        width: 35px;
        height: 24px;
        text-indent: -9999px;
    }

    .btn-mobile-search {
        width: 24px;
        height: 24px;
        background: url(../images/design/bg/mobile/bg-loupe.png) scroll no-repeat 0 0;
        position: absolute;
        top: 15px;
        right: 10px;

    }

    .search {
        top: 54px;
        right: 50%;
        margin-right: -165px;
        width: 331px;
        display: none;
    }

    .search #search-input {
        background: #CCC;
        width: 300px;
    }

    /* Navigation */

    nav {
        display: none;
    }

    .nav-mobile {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 310px;
        background: url(../images/design/bg/bg-header2.png) repeat 0 0;
        z-index: 2;
        padding: 0 10px;
    }

    .nav-fixe {
        display: none !important;
    }

    nav.nav-mobile {
        display: block;
    }

    nav .subnav {
        box-shadow: none;
    }

    nav ul li {
        display: list-item;
        height: auto;
        border-bottom: 1px solid #FFF;
        padding: 5px 0;
    }

    nav ul li a {
        cursor: pointer;
        font-size: 17px;
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
    }

    nav ul li li {
        padding-left: 10px;
    }

    nav ul li li a {
        font-size: 13px;
    }

    nav .subNav {
        display: none;
    }

    nav .subNav li {
        border: none;
    }

    nav .active {
        color: #00aeef;
    }

    .content {
        padding: 0 10px;
    }
	


}



/* Responsive Design pour Mobile et Tablette 7" */
@media screen and (max-width: 700px) {

    /* display: none; */

    section.national, nav p, .btnScrollTop a {
        display: none;
    }

    /* width: auto; */

    header .logo, nav, nav .navRight, footer .footer, footer .aPropos, footer .reseaux, footer .epitechMap, footer .infosUne, .content, .content .colLeft, .content .colRight {
        width: auto;
    }

    /* background: none; */
    nav .menu-deroule > a {
        background: none;
    }
    /*nav .navLeft li, nav .navLeft:before, nav .navRight::before, nav .navLeft:after, nav .navRight li, nav .navRight:after, nav .navLeft li:first-child a:hover, .ActiveURL, nav .navLeft li a:hover {
        background: none;
    }*/

    /*body {
        background: url(../images/design/bg/bg-header2.png) repeat 0 0;
    }*/

    .contener {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        width: inherit;
    }

    /* header */
    header {
        position: relative;
        height: 54px !important;
    }

    header .logo h1 {
        margin: 0;
        background: url(../images/design/bg/mobile/bg-logo.png) scroll no-repeat 0 0;
        width: 138px;
        height: 50px;
        margin: auto;
        padding: 0;
    }

    header .logo h1 a {
        width: 100%;
        height: 100%;
    }

    .btn-mobile {
        position: absolute;
    top: 15px;
    left: 10px;
        z-index: 100;
        display: block;
    }

    .btn-mobile a {
        display: block;
        background: url(../images/design/bg/mobile/bg-btn-nav.png) scroll no-repeat 0 0;
        width: 35px;
        height: 24px;
        text-indent: -9999px;
    }

    .btn-mobile-search {
        width: 24px;
        height: 24px;
        background: url(../images/design/bg/mobile/bg-loupe.png) scroll no-repeat 0 0;
        position: absolute;
        top: 15px;
        right: 10px;

    }

    .search {
        top: 54px;
        right: 50%;
        margin-right: -165px;
        width: 331px;
        display: none;
    }

    .search #search-input {
        background: #CCC;
        width: 300px;
    }

    /* Navigation */

    nav {
        display: none;
    }

    .nav-mobile {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 310px;
        background: url(../images/design/bg/bg-header2.png) repeat 0 0;
        z-index: 2;
        padding: 0 10px;
    }

    .nav-fixe {
        display: none !important;
    }

    nav.nav-mobile {
        display: block;
    }

    /*nav {
        background: url(../images/design/bg/bg-header2.png) repeat 0 0;
        height: auto;
        position: absolute;
        top: 54px;
        left: -320px;
        width: 320px;
        margin: 0;
        padding: 0 10px;
        z-index: 10000;
    }*/

    nav .subnav {
        box-shadow: none;
    }

    nav ul li {
        display: list-item;
        height: auto;
        border-bottom: 1px solid #FFF;
        padding: 5px 0;
    }

    nav ul li a {
        cursor: pointer;
        font-size: 17px;
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
    }

    nav ul li li {
        padding-left: 10px;
    }

    nav ul li li a {
        font-size: 13px;
    }

    nav .subNav {
        display: none;
    }

    nav .subNav li {
        border: none;
    }

    nav .active {
        color: #00aeef;
    }

    .content {
        padding: 0 10px;
    }

    /*nav .subnav, nav .subnav ul {
        width: auto !important;
        width: auto !important;
    }

    nav .navLeft, nav .navRight {
        display: inline;
    }

    nav .subnav {
        position: relative;
    }

    .menu-ecole .subnav, .menu-campus .subnav, .menu-ecole .subnav ul, .menu-campus .subnav ul {
        width: auto;
    }

    nav .navLeft li:first-child a, nav .navLeft li a {
        height: auto;
    }*/

    /* Contenu */

    .content .colLeft, .content .colRight {
        margin: 0;
        float: none;
    }

    .content .colLeft {
        padding-bottom: 0;
    }

    .colLeft img {
        width: 100%;
        height: auto;
    }

    .content .blocCouleur {
        width: auto;
    }

    .content .colx3 {
        float: none;
    }

    .content .blocAccolades {
        background-size: 100%;
        background-position: center;
    }

    .content .alignLeft, .content .alignRight {
        float: none;
        margin: 0 0 10px 0;
    }

    .tabContent {
        width: auto;
        display: block;
    }

    .tabEvent li {
        float: none;
    }

    .tabEvent .tab2 a, .tabEvent .tab3 a, .tabEvent .tab4 a,  .tabEvent .tab5 a, .tabEvent .tab6 a {
        width: auto !important;
        display: block;
        /*line-height: 66px;*/
        line-height: 20px;
        padding-top: 10px;
    }

    .tabEvent .tab2 a:hover:after,
    .tabEvent .tab2 .active:after,
    .tabEvent .tab3 a:hover:after,
    .tabEvent .tab3 .active:after,
    .tabEvent .tab4 a:hover:after,
    .tabEvent .tab4 .active:after,
    .tabEvent .tab5 a:hover:after,
    .tabEvent .tab5 .active:after,
    .tabEvent .tab6 a:hover:after,
    .tabEvent .tab6 .active:after {
        left: 0;
        width: 100%;

    }

    .colLeft iframe {
        max-width: 100%;
        max-height: 100%;
    }

    .iframeGI {
        width: 100%;
        /*height: 0;
        padding-bottom: 626%;*/
        overflow: hidden;
        position: relative;
    }

    .iframeGI iframe {
        /*position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;*/
        height: 2700px;
        margin: 0;
    }

    .colLeft .iframeDoc {
        min-height: 745px;
        margin: 0;
    }

    /* Footer */

    footer {
        padding: 0 10px;
    }

    footer .aPropos {
        float: none;
        margin: 0;
    }

    footer .reseaux {
        float: none;
        margin-top: 10px;
        padding: 0;
    }

    footer .reseaux ul {
        float: none;
        height: auto;
    }

    footer .reseaux li {
        float: left;
    }

    footer .epitechMap {
        float: none;
        margin-top: 10px;
        display: none;
    }

    footer .infosPratiques {
        float: none;
        width: auto;
        margin-top: 10px;
        padding: 0;
    }

    footer .infosUne {
        position: relative;
    }

    .bouton-demande-doc, .bouton-candidature {
        width: 100%;
        line-height: 50px;
        padding: 0
    }

        /* Widgets */

    .colRight .widget, .colRight .allactus .more, .colRight .noussuivre h2, .colRight .noussuivre ul, .colRight .agenda .more, .colRight .temoignages p {
        width: auto;
    }

    /* Nous suivre*/
    .noussuivre ul {
        position: relative;
        width: auto;
        height: 87px;
    }

    .noussuivre .Facebook {
        position: absolute;
        top: 0;
        left: 0;
    }

    .noussuivre .Twitter {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -43px;
    }

    .noussuivre .Google {
        position: absolute;
        top: 0;
        right: 0;
    }

    .colRight .noussuivre .Twitter a {
        margin: 0;
    }

    /* Vous etes */

    .colRight .vousEtes {
        padding-bottom: 10px;
        height: auto;
    }

    .colRight .vousEtes ul {
        width: auto;
    }

    .colRight .vousEtes ul li {
        float: left;
        width: 50%;
    }

    .colRight .vousEtes ul li a {
        padding-left:20px;
    }

    /* Agenda */

    .colRight .agenda {
        height: auto;
    }

    /* JPO */

    .colRight .jpo {
        background-size: 100%;
    }

    .colRight .jpo .Date {
        left: 50%;
        margin-left: -123px;
    }

    .colRight .jpo .Lieu {
        left: 50%;
        margin-left: -141px;
    }

    /* Epitech Replay */

    .replay .slide {
        margin: auto;
        height: auto;
    }

    .colRight .replay .textSlide {
        position: relative;
        top: inherit;
        left: inherit;
        margin: auto;
        height: auto;
    }

    .colRight .replay .PlayBtn {
        left: 50%;
        margin-left: -141px;
    }

    /* Widget stats */
    .colRight .statistiques {
        width: 282px;
        margin: auto;
    }

    /* Widget 12 mois */
    .colRight .douzeMois {
        width: 282px;
        margin: auto;
    }

    .DocuCandLabo {
        display: none;
    }
}

@media screen and (min-width: 966px) {
  .nav-mobile { display: none; }
}

/************************ Taille Iframe ********************/

@media screen and (min-width: 580px) and (max-width: 640px){
  .iframeGI iframe {
    height:2700px;
  }
}

@media screen and (min-width: 573px) and (max-width: 600px){
  .iframeGI iframe {
    height:2720px;
  }
}

@media screen and (min-width: 546px) and (max-width: 572px){
  .iframeGI iframe {
    height:2810px;
  }
}

@media screen and (min-width: 511px) and (max-width: 545px){
  .iframeGI iframe {
    height:2950px;
  }
}

@media screen and (min-width: 503px) and (max-width: 510px){
  .iframeGI iframe {
    height:3070px;
  }
}

@media screen and (min-width: 484px) and (max-width: 502px){
  .iframeGI iframe {
    height:3250px;
  }
}

@media screen and (min-width: 479px) and (max-width: 483px){
  .iframeGI iframe {
    height:3400px;
  }
}

@media screen and (min-width: 464px) and (max-width: 478px){
  .iframeGI iframe {
    height:3460px;
  }
}
/*
@media screen and (min-width: 449px) and (max-width: 463px){
  .iframeGI iframe {
    height:3450px;
  }
}
*/
@media screen and (min-width: 447px) and (max-width: 463px){
  .iframeGI iframe {
    height:3550px;
  }
}

@media screen and (min-width: 428px) and (max-width: 446px){
  .iframeGI iframe {
    height:3640px;
  }
}

@media screen and (min-width: 396px) and (max-width: 427px){
  .iframeGI iframe {
    height:3760px;
  }
}

@media screen and (min-width: 390px) and (max-width: 395px){
  .iframeGI iframe {
    height:3870px;
  }
}

@media screen and (min-width: 378px) and (max-width: 389px){
  .iframeGI iframe {
    height:3950px;
  }
}


@media screen and (min-width: 371px) and (max-width: 377px){
  .iframeGI iframe {
    height:4025px;
  }
}

@media screen and (min-width: 364px) and (max-width: 370px){
  .iframeGI iframe {
    height:4125px;
  }
}

@media screen and (min-width: 362px) and (max-width: 363px){
  .iframeGI iframe {
    height:4225px;
  }
}

/*galaxy S4*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  .iframeGI iframe {
    height: 3965px !important;
  }
}


@media screen and (min-width: 349px) and (max-width: 361px){
  .iframeGI iframe {
    height:4320px;
  }
}

@media screen and (min-width: 342px) and (max-width: 348px){
  .iframeGI iframe {
    height:4480px;
  }
}

@media screen and (min-width: 332px) and (max-width: 341px){
  .iframeGI iframe {
    height:4735px;
  }
}

@media screen and (min-width: 325px) and (max-width: 331px){
  .iframeGI iframe {
    height:4805px;
  }
}

@media screen and (min-width: 320px) and (max-width: 324px){
  .iframeGI iframe {
    height:4690px;
  }
}


/*iphone4 & 5*/
@media screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) {
  .iframeGI iframe {
    height:4690px;
  }
}

/*iphone6*/
@media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    .iframeGI iframe {
    height:3830px !important;
  }
  iframe.ionis-iframe {
    min-height: 3830px !important;
}
}