/* @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;
}
/*-------------------------
  --- contenu accueil -----
-------------------------*/

.accueil-mobile{
	width:100%;
	height:100%;
	background-color:#6babef;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
.mobile-typo1{
	width:100%;
	margin:0 auto;
	text-align:center;
	color: #FFFFFF;
	font-size:38px;
	opacity:1;
	line-height:1em;
}
.mobile-typo2{
	width:100%;
	margin:0 auto;
	text-align:center;
	color: #4d4d4d;
	opacity:0.8;
	font-size:38px;
	line-height:1em;
}

.accueil-mobile-table{
	width:100%;
	position:absolute;
	top:0px;
	bottom:0px;
	display:table;
	background-color:#6babef;
	z-index:2;
}
.accueil-mobile-row1{
	width:100%;
	height:50px;
	display:table-row;
}
.accueil-mobile-row2{
	width:100%;
	display:table-row;
}
.accueil-mobile-cell{
	width:100%;
	height:100%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/*-------------------------
  --- nav ------------
-------------------------*/
.navbar-header-m:before, .navbar-header-m:after {
	content: " ";
	display: table;
}
.navbar-header-m:after {
	clear: both;
}

.asso-navbar-mobile{
	width:100%;
	position:absolute;
	top:0px;
	height:100px;
	padding-top:30px;
	padding-left:0%;
	padding-right:0%;
	display:table;
}
.asso-brand-mobile-fond{
	display:block;
	background-color:#FFFFFF;
	width:100%;
	height:93px;
	position:absolute;
	top:0px;
}
.asso-brand-mobile{
	display:block;
	width:100%;
	position:absolute;
	top:0px;
	text-align:center;
}
.logo-mobile{
	cursor:pointer;
	z-index:1;

}
.navbar-toggle-m {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 0px;
	border-radius: 4px;
	
	z-index:1;
    text-decoration: none;
}
.navbar-toggle-m .icon-bar {    
	margin-top: 5px;
	display: block;
    width: 33px;
    height: 5px;
    border-radius: 2px;
	background-color: #b1b3b4;
	cursor:pointer;
}
.navbar-toggle-m:focus {
	outline: 0;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
	background:none;
    /*opacity: 0.5;*/
}

/*-------------------------
  --- menus du haut------------
-------------------------*/
#menugenemobile{
	position:absolute;
	top:93px;
	bottom:0px;
	right:0px;
	left:0px;
	
	overflow:hidden;
}
#menugenescroll{
	position: absolute;
    top: -9px;
    bottom: 0px;
    left: 0px;
    right: 0px; 
	overflow:visible;
    
}

.container-trait-menu-mobile{
	width:100%;
	margin:0 auto;
	padding-left: 40px;
	padding-right: 40px;
	background-color:#6babef;
}

.trait-menu-mobile{
	width:100%;
	background:url(../../assets/img/trait.png);
	height:7px;
	margin:0 auto;
}
.before-menu-mobile{
	width:100%;
	height:32px;
	background-color:#6babef;
	margin-top:-9px;
}
.menuhaut-mobile{
	font-size:22px;
	color:#4d4d4d;
	background-color:#6babef;
	padding-left:55px;
	padding-right:55px;
}
.menuhaut-mobile a{
	color:#333333;
}
.menuhaut-mobile a:hover, a:focus{
	/*color:#FFFFFF;*/
}
.ulsousmenu{
	list-style:none;
	padding:0px;
}
.sousmenuhaut{
	background-color:#FFFFFF;
	width:100%;
	font-family:NimbusSan-Reg;
	font-size:18px;
	color:#89888a;
	padding-left:65px;
	padding-right:65px;
}
.sousmenuhaut a{
	color:#89888a;
}
.ulsousmenu li:first-child {
	padding-top:10px;
}
.ulsousmenu li:last-child {
	padding-bottom:10px;
}
/*-------------------------
  --- menus du bas------------
-------------------------*/

.menubas-mobile{
	font-size:20px;
	color:#FFFFFF;
	background-color:#6babef;
	padding-left:55px;
	padding-right:55px;
}
.menubas-mobile a{
	color:#FFFFFF;
}
.menu-social-mobile{
	font-size:20px;
	color:#FFFFFF;
	background-color:#6babef;
	padding-left:55px;
	padding-right:55px;
}
.menubas-social-mobile a{
	color:#FFFFFF;
}

.menu-contact-mobile{
	font-size:20px;
	color:#000000;
	background-color:#FFFFFF;
	background-position-x:-20px;
	padding-left:55px;
	padding-right:55px;
}
.menu-contact-mobile a{
	color:#000000;
}

.trait-menubas-mobile{
	width:100%;
	background:url(../../assets/img/trait-blanc.png);
	height:7px;
	margin:0 auto;
}
.trait-contact-mobile{
	width:100%;
	height:7px;
	background-color:#FFFFFF;
	margin:0 auto;
}
#idcontact{
	background-color:#FFFFFF;
	padding-left: 55px;
	padding-right: 55px;
}
#submit-mobile{
	cursor:pointer;
	padding-left:20px;
}
/*-------------------------
  --- contenus ------------
-------------------------*/

.bloc-mobile-fond{
	width:100%;
	height:100%;
	background-color:#6babef;
}

.bloc-mobile{
	width:100%;
	position:absolute;
	background-color:#FFFFFF;
	top:93px;
	bottom:64px;
	left:0px;
	padding-bottom:64px;
	overflow:hidden;
}
.bloc-mobile-scroll{
	position: absolute;
 	padding-left:25px;
	padding-right:25px;
	   top: 0px;
    bottom: 0px;
    left: 0px;
    right: -18px; 
	overflow:scroll;
	overflow-x:hidden;
}

.debut-articles-m{
	height:21px;
}
.fin-articles-m{
	height:500px;
}

.bloc-page-mobile{
	width:100%;
	position:absolute;
	background-color:#6babef;
	top:93px;
	bottom:0px;
	left:0px;
	padding-top:25px;
	padding-bottom:64px;
	padding-left:25px;
	padding-right:25px;
	overflow:auto;
	overflow-x:hidden;
}
.asso-typoTitre-m{
	font-size:22px;
	padding-left:30px;
	line-height:40px;
}
.introduction-m{
	padding-bottom:20px;
}
.sous-rubriques-m{
	width:100%;
	max-width:850px;
	height:100%;
	margin:0 auto;
	font-size:0.9em;
	
}


/*-------------------------
  --- traits ------------
-------------------------*/

.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;
}

.trait-titre{
	width:100%;
	background:url(../../assets/img/trait.png);
	height:7px;
}
.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;
}
/*-------------------------
  --- bas ------------
-------------------------*/

.container-bas-mobile{
	width:100%;
	margin:0 auto;
	text-align:center;
	height:64px;
	position:fixed;
	bottom:0px;
	padding-top:13px;
}

#fleche-bas-m{
	cursor:pointer;
}
/*-------------------------
  --- formulaire ------------
-------------------------*/

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;
	  
}
/*-------------------------
  --- pour tests ------------
-------------------------*/
.bloc-chargement{
	width:100%;
	position:absolute;
	background-color:#6babef;
	top:0px;
	bottom:0px;
	left:0px;
	text-align:center;
	padding-top:25px;
	padding-left:25px;
	padding-right:25px;
	font-size:38px;
	display:none;
	z-index:4;
}

/* -------------------------- */
/* -- documents ------------- */
/* -------------------------- */
#documents-middle{
	max-width:100%;
}
#documents-sous-rubriques{
	max-width:100%;
}
#SRdocuments{
	margin:0px auto;
	width:90%;
}
.document{
	margin-left:20%;
	/*padding-top:10px;
	padding-bottom:10px;*/
}
.link-icon-m {
    position: absolute;
    bottom: 20px;
    right: 5%;
    
    text-align: right;
	cursor:pointer;
	display:none;
}


/* -------------------------- */
/* -- au dessus de 768 ------------- */
/* -------------------------- */

@media (min-width: 768px) {
	/*-------------------------
	  --- contenu accueil -----
	-------------------------*/
	
	.accueil-mobile{
		display:none;
	}
	
	.accueil-mobile-table{
		display:none;
	}

	/*-------------------------
	  --- nav ------------
	-------------------------*/
	.navbar-header-m:before, .navbar-header-m:after {
		display:none;
	}
	.asso-navbar-mobile{
		display:none;
	}
	.asso-brand-mobile-fond{
		display:none;
	}
	.asso-brand-mobile{
		display:none;
	}
	.logo-mobile{
		display:none;
	}
	.navbar-toggle-m {
		display:none;
	}
	/*-------------------------
	  --- menus du haut------------
	-------------------------*/
	#menugenemobile{
		display:none;
	}

	
	.container-trait-menu-mobile{
		display:none;
	}
	
	.trait-menu-mobile{
		display:none;
	}
	.before-menu-mobile{
		display:none;
	}
	.menuhaut-mobile{
		display:none;
	}
	.ulsousmenu{
		display:none;
	}
	.sousmenuhaut{
		display:none;
	}
	/*-------------------------
	  --- menus du bas------------
	-------------------------*/
	
	.menubas-mobile{
		display:none;
	}
	.menu-social-mobile{
		display:none;
	}
	
	.menu-contact-mobile{
		display:none;
	}
	.trait-menubas-mobile{
		display:none;
	}
	.trait-contact-mobile{
		display:none;
	}
	#idcontact{
		display:none;
	}
	#submit-mobile{
		display:none;
	}
	#messagefincontact-mobile{
		display:none;
	}
	/*-------------------------
	  --- contenus ------------
	-------------------------*/
	
	.bloc-mobile-fond{
		display:none;
	}
	
	.bloc-mobile{
		display:none;
	}
	.bloc-mobile-scroll{
		display:none;
	}
	
	.debut-articles-m{
		height:40px;
	}
	.fin-articles-m{
		height:500px;
	}
	
	.bloc-page-mobile{
		display:none;
	}
	.sous-rubriques-m{
		display:none;
	}
	
	

	/*-------------------------
	  --- bas ------------
	-------------------------*/
	
	.container-bas-mobile{
		display:none;
	}
	
	.bloc-chargement{
		display:block;
	}

	.link-icon-m {
		display:none;
	}
	
}