/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
body {
	color:#444;
	font:13px/20px Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	min-width:320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:100%;
}

input[type=submit].button--green,.button--green {
	font-weight:bold;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#4db56a;
	border:1px
solid #4db56a;
	color:#fff
}

.main__end {
	margin:40px
0 100px 0
}


label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}

button:hover {
	cursor:pointer
	
}


.chapter {
	position:relative;
	background:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:100%;
	margin:20px 0;
	font-size:1.4em;
}

.chapter__title {
	position:relative;
	background:#353b47;
	color:#fff;
	text-transform:uppercase;
	font-size:1em;
	padding:10px
10px 10px 70px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	overflow:hidden
}
.chapter__title:before {
	content:'';
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	top:-40px;
	left:-49px;
	-webkit-transform:rotateZ(30deg);
	-moz-transform:rotateZ(30deg);
	-o-transform:rotateZ(30deg);
	-ms-transform:rotateZ(30deg);
	transform:rotateZ(30deg)
}
.chapter--orange:before {
	background:#f5972d
}
.chapter--purple:before {
	background:#ad5296
}
.chapter--green:before {
	background:#4db56a
}
.chapter--blue:before {
	background:#81dde9
}
.chapter__icon {
	position:absolute;
	height:26px;
	top:9px;
	left:10px;
	vertical-align:baseline;
	z-index:1
}
.chapter__lesson {
	position:relative;
	border-bottom:2px solid #edeff0;
	position:relative;
}
.chapter__lesson:last-child {
	border:none
}
.chapter__lesson
a {
	display:block;
	padding:5px
10px
}
.chapter__lesson a:hover+.chapter__lesson__desc {
	display:block
}
.chapter__lesson .admin-edit-post {
	position:absolute;
	right:8px;
	top:6px;
	padding:0;
	line-height:1;
	color:#d2d6da
}
.chapter__lesson--finished {
	border-color:#4db56a
}
.chapter__lesson--finished
a {
	background:#61cc7f;
	color:#fff
}
.chapter__lesson--finished .admin-edit-post {
	top:9px;
	color:#4db56a
}
.chapter__lesson__desc {
	display:none;
	position:absolute;
	z-index:1000;
	left:0;
	bottom:calc(100%+6px);
	background:rgba(0,0,0,0.9);
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:10px;
	color:#fff;
	font-size:.9em
}
.chapter__lesson__desc:after {
	content:'';
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-9px;
	width:0;
	height:0;
	border:none;
	border-top:10px solid rgba(0,0,0,0.9);
	border-right:9px solid rgba(0,0,0,0);
	border-left:9px solid rgba(0,0,0,0)
}
.chapters .col:last-child .chapter:after {
	display:none
}
@media (min-width:728px) {
	.chapters__ad {
		float:right;
		width:340px
	}



.pub300 {
  width: 330px;
  height:305px;
	background: #E9EBE6;
	display: block;
  vertical-align: middle; 	
  color: #413F3E;
}

.pub728 {
  width: 728px;
  height:auto;
	background: #E9EBE6;
	display: table-cell;
  vertical-align: middle; 	
  color: #413F3E;
}
.pub336 {
  width: 362px;
  height:348px;
	background: #E9EBE6;
	display: block;
  vertical-align: middle; 	
  color: #413F3E;
}

.pub320 {
  width: 335px;
  height: 150px;
	background: #E9EBE6;
	display: block;
  vertical-align: middle; 	
  color: #413F3E;
}


div#galerie
{
  width: 640px ;
  background: #eed ;
  border: 1px solid #dcb ;
  padding: 15px ;
  margin: 5px 30px ;
  text-align: center ;
  font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
  margin: 0 ;
  padding: 0 ;
  list-style-type: none ;
}

ul#galerie_mini li
{
  float: left ;
}

ul#galerie_mini li a img
{
  margin: 2px 1px ;
  border: 1px solid #dcb ;
}

dl#photo
{
  clear: both ;
  margin: 0 auto ;
}

dl#photo dt
{
  font: italic 2.5em/1.5em Georgia, serif ;
  color: #56ac27;
}

dl#photo dd
{
  margin: 0 ;
}

dl#photo img
{
  border: 1px solid #dcb ;
}

img {
	display:block;
	height:auto;
}
.clearboth {
    clear: both;
}
#contentPage h4.margin-bottom-min {
    margin-bottom: -20px;
}
summary{
	outline:none;
}
a {
	text-decoration:none;
	color:#d84078;
	outline:none;
}
a:hover {text-decoration:underline;}
a:active {background-color: transparent;}

ol { padding: 0 0 11px 41px;}
ol li{ list-style: decimal ;}

sup{
	text-transform: none;
	vertical-align: super;
}
.hover img:hover{
	opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
}
iframe{
	border: none;
	overflow:hidden;
	margin: 20px 0;
	display: block;
}	
input, textarea, select {
	font:10px/16px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#737373;
	outline:none;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
input[type=text],
input[type=password],
input[type=file],
input[type=email],
textarea {
	border-radius:0;
	-webkit-border-radius:0;
	-webkit-appearance:none;
}
input[type="submit"] {
	border-radius:0;
	-webkit-border-radius:0;
	-webkit-appearance:none;
}
input[type=submit]:hover{cursor:pointer;}
header, footer, article, section, nav, figure, aside {display: block;}
form legend {display:none;}
::-webkit-input-placeholder {color:#737373;}
:-moz-placeholder {color:#737373;}
::-moz-placeholder {
	color:#142C74;
	opacity: 1;
}
:-ms-input-placeholder {color:#737373;}
figure{ margin: 0;padding: 0;}
figcaption{ text-align: center;}
figure img{margin: 0 auto;}
.alignLeft{float: left; margin:5px 15px 10px 20px;}
.alignRight{float: right; margin: 5px 0 10px 15px;}
.alignCenter {margin: 20px auto; text-align: center;}
iframe.alignCenter { margin: 20px auto !important; text-align: center; }
.clearboth {clear: both;}
.right{	text-align: right;}
.left{	text-align: left;}
.center {text-align: center;}
.marginTopBtm{ margin: 20px 0 45px}
.margin-top-widget { margin: 49px 0 45px}
.colonneGauche, .colonneDroite{ float: left; width: 310px;}
.colonneGauche {margin-right: 15px;}
.troisCols{
	float: left;
	width: 216px;
    margin-bottom: 20px;
}
.citation{
	background: url("../images/design/bg/quote-left.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin:0;
	padding: 20px 0 0 29px; 
}
.citation p{
	background: url("../images/design/bg/quote-right.html") no-repeat scroll right bottom rgba(0, 0, 0, 0);
	margin:0;
	padding: 0 29px 15px 0; 	
}

.skip {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip:focus {
	position:static;
	width:auto;
	height:auto;
} 
#wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
body.fixe {
    margin-top: 222px !important;
}
header#header.fixe nav{
       position: fixed;
    top: -10px;
    z-index: 100;
    background: #959FA1;
    height: 74px;
    padding-left: 9px;
}
header#header.fixe {
    background: #959FA1;
    position: fixed;
    top: -145px;
    height: 197px;
}
header#header.fixe p {
    color: #FFF;
}
header#header.fixe .container {
    position: relative;
}
header#header.fixe .container .logofixe a {
    position: absolute;
    top: 135px;
    left: -100px;
}
header#header.fixe .alt-nav {
    right: 30px;
}

#header .logo-cti {
    top: 10px;
    right: -80px;
    color: transparent;
}

#header .logo-cge {
    top: 19px;
    right: 220px;
    color: transparent;
}

#header .form-search { margin-top: 29px; }

.baseline p {
    font-size: 10px;
    line-height: 13px;
}

#header .holder { position: relative; }

#header .language {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    margin-top: 6px;
}

#header .language:after {
    background-position: -49px 1px;
    height: 24px;
}

/*header#header.fixe .container .logofixe a { display: none; }*/

header#header.fixe .alt-nav { right: -30px; }

header#header.fixe #nav > li:after { background: #FFF; }

header#header.fixe #nav > li:last-child:after { display: inherit; }

#header .holder { padding-bottom: 47px; }


@media only screen and (max-width:1230px) {
    header#header.fixe .container .logofixe a {
        display: none;
    }

   
}
#header {
	width:100%;
	position:relative;
	z-index:10;
	padding:15px 0 0;
}
#header:before {
	width:312px;
	height:53px;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
	background: #959FA1;
	content:'';
	display:none;
}
#header .btn-back {
	font:600 21px/21px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	display:block;
	padding:16px 10px 11px 56px;
	position:relative;
	display:none;
}
#header .btn-back:hover {text-decoration:none;}
#header .btn-back:before {
	width:20px;
	height:12px;
	position:absolute;
	top:50%;
	left:22px;
	margin-top:-2px;
	content:'';
	background:url(../images/sprite.html) no-repeat -136px -124px;
}
#header .opener,
#header .slide .btn-close  {
	position:absolute;
	top:16px;
	left:21px;
	color:#fff;
	z-index:16;
	text-transform:uppercase;
	padding:0 0 0 35px;
	font:700 21px/23px Verdana, Arial, Helvetica, sans-serif;
}
#header .slide .btn-close {display:none;}
#header .opener:before,
#header .slide .btn-close:before  {
	width:27px;
	height:14px;
	position:absolute;
	top:4px;
	left:0;
	content:'';
	background:url(../images/sprite.html) no-repeat -132px -70px;
}
#header .holder {
	padding:0 0 47px;
	overflow:hidden;
}

body #wrapper .fixe .holder { padding-bottom: 0; }

#container1 #btn-action {
	position: fixed;
	top: 50%;
	z-index:100;
	text-align:center;
	text-transform:uppercase;
	font:700 12px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	right:0;
    margin-top: -127px;

    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
}

#btn-action li {padding:0 0 5px;}
#btn-action a {
	display:block;
	text-align:center;
	color:#fff;
	width:122px;
	height:24px;
	position:relative;
	padding:56px 0 0;
}
#btn-action .icon1 {background:#29a3d5;}
#btn-action .icon2 {background:#d42b69;}
#btn-action .icon3 {background:#8cb833; padding: 43px 0 13px; }
#btn-action a:after {
	width:44px;
	height:45px;
	position:absolute;
	top:6px;
	left:50%;
	margin-left:-22px;
	content:'';
	background:url(sprite.png) no-repeat;
}
#btn-action .icon1:after {background-position:0 0;}
#btn-action .icon2:after {background-position:0 -86px;}
#btn-action .icon3:after {background-position:0 -178px;}
.logo {
	margin:5px 2% 0 0;
	width:221px;
	height:148px;
	overflow:hidden;
	float:left;
	background:url(ongadm.jpg) no-repeat;
	cursor:pointer;
}

.logo-apprentissage {
	margin:5px 4% 0 0;
	width:221px;
	height:203px;
	overflow:hidden;
	float:left;
	background: url(../images/design/bg/epita-logo-apprentissage828f.html?v=26112014) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
}

.logo a {
	height:100%;
	display:block;
	color: transparent;
}
.header-box {
	float:right;
	padding:12px 4px 15px 0;
	width:355px;
}
.language {
	text-transform:uppercase;
	color:#222f48;
	display:block;
	position:relative;
	padding:0 32px 0 0;
	margin:0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 0px;
}
.language:after {
	width:28px;
	height:21px;
	position:absolute;
	top:0;
	right:0;
	content:'';
	background:url(../images/sprite-2.html) no-repeat -49px 0;
}
.baseline {
	overflow:hidden;
	padding:1px 40px 1px 0;
	font-size:12px;
	line-height:15px;
	font-weight:300;
	position:relative;
	max-width:373px;
	margin-top: 12px;
}
.baseline h1 {
	font:20px/23px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 5px;
}
.baseline h1 strong {
	font-weight:normal;
	display:block;
	color:#46B518;
	font-size:20px;
}
.logo-cti {
	position:absolute;
	bottom:0;
	right:0;
	width:150px;
	height:100px;
	overflow:hidden;
	background:url(../images/logo02.png) no-repeat;
}
.logo-cge {
	position:absolute;
	bottom:0;
	right:0;
	width:94px;
	height:30px;
	overflow:hidden;
	background:url(../images/logo-cge.html) no-repeat;
}
.form-search {
	width:221px;
	margin:0 0 0 auto;
	overflow:hidden;
	background:#fff;
	border:1px solid #b5b4b4;
}
.form-search input[type="text"] {
	float:left;
	width:179px;
	height:16px;
	padding:2px 6px;
	text-transform:uppercase;
	margin:0;
	border:0;
	background:url(../images/bg-field.html) no-repeat 100% 0;
}
.form-search input[type="submit"] {
	float:left;
	width:30px;
	height:20px;
	padding:0 0 2px;
	text-transform:uppercase;
	margin:0;
	color:#908f8f;
	font-weight:700;
	font-size:11px;
	line-height:17px;
	cursor:pointer;
	border:1px solid #e5e5e5;
	border-width:1px 0 0;
	background:#fff;
}
#header nav {
	z-index:11;
	padding:3px 254px 0 0;
	text-transform:uppercase;
	font:12px/17px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	height:1%;
	position:relative;
}
#header nav:after{
	display:block;
	clear:both;
	content:'';
}

#BoutonClassement {
	color:#FFFFFF;
	background: #FFD700 url('../images/design/icons/icon-trophy.html') 6px -5px no-repeat;
	padding: 12px 0 12px 3px;
    position: absolute;
    top: -62px;
    right: -17px;
    text-align: center;
    text-transform: uppercase;
    width: 225px;
    font: 700 15px/15px 'Open Sans', Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 960px) {
	#BoutonClassement {
		display:none;
	}
}
.alt-nav {
	position:absolute;
	top:3px;
	right:-18px;
	width:244px;
    height: 74px;
	height:53px;
	padding:0;
	background: #46B518;
}
.alt-nav {
    height: 74px;
}
.alt-nav:before {
	position:absolute;
	top:0;
	left:-14px;
	width:28px;
	height:74px;
	content:'';
	background: #46B518;
	-moz-transform:skewX(-21deg) skewY(0deg);
	-webkit-transform:skewX(-21deg) skewY(0deg);
	-o-transform:skewX(-21deg) skewY(0deg);
	-ms-transform:skewX(-21deg) skewY(0deg);
	transform:skewX(-21deg) skewY(0deg);
}

.alt-nav li {
	padding: 17px 11px 0 11px;
	float:left;
    height: 52px;
	min-width:70px;
	position:relative;
    text-align: center;
}
#nav li p {	cursor: default;}
.alt-nav li p {
	display:block;
	color:#fff;
	cursor: default;
}
#nav {
	width:100%;
	padding:15px 0 14px;
	text-align:center;
}
#nav li {
	display:inline-block;
	vertical-align:top;
	padding:0 1.2%;
	text-align:center;
	position:relative;
	max-width:87px;
}
#nav li li a,
.alt-nav li li a {
	display:block;
	color:#222f48;
	position:relative;
	z-index:10;
}
.alt-nav li p {
	color:#FFF;
}
#nav>li:hover>p,
#nav>li.active>p,
#nav>li.drop-active>p,
.alt-nav>li:hover>p,
.alt-nav>li.active>p,
.alt-nav>li.drop-active>p
{
	text-decoration:none;
	color:#00a8e6;
}
#nav li p span,
.alt-nav li p span {
	display:table;
	width:100%;
	height:45px;
}
#nav li p strong,
.alt-nav li p strong {
	font-weight:normal;
	display:table-cell;
	vertical-align:middle;
}
#nav li:hover .decor,
#nav li.active .decor,
#nav li.drop-active .decor,
.alt-nav li:hover .decor,
.alt-nav li.active .decor,
.alt-nav li.drop-active .decor {
	position:absolute;
	bottom:-21px;
	left:50%;
	margin-left:-7px;
	width:14px;
	height:14px;
	background:#00a8e6;
	z-index:10;
	content:'';
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2), inset 1px 1px 0 0 rgba(0,0,0,0.14);
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.2), inset 1px 1px 0 0 rgba(0,0,0,0.14);
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.alt-nav li:hover .decor,
.alt-nav li.active .decor,
.alt-nav li.drop-active .decor
{
    bottom: -12px;
}
.alt-nav li:hover .decor3,
.alt-nav li.active .decor3,
.alt-nav li.drop-active .decor3
{
    bottom: -7px;
}
.alt-nav li:hover .decor2,
.alt-nav li.active .decor2,
.alt-nav li.drop-active .decor2
{
    bottom: -8px !important;
}
.nav-active #nav li:hover .decor,
.nav-active #nav li.active .decor,
.nav-active .alt-nav li:hover .decor,
.nav-active .alt-nav li.active .decor
{display:none;}
.nav-active #nav li.drop-active .decor,
.nav-active #nav li.drop-active:hover .decor,
.nav-active .alt-nav li.drop-active .decor,
.nav-active .alt-nav li.drop-active:hover .decor
{display:block;}
#nav .drop,
.alt-nav .drop {
	position:absolute;
	top:75px;
	font-size:12px;
	left:-18px;
	width:170px;
	text-align:left;
	background:#fff;
	top:-9999px;
}
#nav .droper,
.alt-nav .droper {
	width:245px;

}
#nav .bigdrop,
.alt-nav .bigdrop {
	left:-282px;
	width:552px;
}

#nav .bigdrop2,
.alt-nav .bigdrop2 {
	left:-54px;
	width:515px;
}

#nav .drop1, .alt-nav .drop1 {
	width:205px;
}

#nav .drop-active > .drop {top:74px;}
.alt-nav .drop-active > .drop
{top:89px;}
#nav .drop:before,
#nav .drop:after,
.alt-nav .drop:before,
.alt-nav .drop:after {
	width:154px;
	height:15px;
	position:absolute;
	top:-14px;
	left:16px;
	content:'';
	background:#fff;
}
#nav .drop:before,
.alt-nav .drop:before {
	left:5px;
	top:-14px;
	width:22px;
	height:22px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
#nav ul,
.alt-nav ul {
	padding:5px 5px 5px 16px;
	text-transform:none;
}
#nav li:last-child ul,
.alt-nav li:last-child ul
{
    padding:5px 19px 5px 16px;
}
#nav ul li,
.alt-nav ul li {
	text-align:left;
	padding:0 0 8px;
	max-width:100%;
	display:block;
}
.alt-nav ul li {
    height: auto;
}
#nav ul li:hover:after,
#nav ul li.active:after {display:none;}
#nav ul li p:hover,
.alt-nav ul li p:hover {
	text-decoration:none;
	color:#f60;
}
#main {padding:0 0 15px;}
#presentation {
	width:115%;
	position:relative;
	margin:0 0 32px;
	background: #118aB8;
}
#presentation:after,
#presentation:before {
	content:'';
	padding:0 0 0 9999px;
	margin:0 576px 0 -9999px;
	position:absolute;
	top:1px;
	height:1px;
	right:50%;
	z-index:10;
}
#presentation:after {
	padding:0 9999px 0 0;
	right:auto;
	left:50%;
	margin:0 -9999px 0 574px;
}
.slideshow {margin:0 -94px 0 -100px;}
.slideshow .mask {
	width:100%;
	position:relative;
	overflow:hidden;
    height: 291px;
}
.slideshow .slide {
	float:left;
	width:100%;
}
.slideshow img {width:100%;}
.slideshow .logo-box {
	width:187px;
	margin:0 auto 18px;
	display:none;
}
.slideshow .bx-pager-item {
    display: block;
    float: left;
    background: #fd7317;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    margin-right: 7px;
}
.slideshow .bx-pager-item:hover, .slideshow .bx-pager-item ~ .active {
    background: #FFF;
}

.slideshow .bx-pager-item:hover a{
    color: #fd7317 !important;
}
.slideshow .bx-pager {
    position: absolute;
    bottom: 25px;
    right: 5px;
}
.slideshow .bx-pager a {
    color: #FFF;
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: -4px;
    left: 3px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
.slideshow .bx-pager a:hover, .slideshow .bx-pager a.active {
    color: #fd7317;
}
#presentation .frame {
	height:1%;
	position:relative;
	padding:0 332px 0 0;
	min-height:268px;
}
.agenda {
	padding:24px 0 46px 117px;
	background:url(../images/bg-box828f.html?v=26112014) no-repeat;
	width:316px;
	height:227px;
	position:absolute;
	bottom:-6px;
	right:-4px;
	color:#fff;
	overflow:hidden;
	font-family:'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
}
.agenda h3 {
	font:700 34px/36px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 15px;
}
.agenda .btn-all {
	position:absolute;
	bottom:6px;
	left:152px;
	padding:9px 47px 0 8px;
	height:27px;
	background:#f60;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
}

.agenda form { width: 300px; }

/* Dates Pages Campus */

#contentPage .event {
    border: solid 1px #BE0155;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.btn-secure {
    background: #1f2334;
    height: 40px;
    position: relative;
}

body #contentPage .btn-secure a
{
    font-size: 17px;
    text-decoration: none;
}

body #contentPage .btn-secure p { font-size: 17px; }

body #contentPage .btn-secure a:hover { text-decoration: underline; }
/*
.btn-secure span {
    background: url(../images/media/brochures/brochure-securesphere-mini.jpg) #1f2334 no-repeat right 0;
    width: 60px;
    height: 86px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: block;
    z-index:1;
}
*/
.section .btn-all,
.btn-all
{
	padding:8px 47px 0 8px;
	height:28px;
	background:#f60;
	color:#fff !important;
	cursor:pointer;
	float:right;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.link-btn{
	display: block;
	margin: 10px 0 20px;
	height: 36px;
}
.link-btn .btn-all {
	padding:8px 47px 0 8px;
	height:28px;
	background:#f60;
	color:#fff !important;
	cursor:pointer;
	float:right;
	position:relative;
	font-family:'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration: none !important;
}
.link-btn .btn-all:hover {
	text-decoration: underline !important;	
}
#news .btn-all {background:#be0155;}
.agenda .btn-all:before,
.section .btn-all:before,
.link-btn .btn-all:before,
#presentation .text .btn:before,
.btn-all:before
{
	background:#f60;
	width:15px;
	height:36px;
	content:'';
	position:absolute;
	top:0;
	left:-7px;
	-moz-transform:skewX(-16deg) skewY(0deg);
	-webkit-transform:skewX(-16deg) skewY(0deg);
	-o-transform:skewX(-16deg) skewY(0deg);
	-ms-transform:skewX(-16deg) skewY(0deg);
	transform:skewX(-16deg) skewY(0deg);
}
.section .btn-all:before, .link-btn .btn-all:before {background:#f60;}
#news .btn-all:before {background:#be0155;}
#presentation .text .btn:before {background:#959FA1;}
.agenda .btn-all span:after,
.agenda .btn-all span:before,
.section .btn-all span:after,
.section .btn-all span:before,
.link-btn .btn-all span:before,
.link-btn .btn-all span:after,
.tab-content .btn:after,
.tab-content .btn:before,
.metiers-holder .btn:after,
.metiers-holder .btn:before,
#presentation .text .btn span:before,
#presentation .text .btn span:after,
.widget .btn:after,
.widget .btn:before {
	position:absolute;
	top:11px;
	right:13px;
	width:13px;
	height:13px;
	content:'';
	background:url(../images/sprite.html) no-repeat -82px 0;
}
.agenda .btn-all span:before,
.section .btn-all span:before,
.link-btn .btn-all span:before,
.tab-content .btn:before,
.metiers-holder .btn:before,
#presentation .text .btn span:before,
.widget .btn:before {
	width:23px;
	height:23px;
	top:6px;
	right:8px;
	background:#fff;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.tab-content .btn:before {background:#f60;}
.metiers-holder .btn:before {background:#be0155;}
#news .btn-all span:after,
.widget-violet .btn:after {background-position:-99px 0;}
.tab-content .btn:after,
.metiers-holder .btn:after {background-position:-118px 0;}
.widget-blue .btn:after {background-position:-142px 0;}
.widget-mauve .btn:after {background-position:-161px 0;}
#presentation .events-list {
	text-transform:uppercase;
	line-height:17px;
}
#presentation .events-list li {padding:0 0 10px;}
#presentation .agenda time {
	display:block;
	font-size:15px;
	background:url("../images/puce_blue.html") no-repeat 0px 3px;
	padding: 0 0 0 15px;

}
#presentation .agenda time a {color:#959FA1;}
#presentation .text {
	color:#fff;
	padding:28px 0 31px 22px;
	line-height:17px;
	font-weight:300;
}
#presentation .text h2 {
	font:34px/36px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 18px -24px;
	color:#eee;
}
#presentation .text h2 mark {
	background:none;
	color:#00a9e6;
	display:block;
}
#presentation .text .btn {
	float:right;
	position:relative;
	display:none;
	color:#fff;
	text-transform:uppercase;
	background:#959FA1;
}
.banner {margin:0 0 28px;}
.banner img {width:100%;}
.container {
	margin:0 auto;
	max-width:1140px;
}
.section {
	width:100%;
}
.social-block {display:none;}
#news {padding:0 0 27px;}
.section:after {
	display:block;
	clear:both;
	content:"";
}
.section header {margin:0 0 15px;}
.section header h2 {
	display:inline-block;
	vertical-align:baseline;
	color:#153178;
	font:27px/35px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 7px 0 0;
}
.section header h2 mark {
	background:none;
	display:block;
	color:#f60;
}
#news header h2 mark,
#metiers header h2 mark {color:#be0155;}
#social-pages {
	display:inline-block;
	vertical-align:baseline;
}
#social-pages li {
	float:left;
	margin:0 10px 0 0;
}
#social-pages a {
	display:block;
	width:22px;
	height:22px;
	overflow:hidden;
	background:url(../images/sprite.html) no-repeat;
	color: transparent;
}
#social-pages .rss {background-position:-51px -31px;}
#social-pages .facebook {
	width:10px;
	background-position:-81px -31px;
}
#social-pages .twitter {
	width:26px;
	background-position:-103px -31px;
}
#social-pages .google {background-position:-139px -31px;}

#social-pages .linkedin {background-position:-139px -31px;}
#news .holder {
	padding:0 0 16px;
	overflow:hidden;
}
#news .col-holder, #news .header-news {
    height: auto;
}
#news .col {
	float:left;
	width:33%;
	padding:0 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#news .col2 {
	float:left;
	width:50%;
	padding:0 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.header-news {
	background:#fff;
	padding:0;
	margin:0 -4px 14px;
}
.header-news.ecole h3 {
    background: #959fa1;
}
.header-news.innovation h3 {
    background: #00a8e6;
}
.header-news.international h3 {
    background: #8cb833;
}
.header-news.vie h3 {
    background: #a76245;
}
.header-news h3 {
	/*font-size:21px;*/
	line-height:55px;
	margin:0;
}
.header-news h3 {
	font:23px/55px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 11px;
	color:#FFF;
    padding-left: 14px;
}
.header-news img {/*! width:100%; */}
#news article {
	font-weight:300;
	line-height:17px;
	padding:11px 0;
    margin: 0 8px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #edeeee;
}
#news article h4 {
	font:600 14px/17px "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 5px;
    /*height: 34px;*/

    overflow: hidden;
}
#news article.principal {
    height: auto;
}
/*#news .header-news h4:before {
    background: none;
    margin: 0;
    width: 0;
    height: 0;
}
#news article h4:before {
	content: "";
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
   	background: none repeat scroll 0 0 #be0155;
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(-45deg);
	 -ms-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -o-transform:rotate(-45deg);
}*/
#news article h4 a {color:#be0155;}
#news article p {margin:0 0 16px; font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400;}
#news article a {color:#444;}
.gallery,
.pagination {
	position:relative;
	padding:0 42px 20px;
}
.gallery .caroufredsel_wrapper {padding:0 0 3px;}
.gallery .btn-prev,
.gallery .btn-next,
.pagination .btn-prev,
.pagination .btn-next{
	position:absolute;
	top:41px;
	left:0;
	width:31px;
	height:44px;
	overflow:hidden;
	text-indent:-9999px;
	background: #ff6600;
}
.gallery .btn-next,
.pagination .btn-next {
	left:auto;
	right:0;
}
.gallery .btn-prev:after,
.gallery .btn-next:after,
.pagination .btn-prev:after,
.pagination .btn-next:after {
	width:13px;
	height:25px;
	content:'';
	position:absolute;
	top:9px;
	left:9px;
	background:url(../images/sprite828f.html?v=26112014) no-repeat -189px 0;
}
.gallery .btn-next:after,
.pagination .btn-next:after {background-position:-225px 0;}
.gallery .mask,
.pagination .gmask {
	overflow:hidden;
	padding:8px 0;
	position:relative;
	width:100%;
}
.gallery .slideset {width:9999px;}
.gallery .slide,
.pagination .tmpl {
	float:left;
	width:185px;
    height: 189px;
	padding:0 17px 3px;
}
.gallery .video,
.pagination .tmpl .video {
	margin:0 -4px 6px;
	position:relative;
	border:10px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
}
.gallery .video:hover,
.pagination .tmpl .video:hover {
	border-color:#f60;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0);
	box-shadow: 0 0 6px 0 rgba(0,0,0,0);
}
.gallery .video img {width:100%;}

.slide .video iframe
{
	margin:0;
}

.gallery .video .play,
.pagination .tmpl .video .play{
	position: absolute;
	top: 0%;
	width: 194px;
	height: 118px;
	margin: -11px 0 0 -11px;
	overflow: hidden;
	background: none;
	text-indent: -9999px;
}

.mask .video .play_large
{
	position: absolute;
	top: 0%;
	width: 194px;
	height: 118px;
	margin: -11px 0 0 -11px;
	overflow: hidden;
	background: none;
	text-indent: -9999px;
}

.gallery .video .play:hover,
.pagination .tmpl .video .play:hover
{
	background: url('../images/player_icon.html') no-repeat center center;
}

.pagination  .gmask .videoSmall p
{
	display:none;
}
.Video .video_bloc{
	position: relative;
}
.Video .btn-play{
	background-color:#FF6600;
	width: 34px ;
	height: 34px;
	position: absolute;
    left: 100px;
    top: 51px;
}
.Video .btn-play:before{
	content: '';
	height: 0;
	width: 0;
	display: block;
	border: rgba(0, 0, 0, 0) solid;
	border-width: 8px 0 8px 15px;
	border-right-width: 0;
	border-left-color: #fff;
	position: absolute;
	top: 8px;
	left: 11px;
}
.gallery h3,
.pagination .tmpl h3 {
	font:15px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0;
	color:#303030;
}
.gallery h3 a,
.pagination .tmpl h3 a {color:#303030;}

.anchorJPO {
	display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.blocJPO {
	border: solid 1px #BE0155;
    padding: 20px;
	margin: 30px 0;
}

.blocJPO img {
	float: left;
	width: 140px;
	margin-right: 20px;
}

.blocJPO .img-rounded {
	border-radius:150px;
}

.blocJPO .info_JPO {
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
}

.blocJPO .info_JPO span {
	color:#BE0155;
}

.blocJPO .contact_JPO {
	font-size: 14px;
}

#vous-etes {
	padding:0 0 27px;
	width:100%;
}
#vous-etes:after{
	display:block;
	clear:both;
	content:'';
}
#vous-etes .plugin-box {
	float:right;
	width:24.2%;
	margin-top:-1px;
}

#vous-etes .tab-content{
height:295px;
position:relative;
}

#vous-etes .tab-content .btn{
color: #ff6600;
position:absolute;
bottom:0px;
right:0px;
}

#vous-etes .tab-content article{padding:4px 0 15px 15px;}
.plugin-box .facebook,
.plugin-box .tweet {
	background:#fff;
	padding:8px 8px 10px;
	margin:0 0 6px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
	border:1px solid #d8dfea;
}
.plugin-box iframe{ margin: 0;}
.plugin-box .facebook img {width:100%;}
.plugin-box .tweet {
	padding:7px 12px 9px;
	margin:0;
	text-align:center;
}
.plugin-box .tweet h3 {
	text-transform:uppercase;
	font:700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#2daae1;
	margin:0 0 4px;
}
.plugin-box .tweet .btn {
	display:inline-block;
	position:relative;
	border:1px solid #ccc;
	color:#3d3d3d;
	text-align:left;
	padding:2px 22px 0;
	height:16px;
	border-radius:3px;
	background: #fcfcfc;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dfdfdf 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#dfdfdf 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#dfdfdf 100%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dfdfdf 100%);
	font:10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.plugin-box .tweet .btn:before {
	width:17px;
	height:13px;
	position:absolute;
	top:3px;
	left:2px;
	content:'';
	background:url(../images/sprite.html) no-repeat -268px 0;
}
.tweet-feed {
   	margin-top: 8px;
    padding: 12px 10px 5px;
	text-align:left;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#fff;
    min-height: 44px;
    background: none repeat scroll 0 0 #2DAAE1;
}

.tweet-feed a {color:#fff;}
.tabs-area {
	float:left;
	width:100%;
	background:#fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
}
.tabs-area .side {
	padding:32px 0 0 9999px;
	margin:0 130px 0 -9999px;
	float:left;
	min-height:306px;
	position:relative;
	width:173px;
	background: #959FA1;
}
.tabs-area .side:after {
	width:160px;
	position:absolute;
	top:0;
	right:-64px;
	bottom:0;
	content:'';
	background: #959FA1;
	-moz-transform:skewX(-21deg) skewY(0deg);
	-webkit-transform:skewX(-21deg) skewY(0deg);
	-o-transform:skewX(-21deg) skewY(0deg);
	-ms-transform:skewX(-21deg) skewY(0deg);
	transform:skewX(-21deg) skewY(0deg);
}
.tabs-area .side h3 {
	margin:0 0 16px;
	color:#426396;
	position:relative;
	z-index:5;
	font:700 34px/26px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
}
.tabset {
	z-index:5;
	position:relative;
	text-transform:uppercase;
	font:20px/24px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
}
.tabset li {
	width:258px;
	position:relative;
}
.tabset li:nth-of-type(2) {width:245px;}
.tabset li:nth-of-type(3) {width:232px;}
.tabset li:nth-of-type(4) {width:219px;}
.tabset li:nth-of-type(5) {width:207px;}
.tabset li:nth-of-type(6) {width:195px;}
.tabset li:nth-of-type(7) {width:180px;}
.tabset li a {
	display:block;
	color:#fff;
	height:30px;
	cursor:pointer;
	position:relative;
	padding:8px 10px 0 26px;
}
/*.tabset li.active a,*/
.tabset li a:hover {
	text-decoration:none;
}
.tabset li a.hover { color: #f60;}
.tabset li.active a:hover {
    color:#FFF;
}
.tabset .lavalamp {
	height:38px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:-1;
}
/*.tabset li.active a:before,*/
/*.tabset li a.hover:before,*/
.tabset .lavalamp .before {
	position:absolute;
	top:0;
	right:-15px;
	
	width:30px;
	content:'';
	background:#f60;
	height:38px;
	z-index:-1;
	-moz-transform:skewX(-18deg) skewY(0deg);
	-webkit-transform:skewX(-18deg) skewY(0deg);
	-o-transform:skewX(-18deg) skewY(0deg);
	-ms-transform:skewX(-18deg) skewY(0deg);
	transform:skewX(-18deg) skewY(0deg);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.14);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.14);
}
.tabset li.active a.hover:before ,
.tabset li.active a:before{
	/*display:none;*/
	content: ' ';
}
.tabset .lavalamp .before {
	right:15px;
}
.tabset .lavalamp .bg {
	height:100%;
	z-index:0;
	background:#f60;
	position:absolute;
	left:0;
	right:35px;
}
.tabset .lavalamp .before {
	z-index:-2;
}
.tabset li a strong {display:none;}
.tabs-area .content-vous-etes {
	overflow:hidden;
	padding:32px 18px 8px 0;
	line-height:17px;
	font-weight:300;
	min-height:299px;
}
.tab-content article {

	padding:4px 0 28px 15px;
	background: url('../images/puce_vousetes.html') no-repeat 0px 9px;
}
.tab-content p {margin:0;}
.tab-content p a {
	
	color:#444;
	text-decoration: underline;
}
.tab-content .btn,
.metiers-holder .btn {
	float:right;
	text-transform:uppercase;
	padding:9px 44px 9px 0;
	position:relative;
	font-weight:bold;
}
.metiers-holder .btn {
	position:relative;
	z-index:8;
	/*! margin-right:-223px; */
	color:#be0155;
}
#metiers header .txt {
	padding:11px 22px 0;
	line-height:17px;
	max-width:65%;
}
.metiers-holder {
	position:relative;
	width:100%;
	padding:22px 0 0 22px;
	line-height:17px;
	height:520px;
	background:#fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.metiers-holder:before {
	padding:0 0 0 9999px;
	margin:0 0 0 -9999px;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	content:'';
}
.metiers-holder:after {
	width:303px;
	height:520px;
	content:'';
	position:absolute;
	top:-1px;
	right:-298px;
	background:url(../images/bg-box01.html) no-repeat;
}
.metiers-holder .list {padding:0 0 12px;}
.metiers-holder .list li {padding:0 0 11px;}
.metiers-holder h3 {
	font:13px/17px 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0;
	background: url('../images/puce_metiers.html') no-repeat 0px 5px;
	padding: 0 0 0 12px;
}
.metiers-holder h3 a {color:#be0155;}
.metiers-holder .txt {
	position:relative;
	z-index:6;
	height:546px;
	overflow:hidden;
}
.metiers-holder .txt:after{
	display:block;
	clear:both;
	content:'';
}
.metiers-block {
	position:absolute;
	top:-160px;
	right:-896px;
	z-index:1;
}
.metiers-block a {
	text-align:center;
	color:#fff;
	cursor:pointer;
	font:13px/20px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.metiers-block a span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.metiers-block a:hover {text-decoration:none;}
#itngenieure {
	width:200px;
	height:200px;
	top:42px;
	left:279px;
}
#itngenieure span {
	left:13px;
	top:102px;
}
#ingenieur {
	width:154px;
	height:154px;
	top:538px;
	left:269px;
}
#ingenieur span {
	left:18px;
	top:74px;
}
#temoignages {
	width:322px;
	height:322px;
	top:216px;
	left:66px;
	font-size:20px;
	line-height:20px;
}
#temoignages span {
	left:33px;
	top:160px;
}
.metiers-block a strong {
	display:block;
	font-size:20px;
	font-weight:normal;
}
#temoignages strong {
	line-height:26px;
	font-size:26px;
	margin:0 0 9px;
}

#startup42 {
	width:154px;
	height:154px;
	top:420px;
	left:385px;
}

#startup42 span {
	left:18px;
	top:74px;
	font-size: 0.8em !important;
}

/*** losange home: affichage block 12mois d'événements ***/
img.more1290{
	display: none;
}
#evenements{
	display: none;
}

.orange { color:#FF6600;}

@media only screen and (min-width:1290px) {
	.metiers-block .less1290{
		display: none;
	}
	.metiers-block .more1290{
		display: block;
	}
	#evenements {
	    display: block;
	    height: 224px;
	    left: 439px;
	    top: 183px;
	    width: 186px;
	}
	#evenements span {
	    left: 17px;
	    top: 110px;
		font-size: 14px !important;
	}
	#evenements strong {
		line-height:21px;
		font-size:22px;
	}
}


.carousel .mask {
	width:100%;
	margin-bottom:43px;
	overflow:hidden;
	position:relative;
}
.carousel .slideset {}
.carousel .slide {
	padding:8px 0;
	width:100%;
	position:absolute;
}
.carousel .slide.active {z-index:8;}
.carousel .slide .video {
	float:left;
	width:44.8%;
	margin:0 3.3% 0 14px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);
	position:relative;
	border:10px solid #f60;
}
.carousel .video img {width:100%;}
.carousel .txt {
	color:#545454;
	font-weight:300;
	line-height:16px;
	padding:5px 0 0;
	overflow:hidden;
}
.carousel .txt p {margin:0 0 16px;}
.carousel .txt h3 {
	font:25px/30px 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 8px;
	color:#f60;
}
.toolbar {
	margin-top:-19px;
	width:100%;
}
.toolbar:after{
	display:block;
	clear:both;
	content:'';
}
/*---------- boutons de bas de page ------------*/
.share {
	float:left;
	width:400px;
	position:relative;
	height:40px;
	padding:15px 0 0 22px;
	margin: 0;
}
.share #btnfacebook, .share #btntwitter, .share #btnlinkedin { float: left;}
.share #btnfacebook, .share #btntwitter {margin-right: 30px;}
.share-bottom{padding:20px 0}
.share iframe, .share-bottom iframe{margin:0px;}


.sharing {
	float:right;
	width:358px;
	position:relative;
	height:50px;
	padding:21px 0 0 42px;
	margin:-31px -102px -5px 0;
	/* background:url(../images/bg-box03.png?v=26112014) no-repeat; */
}
.sharing #btnfacebook, .sharing #btntwitter { float: left;}
.sharing #btnfacebook, .sharing #btntwitter {margin-right: 30px;}
.sharing-bottom{padding:20px 0}
.sharing iframe, .sharing-bottom iframe{margin:0px;}
.btngoogleplus, .btnfacebook, .btntwitter{float:left}
.btnfacebook, .btntwitter{margin: 0 15px 0 0;}
.btntwitter{width:60px;}
.breadcrumbs {
	font-size:11px;
	line-height:13px;
}
.breadcrumbs li {
	float:left;
	padding:0 3px 0 9px;
	position:relative;
}
.breadcrumbs li:before {
	position:absolute;
	top:50%;
	left:0;
	width:6px;
	height:6px;
	margin-top:-3px;
	content:'';
	background:url(../images/sprite.html) no-repeat -155px -99px;
}
.breadcrumbs li:first-child:before {display:none;}
.breadcrumbs li:first-child {padding:0 3px 0 0;}
.breadcrumbs li:last-child{	color:#f60;}
.breadcrumbs li a {color:#444;}
.breadcrumbs li a:hover {
	text-decoration:none;
	color:#f60;
}
.main-holder {overflow:hidden;}
#contentPage {
	float:left;
	width:100%;
	font-weight:300;
}
#contentPage .content-holder {margin-right:310px;}
#contentPage h1 {
	font:34px/35px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	color:#f60;
	margin:0 0 30px;
}
#contentPage h2 {
	font:600 20px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#959FA1;
	margin:30px 0;
}
#contentPage .content-holder h2 {
	text-transform: inherit;
	line-height: 24px;
}
#contentPage h3, #contentPage .h2-agenda {
	font:600 18px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#be0155;
	padding:0 0 0 21px;
	margin: 20px 0;
	position:relative;
}
#contentPage h3:before, #contentPage .h2-agenda:before {
	width:10px;
	height:10px;
	content:'';
	background:#be0155;
	position:absolute;
	top:6px;
	left:2px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

#contentPage .content-holder .h2-agenda {
    color: #be0155;
    font-size: 20px;
    margin-bottom: 50px;
}

#contentPage h4 {
	font:600 15px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#f60;
	margin:5px 0;
	padding-left: 20px;	
}
#contentPage h5 {
	font:600 13px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#be0155;
	margin:0 0 11px;
	padding-left: 20px;
}
#contentPage .accroche {
	background:#959FA1;
	color:#FFF;
	font-weight:400;
	font-size:13px;
	margin:0 0 35px;
	padding:0 30px 21px 21px;
	position:relative;
}

#contentPage .accroche h3 {
    color:#FFFFFF;
}

#contentPage .accroche h3:before {
    display:none;
}

#contentPage p.accroche-orange {
    color: #f60;
    font-weight: bold;
}

#contentPage .accroche:after { background: #959FA1; }

.accroche:after,
.accroche:before,
.widget:after,
.widget:before {
	position:absolute;
	top:-16px;
	left:16px;
	right:0;
	height:16px;
	content:'';
	background:#fff;
}

#contentPage p ~ .accroche, #contentPage figure ~ .accroche{margin:30px 0;}
#contentPage .accroche ul{padding-bottom:0px;}

#contentPage .figure-margin{margin-bottom:10px;}

.accroche:before,
.widget:before {
	width:16px;
	left:0;
	background: url(../images/spritedf30.html?v=261120142) no-repeat scroll -193px -67px transparent;
}
#contentPage .accroche:before {
	background: url(../images/spritedf30.html?v=261120142) no-repeat scroll -263px -67px transparent;
}

.widget:after,
.widget:before {
	height:14px;
	top:-14px;
}
.widget:before {background-position:-194px -68px;}

#contentPage p {margin:0 0 16px; padding-left: 20px; }
#contentPage ul {padding:0 0 11px 41px;}
#contentPage ul li{
	margin-bottom: 8px;
}
#contentPage ul li:before,
.widget ul li:before{
	content: "";
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
   	background: none repeat scroll 0 0 #FF6600;
    height: 5px;
    width: 5px;
    display: inline-block;
    transform: rotate(-45deg);
	 -ms-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -o-transform:rotate(-45deg);
}

.widget-blue ul li:before{

	background: none repeat scroll 0 0 #00baf2;
}

.widget-violet ul li:before{

	background: none repeat scroll 0 0 #be0155;
}

/*** Widget Formation continue ***/
#sidebar .formation-continue h2 { font-size: 22px; }

/*** widget contact ***/
.widget-contact{ padding: 0 0 0 20px !important; }
.widget-contact h2{ font-size: 23px !important;}
.widget-contact h3{ font-size: 17px !important; 
	text-transform: uppercase; 
	margin: 10px 0;
    font: 29px/31px 'Droid Sans','Open Sans',Verdana, Arial,Helvetica,sans-serif;
}

.widget .membre-equipe{
	margin: 0 0 20px 0;
	display: inline-block;
}
.widget .membre-equipe figure{
	margin-right: 7px;
	margin-left: 0;
}

.widget .membre-equipe .info-contact{
	float: left;
	margin: 0;
	padding: 0;
	width: 166px;
}
.membre-equipe .info-contact span{
	display: inline-block;
	vertical-align: top;	
	font-size: 12px;
}

.membre-equipe .info-contact .telephone {
	font-size: 11px;
	color: #FF6600;
}
.membre-equipe .info-contact .mail {
	font-size: 11px;
}

.membre-equipe .longMail {
	font-size: 11px;
	width: 200px;
}

/*** btn en savoir plus petit losange ***/

#contentPage .btnSavoirPlus a,
#contentPage .acrroche .btnSavoirPlus a, 
.widget .btnSavoirPlus a,
.widget-blue .btnSavoirPlus a,
.widget-violet .btnSavoirPlus a{
    float: right;
    text-transform: uppercase;
    padding: 9px 44px 9px 0;
    position: relative;
    text-decoration: none;
}

#contentPage .btnSavoirPlus a, 
#contentPage .acrroche .btnSavoirPlus a, 
.widget .btnSavoirPlus a         { color: #FF6600; }
.widget-violet .btnSavoirPlus a  { color: #be0155; }
.widget-blue .btnSavoirPlus a    { color: #00a8e6; }

#contentPage .btnSavoirPlus a:hover,
#contentPage .acrroche .btnSavoirPlus a:hover, 
.widget .btnSavoirPlus a:hover,
.widget-violet .btnSavoirPlus a:hover,
.widget-blue .btnSavoirPlus a:hover{
    text-decoration: underline;
}
#contentPage .btnSavoirPlus a:before,
#contentPage .acrroche .btnSavoirPlus a:before, 
.widget .btnSavoirPlus a:before,
.widget-violet .btnSavoirPlus a:before,
.widget-blue .btnSavoirPlus a:before{
    content:"";
    transform: rotate(45deg);
     -ms-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -webkit-transform:rotate(45deg);
     -o-transform:rotate(45deg);    
    height: 18px;
    width: 18px;
    position: absolute;
    right: 11px;
    top: 9px;
}
#contentPage .btnSavoirPlus a:before,
#contentPage .acrroche .btnSavoirPlus a:before, 
.widget .btnSavoirPlus a:before        { background: none repeat scroll 0 0 #FF6600;}
.widget-violet .btnSavoirPlus a:before { background: none repeat scroll 0 0 #be0155;}
.widget-blue .btnSavoirPlus a:before   { background: none repeat scroll 0 0 #00a8e6;}

#contentPage .btnSavoirPlus a:after,
#contentPage .acrroche .btnSavoirPlus a:after, 
.widget .btnSavoirPlus a:after,
.widget-violet .btnSavoirPlus a:after,
.widget-blue .btnSavoirPlus a:after{
    color: #FFFFFF;
    content: "+";
    font-size: 17px;
    height: 13px;
    position: absolute;
    right: 13px;
    top: 7px;
    width: 13px;
}

/* pourquoi choisir epita */
#contentPage h2 .numbers {
    background-color: #FF6600;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: left;
    height: 25px;
    margin-right: 7px;
    padding: 0 8px;
    text-align: center;
    width: 10px;
}

/* page classement */
#contentPage h2 em {
    font-size:30px;
    font-weight:bold;
}

#contentPage .col-left {
    width:60%;
    float:left;
}
#contentPage .col-right {
    width:35%;
    float:right;
}

#contentPage .col-right img {
    width:100%;
}

@media (max-width:768px) {
    #contentPage .col-left,  #contentPage .col-right {
        width:100%;
    }
}
.callto {
    text-align:center;
    margin:50px 0;
}
.callto a {
    background-color:#f60;
    border:1px solid #f60;
    color:#fff !important;
    font-weight:bold;
    font-size:16px;
    padding:10px 20px;
    text-decoration:none !important;
}
.callto a:hover {
    background-color:#fff;
    border:1px solid #f60;
    color:#f60 !important;
}

/* page agenda */
.agendaContenu{ margin-bottom: 40px;}
.dateAgenda{
    color: #00a8e6;
    float: right;
    font-weight: 700;
	font-size: 15px;
} 
.agendaContenu hr{
	border: 1px dotted #00a8e6;
}
.detailsAgenda{
	float: left;
	width: 83%;
}
.detailsAgenda h2{
	margin: 0 0 10px 10px !important;
} 
.agendaContenu .alignLeft{
    margin: 5px 0px 10px 0px;
}
#contentPage .detailsAgenda p{ margin-left: 10px; padding: 0; }


#contentPage .agendaMore .link-btn {
    display: block;
    height: 36px;
    margin: 10px 0 20px;
}
#contentPage .agendaMore .link-btn .btn-all:before {
    background: none repeat scroll 0 0 #00a8e6;
}
.agendaMore .link-btn .btn-all:before {
    content: "";
    height: 36px;
    left: -7px;
    position: absolute;
    top: 0;
    transform: skewX(-16deg) skewY(0deg);
    width: 15px;
}
.agendaMore .link-btn .btn-all:before, .agendaMore .link-btn .btn-all:after,
.agendaMore .link-btn .btn-all {
    background: none repeat scroll 0 0 #00a8e6;
}
.agendaMore .link-btn .btn-all span:after{
	background: url("../images/sprite.html") no-repeat scroll -142px 0 rgba(0, 0, 0, 0);
}

/* page FEMII Videos */
.EventItemList{
	width: 650px;
}
.EventItemList .EventItem {
    float: left;
    height: 345px;
    position: relative;
    width: 316px;
}
#contentPage .EventItem h2 {
    font-size: 19px;
    height: 45px;
    line-height: 24px;
    text-transform: none;
    width: 285px;
    margin: 0;
}
.EventItem figure {
    margin: 0;
    position: relative;
    width: 284px;
    z-index: 2;
}
.EventItem figure a {
    display: block;
    height: 155px;
    position: relative;
    width: 284px;
    z-index: 20;
}
#contentPage .EventItem a { text-decoration: none;}
.EventItem figcaption {
    margin-top: 10px;

}

/**************************************************************************************/
/*                          widgets                                                          */
/**************************************************************************************/
.widget .alignLeft{
	margin: 4px 10px 10px 0;
}
.widget-violet hr{
	background-color: #973061;
	height: 1px;
	border: none;
	clear: both;
}
.widget-blue hr{
	background-color: #00baf2;
	height: 1px;
	border: none;
	clear: both;
}
/* agenda */
.widget-agenda{
	padding: 9px !important;
}

.agenda-blason{
	width: 64px;
    font: 9px/10px 'Droid Sans','Open Sans',Verdana, Arial,Helvetica,sans-serif;
    color: #00baf2;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0 !important;
}
.agenda-blason figcaption{
	margin-top: 5px;
}

.agenda-art h3, .agenda-art detail {
    font: 13px/14px 'Open Sans',Verdana, Arial,Helvetica,sans-serif;
}
.widget-blue hr:last-child {
    border: none;
    background: none;
}

/* btn carrousel */
.widget .prev, 
.widget .next{
	background-color: #FF6600;
	height: 31px;
	width: 20px;
	position: absolute;
	top: 200px;
	display: block !important;
}
.widget-violet .prev, 
.widget-violet .next{
	background-color: #973061;
}
.widget .prev {left: 0;}
.widget .next {right: 0;}

.widget .prev:before,
.widget .next:before{;
	content: "";
	width: 12px;
	height: 21px;
	position: absolute;
	top: 4px;
	left: 4px;
}
.widget .prev:before {	background: url("../images/sprite.html") no-repeat scroll -209px -96px transparent;}
.widget .next:before {	background: url("../images/sprite.html") no-repeat scroll -231px -96px transparent;}
.widget .prev span,.widget .next span { display: none;}


/*** widget inscription cycle prepa ***/
.inscription h3{
	color: #be0155;
   	margin: 20px 0;
    padding: 0 0 0 21px;
    position: relative;
}

.inscription h3:before {
    background: none repeat scroll 0 0 #be0155;
    content: "";
    height: 10px;
    left: 2px;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 10px;
}


/*** widget statistiques ***/
.statistiques{
	position: relative;
	padding: 20px !important;
}
.statistiques h3{
	font: 600 14px/15px 'Open Sans',Verdana,Arial,Helvetica,sans-serif;
	margin: 20px 0;
	text-align: center;
}
.statistiques .slide{
	float: left;
	height: auto;
	width: 240px;
    display: block;
    left: 0;
    overflow: hidden;
}

.statistiques img{ width: auto !important; }

/*** widget news ***/
.news {	
	position: relative;
}

.news .news-article-content{
	width: 210px;
	display: block;
	left: 0;
}
.news-art{
	width: 220px;
	margin: 0 auto;
	overflow: hidden;
}
.news-art p,
.news-art h3{
		height: auto;
    margin: 0 !important;
    overflow: hidden;
    padding: 0;
    position: relative;	
}
.news-art p span{
	line-height: 19px;
	display: inline-block;
}



/*** widget temoignage ***/
.temoignage h2{
	color: #be0155 !important;
}
.temoignage figure img{
	width: 86px;
	height: 104px;
	display: block;
}
.temoignage figure img.homme-defaut{
	background: url(../images/media/widgets/temoignages/portraits-defaut.html) no-repeat scroll 0 0 transparent;
}
.temoignage figure img.femme-defaut{
	background: url(../images/media/widgets/temoignages/portraits-defaut.html) no-repeat scroll -86px 0 transparent;	
}

.temoignage .temoin-detail{
    font: 13px/14px 'Open Sans',Verdana,Arial,Helvetica,sans-serif;
    float: left;
    margin: 0;
    padding: 0;
    width: 132px;
}
.temoignage .temoin-detail span{
	line-height: 19px;
	display: inline-block;
}
.temoignage .temoin-detail .promo{
	color: #be0155;
}

.temoignage em{
	font-size: 11px;
    font-variant: small-caps;
}



/*** widget vous êtes ***/

.vous-etes{
	padding: 0 30px 21px 21px;
	background: #959FA1; 
	position: relative;
   	color: #FFFFFF;
    margin: 30px 0;
    padding: 0 30px 21px 21px;
}

#sidebar .vous-etes:before{
	background: url("../images/sprite.html") no-repeat scroll -302px -67px transparent;
    left: 0;
    width: 16px;
}

.vous-etes:before, .vous-etes:after{
    content: "";
    height: 16px;
    left: 16px;
    position: absolute;
    right: 0;
    top: -16px;
}
.vous-etes:before, .vous-etes:after{
	background:none repeat scroll 0 0 #959FA1;
}

.vous-etes h2{
    color: #FF6600;
    font: 29px/31px 'Droid Sans','Open Sans',Verdana, Arial,Helvetica,sans-serif;
    margin: 0 0 13px 5px;
}
.vous-etes ul li:before{
	background: none repeat scroll 0 0 #FF6600;
    content: "";
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 5px;
    margin-right: 10px;
    transform: rotate(-45deg);
    width: 5px;
}
.vous-etes ul li a{
	color: #fff;
    font: 13px/14px 'Open Sans',Arial,Helvetica,sans-serif;
}
/*** widget advance ***/

#WidgetAdvance a {
    background: url("../images/media/widgets/widget-advance.html") no-repeat scroll 0 0 transparent;
    display: block;
    height: 78px;
    width: 268px;
    outline: medium none;
    margin-top: 6px;
}

/*** widget advance ***/

#SlideStats {
    height: 370px;
    overflow: hidden;
    position: relative;
    width: 286px;
}


/*** widget video ***/

.Video img {
	border-color: #FF6600;
	margin-top: 10px;
}
/*** widget sujets corrigés ***/
.sujets{
	padding: 0 10px 40px !important;
}

.sujets .contentWidget .colonneGauche {
    width: 56px;
    margin: 0;
    border-right: 1px solid #bfeefc;
}
.sujets .contentWidget .colonneDroite {
    width: 184px;
}
.sujets .contentWidget .colonneGauche,
.sujets .contentWidget .colonneDroite {
    color: #4B4175;
    text-decoration: none;
    float: left;
    margin-bottom: 10px;
}

#uniform-SelectSujets {
    background: url(../images/design/bg/bg-select-corriges.html) no-repeat 0 0;
    width: 168px;
    height: 28px;
    color: #00baf2;
    font-size: 13px;
    font-family: 'Open Sans', Verdana;
    font-weight: 500;
    line-height: 26px;
    padding-left: 7px;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
}
#uniform-SelectSujets select {
    width: 168px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
}
/*.sujets ul:nth-child(even) {
	background-color: #fff;
}
.sujets ul:nth-child(odd) {
	background-color: #F9F9F9;
}*/

.widget-blue .annee{
	color: #fff;
	background-color: #00a8e6;
	width: 57px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin: 0 0 20px;
}
.widget-blue #SelectSujets{
	border: 1px solid #00a8e6;
	color: #00a8e6;
	height: 28px;
	line-height: 28px;
	margin: 0 0 20px;
}

.sujets .colonneDroite ul {
    margin: 0 auto;
    clear: both;
    text-align: center;
    width: 183px;
    line-height: 1.72em;
}
.sujets .colonneDroite ul li {
    display: inline-block;
    margin: 0 8px;
}
.sujets .colonneDroite ul li a{
	color: #00a8e6;
}
.sujets .colonneDroite ul li:before {
    content:none;
}
.sujets .colonneGauche ul {
    line-height: 22px;
    margin-left: 4px;
}
.sujets select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-right: medium none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    color: #4B4175;
    cursor: pointer;
    font-size: 11px;
    height: 24px;
    min-width: 180px;
    outline: medium none;
    padding: 3px 0;
    position: relative;
}

.sujetsCorrigesOn {
    display: block;
}
.sujetsCorrigesOn { display:block; }
.sujetsCorrigesOff { display:none; }





#contentPage .accroche p {margin:0;}
.content-block {padding:0 0 22px 22px;}
#contentPage strong {font-weight:bold;}
#contentPage a {
	color:#444;
	text-decoration:underline;
}
#contentPage .accroche a {
	color:#FFF;
}
#contentPage a:hover {text-decoration:none;}
#contentPage address {
	padding:0 0 10px 41px;
	font-style:normal;
}
#contentPage address strong {display:block;}

/*#contentPage .bloc-important{
	border: 1px solid #FF6600;
	padding: 10px 0;
}
#contentPage .bloc-important:before{
	width:1px;
	border:1px solid #069;
	border-color:transparent transparent transparent #069;
	border-width:10px;
	content:"";
}*/
.plugin {padding:0 0 0 21px;}
#sidebar {
	float:right;
	margin:0 0 0 -100%;
	width:268px;
}
.widget {
	position:relative;
	background:#fff;
	padding:0 20px 44px;
	margin:20px 0 45px;
	font-weight:300;
}
.widget a{
	color:#444;
	text-decoration: underline;
}
.widget a:hover{ text-decoration: none;}
	.widget .btn{ text-decoration: none;}
	.widget .btn:hover{ text-decoration: underline;}

.widget strong {font-weight:600;}
.widget h2 {
	font:24px/25px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 13px 4px;
    line-height: 25px;
	color:#f60;
}
.widget2 h2 {
	font:22px/25px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif !important;
	text-align: center;
}
.widget-violet h2 {color:#be0155;}
.widget-blue h2 {color:#00baf2;}
.widget-mauve h2 { color:#8477b6; font:30px/37px 'Droid Sans','Open Sans',Arial,Helvetica,sans-serif;}
.widget .img {margin:0 -20px 17px;}
/*.widget img {width:100%;}*/
.widget p {margin:0 0 10px;}
.widget-mauve p {margin:0 20px 10px;}
.widget p.imgsecuresphere {margin:0px 40px; padding: 10px 0 0;}
.widget .btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:9px 38px 7px 20px;
	font-family:'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	color:#fff;
	background:#f60;
	text-transform:uppercase;
}
.widget-violet .btn {background:#be0155;}
.widget-blue .btn {background:#00baf2;}
.widget-mauve .btn {background:#8477b6;}
.widget .news-box {
	text-transform:uppercase;
	font-size:17px;
	text-align:center;
	font-weight:normal;
}
.widget .news-box p {margin:0 0 14px;}
.widget2 .news-box p {
	margin:0 0 14px;
	font-size: 14px;
	text-align: left;
	text-transform: none;
}
.widget2 .news-box p span { color: #ff6600;}
.widget .news-box time {
	font-size:22px;
	display:block;
	line-height:24px;
	margin:0 0 12px;
}
.widget .news-box time span {
	display:block;
	font-size:24px;
}
.widget .list {margin:0 0 15px;}
.widget .list a {
	display:inline-block;
	/*padding:0 0 0 11px;*/
	color:#444;
	position:relative;
}

.contentWidget .colonneGauche, .contentWidget .colonneDroite{width:100px;}
.contentWidget h3{
	font:20px/22px 'Open Sans',Arial,Helvetica,sans-serif, bold;
	margin: 15px 0;
}
.contentWidget h3 a{
	text-decoration: none;
}
/*.widget .list a:before {
	position:absolute;
	top:7px;
	left:0;
	width:6px;
	height:6px;
	content:'';
	background:url(../images/sprite.png) no-repeat -155px -99px;
}*/
.contentWidget .blocBrochure3Col-left, .contentWidget .blocBrochure3Col{
float: left;
width: 105px;
}
.contentWidget .blocBrochure3Col-left{margin: 0 18px 0 0;}
.contentWidget .blocBrochure3Col-left img, .contentWidget .blocBrochure3Col img{border: 1px solid #444;}
.widget-apprentissage h2, .widget-network h2{font-size:32px;}

.brochures{
	margin: auto;
	text-align: center;
}
.widget-network h2{text-align:center;}

#output { 
	width:228px;
	text-align:center;
	height:40px; 
	color:#222f48; 
	font-weight:bold; 
	font-size:14px; 
}
.chiffre {color:#fd8427;}
.texteSlide {display:none;}
.chiffres {margin-bottom:10px;}
.EpitaReseau, .Reunionetudiant, .PiloteEtudiant {margin-top: 8px;}

#footer .holder {
	padding:0 0 20px;
	font-size:12px;
	line-height:12px;
	text-align:center;
}
#footer .holder p {margin:0 0 3px;}
#footer .holder ul li {
	display:inline-block;
	padding:0 0 0 7px;
	position:relative;
}
#footer .holder ul li:after {
	width:3px;
	height:1px;
	background:#444;
	position:absolute;
	top:50%;
	left:0;
	content:'';
}
#footer .holder ul li:first-child:after {display:none;}
#footer .holder ul li a {color:#444;}
.footer-box {
	width:100%;
	background:#fff;
	line-height:18px;
	margin:0 0 25px;
}
.footer-box:after{
	display:block;
	clear:both;
	content:'';
}
.footer-box .text {
	float:left;
	width:340px;
	font-weight:300;
	color:#fff;
	min-height:183px;
	padding:28px 47px 20px 9999px;
	margin:0 20px 0 -9995px;
	position:relative;
	background: #959FA1;
	-moz-transform:skewX(20deg) skewY(0deg);
	-webkit-transform:skew(20deg) skewY(0deg);
	-o-transform:skewX(20deg) skewY(0deg);
	-ms-transform:skewX(20deg) skewY(0deg);
	transform:skewX(20deg) skewY(0deg);
}
.footer-box .text-holder {
	-moz-transform:skewX(-20deg) skewY(0deg);
	-webkit-transform:skewX(-20deg) skewY(0deg);
	-o-transform:skewX(-20deg) skewY(0deg);
	-ms-transform:skewX(-20deg) skewY(0deg);
	transform:skewX(-20deg) skewY(0deg);
}
.footer-box .boxes {
	padding:0px 0 0;
	overflow:hidden;
}
.footer-box .box {
	text-align:center;
	float:left;
	width:40%;
}
.footer-box .box2 {width:27%;}
.footer-box .box3 {width:33%;}
.footer-box h3 {
	font:20px/22px 'Droid Sans', 'Open Sans', Arial, Helvetica, sans-serif;
	margin:0 0 26px;
	color:#f60;
}
.footer-box .box3 h3 {color:#f60;}
.footer-box .box3 li{
	list-style-image: url("../images/puce_blue2.html");

}
.footer-box .text h3 {
	color:#fff;
	margin:0 0 22px;
}
.footer-box .links {
	text-align:left;
	padding-left:24%;
	margin-top:-3px;
}
.footer-box .links a {color:#111;}
.footer-box .links a:hover {
	text-decoration:none;
	color:#00a9e6;
}
.footer-box .logos li {
	display:inline-block;
	margin:0 0 16px;
	vertical-align:middle;
}
.footer-box .social {
	width:68px;
	margin:0 auto;
	overflow:hidden;
}
.footer-box .social li {
	float:left;
	margin:0 2px 8px;
}
.footer-box .social li a {
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	width:30px;
	height:30px;
	background:url(../images/sprite.html) no-repeat;
}
.footer-box .social .ico1 {background-position:-51px -70px;}
.footer-box .social .ico2 {background-position:-84px -70px; display:block !important;}
.footer-box .social .ico3 {background-position:-51px -107px;}
.footer-box .social .ico4 {background-position:-85px -108px;}
.footer-box .social .ico5 {background-position:-52px -144px;}
.footer-box .social .ico6 {background-position:-85px -144px;}
.footer-box .social .ico7 {background-position:-51px -181px;}

/* Conference internet objets */
.logos-internet-objets li {
    background: none !important;
    padding: 0 !important;
    margin: 10px 25px;
    float: left;
}

.logos-internet-objets li:before { background: none !important; }

.logos-internet-objets .aerys { margin-left: 125px; }

@media only screen and (max-width: 960px) {
	.container {padding:0 21px;}
	#header nav {
		clear:both;
		padding:3px 0 0;
	}
	.alt-nav,
	.baseline {display:none;}
    .mobile-device {display:block !important;}
	.gallery .mask,
	.pagination .gmask {
		margin:0 auto;
		width:657px;
	}
	.slideshow img {
		width:auto;
		min-height:270px;
	}
}
@media only screen and (max-width: 900px) {
	#presentation {
		-webkit-box-shadow:none;
		box-shadow:none;
		background:none;
        margin-bottom: 90px;
	}
	#presentation:after,
	#presentation:before {display:none;}
	.slideshow {margin: 0 -94px 27px -100px;}
	#presentation .frame {padding:0;}
	#presentation .text {
		color:#444;
		overflow:hidden;
		padding:0 0 46px;
	}
	#presentation .text h2 {
		color:#959FA1;
		margin:0 0 8px;
		font-size:24px;
		line-height:26px;
	}
	.agenda {
		position:relative;
		width:auto;
		padding:0 22px; 
		height:auto;
		overflow:visible;
		background:#fff;
		left:0;
		bottom:0;
	}
	.agenda:after,
	.agenda:before,
	#news .col:after,
	#news .col:before,
	#metiers:after,
	#metiers:before {
		position:absolute;
		top:-16px;
		left:16px;
		right:0;
		height:16px;
		content:'';
		background:#fff;
	}
	.agenda:before,
	#news .col:before,
	#metiers:before {
		width:16px;
		left:0;
		background: url(../images/sprite.html) no-repeat -193px -67px;
	}
	#news .col:after {right:18px;}
	.agenda h3 {
		font-weight:normal;
		font-size:24px;
		margin:0 0 15px;
		line-height:24px;
	}
	#presentation .events-list {
		font:700 16px/24px 'Open Sans',Arial,Helvetica,sans-serif;
		text-align:left;
	}
	#presentation .events-list li {padding:0 0 12px;}
	#presentation .agenda time {
		font-weight:600;
		font-size:24px;
        background: none;
        padding: 0;
	}

    #presentation .agenda p {
        line-height: 18px;
    }
	
	.agenda .btn-all:before {display:none;}
	.agenda .btn-all {
		display:block;
		position:relative;
		left:0;
		bottom:0;
		margin:0 -22px;
		text-align:right;
	}
	.section header {margin:0 0 11px;}
	.section header h2 {
		font-size:24px;
		line-height:22px;
	}
	#news .holder {
		margin:0 -18px -10px 0;
		padding:16px 0 0;
	}
	#news .col {
		position:relative;
		width:50%;
		padding:0 18px 0 0;
		margin-bottom:26px;
	}
	#news .col-holder {
		background:#fff;
		height:100%;
		padding:0 10px 0 22px;
	}
	.header-news {
		margin:0;
		padding:0 0 12px;
		height: auto !important;
	}
	/*.header-news img {display:none;}*/
    #news article.principal { /*height: 100%*/}
	#news article {padding:5px 0;}
	#news article h4 {
		font-size:15px;
		line-height:17px;
		margin:0;
	}
	#news article h4 a {color:#444;}
	#news article p,
	#social-pages {display:none;}
	.social-block {
		text-align:center;
		display:block;
	}
	.social-block header {text-align:left;}
	.social-block ul {display:inline-block;}
	.social-block ul li {
		float:left;
		padding:0 10px;
	}
	.social-block ul li a {
		display:block;
		overflow:hidden;
		width:82px;
		height:84px;
		background:url(../images/sprite.html) no-repeat;
	}
	.social-block .facebook {background-position:0 -252px;}
	.social-block .twitter {background-position:-102px -252px;}
	.social-block .google {background-position:-204px -252px;}
	.social-block .video {background-position:-306px -252px;}
	.gallery,
	.pagination {padding:0 32px 20px;}
	.tabs-area {
		float:none;
		width:100%;
	}
	#vous-etes .plugin-box,
	.metiers-block,
	.metiers-holder:before,
	.metiers-holder:after {display:none;}
	.metiers-holder {
		padding:4px 0 8px;
		width:100%;
		overflow:hidden;
		height:auto;
	}
	.metiers-holder .txt {height:auto;}
	#metiers header .txt {max-width:100%;}
	.metiers-holder .btn {margin:0;}
	#metiers header .txt,
	.metiers-holder .list p {display:none;}
	#metiers {
		padding:0 25px;
		width:auto;
		position:relative;
		margin:0 0 30px;
		background:#fff;
	}
	.metiers-holder .list {padding:0 0 9px;}
	.metiers-holder .list li {padding:0 0 13px 20px;}
	.metiers-holder h3 {font-size:15px;}
	.metiers-holder h3 a {color:#444;}
	.footer-box .text {display:none;}
	.footer-box h4 {margin:0 0 15px;}
	.footer-box .box,
	.footer-box .box2,
	.footer-box .box3 {
		float:none;
		width:100%;
		padding:0 0 10px;
		text-align:left;
	}
	.footer-box .social {width:100%;}
	.footer-box .links {
		margin:0;
		padding:0;
	}
}

@media only screen and (min-width:769px) {
	#header .opener {display:none;}
	#header .slide {
		left:0 !important;
		top:0 !important;
		position:static !important;
		min-height: 0 !important;
	}
}
@media only screen and (max-width: 768px) {
	body {font-size:15px;}
	#header {
		padding:2px 0 0;
		height:53px;
		margin:0 0 18px;
		background: #959FA1;
	}
	#header:before {display:block;}
	#header.nav-active:before {display:none;}
	#header.header-mobile-open:before {display:none;}
	#header.header-mobile-open {
		background:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		z-index:999;
	}
	header .logo {
		width:126px;
		height:45px;
		float:none;
		display:block;
		margin:2px auto 0 auto;
		position:relative;
		z-index:20;
		background:url(ongadm2.jpg) no-repeat;
	}
	#header.header-mobile-open .logo,
	#header.header-mobile-open .opener {display:none;}
	#header .slide {
		width:312px;
		position:absolute;
		top:0;
		left:0;
		/*padding:50px 0 272px;*/
		background: #959FA1;
	}
	#header .slide .btn-close {
		position:relative;
		left:0;
		top:0;
		display:block;
		padding:16px 10px 11px 56px;
	}
	#header .slide .btn-close:hover {text-decoration:none;}
	#header .slide .btn-close:before {
		left:21px;
		top:20px;
	}
	#header .slide.drop-active .btn-close {
		position:absolute;
		padding:0;
		left:100%;
		height:100%;
		top:0;
		overflow:hidden;
		width:50px;
		background:#0c0e13;
		-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
		box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	}
	#header .slide.drop-active .btn-close:before {left:11px;}
	#header .slide .drop {margin:0;}
	#header .slide-holder {
		position:relative;
		padding:0 0 272px;
		min-height:610px;
	}
	#header.nav-active .slide {padding:0 0 80px;}
	#header .slide.drop-active .btn-back {display:block;}
	#nav .drop-active > .drop {top:0;}
	#header .slide.drop-active #nav > li {display:none;}
	#header .slide.drop-active #nav > li.drop-active {display:block;}
	#header .slide.drop-active #nav > li.drop-active > a {display:none;}
	/*#header .slide.drop-active #btn-action {display:none;}*/
	#header .slide .drop {display:none;}
	#header .slide.drop-active #nav > li.drop-active .drop {display:block;}
	
	.language {display:none;}
	#header .holder {
		padding:0;
		overflow:visible;
	}
	.header-box {
		float:none;
		padding:0;
		width:auto;
	}
	.form-search {
		position:absolute;
		bottom:34px;
		left:22px;
		width:250px;
		border-color:#b5b4b4;
	}
	.form-search input[type="text"] {
		width:196px;
		height:19px;
		padding:9px 7px;
		border:0;
		color:#444;
		font-size:15px;
		line-height:19px;
		background:#fff url(../images/bg-field-mobile.html) no-repeat 100% 0;
	}
	.form-search input[type="text"]::-webkit-input-placeholder {color:#444;}
	.form-search input[type="text"]:-moz-placeholder {color:#444;}
	.form-search input[type="text"]::-moz-placeholder {
		color:#444;
		opacity: 1;
	}
	.form-search input[type="text"]:-ms-input-placeholder {color:#444;}
	.form-search input[type="submit"] {
		width:40px;
		height:37px;
		border:0;
		color:#292834;
		font-size:15px;
		line-height:35px;
		font-weight:normal;
	}
	#btn-action {
		/*top:auto;
		bottom:90px;
		right:auto;
		left:22px;
		width:252px;
		font:700 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;*/
	}
	#btn-action li {padding:0 0 2px;}
	#btn-action a {
		/*width:auto;
		text-align:left;
		padding:20px 10px 0 72px;
		height:38px;*/
	}
	#btn-action a:after {
		/*left:13px;
		top:50%;
		margin:-22px 0 0;*/
	}
	#btn-action .icon3:after {background-position:-128px -160px;}
	.nav-active #btn-action {display:none;}
	#header.nav-active .opener {
		padding:0 0 9999px;
		margin:0 0 -9999px;
		overflow:hidden;
		background:#0c0e13;
		top:0;
		left:312px;
		text-indent:-9999px;
		z-index:1000;
		width:50px;
		-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
		box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	}
	#header.nav-active .opener:before {
		top:19px;
		left:13px;
	}
	#nav {
		text-align:left;
		padding:0;
		border-top:1px solid #c4c8ce;
		font:14px/17px 'Open Sans',Arial,Helvetica,sans-serif;
	}
	.nav-active #nav {border:0;}
	#nav li,
	#nav ul li {
		display:block;
		max-width:100%;
		padding:0;
		text-align:left;
		border-bottom:1px solid #00364d;
	}
	#nav li:hover .decor,
	#nav li.active .decor,
	#nav li.drop-active .decor,
	#nav li:hover:after, #nav li.active:after, #nav li.drop-active:after,
	#nav .drop:before, #nav .drop:after,
	.nav-active #nav li.drop-active:hover .decor,
	.nav-active #nav li.drop-active .decor {display:none;}
	#nav li a strong {font-weight:600;}
	#nav li a span {height:auto;}
	#nav > li > a {
		display:block;
		position:relative;
		color:#fff;
		padding:20px 10px 21px 47px;
	}
	#nav > .drop-active > a {
		padding:12px 10px 17px 56px;
		border-bottom:1px solid #c4c8ce;
	}
	#nav > li > a:before {
		width:10px;
		height:10px;
		position:absolute;
		top:50%;
		left:22px;
		margin-top:-5px;
		content:'';
		background:url(../images/sprite.html) no-repeat -132px -99px;
	}
	#nav > .drop-active a:before {
		width:20px;
		height:12px;
		background-position:-136px -124px;
	}
	#nav > .drop-active > a {
		font-weight:700;
		font-size:21px;
		line-height:21px;
	}
	#nav > li:hover > a,
	#nav > li.active > a,
	#nav > li.drop-active > a,
	#nav ul li:hover a {color:#fff;}
	#nav ul li:hover a {text-decoration:underline;}
	#nav .drop {
		background:none;
		position:relative;
		top:0;
		left:0;
		width:100%;
		font-size:15px;
		line-height:18px;
		font-weight:600;
	}
	#nav ul {
		padding:0;
		text-transform:uppercase;
	}
	#nav li:last-child ul {padding:0;}
	#nav ul a {
		color:#fff;
		padding:20px 20px 21px;
	}
	#main {padding:0;}
	#presentation .text p {margin:0 0 15px;}
	#presentation .text .btn {display:block;}
	.agenda .btn-all,
	.section .btn-all,
	.link-btn .btn-all,
	#presentation .text .btn,
	#news .btn-all,
	#presentation .text .btn,
	.tab-content .btn,
	.metiers-holder .btn,
	.widget .btn {
		padding:19px 65px 0 13px;
		height:35px;
		font-size:15px;
	}
	.agenda .btn-all:before,
	.section .btn-all:before,
	.link-btn .btn-all:before,
	#presentation .text .btn:before{
		width:18px;
		height:54px;
		left:-9px;
	}
	.agenda .btn-all span:after,
	.section .btn-all span:after,
	.link-btn .btn-all span:after,
	.tab-content .btn:after,
	.metiers-holder .btn:after,
	#presentation .text .btn span:after,
	.tab-content .btn:after,
	.widget .btn:after {
		top:17px;
		right:17px;
		width:20px;
		height:19px;
		background-position:-218px -34px;
	}
    .agenda form {
        width: 100%;
    }
	.agenda .btn-all span:before,
	.section .btn-all span:before,
	.link-btn .btn-all span:before,
	.tab-content .btn:before,
	.metiers-holder .btn:before,
	#presentation .text .btn span:before,
	.widget .btn:before  {
		width:34px;
		height:34px;
		top:10px;
		right:10px;
	}
	.tab-content .btn:before,
	.metiers-holder .btn:before {background:#fff;}
	#news .btn-all span:after,
	.metiers-holder .btn:after,
	.widget-violet .btn:after {background-position:-248px -34px;}
	#presentation .text .btn span:after {background-position:-192px -34px;}
	.widget-blue .btn:after {background-position:-309px -35px;}
	.slideshow {margin:0 0 26px;}
	.slideshow .logo-box {display:block;}
	.slideshow img {
		width:100%;
		min-height:10px;
	}

    .carousel .txt h3 {
	font:16px 'Open Sans', Arial, Helvetica, sans-serif;
	}
 


	#presentation .text {line-height:20px;}
	.gallery .mask,
	.pagination .gmask {width:219px;}
	.tabs-area {
		background:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.tabs-area .side:after {display:none;}
	.tabs-area .side {
		background:none;
		padding:0;
		margin:0;
		float:none;
		width:100%;
		overflow:hidden;
		min-height:10px;
	}
	.tabs-area .side h3 {
		color:#233147;
		font-weight:normal;
		font-size:24px;
		line-height:24px;
		margin:0 0 28px;
	}
	.tabset {
		font-size:15px;
		line-height:17px;
		display:inline-block;
	}
	.tabset li,
	.tabset li:nth-of-type(2),
	.tabset li:nth-of-type(3),
	.tabset li:nth-of-type(4),
	.tabset li:nth-of-type(5),
	.tabset li:nth-of-type(6) {
		float:left;
		width:33.33%;
		padding:0 0 30px
	}
	.tabset .lavalamp {display:none;}
	.tabset li a {
		background:#fff;
		text-align:center;
		color:#be0155;
		height:auto;
		width:102px;
		margin:0 auto;
		overflow:visible;
		padding:0 10px 2px;
	}
	.tabset li a:hover,
	.tabset li.active a {
		color:#f60;
		background:#fff;
	}
	.tabset li a:after,
	.tabset li a:before,
	.tabset li.active a:before,
	.tabset li a:hover:before {
		position:absolute;
		top:-16px;
		left:16px;
		right:0;
		height:16px;
		content:'';
		width:auto;
		background:#fff;
		z-index:-1;
		-moz-transform:skewX(0deg) skewY(0deg);
		-webkit-transform:skewX(0deg) skewY(0deg);
		-o-transform:skewX(0deg) skewY(0deg);
		-ms-transform:skewX(0deg) skewY(0deg);
		transform:skewX(0deg) skewY(0deg);
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.tabset li a:after {
		left:0;
		width:20px;
		height:20px;
		background:url(../images/sprite.html) no-repeat -228px -64px;
		z-index:10;
	}
	.tabset li a strong {display:block;}
	.tabset li a strong img {
		margin:-6px 0 3px;
		float:left;
	}
	#vous-etes{ padding: 0 0 50px;}
	.tabs-area .content-vous-etes {
		padding:0;
		min-height:100px;
		overflow: inherit;
		display: inline-block;
	}

	.tab-content article {padding:0 0 10px;}
	.metiers-holder {overflow:visible;}
	.tab-content .btn,
	.metiers-holder .btn {
		float:none;
		display:block;
		color:#fff;
		text-align:right;
		background:#f60;
	}
	.metiers-holder .btn {margin:0 -25px;}
	.metiers-holder .btn {background:#be0155;}
	.pagination {
		left:-9999px;
		position:absolute;
		visibility:hidden;
	}
	.carousel .slide {
		padding:8px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.carousel .mask {margin:0;}
	.carousel .slide .video {
		width:100%;
		float:none;
		margin:0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sharing {display:none;}
	.toolbar {margin:0;}
	.breadcrumbs {
		margin:0 0 30px;
		font-size:13px;
		overflow:hidden;
	}
	.breadcrumbs li {padding:0 5px 0 11px;}
	.breadcrumbs li:first-child {padding:0 5px 0 0;}
	#contentPage {float:none;}
	#contentPage .content-holder {margin:0;}
	#sidebar {
		float:none;
		width:100%;
		margin:100px 0 0;
	}
	#contentPage h1 {
		font-size:24px;
		line-height:26px;
		margin:0 0 20px;
	}
	#contentPage h2 {
		font-size:18px;
		line-height:20px;
		margin:0 0 33px;
	}
	#contentPage h3 {margin:0 0 15px;}
	#contentPage .accroche {
		font-size:16px;
		margin:0 0 25px;
		padding:0 21px 21px;
	}
	#contentPage p {margin:0 0 20px;}
	#contentPage .accroche p {margin:0;}
	.content-block {padding:0 0 10px;}
	#contentPage address {padding:0 0 10px;}
	#contentPage ul {padding:0 0 11px;}
	.plugin {padding:0 0 20px;}
	.widget {
		padding:0 20px 60px;
		margin:19px 0 35px;
	}
	.widget .btn {text-align:right;}
    /* Modif après toutes les màj du design ...*/
    header#header.fixe {
        position: relative;
    }
    #header nav {
        padding-right: 0 !important;
    }

    .logo-cti {
        display: none;
    }

    #nav li p {
		position:relative;
        color: #fff;
        padding: 20px 10px 21px 47px;
        font-size: 15px;
        line-height: 21px;
    }

    #nav > li > p:before {
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        left: 22px;
        margin-top: -5px;
        content: '';
        background: url(../images/sprite.html) no-repeat -132px -99px;
        font-size: 17px;
    }

    #nav li p span, .alt-nav li p span {
        height: inherit;
    }

    #btn-action {
        position: absolute;

    }

    #header .form-search {
        margin-top: 0;
    }

    .drop-active p {
        display: none;
    }

    #nav li li a, .alt-nav li li a {
        font-size: 15px;
        color: #FFF;
        padding: 0 0 10px 0;
    }

    #nav .drop-active > .drop {
        position: relative !important;
        top: 0 !important;
    }
    #nav li li {
        height: 40px;
        line-height: 40px !important;
    }
    #nav li.mobile-device li {
        min-height: 40px;
        height: inherit;
        line-height: 40px !important;
    }

    .form-search {
        display: none;
    }

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

    .slideshow .mask {
        height: auto;
    }

    .bx-controls {
        display: none;
    }

    .video iframe {
        width: 100%;
        height: auto;
    }
    .carousel .txt h3 {
	font:16px 'Open Sans', Arial, Helvetica, sans-serif;
	}
}
/*BTN DOC CANDIDATURE CONTACT*/

#container2 {
    width: 250px;
    height: 250px;
    display: block;
    z-index: 1000;
    opacity: 0.9;
    position: fixed;
    right: 0;
    top: calc(50% - 127px);
    text-align:right;


}
.btn-arrow {
    /*position: absolute;*/
    position:fixed;
    right: 0;
    top: calc(50% - 163px);
    bottom: 20px;
    background:url(../images/arrow-right.html) no-repeat left top;
    background-size: 30px;
    width: 30px;
    height: 40px;
    display: block;
    z-index: 1000;
    cursor:pointer;

}
.btn-arrow:hover {
    background:url(../images/arrow-right-hover.html) no-repeat left top;
}
.btn-arrow.ouvert {
    background: url(../images/arrow-left.html) no-repeat left top ;
    background-size: 30px;
}
.btn-arrow.ouvert:hover {
    background: url(../images/arrow-left-hover.html) no-repeat left top ;
     background-size: 30px;
}
/*BLOCK départ*/
.btn-arrow{
    display: none;
}

/*Petit icone*/
.icone a {
    display: inline-block;
    height: 50px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50px;
}

.icone1 a {
    background-image:url(../images/square-bleu.html);
    width: 50px;
}

.icone2 a {
    background-image:url(../images/square-rose.html);
    width: 50px;
    top: 43%;
}

.icone3 a {
    background-image:url(../images/square-vert.html);
    width: 50px;
    top: 49%;

}
/*Grand icone*/
.square1 a, .square2 a, .square3 a {
    position: fixed;
    right: 0;
    top: 10%;
    background-color: #fff;
    display: block;
    height: 50px;
    width:150px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 50px;
}

.square1 a {
    background-image: url(../images/square-bleu.html);
    background-color: #000000;
}

.square2 a {
    background-image: url(../images/square-rose.html);
    top: 10%;
    background-color: #ffd800;
}

.square3 a {
    background-image: url(../images/square-vert.html);
    top: 26%;
    background-color: #b6ff00;
}
ul li{
    list-style:none;
}
/*GLOABL ICON*/
#container2{
        display:none;
    }
@media screen and (max-width: 1173px) {

    #container1 {
        display: block;        
    }
    #container1.close1{
        display:none;
    }
    
    #container2.open2{
        display:block;
    }

    .btn-arrow{
        display: block;
        right: 0;
    }
    .btn-arrow:hover{
        right: 0;
    }
    
}
/*FIN BTN DOC CANDIDATURE CONTACT*/
@media only screen and (max-width: 470px) {
	body {font-size:13px;}
	#header:before {width:287px;}
	#header .opener,
	#header.header-mobile-open.nav-active .opener {
		text-indent:-9999px;
	}
	#header.header-mobile-open .opener {
		text-indent:0;
		width:auto;
	}
	#header.nav-active .opener {
		left:287px;
		width:37px;
	}
	#header.nav-active .opener:before {left:5px;}
	#header .slide {width:270px;}
	#btn-action,
	/*.form-search {left:9px;}*/
	#nav > .drop-active > a {
		font-size:17px;
		line-height:18px;
	}
	.social-block ul li {padding:0 5px;}
	.social-block ul li a {
		width:59px;
		height:60px;
	}
	.social-block .facebook {background-position:0 -350px;}
	.social-block .twitter {background-position:-73px -350px;}
	.social-block .google {background-position:-146px -350px;}
	.social-block .video {background-position:-219px -350px;}
	#news .holder {margin:0;}
	#news .col:after {right:0;}
	#news .col {
		float:none;
		width:auto;
		padding:0;
	}
	.agenda .btn-all,
	.section .btn-all,
	.link-btn .btn-all,
	#presentation .text .btn,
	#news .btn-all,
	#presentation .text .btn,
	.tab-content .btn,
	.metiers-holder .btn,
	.widget .btn {
		padding:19px 55px 0 13px;
		font-size:11px;
        line-height: 16px;
	}
	.tab-content .btn,
	.metiers-holder .btn,
	.agenda .btn-all,
	.widget .btn {padding:19px 55px 0 4px;}
	.tabset li,
	.tabset li:nth-of-type(2),
	.tabset li:nth-of-type(3),
	.tabset li:nth-of-type(4),
	.tabset li:nth-of-type(5),
	.tabset li:nth-of-type(6) {width:50%;}
	.metiers-holder h3 {font-size:13px;}

    #vous-etes .tab-content {
        height: 360px;
    }

    #vous-etes .tab-content .btn {
        position: relative;
        bottom: inherit;
        right: inherit;
		color:#fff;
    }
    .carousel .txt h3 {
	font:16px 'Open Sans', Arial, Helvetica, sans-serif;
	}
}


/**************** TEMPORAIRE *********************/
#wrapper .alt-nav li.continue-tmp p { cursor: default !important; }
#wrapper .alt-nav .securesphere:hover { color: #FFF; }

.fancybox-content iframe{
    margin: 0;
}
.widget-violet ul li a{
    color: #fff!important;
}


/*********** iframe ionis group *********************/
@media only screen and (max-width: 760px) {
	iframe[name="IonisGroup"] {
		height: 3500px;
	}
}

@media only screen and (max-width: 639px) {
	iframe[name="IonisGroup"] {
		height: 5000px;
	}
}

@media only screen and (max-width: 419px) {
	iframe[name="IonisGroup"] {
		height: 5400px;
	}
}

@media only screen and (min-width: 960px) {
    .mobile-device {
        display: none !important;
    }
}