@charset "utf-8";
/* CSS Document */


@font-face {

  font-family: 'GraphikRegular';
	
  src: url('../fonts/Graphik-Regular-Web.eot');
  src: url('../fonts/Graphik-Regular-Web.eot#iefix') format('embedded-opentype'),
     url('../fonts/Graphik-Regular-Web.woff') format('woff'),
     url('../fonts/Graphik-Regular-Web.ttf') format('truetype'),
     url('../fonts/Graphik-Regular-Web.svg') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
	
}
@font-face {
	
  font-family: 'GraphikMedium';
	
  src: url('../fonts/Graphik-Medium-Web.eot');
  src: url('../fonts/Graphik-Medium-Web.eot#iefix') format('embedded-opentype'),
     url('../fonts/Graphik-Medium-Web.woff') format('woff'),
     url('../fonts/Graphik-Medium-Web.ttf') format('truetype'),
     url('../fonts/Graphik-Medium-Web.svg') format('svg');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
	
}
@font-face {
	font-family: 'GraphikSemibold';
	
  src: url('../fonts/Graphik-Semibold-Web.eot');
  src: url('../fonts/Graphik-Semibold-Web.eot#iefix') format('embedded-opentype'),
     url('../fonts/Graphik-Semibold-Web.woff') format('woff'),
     url('../fonts/Graphik-Semibold-Web.ttf') format('truetype'),
     url('../fonts/Graphik-Semibold-Web.svg') format('svg');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;

}

body {
	background-color:#fff;
	margin:0px;
	font-family: GraphikRegular, Arial, Verdana, Helvetica, Sans-serif;
	
	color:#000;
	font-size:1em;
	line-height:13px;
	line-height:40px;
}
img {
	border: 0px;
}
/*
td{
	font-size:11px;
}
*/



a{
	outline:none;
}
/*
ul{
	padding:0;
}
li{
	margin-left:12px;
}
*/

#main{
	position:relative;
	clear:both;
	width:927px;
	height:auto;
	margin:0 auto 0 auto;

/*	border:1px solid #ff0; */
}

#header,
#container{
	position:relative;
	float:left;
	width:827px;
	height:auto;
	
	margin:0;

}

#header{
	width:735px;
	padding:9px 0 0 90px;
	height:60px;
}

div.marge{
	position:fixed;
	width:90px;
	height:100%;
	overflow:hidden;
	
	background:#fff;
}

#logo{
	position:fixed;
	margin:9px 0 0 834px;
}
#logohp{
	width:88px;
	height:96px;
	overflow:hidden;
	display:none;
}
#menu{
	position:fixed;
	margin:9px 0 0 92px;
	width:735px;
/*	overflow:hidden; */
	height:60px;
	
	color:#fff;
	background:#ff3407;

	z-index:1000;
}

#menu div.csc-default{
	margin:0;
	padding:0;
}

#test{
	display:none;
	position:fixed;
	width:735px;
	overflow:hidden;
	height:60px;
	
	color:#fff;
	background:#06F;

	top:9px;
	left:200px;
	z-index:1000;
}

#menu a{
	color:#fff;
/*	text-transform:uppercase; */
	text-decoration:none;
/*	font-size:0.8em; */
}
#menu ul{
	margin:10px 0 0 84px;
	padding:0;
	list-style:none;
}
#menu ul li{
	padding:0 53px 0 0;
	padding:0;
	list-style:none;
	float:left;
}

#menu li a{
	color:#fff;
	text-decoration:none;
}
#menu li a:hover,
#menu li a.menuparent_act{
	text-decoration:underline;
}

/*
#colg{
	z-index:9;
}
#colg .tableft{
	position:relative;
	width:81px;
	padding-right:9px;
	margin-bottom:10px;
	
	text-align:right;
	text-transform:uppercase;
	font-size:0.9em;
	line-height:1.3em;
	color:#ff3407;
}
#colg .tableft a{
	color:#ff3407;
	text-decoration:none;
}
#colg .tableft a:hover{
	color:#ff3407;
	text-decoration:underline;
}
*/

#colg{
	position:relative;
	border:1px solid #000;
}
.tableft{
	position:absolute;
	width:100%;
	text-align:right;
}
.titreleft,
.idcnt{
	background:#ff0;
	background:#fff;
	z-index:-1;
}
.titreleft{
	height:100%;
	margin-top:-78px;
}
.idcnt{
	width:1px;
	height:1px;
	z-index:-1;
	visibility:hidden;
	height:0;
	margin:0;
	padding:0;
}

a.menuleft{
	position:absolute;
	display:block;
/*	width:95%;	*/
	width:89px;
	margin-right:2px;
	height:auto;
	clear:both;

	font-size:0.8em;

	background:#ccc;
	background:#fff;
}

#console{
	position:fixed;
	width:200px;
	height:30px;
	background:#ccc;
	z-index:10000;
	border:1px solid #000;
}

.titreleft{
	position:fixed;
	float:left;
	/*
	width:81px;
	padding-right:9px;
	*/
	margin-bottom:0px;
	
	
	text-transform:uppercase;
	font-size:0.9em;
	line-height:1.3em;
	color:#ff3407;
	
}
.titreleft a{
	text-align:right;
	color:#ff3407;
	text-decoration:none;
}
.titreleft a:hover{
	color:#ff3407;
	text-decoration:underline;
}

#contenu{
	position:relative;
	clear:both;
	width:827px;
	height:auto;
	overflow:hidden;

	z-index:1;
	
	background:#069;
	background:#fff;
}

/*
#ggrille
#grille{
	position:relative;
	clear:right;
	width:735px;
	margin:0 0 0 90px;
	overflow:hidden;
	
	z-index:10;

}
*/

.maincontent{
	position:relative;
	clear:both;
	
	width:735px;
	width:744px;
	
/*	min-height:50px; */
	margin:0 0 0 92px;
/*	overflow:hidden; */

	font-size:0.8em;
	z-index:10;
	
/*	overflow:auto; */
}
.maincontentmargintop{
	margin-top:50px;
}
.maincontentmarginbottom{
	margin-bottom:50px;
}

#detail-projet{
	overflow:hidden;
}

.maincontent p{
	margin-top:0;
	padding-right:5px;
}


#content ul{
	margin-left:-20px;
/*	font-size:11px; */
}
#content a{
	color:#ff3407;
	text-decoration:none;
/*	border-bottom:1px dotted #1E417C; */
}



.csc-header h1,
.csc-header h1.csc-firstHeader{

	font-family: GraphikSemibold, Verdana, Arial, Helvetica, Sans-serif;

	margin:0;
	padding:0;

	text-transform:uppercase;
	font-weight:normal;
/*
	font-size:5.2em;
	line-height:6em;
	font-size:70px;
	line-height:66px;
*/
	color:#000;
}

.csc-header h1.csc-firstHeader{


	/* IE
	margin:0px 0 63px -1px; 
	*/
	padding:0;
	
/*
	font-size:5.2em;
	line-height:6em;
*/
	font-size:70px;
	line-height:66px;
	color:#ff3407;
}


#news {
	position:absolute;
left:0px;
top:77px;
width:100%;
height:28px;
overflow:hidden;
background-color:#1E417C;
}



/* typo3 and multicolumns */
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
	padding-top:40px;
}
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image img{
	padding-left:20px;
}

#content ul.multicolumnContainer {
	margin-left:0;
}

.multicolumnContainer h1,
.multicolumnContainer h1.csc-firstHeader,
.multicolumnContainer h2{
	font-size:11px;
	color:#000;
	font-weight:bold;
	padding-bottom:0px;
	/*	border-bottom:1px dotted #969899; */
}

.multicolumnContainer{
	margin-top:20px;
}
.multicolumnContainer h1{
	margin-top:0;
	padding-top:0;
}

/*
DIV.csc-textpic-border DIV.csc-textpic-imagewrap IMG,
.csc-textpic-image a img{
	border:1px solid #1e417c;

}
DIV.csc-textpic-image > a img,
DIV.csc-textpic  > a img,
DIV.csc-textpic-imagewrap  > a img,
DIV.csc-textpic-imagerow-last  > a img,
DIV.csc-textpic-image > a img
{
-webkit-box-shadow: 3px 3px 0px 0px #1e417c;
box-shadow: 3px 3px 0px 0px #1e417c; 
margin:5px 5px 5px 0;
}
*/

/* rewrite style for accordean */

.ui-accordion div.csc-default {
	margin-bottom: 0px;
}
.ui-accordion .ui-accordion-icons {
padding-left: .1em;
}
.ui-accordion .ui-accordion-header {
	color:#000;
	text-transform:uppercase;
	padding: .2em;
	padding-bottom:1.2em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	font-family: GraphikMedium, Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
	background: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	font-family: GraphikMedium, Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	font-family: GraphikMedium, Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
}


#content .ui-accordion .ui-accordion-header a{
	color:#000;
	font-weight: normal;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border:none;
}
.ui-widget {
	font-family: GraphikRegular, Arial, Verdana, Helvetica, Sans-serif;
/*	font-size:0.8em; */
	line-height:20px;
}
.ui-accordion .ui-accordion-content {
	padding: .2em;
}
.ui-widget-content {
	border: none;
	background: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
left: 0;
top:25px;
}
/*
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
*/
.ui-state-default .ui-icon {
	background-image: url(../../../../typo3conf/ext/jfmulticontent/res/jquery/css/theme-1.9.2/images/ui-icons_222222_256x240.png);
}

.ui-icon,
.ui-state-default .ui-icon {
/*	background-image: none; */
}
.ui-icon-triangle-1-e { 
	background-position: -48px -128px; 
}
.ui-icon-triangle-1-s {
	background-position: -48px -128px;
}

/*
	Slider and project display definition
*/
	ul#slider { 
		width: 549px; 
		height: 396px; 
		margin-bottom:20px;
		border:none;
	}
	ul#slider li a img{
		width: 549px; height: 396px;
	}
	
	#projectinfo{
		float:left;
		width:176px;
		height:396px;
		margin-left:9px;
		overflow:hidden;
		clear:right;
		
		background:#fff;
	}

	#projectinfo .tag-projet{
		font-family: GraphikMedium, Arial, Verdana, Helvetica, Sans-serif;
		font-weight: normal;
		text-transform:uppercase;
		font-size:0.9em;
	}
	#projectinfo .titre-projet{
		font-size:1.1em;
	}
	#projectinfo .annee-projet{
		font-size:0.9em;
	}

	#projectinfo .descriptif-projet{
		padding-top:20px;
		font-size:0.85em;
		line-height:1.1em;
	}
	#projectinfo a{
		color:#000;
		text-decoration:none;
	}
	#projectinfo a:hover{
		color:#ff3407;
		text-decoration:underline;
	}

	.anythingSlider-default {
		padding: 0 0 30px 0;
		float:left;
	}

	.anythingSlider-default .anythingWindow {
		border-top: 0px solid #777;
		border-bottom: 0px solid #777;
	}

	.anythingSlider-default .anythingControls a.start-stop  {
	visibility: hidden;
	}

	.anythingSlider-default .arrow a {
		/*background: none;*/
		background:url(../images/d.png);
		z-index:1000;		
	}
	.anythingSlider-default .arrow a{
		width: 549px;
		height: 60px;
		border:0px solid #ff0;
		outline:none;
	}

	.anythingSlider-default .back{
		margin:190px 0px;
		border:0px solid #ff0;
	}

	.anythingSlider-default .forward{
		margin:-142px 0px;
		border:0px solid #fff;
	}

	.anythingSlider-default.activeSlider .anythingControls a {
		background-color: #ff3407;
		color:#fff;
	}
	.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
		background: #ff3407;
		color:#fff;
	}

	#projet-eleve{
		clear:both;
		margin-top:50px;
	}

	#projet-eleve a img{
		border:0;
	}
	#projet-eleve img.thumb{
		float:left;
		width:177px;
		height:126px;
		margin:0 9px 9px 0;
		border:0;
	}
	#projet-eleve img.last{
		margin:0 0 9px 0;
	}


/*
	Infinite scroll definition
*/
#cascades{
	margin-top:-9px;
}
#cascades p{
	margin:0;
	padding:16px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.box {

  box-sizing: border-box;
  overflow: hidden;
  background: #ff3407;
  display: flex;
  justify-content: center;    /* по горизонтали */
  align-items: center;        /* по вертикали */
  text-align: center;
  flex-direction: column;     /* если есть заголовок + подзаголовок */

  margin: 9px 9px 0 0;
  padding: 5px;
  background: #ff3407;
 justify-content: center;    /* по горизонтали */
  align-items: center;        /* по вертикали */
  text-align: center;
  font-family: GraphikMedium, Arial, Verdana, Helvetica, Sans-serif;
  font-weight: normal;
  font-size:1.2em;
  text-transform:uppercase;
/*  line-height: 1.4em; */
  float: left;
  /*
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  */
  margin: 4px 4px 5px 5px;
  padding: 0px;
  
  margin: 9px 9px 0 0;
  
  position:relative;
}
.boxnothing{
	background:#fff;
	color:#000;
	text-transform:none;
}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
  z-index:1;
}

.box .cascade-on{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#ff3407;
  display: block;
  
  color:#fff;
  text-transform:uppercase;  
  z-index:3;
  
  overflow:hidden;
  display:none;
}
#cascades a,
#content .box a,
#content .box a:hover{
	color:#fff;
	text-decoration:none;
/*  background:#ff3407; */
}

#content .box .cascade-on p,
#content .box .cascade-news p{
	padding:8px 18px 8px 8px;
	padding:0;
	margin:8px;
	border:0px solid #ff3407;
	width:100%;
	height:100%;
	
}

#content .box span.souslegend{
	font-size:0.8em;
	padding-right:10px;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 177px; }
.col2 { width: 363px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 177px; }
.col1p img { max-height: 126px; }

.newsLcol2,
.newsPcol1{
	height:261px;
}
.newsLcol1{
	height:126px;
}

.col2 img { max-width: 363px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/**** Gutters ****/

.has-gutters .box {
  margin: 5px 0;
  margin: 9px 9px 0 0;
  margin:0;
}

.has-gutters .col1 { width: 177px; }
.has-gutters .col2 { width: 363px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.news-single-item h3{
	color:#000;
	text-transform:uppercase;
	padding: .2em;
	padding-bottom:1.2em;
}

.news-single-item .news-single-img img{
	margin-bottom:10px;
}

/* get the whole div on masonry brick clicable */

div.masonry-brick:hover {
    cursor: hand;
    cursor: pointer;
}