@font-face {
   	font-family: 'Myriad Pro Alt';
	src: url('fonts/myriadpro-regular.eot');
	src: url('fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/myriadpro-regular.woff') format('woff'),
    url('fonts/myriadpro-regular.ttf') format('truetype'),
    url('fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: "Arial";
    font-size:11px;
}

.bloc-slider{
  height: 590px;
  top: 66px;
  position: relative;
}

.bloc-slider #slider {
  position: absolute;
  bottom: 0;
  right: 0px;
  height: 590px;
  width: 100%;
}

.bloc-slider .slider div{
  bottom: -25px;
}

#fleches-hover{
  position: absolute;
  height: 590px;
  width: 100%;
}

.fleche-gauche{
  width: 30%;
  height: 100%;
  float: left;
  position: relative;
  transition: all 0.3s ease;
  cursor:  url("images/arrow-left.png") 34 34, pointer;
}

.pause-bloc{
  width: 40%;
  height: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  cursor:  url("images/pause-new.png") 34 34, pointer;
}

.pause-bloc.play{
  cursor:  url("images/play-button.png") 34 34, pointer;
}


.fleche-droite{
  width: 30%;
  height: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  cursor:  url("images/arrow-right.png") 34 34, pointer;
}


.affichage-no img{
	opacity: 0.1!important;
}

.affichage-no span{
	display: none!important;
}

#container{
    width:955px;
    height:648px;
    position:absolute!important;
    left:50%!important;
    top: 380px!important;
    margin-left:-477px!important;
    margin-top:-324px!important;
	/*border: 1px solid #000;*/
}
a{
    text-decoration: none;
    color:black;
}
a img {
	border: 0;
}
.title{
    font-size:16px;
    font-family: "Arial";
    margin:0 auto;
    height:66px;
    position:absolute;
    top:0;
}
.title a{
    text-decoration: none;
    color:black;
}

.menu{
    /*position:absolute;
    top:61px;*/
	float: right;
}

.menu ul{
    width:170px;
    list-style: none;
    padding:0;
    margin: 0;
	float: right;
	width: 450px;
	/* width: 560px; */
}

.menu li{
    font-size: 13px;
    font-family: "Arial";
    line-height: 0;
	float: left;
	width: 90px;
	text-align: right;
}

.menu li a img {
	opacity: 0.65;
	filter: alpha(opacity=65);
    text-decoration: none;
	float: left!important;
    margin-left: 41px!important;
}

.menu li:nth-child(2) a img {
	float: left!important;
    margin-left: 38px!important;
}

.menu li:nth-child(3) a img {
	float: left!important;
    margin-left: 32px!important;
}

.menu li:first-child a img {
	padding-top: 5px;
}

/*Réseaux Sociaux*/
.footer{
  width: 100%;
  position: absolute;
  bottom: -72px;
}
.footer ul{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  list-style: none;
}
.footer li.reseaux-sociaux {
	width: 26px;
}
.footer li.reseaux-sociaux:first-child {
	width: 23px;
}
.footer li.reseaux-sociaux a img{
  margin-left: 9px!important;
  width: 16px;
}
.footer li a img{
  opacity: 0.65;
}
.footer li a img:hover{
  opacity: 1;
}
/*Fin Réseaux Sociaux*/

.menu li a:hover img, .menu .active img{
	opacity: 1;
}
#text-agence{
    width:225px;
    position:absolute;
    bottom: 195px;
    right: 203px;
    float:right;
    font-size:11px;
    font-family: "Arial";
    text-align: justify;
}

#text-agence p{
	margin-top: 0px;
	margin-bottom: 25px;
	line-height: 12px;
}

#galerie{
    position:absolute;
    width: 955px;
    height:506px;
    left: 0px;
    margin-right: -30px;
    top:68px;
}
#galerie>div {
	position: relative;
    float: left;
   	width: 119px;
    height: 72px;
    margin: 0 20px 35px 0;
    text-align: right;
}

#galerie>div.last {
    margin: 0 0 35px 0!important;
}

#galerie img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	/*filter: alpha(opacity=30);
    opacity:0.3;*/
    filter: alpha(opacity=100);
    opacity:1;
	width: 119px;
	height: auto;
}
#galerie>div span{
  position: absolute;
  left: 0;
  top: 65px;
  width: 119px;
  height: 50px;
  font-family: "Arial";
  font-size: 10px;
}
#galerie div a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
#slider{
    position: absolute;
    bottom: -10px;
    right: 0px;
}
#slider2{
    position: absolute;
    /* bottom: 39px; */
    bottom: -151px;
  	left: 0;
}
.slider img {
    display: none;
    position:absolute;
    bottom:0px;
    right:0px;
	width:955px;
	height: 590px;
}
.slider div {
	bottom: -20px;
    right: 0px;
    width: 955px;
    position: absolute;
}

#text-actu{
    width:200px;
    position:absolute;
    text-align: justify;
    right:78px;
    bottom:83px;
    font-family:"Arial";
    font-size:11px;
}
#text-actu p{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.formulaire{
    margin:60px 0 0 60px;
}

#log2{
	min-width:200px;
    position:absolute;
    top:340px;
    right:50px;
    text-align:right;
    font-family: "Arial";
    font-size:11px;
    color:#666666;
}
#log2 p {
	text-align: left;
}
#log2 input[type="text"], #log2 input[type="password"], #log2 select{
	border:none;
	background:#f2f2f2;
	margin-top:12px;
	color:#666666;
	text-align:right;
	width:290px;
	height:20px;
	padding-right:5px;
	font-family:"Arial";
	font-size:11px;
}


#log{
	min-width:200px;
    position:absolute;
    top:340px;
    left:170px;
    text-align:right;
    font-family: "Arial";
    font-size:11px;
    color:#666666;
}
#log p {
	text-align: left;
}
#log input[type="text"], #log input[type="password"], #log select{
	border:none;
	background:#f2f2f2;
	margin-top:12px;
	color:#666666;
}
input[type="submit"], input[type="button"]{
	border:none;
	background:none;
	margin-bottom:20px;
	font-size:15px;
    color:#666666;
    margin-right:-10px;
}
#log input[type="text"],#log input[type="password"], #log select{
	text-align:right;
	width:290px;
	height:20px;
	padding-right:5px;
	font-family:"Arial";
	font-size:11px;
}
#log select {
	width: 295px;
}
#contact{
    width: 100%;
    position: relative;
    right: 0;
    top: 44px;
    text-align: right;
}
#contact p{
	/*float: right;*/
	text-align: left;
    font-family: "Arial";
    font-size: 11px;
	margin-top: 5px;
}
#contact .titre{
    font-family: "Arial";
    font-size: 16px;
	padding-bottom:40px;
}
.scroller {
    position: absolute;
    bottom: -20px;
    left: 22px;
    /* width: 225px; */
    width: 403px;
    height: 377px;
    /* padding-right: 30px; */
}

#text-agence .scroller div{
    line-height: 12px;
}

.scrollerUp {
	right: 5px;
	top: 0;
	width: 10px;
	height: 7px;
	background: url('images/up.png') no-repeat center top;
}
.scrollerDown {
	right: 5px;
	bottom: 0;
	width: 10px;
	height: 7px;
	background: url('images/down.png') no-repeat center bottom;
}
.scrollerContainer {
	right: 5px;
	width: 10px;
}
.scrollerBar {
	display: none;
	right: 4px;
	top: 0;
	width: 2px;
	background: #d1d1d1;
}
.scrollerCursor {
	right: 3px;
	top: 0;
	width: 4px;
	background: #d1d1d1;
}

#bas{
    position: absolute;
    bottom:-35px;
    right:50px;
    font-size:11px;
    font-family: "Arial";
    color:#666;
}
#img-projetplus{
    position: absolute;
    bottom:84px;
    right:324px;
}
#img-projetplus img{
    position: absolute;
    bottom:0;
    right:0;
}
#text-projetplus p, #text-projetplus td{
    text-align: justify;
    font-size:11px;
    font-family: "Arial";
    opacity:0.5;
    filter: alpha(opacity=50);
}
#text-projetplus{
    width:225px;
    height:377px;
    position:absolute;
    bottom:84px;
    right:52px;
}
#mini-menu{
    position:absolute;
    font-size:11px;
    font-family: "Arial";
    top:122px;
    right:52px;
}
#mini-menu a {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#retour-fiche{
    font-size:16px;
    font-family: 'Myriad Pro', 'Myriad Pro Alt';
    position:absolute;
    right:50px;
    bottom:60px;
    color:#666;
}
#image-actu{
    position:absolute;
    bottom:84px;
    right:325px;
}
#image-actu img{
    position:absolute;
    bottom:0;
    right:0;
}
#descrip-projet{
	display:none;
	position:absolute;
	width: 410px!important;
	right: 0px;
	top: 90px;
}

#descrip-projet table{
	width: 410px!important;
}

#descrip-projet td{
	font-family:"Arial";
	font-size:11px;
}
#descrip-projet .descr{
	font-family:"Arial";
	font-size:11px;
}
#plusinfo p{
	position:absolute;
	bottom: -41px;
  right: 55px;
	font-family:"Arial";
	font-size:11px;
	cursor:pointer;
}
.plusinfo-marge p{
  right: 0!important;
}
#fleches{
	position:absolute;
    bottom: -30px;
    right: 0;
}
#fleches img{
	cursor:pointer;
}
#retour{
	display:none;
	position:absolute;
	bottom:35px;
	right: 0px;
	font-family:"Arial";
	font-size:11px;
	cursor:pointer;
}
#dossiers{
	position:absolute;
	left:438px;
	top: 164px;
	font-family:"Arial";
	font-size:11px;
	color:#666666;
	width: 500px;
	height: 400px;
}
#dossiers ul{
	list-style-type:none;
}
#dossiers li.point{
	background: url("images/point.png") no-repeat left 5px;
	text-indent:20px;
	margin-bottom:2px;
}
#dossiers li.trait{
	background: url("images/barre-deb.png") no-repeat;
	text-indent:20px;
	margin-left:-10px;
	margin-bottom:-1px;
	min-height:23px;
}
#dossiers li.point ul{
	display:none;
	margin-bottom: 10px;
}
#dossiers li.point ul li li:first-child{
	margin-top: 10px;
}
#dossiers li.trait:last-child{
	background: url("images/barre-fin.png") no-repeat;
	text-indent:20px;
	margin-bottom:2px;
	margin-top:-3px;
}
#dossiers li.trait>span{
	display: block;
	width: 450px;
	position:relative;
	top:10px;
	vertical-align:middle;
	height:20px;
}
.up_file{
	position:absolute;
	right:15px;
	display:none;
	margin-bottom:10px;
}
#admin{
	position:absolute;
	top:61px;
	left:170px;
}
#admin input {
	margin-bottom: 10px;
	margin-right: 30px;
}
#affiche_user{
	position:absolute;
	right:62px;
    top:340px;
	width:190px;
	color: #666666;
}
#affiche_user select{
	width:200px;
}
#groupe{
	font-family: "Arial";
    font-size:11px;
    color:#666666;
    text-align:right;
	position:absolute;
	left: 170px;
	top:100px;
}
#groupe input{
	border:none;
	background:#f2f2f2;
	height:20px;
	margin-top:12px;
	color:#666666;
}
#groupe input[type="text"] {
	font-family: "Arial";
	font-size: 11px;
	height: 20px;
	padding-right: 5px;
	text-align: right;
	width: 290px;
}
#groupe input[type="submit"]{
	background:none;
	margin-bottom:20px;
	font-size:15px;
    color:#666666;
    margin-right:-10px;
}
#affiche-groupe{
	position:absolute;
	right:62px;
	top:100px;
	width:190px;
	color: #666666;
}
#affiche-groupe select{
	width:200px;
}
.liaison{
	position: absolute;
	top:40px;
	left:450px;
}
#select-groupe{
	position:absolute;
	top:100px;
	left:170px;
}
#user-dossier{
	position:absolute;
	width:300px;
	top:150px;
	left:350px;
}





#crea-news {
	bottom: 84px;
	position: absolute;
	right: 52px;
	width: 400px;
}

a input, #affiche-groupe input, #affiche_user input, #groupe input[type="submit"], #log input[type="submit"] {
	padding: 0;
	border-bottom: 1px #afafaf solid!important;
}

.step {
	font: 15px Arial;
	line-height: 25px;
	overflow: auto;
	color: #666666;
}
.step span {
	float: left;
	border: 2px #666666 solid;
	border-radius: 12px;
	width: 19px;
	height: 19px;
	line-height: 21px;
	margin-right: 5px;
	text-align: center;
}

#select-groupe select {
	width: 327px;
	height: 146px;
}


#form_user input[type="button"], #form_dir input[type="button"] {
	border: 1px #eaeaea solid;
	border-radius: 6px;
	margin: 6px 0;
}

#sepa-user-group {
	position:absolute;
	left: 190px;
	top: 330px;

	background: #999;
	width: 730px;
	height: 1px;
}


#descrip-projet td {
	width: 290px;
}
#descrip-projet td:first-child {
	width: 130px;
}
#descrip-projet td[colspan="2"] {
	width: auto;
}

.position-logo{
  width: 68%;
  margin-top: -61px;
  margin-left: -25px;
}