/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

 
/* FONTS  ==============================================================*/

@font-face {
    font-family: 'futura-light';
    src: url('../fonts/futura-light.eot');
    src: url('../fonts/futura-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-light.woff') format('woff'),
         url('../fonts/futura-light.ttf') format('truetype'),
         url('../fonts/futura-light.svg#botonbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 /* EXCLUSION  ==============================================================*/
 
.iphone {
	display:none;
 }
.ie .iphone {
	display:none;
 }
 #alert_too_small {
 	display:none;
}

  
/* GENERALITES  ==============================================================*/

 p{margin:bottom:6px}
 
  body#content hr,body#editor hr,body#frame hr {
    border: none 0;
    border-bottom: dotted 1px #fff; 
    clear: both;
	margin:10px auto;
	width:100%;
 }
  body  {
	padding-bottom:60px!important  ;
 }
  body#content hr.thick {
    border-bottom: solid 3px #fff; 
 }

 .capitale{ text-transform:uppercase!important; }
.gris {color:#aaa; }

body#content div.pageScrollerNav{display:none}

p { margin: 0 0 .85em 0 ; }

a {text-decoration:none; !important }
a:link {color:#c00;}
a:visited   {color:#c00;}
a:hover  {color:#666; }
a:active  {color:#c00; }

a.noir {text-decoration:none; !important }
a.noir:link {color:#000;}
a.noir:visited   {color:#000;}
a.noir:hover  {color:#c00; }
a.noir:active  {color:#000; }


img.right {
	margin-left: 10px;
	float:right;
}
 img.left {
	margin-right: 10px;
	float:left;
}


input.bouton, span.bouton {
	border:0 !important;
	background-color:#49494b;
 	font-weight:bold;
 	text-align:center;
	color:#fff!important;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px; 
 	padding: 6px 15px 5px 15px;
	font-size:14px;
	width:130px!important;
}
input.bouton.OK, span.bouton.OK {
	width:50px!important;
}
input.bouton.add, span.bouton.add {
 	background-color:#49494b;
}

input.bouton:hover, span.bouton:hover {
	background-color:#666!important;
	color:#c00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#fff;
 }
input.bouton:active, span.bouton:active {
	background-color:#49494b!important;
	color:#fff;
}
input, select, textarea{
	border:0;
	padding:4px;
	color:#666;
 }
input.texte{
	border:0 ;
	background-color:#fff;
 	padding: 6px 6px 3px 6px;
}
input.texte:focus, textarea.texte:focus{
	background-color:#eee;
 }

option.select_bold { font-weight:bold; }
 
div.load{
	display:none;width:100%;
 	position:absolute;
	margin:500px auto 0 auto;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;	
	text-align:center;
	z-index:1000
}
div.load img{
	width:50px;
}

/*  -------------  */

h1 {
	font-weight:normal;
	margin:0 0 10px 0;
 	font-size:32px;
	line-height:32px;
	color:#999;
	width:100%;
	text-align:left;
 }
  h2, h3,h4,h5,h6{
	font-weight:normal;
	margin:0;
 	line-height:1.2em;
	color:#999;
}
 h2{
	font-size: 26px;
	margin-bottom:4px;
  }
 h3{
	font-size:18px;
	margin-bottom:4px;
}
 .references{
	font-style:italic;
	font-size:13px;
	line-height:16px;
}
.alerte_query{
	font-style:italic;
	font-size:14px;
 }
 .signature{
	font-size: 24px;
	width:100%;
	text-align:center;
	margin:40px 0 26px 0;
 }
 .signature a {text-decoration:underline; !important }
 .signature a:link {color:#999;}
 .signature a:visited   {color:#999;}
 .signature a:hover  {color:#000; }
 .signature a:active  {color:#999; }
 
/*  outils  */



article #outils .st_sharethis{
	margin-top:10px; position:absolute
}

 article #outils .st_sharethis{margin-top: 1px}
 
label.detail.right{
	text-align:left!important;
	font-weight:bold;
 }


/* PREMIER NIVEAU  ==============================================================*/

html{height:100%}
iframe body#content {
	background:none;
}
body#content {
    	margin:0 0px;
	padding:0;	
 	font-size:15px;
 	line-height:20px;
	color:#999;
   }
div#container {
	margin:0 auto;
	width:100%;
	border:0px solid #f90;
	height:100%

 }
div#main_HP,div#main {
	margin:0 auto;
 	overflow:visible;
	height:100%;
   }
div#main {
	background:#fff;
 	padding:0px;
}
 
 
/* CONTENEUR  ==============================================================*/
 
div.content_container{
 	padding: 00px 0px 0px 0px ;
	clear:both;
 	overflow:hidden;
	height:100%;	
 }
  

/* MOSAIQUE  ==============================================================*/

 #haut {
	padding:0 4px 0 17px;
 	margin:0 ;
	/*height:65%;*/
	height:100%;
	background:#eee;
	overflow:hidden;
    } 
 #bas {
 	padding:0 4px 0 17px;
  	margin:0;
 	height:35%;
	background:#333;
    } 
 #poignee {
	position:absolute;
	padding: 6px ;
  	margin:-8px  auto 0 auto;
  	margin-left: calc(50% - 26px);
 	width:20px;
 	height:20px;
	background:#333;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px; 
	text-align:center;
	color:#aaa;
	font-weight:bold;
	z-index:1000;
 	cursor:pointer;
	line-height:26px;
    } 
 #poignee:hover{
	color:#fff;
	
    } 
  #haut_limite, #bas_limite{
	padding:0;
  	width:100%;
  	max-width:1100px;
	background:#fff;
  	margin:0 auto;
  } 
 
  .cell{
	float:left;
 	margin:1%;
  	width:23%;
  } 
 .cell img{
 	width:100%;
	margin: 6px 0px;
  } 
#header{
  	margin: 6px 0px  12px 0px;
	padding-bottom:0;
  } 
#haut #header{
 	color:#666;
  } 
#bas #header{
	color:#bbb;
  } 
  #header img{
	margin: 0 0 8px 0;
  } 
  #header img.logo{
	width:50%;
   } 
  #header img.hachoir{
  	margin-left:15%;
  	margin-top:8px;
  	margin-bottom:0;
	line-height:0;
	width:70%;
  } 

footer{
	position:fixed;
	padding:10px;
	font-size:.85em;
	bottom:0;
	z-index:1000;
	height:auto;
	background:#eee;
	width:calc( 100% - 20px );
	text-align:center;
}


.fancybox-title-inside-wrap {
    padding: 10px;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none ; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix  { clear: both; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }