/* @import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/293c7d");*/
 
@font-face {
	font-family: 'NimbusSan-Reg';
	src: url('../fonts/293C7D_0_0.eot');
	src: url('../fonts/293C7D_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/293C7D_0_0.woff') format('woff'),url('../fonts/293C7D_0_0.ttf') format('truetype');}

@font-face {font-family: 'NimbusSan-BolIta';
src: url('../fonts/293C7D_1_0.eot');
src: url('../fonts/293C7D_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/293C7D_1_0.woff') format('woff'),url('../fonts/293C7D_1_0.ttf') format('truetype');}
 
@font-face {font-family: 'NimbusSan-Bol';
src: url('../fonts/293C7D_2_0.eot');
src: url('../fonts/293C7D_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/293C7D_2_0.woff') format('woff'),url('../fonts/293C7D_2_0.ttf') format('truetype');}
  
@font-face {font-family: 'NimbusSan-RegIta';
src: url('../fonts/293C7D_3_0.eot');
src: url('../fonts/293C7D_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/293C7D_3_0.woff') format('woff'),url('../fonts/293C7D_3_0.ttf') format('truetype');}
 
 BODY, HTML {
	margin: 			0px;
	padding: 			0px;
	font-family: 		NimbusSan-Bol;
	font-size: 			1em;
	width:100%;
	height:100%;
	overflow:hidden;
}
a {
    color: #FFFFFF;
    text-decoration: none;
}
a:hover, a:focus {
    color: #FFFFFF;
    text-decoration: none;
}
img{
	max-width:100%;
}
@media (max-width: 767px) {
	.asso-fond{
		display:none;
	}
	.fond{
		display:none;
	}
	.fleche-gauche{
		display:none;
	}
	.fleche-droite{
		display:none;
	}
	.img-fleche{
		display:none;
	}
	.asso-navbar{
		display:none;
	}
	.asso-brand{
		display:none;
	}
	.beerre{
		display:none;
	}
	.asso-navbar-right{
		display:none;
	}
	
		/*-------------------------
		  --- container ------------
		-------------------------*/
		
	.container-ascenographe{
		display:none;
	}
	
	.container-ascenographe-middle{
		display:none;
	}	
	.container-bas{
		display:none;
	}
	
	.other-container{
		display:none;
	}
	.other-container-ascenographe{
		display:none;
	}
	
	.other-container-ascenographe-middle{
		display:none;
	}	
}

@media (min-width: 768px) {
	/*-------------------------
	  --- fonds ------------
	-------------------------*/
	.asso-fond{
		width:100%;
		height:100%;
		position:relative;
		display:block;
	}
	.fond{
		width:100%;
		height:100%;
		background-color:#6babef; /* violet */
		position:absolute;
		top:0px;
		left:100%;
		display:block;
	}

	/*-------------------------
	  --- fleches ------------
	-------------------------*/
	.fleche-gauche{
		position:absolute;
		top:40%;
		left:5%;
		width:5%;
		max-width:50px;
		opacity:0.5;
		vertical-align:middle;
		display:block;
	}
	.fleche-droite{
		position:absolute;
		top:40%;
		right:5%;
		width:5%;
		max-width:50px;
		opacity:0.5;
		vertical-align:middle;
		display:block;
	}
	
	.img-fleche{
		width:100%;
		cursor:pointer;
		display:block;
	}
	/*-------------------------
	  --- nav ------------
	-------------------------*/
	
	.asso-navbar{
		width:100%;
		position:absolute;
		top:0px;
		height:100px;
		padding-top:40px;
		padding-left:5%;
		padding-right:5%;
		display:table;
	}
	/*-------------------------
	  --- brand ------------
	-------------------------*/
	.asso-brand{
		width:auto;
		position:absolute;
		top:0px;
		padding-top:24px;
		padding-left:5%;
		z-index:1;/**/
		text-align:center;
		line-height:20px;
		display:block;
	}
	.beerre{
		width:10px;
		height:1px;
		display:block;
	}
	
	.asso-typo1{
		color: #FFFFFF;
		opacity:0.5;
		font-size:30px;
	}
	.asso-typo2{
		color: #000000;
		opacity:0.5;
		font-size:30px;
	}
	/*-------------------------*/
	/*-- > 1024 -----------*/
	/*-------------------------*/
	.asso-navbar-right{
			float:right;
			display:inline-block;
		
	}
	.asso-ul-gene, .asso-ul-gene ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
	}
	.asso-ul-gene li {
		display: inline-block;
		position: relative;
		font-size: 14px;
		cursor:pointer;
		
	}	
	.asso-ul-gene a {
		padding-left: 10px;
		padding-right: 10px;
		height: 30px;
		line-height: 30px;
		/*text-align: center;*/
	}


	.asso-ul-gene ul {
		left: 5000px;/* 5000 */
		top:0px;
		padding-top:0px;
		position: absolute;
		width:150px;
		background: transparent;
		z-index:2;
	}
	.asso-ul-gene ul a {
		height: 10px;
		font-size:0.9em;
	}

	.asso-navbar-toggle {
		display: block;
		position: relative;
		float: left;
		border: medium none;
		
		background-color: transparent;
		cursor:pointer;
		
	}
	.asso-navbar-toggle:focus {
		outline: 0;
	}

	.asso-navbar-toggle .icon-bar {    
		margin-top: 5px;
		display: block;
		width: 33px;
		height: 5px;
		border-radius: 2px;
		background-color: #FFF;
		cursor:pointer;
	}
	#buttongenesup1024{
		opacity:0;
		cursor:default;
		padding-right:20px;
	
	}
	.nav > li > a:hover, .nav > li > a:focus {
		text-decoration: none;
		background:none;
		color:#FFFFFF;
		/*opacity: 0.5;*/
	}
	.imgTop{
		vertical-align:baseline;
	}

	/*-------------------------
	  --- container ------------
	-------------------------*/
	
	.container-ascenographe{
		width:100%;
		position:fixed;
		top:150px;
		bottom:60px;
		/*border-style:solid;
		border-color:#FF0004;*/
		overflow:hidden;
	}
	
	.container-ascenographe-middle{
		width:70%;
		/*border-style:solid;
		border-color:#00FF04;*/
		height:100%;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}	
	/*--- menu général ----------------------*/
	
	.asso-typoTitre-gene{
		color: #FFFFFF;
		font-size:30px;
		padding-left:10%;
		cursor:pointer;
	}
	
	.asso-typoTitre-gene a:hover, .asso-typoTitre-gene a:focus {
		color: #333333;
	}
	
	.asso-typoTitre-geneGlobal{
		font-family:NimbusSan-Bol;
		color: #FFFFFF;
		font-size:30px;
		padding-left:10%;
		cursor:pointer;
		line-height:60px;
	}
	.asso-typoTitre-geneGlobal a:hover, .asso-typoTitre-geneGlobal a:focus {
		color: #333333;
	}
	
	
	
	.trait-titre-gene{
		width:100%;
		background:url(../../assets/img/trait-blanc.png);
		height:7px;
	}
	.puceG-gene{
		width:3px;
		background:url(../../assets/img/puce-blanc.png);
		height:3px;
		float:left;
		margin-top:2px;
	}
	.puceD-gene{
		width:3px;
		background:url(../../assets/img/puce-blanc.png);
		height:3px;
		float:right;
		margin-top:2px;
	}
	
	.asso-typoTitre{
			font-size:30px;
	}	
	
	.asso-chapo{
		font-family:NimbusSan-Bol;
		font-size:24px;
		padding-top:25px;
		padding-bottom:15px;
	}
	
	.bloc{
		width:100%;
		height:100%;
		position:absolute;
		top:0%;
		left:100%;
	}
	
	.bloc-hors-champ{
		left:100%;
	}
	.bloc-in-champ{
		left:0%;
	}
	.introduction{
		padding-bottom:20px;
	}
#DSRcontact{
	margin-top: -30px;
}
#introcontact{
	font-size:14px;
	line-height:14px;
}
	
	.trait-titre{
		width:100%;
		background:url(../../assets/img/trait.png);
		height:7px;
	}
	.trait-footer{
		width:70%;
		background:url(../../assets/img/trait.png);
		height:7px;
		margin:0 auto;
	
	}
	

	.puceG{
		width:3px;
		background:url(../../assets/img/puce.png);
		height:3px;
		float:left;
		margin-top:2px;
	}
	.puceD{
		width:3px;
		background:url(../../assets/img/puce.png);
		height:3px;
		float:right;
		margin-top:2px;
	}
	.sous-rubriques{
		width:100%;
		max-width:850px;
		height:100%;
		margin:0 auto;
		font-size:0.9em;
		position:relative;
		
	}		
	
	.sous-rubriques ul{
		list-style: none;
	}
	.detail-sous-rubriques{
		font-family:NimbusSan-Reg;
		width:90%;
		margin-left:30px;
		font-size:0.8em;
		line-height:0.8em;
		font-weight:normal;
		height:300px;
		overflow:hidden;
		padding-top:35px;
		color:#333333;
		
	}
	
	.detail-sous-rubriques-suite{
		width:105%;
		overflow:scroll;
		height:105%;
		padding-right:5%;
		padding-bottom:5%;
		padding-top:10px;
		font-size:20px;
		line-height:25px;
		
		
	}
	.fin-articles{
		height:500px;
	}
	
	.selectionne {
		font-size:1.0em;
	}
	
		
	
	.container-bas{
		width:100%;
		margin:0 auto;
		text-align:center;
		height:64px;
		position:fixed;
		bottom:0px;
		display:none;
	}
	
	#fleche-bas{
		cursor:pointer;
		padding-top:8px;
	}
	
	.scrolldiv{
		cursor:pointer;
		position:absolute;
		left:10px;
		top:14px;
		background-image:url(../../assets/img/point.png);
		background-size:cover;
		width:10px;
		height:10px;
		opacity:0.3;
	}
	
	.scrolldivTxt{
		position:absolute;
		left:100px;
		top:0px;
		display:none;
		font-size:16px;
		padding-top:7px;
	}
	
	.selectionne{
		color:#FFFFFF;
	}
	
	#recherche {
		position:absolute;
		width:290px;
		height:60px;
		top:26px;
		right:-300px;
		padding-top:18px;
		padding-left:20px;
		border-bottom-left-radius:10px;
		border-top-left-radius:10px;
		background-color:#FFFFFF;
		  -moz-box-shadow: 8px 8px 12px #aaa; 
		  -webkit-box-shadow: 8px 8px 12px #aaa; 
		  box-shadow: 8px 8px 12px #555; 
		
		z-index:4;
		
	}
	input{
		background-color:#FFFFFF;
		  -moz-box-shadow: 2px 2px 3px #fff; 
		  -webkit-box-shadow: 2px 2px 3px #fff; 
		  box-shadow: 2px 2px 3px #ddd; 
		  border:thin;
		  
	}
	#resultat {
		position:absolute;
		width:290px;
		top:26px;
		right:-300px;
		padding-top:18px;
		padding-left:20px;
		border-bottom-left-radius:10px;
		border-top-left-radius:10px;
		background-color:#FFFFFF;
		  -moz-box-shadow: 8px 8px 12px #aaa; 
		  -webkit-box-shadow: 8px 8px 12px #aaa; 
		  box-shadow: 8px 8px 12px #555; 
		
		z-index:4;
		color:#9c9e9f;
		
	}
	#resultat ul{
		list-style: none;
		padding-left:0px;
		color:#58585a;
		
	}
	.separation{
		background:url(../../assets/img/fond-resultat.png);
		height:20px;
	}
	.rechresult{
		cursor:pointer;
	}
	/*-----------------------------------*/
	/*-- autres pages-----*/
	/*-----------------------------------*/
	.other-container{
		width:100%;
		height:100%;
		background-color:#6babef; /* violet */
		position:absolute;
		bottom:-100%;
		left:0px;
	}
	.other-container-ascenographe{
		width:100%;
		position:absolute;
		top:150px;
		bottom:60px;
		/*border-style:solid;
		border-color:#FF0004;*/
		overflow:hidden;
	}
	
	.other-container-ascenographe-middle{
		width:70%;
		/*border-style:solid;
		border-color:#00FF04;*/
		height:100%;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}	
	
	.closeas{
		width:100%;
		height:46px;
		text-align:center;
		position:absolute;
		top:40px;
		cursor:pointer;
	}
	/* -------------------------- */
	/* -- documents ------------- */
	/* -------------------------- */
	#documents-middle{
		max-width:100%;
	}
	#documents-sous-rubriques{
		max-width:100%;
	}
	#SRdocuments{
		margin:0px auto;
		width:90%;
	}
	.document{
		margin-left:20%;
	}	
}

@media (min-width: 950px) {
	.asso-brand{
		padding-top:38px;
		top:12px;
	}
	.beerre{
		display:none;
	}
	.asso-typo1{
		font-size:30px;
	}
	.asso-typo2{
		font-size:30px;
	}
	.asso-ul-gene li {
		height:auto;
	}
	.asso-ul-gene a {
		display: block;
	}
	.asso-ul-gene ul a{
		font-size:1em;
	}
	.container-ascenographe-middle{
		width:70%;
		max-width:800px;
	}
	.asso-typoTitre-gene{
		font-size:30px;
	}
	.asso-typoTitre-geneGlobal{
		font-size:30px;
	}
	.asso-typoTitre{
		font-size:30px;
	}
	.trait-footer{
		width:100%;
		max-width:800px;
	}
	.sous-rubriques{
		font-size:1em;
	}
	.detail-sous-rubriques{
		font-size:0.9em;
		line-height:0.9em;
	}
	.selectionne{
		font-size:1.1em;
	}
	.other-container-ascenographe-middle{
		width:100%;
		max-width:800px;
	}

}

@media (min-width: 1024px) {
	.asso-ul-gene a {
		padding-left: 15px;
		padding-right: 15px;
		display: block;
	}
	.asso-ul-gene ul a{
		font-size:1.5em;
	}
	.container-ascenographe-middle{
		width:100%;
		max-width:800px;
	}
	.asso-typoTitre-gene{
		font-size:45px;
	}
	.asso-typoTitre-geneGlobal{
		font-size:45px;
	}
	.asso-typoTitre{
		font-size:45px;
		color:#333333;
	}
	.sous-rubriques{
		font-size:1.5em;
	}
	.detail-sous-rubriques{
		font-size:1.em;
		line-height:1em;
	}
	.selectionne{
		font-size:1.3em;
	}

}
/* -- contact -- */
#iframetrig{
	width:100px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	color:#FFFFFF;
	z-index:5;
	display:none;
}
#toast-container {
  display:none;

}

.link-icon {
    position: absolute;
    bottom: 20px;
    padding-right: 5%;
    width: 100%;
    text-align: right;
	cursor:pointer;
}
@media (max-width: 768px) {
	.link-icon {
		display:none;
	}
}