/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('../fonts/bpicons/bpicons.eot');
	src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpicons/bpicons.woff') format('woff'),
		url('../fonts/bpicons/bpicons.ttf') format('truetype'),
		url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body, html {
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


body {
	font-family: din, Calibri, Arial, sans-serif;
	color: #585858;
	min-height: 900px;
	background: #F9F9F9;
	margin:0px;
	
	
}



p{
	line-height: inherit;
	font-size:inherit;
}

il{
	line-height: inherit;
}

a {
	color: #FBC236;
	text-decoration: none;
}

a:hover {
	color:#888888 !important;
}

a:visited {
	color: #FBC236;
}

.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0.875em 0.875em 0.875em;
	text-align: left;

}

.container{
	
	background-color: #F9F9F9;
	
	
}





.a.text:link{
	color:#4C4C4C !important;
}

.a.text:hover {
	color: #C7C7C7 !important;
}

a.text:visited {
	color:#4C4C4C!important ;
}

a.Sous-titre:link{
	color:#4C4C4C;
}

a.Sous-titre:hover {
	color: #C7C7C7 !important;
}

a.Sous-titre:visited {
	color:#4C4C4C;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0 0 0.6em 0;
	float: left;
	font-weight: 400;
	font-family: din, Calibri, Arial, sans-serif;
	color: #FFCC00;
	
	
}

.container > header > span {
	display: block;
	position: relative;
	z-index: 9999;
	text-transform: none;
	color: #585858;
	font-size: 1.2em;
	padding-top: 1%;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:0 -1px 0px rgba(255,255,255,2);
}

.container > header > span span:after {
	width: 30px;
	height: 30px;
	left: -12px;
	font-size: 50%;
	top: -8px;
	font-size: 75%;
	position: relative;
}

.container > header > span span:hover:before {
	content: attr(data-content);
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 110%;
	padding: 0.8em 1em;
	line-height: 1.2;
	text-align: left;
	left: auto;
	margin-left: 4px;
	position: absolute;
	color: #fff;
	background: #47a3da;
}






.main_container{
	padding-left:4em;
	max-width: 69em;
	background-color: #F9F9F9;
	margin-right: 0.1em;
	position:relative;
	width: 90%;
	margin: 0 auto;
	padding: 6em 1em 0 1.9em;
}

.text{
	color:#6F695F;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:0 -1px 0px rgba(255,255,255,2);
	text-align: justify;
	font-size: 0.83em;
	font-family: lato, Helvetica, Arial;
	line-height: 1.6em;
}

.textband{
	
	color:#6F695F;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:0 -1px 0px rgba(255,255,255,2);
	text-align: left;
	font-size: 0.8em;
	font-family: lato, Helvetica, Arial;
	line-height: 1.4em;
}

.rubrique{
	color: #FCBF29;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 0 -1px 0px rgba(255,255,255,2);
	font: 1.2em 'din', Calibri, Arial, sans-serif;
	font-size: 1.2em;
	font-family: din, Calibri, Arial, sans-serif;
}

.Titre{
	color: #83A4B5;
	text-align: left;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 0 -1px 0px rgba(255,255,255,2);
	font: 'din', Calibri, Arial, sans-serif;
	font-size: 1.5em;
	font-family: din, Calibri, Arial, sans-serif;
	line-height: 1em;
}

.Titre2{
	color: #767676;
	text-align: left;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow: 0 -1px 0px rgba(255,255,255,2);
	font: 'din', Calibri, Arial, sans-serif;
	font-size: 1.5em;
	font-family: din, Calibri, Arial, sans-serif;
	line-height: 1em;
}



.Sous-titre{
	line-height:normal;
	color: #606060;
	font-family: 'din', Calibri, Arial, sans-serif;
}

.Sous-rubrique{
	line-height:0.9em;
	color: #83A4B5;
	font-family: 'din', Calibri, Arial, sans-serif;
	font-size:1.3em;
	text-shadow:0 -1px 0px rgba(255,255,255,1);
	letter-spacing: -0.03em;
}

.ligne{
	border-bottom:dotted 1px  #FFCC00 ;
	
}

.cadre{
	border-bottom:1px dotted #83A4B5;
	border-top:1px dotted #FCBF29;
	margin:0px;
}

.footer{
margin-top: 1.5em;
position: relative;
z-index: 1;
background-color:#999;

	

}

.footer-content{
	padding-left:4em;
	max-width: 69em;
	margin-right: 0.1em;
	position:relative;
	width: 90%;
	margin: 0 auto;
	padding: 3em 4em 0 1.9em;	
	
}
	
.textfooter{
	font-family:lato, Helvetica, Arial;
	font-size:0.75em;
	color: #FFFFFF;
}

.tabfooter td{
	border-top: #C8C8C8 dotted 1px;
	
}

.fade {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
   }

   .fade:hover {
	opacity: 0.5;
      }


img {
	max-width: 100%;
}



.agenda {
	border-top: 0px dotted #191919;
	border-middle : dotted #D6D6D6 1px;
	table-layout: dotted #FFF 1px;
	color:#6F695F;
	line-height:0.8em;
	

}

.agenda thead tr th{
  border-bottom: 1px dotted #C1C1C1;
  border-top: 1px dotted  #C1C1C1;
}  
  
.agenda tr td, th{
	border-bottom: 1px dotted  #C1C1C1;
}

.text-bleu{
	color:#83A4B5;
	font-family: din, Calibri, Arial, sans-serif;
}


.share{
	color:#999999;
	-webkit-font-smoothing: subpixel-antialiased;
	text-shadow:0 -1px 0px rgba(255,255,255,2);
	font: 0.8em 'din', Calibri, Arial, sans-serif;
	margin-right: 2em;
	font-size: 0.9em;
}
.shareicon{
	padding:0;
	margin:0;
	z-index:999999999;
	background-color:#FF2F26
	

}
/* Button */
.btn,
.btn2 {
	float: left;
	clear: both;
	font-family: din, Calibri, Arial, sans-serif;
	font-size:0.78em;
	white-space: nowrap;
	line-height:1.2em;	
	
}


/* Button elements */
.btn > span,
.btn--icon > i,
.btn2 > span,
.btn2--icon > i  {
    padding: 0.2em 0.2em;
    display: inline-block;
    transition: 0.25s all;
	-o-transition:.25s;
  -ms-transition:.25s;
  -moz-transition:.25s;
  -webkit-transition:.25s;
  /* ...and now for the proper property */
  transition:.25s;
	
}
.btn > span,
btn2 > span {
	white-space: nowrap;
	color: #666;
	background: #DDD;
	border-radius: 0.3em;
	text-shadow:0 -1px 0px rgba(255,255,255,0.8);
	
	
	
	
	
}
.btn:hover > span,
.btn:focus > span {
	background:#FCBF29;
	color: #FFF;
	text-shadow:none;
	

	

	
}

.btn2:hover > span,
.btn2:focus > span {
	background:#D7D7D7;
	color: #5D5D5D;
	text-shadow:0 -1px 0px rgba(255,255,255,0.8);

	

	
}
.btn:active > span {
	background: #E44646;
	transition: none;
	color: #666;
}






.btn--add > span {
	background: #E4E4E4;
	color: #666;
	text-transform:uppercase;
	padding : 3px;


	
}

.btn2--contact > span {
	background: #FBC236;
	color:#FFF;
	text-transform:uppercase;
	border-radius: 0em 0 0 0em;
	text-shadow:0 0px 0px rgba(12,12,12,0);
	border-radius: 0.3em;
	padding : 0.2em;
	
}



/* TABS */


	h4{
		
		font-family: lato, Helvetica, Arial;
		font-weight:100;
	    line-height:0.4em;
		
		
	}
	
	.jquery_tabs {
		margin:0 0 0;
	}

	.jquery_tabs ul.tabs-list {
		display:table;
		font-size:0.8em;
		list-style-type:none;
		margin-left: -3em;
		position:relative;
		z-index:1;
		font-weight:normal;
		left: 0px;
	}

	.jquery_tabs ul.tabs-list li a {
		font-size:0,7em;
		width:3em;
		text-align:center;
		font-weight:normal;
		left: 0px;
		
	}

	.jquery_tabs .tabhead {
		position:absolute;
		left:-32768px; /* LTR */
		font-weight:normal;
		
		
	}

	.jquery_tabs .content {
		
		clear:both;
		position:relative;
		padding-top: 0.1em;

	}

	.jquery_tabs ul.tabs-list li {
		border:0 none;
		display:inline;
		float:left;
		margin:0 0.1em 0 0;
		padding:0;
		font-weight:normal;
	}

	.jquery_tabs ul.tabs-list li a {
		color:#ACACAC;
		display:block;
		float:left;
		font-weight:normal;
		text-shadow:none;
		margin:0;
		background-color:#ECECEC;
	}

	.jquery_tabs ul.tabs-list li a:focus,
	.jquery_tabs ul.tabs-list li a:hover,
	.jquery_tabs ul.tabs-list li a:active {
		background: #FCBF29;
		color: #FFF;
		font-weight:normal;
		outline: 0 none;
		text-decoration:none;
	}

	.jquery_tabs ul.tabs-list li.current a,
	.jquery_tabs ul.tabs-list li.current a:focus,
	.jquery_tabs ul.tabs-list li.current a:hover,
	.jquery_tabs ul.tabs-list li.current a:active {
		background: #C1C1C1;
		color: #FFF;
		font-weight:normal;
		outline: 0 none;
		text-decoration:none;
	}

	.jquery_tabs .current-info,
	.jquery_tabs .accessibletabsanchor {
		left:-999em;
		position:absolute;
	}

	/**
	* Avoid margin collapsing to enable correct sync of all tabs
	*
	* @workaround
	* @affected all browsers
	* @css-for all browsers
	* @valid yes
	*/

	.jquery_tabs .tab-content {
		border-bottom: 1px transparent solid;
		border-top: 1px transparent solid;
		*overflow:hidden;
	}

	/* IE < 7 don't support transparent borders */
	* html .jquery_tabs .tab-content {
	
	}

	/**
	* Containing floats adjustment and stability fixes for Internet Explorer
	*
	* @workaround
	* @affected IE 5.x/Win, IE6, IE7
	* @css-for IE 5.x/Win, IE6, IE7
	* @valid no
	*/

	* html .jquery_tabs .content { z-index:-1; }

	* html .jquery_tabs { zoom:1; width:auto; position:relative; }
	*+html .jquery_tabs { zoom:1; width:auto; }

	.jquery_tabs * { zoom:1; }


@media screen and (max-width: 55em) {

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}

	.container > header > span {
		text-indent: 0px;
	}

.no-js body .container .clearfix h1 {
	color: #CCCCCC;
}