@charset "utf-8";
/* CSS Document */

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

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

}

@font-face {
    font-family: 'codaheavy';
    src: url('../fonts/coda-heavy.eot');
    src: url('../fonts/coda-heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coda-heavy.woff2') format('woff2'),
         url('../fonts/coda-heavy.woff') format('woff'),
         url('../fonts/coda-heavy.ttf') format('truetype'),
         url('../fonts/coda-heavy.svg#codaheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
    padding-top:0px;
    margin:0;
    background-color:#fefefe;
		color:#091144;
    background-image:none;
    background-repeat:repeat;
    font-family: 'pt_sansregular';
    font-weight: normal;
    font-style: normal;
		
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'alegreya_sansregular';
    font-weight: 700;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    text-transform: uppercase;
}
.first-int {
    background-color: /*#19287d*/ #000f50;
    color: #fff;
		width:100%;
		clear:both;
}
/*////////TABLE RESPONSIVE */
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.responsive-table-line td.actions a img {margin-bottom:10px;}
.td-img{max-width:100%; height:140px}
/*#tblPanier .td-img{ background-color:#ff9a00;}*/
.table-striped > tbody > tr > td.td-img{ background-color:#ff9a00;}
.table-striped > tbody > tr:hover > td.td-img{ background-color:#ffbf40;}
.table-striped > tbody > tr:nth-child(2n+1) > td.td-img{ background-color:#ff9a00;}
.table-striped > tbody > tr:nth-child(2n+1):hover > td.td-img{ background-color:#ffbf40;}
.td-qte input{ max-width:100px; width:100px;}
.cmd{text-align:right;}
.responsive-table-line{width:100%;}
.responsive-table-line .table-liste td{padding-top:0px; padding-bottom:0px; text-align:center; font-size:0.8em;}

#iframeplanning{ margin:0 auto; display:block;}
@media (max-width: 800px) {	
	.responsive-table-line td:before { content: attr(data-title); }	
	.responsive-table-line table,
	.responsive-table-line thead,
	.responsive-table-line tbody,
	.responsive-table-line th,
	.responsive-table-line td,
	.responsive-table-line tr {display: block;	}
	.table-striped > tbody > td:nth-child(2n+1) > td {background-color: #F9F9F9;}
	.responsive-table-line thead tr {display:none;}
	
	.responsive-table-line td {
		position: relative;
		border: 0px solid transparent;
		padding-left: 45% !important;
		text-align:right;
		font-size:90%;
		width: 100%;
		height:auto;
		overflow:hidden;
	}	
	.responsive-table-line td:before {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 40%;
		padding-right: 15px;
		height:3em;
		text-overflow: ellipsis !important;
		overflow:hidden !important;
		text-align:left;
		background-color:#f1f1f1;
		border: 1px solid #C1C1C1;
		margin-top:-1px;
	}
	.responsive-table-line td.td-img{ display:block; padding-left:40% !important;/*; padding-right:22% !important;*/}
	.responsive-table-line td.td-img:before {display:none;}
	.responsive-table-line td.moyen:before {height:5em;}
	.responsive-table-line td.actions:before {height:55px;}
	.responsive-table-line   :nth-child(2n+1)>td:before  {background-color:#e3e3e3;}
	.responsive-table-line td.actions:before {height:55px;}
	.table-hover>tbody>tr:hover>td:before {background-color:#d4d4d4;}
	.table > tbody > tr > td{ padding:4px ; text-align:right;}
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { color:#00afff;font-weight:900;}
.table > thead > tr > th { color:#00afff; background-color:#fff; border-width:0}
.table > thead > tr > td{ color:#00378b; border-width:0;}
.table-striped > tbody > tr:nth-child(2n+1) > td.cmd, .responsive-table-line> tbody > td.cmd{ background-color:transparent !important;}

.table-bordered { border: 1px solid #c1c1c1;border-width:0;}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9; color:#ff7e00; font-weight:900;}
table.color > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color:#fff; color:#ff7e00; font-weight:900;}
a.a-bouton{color:#fff;background: #dc4912;  -webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px; padding:10px; display:inline-block; margin-bottom:5px;}
a.a-bouton:hover,.a-bouton:focus,.a-bouton:active{
		background: #dc4912; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, #ec5e29 0%, #dc4912 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ec5e29), color-stop(100%,#dc4912)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #ec5e29 0%,#dc4912 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #ec5e29 0%,#dc4912 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #ec5e29 0%,#dc4912 100%); /* IE10+ */
		background: radial-gradient(ellipse at center, #ec5e29 0%,#dc4912 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5e29', endColorstr='#dc4912',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		-webkit-box-shadow:inset 0 0 3px 0 #a23107;
		box-shadow:inset 0 0 3px 0 #a23107;
		}	
table.color{     border-collapse: separate;     border-spacing: 5px; }	
.color ul{ padding:0;list-style: none;}
.color ul li{ display:block; }
table.color   a.a-bouton{ text-decoration:none;}

table.color  > tbody > tr> td { border:0px; }
table.color > tbody > tr.violet> td:first-child { border-style:solid; border-color:#f0f0f0 #783b8e ;border-width:0 0 0 5px;}
table.color > tbody > tr.violet> td:last-child { border-style:solid; border-color:#f0f0f0 #783b8e ;border-width:0 5px 0 0px ;}
table.color tr.violet   a.a-bouton{ background-color:#783b8e;}
table.color   tr.violet  a.a-bouton:hover{ background:#00378b !important;}

table.color > tbody > tr.jaune> td:first-child { border-style:solid; border-color:#f0f0f0 #ffcc00 ;border-width:0 0 0 5px;}
table.color > tbody > tr.jaune> td:last-child { border-style:solid; border-color:#f0f0f0 #ffcc00 ;border-width:0 5px 0 0 ;}
table.color tr.jaune  a.a-bouton{ background-color:#ffcc00;}
table.color   tr.jaune a.a-bouton:hover{ background:#00378b !important;}

table.color > tbody > tr.orange> td { color:#ff7e00 ;}
table.color > tbody > tr.orange> td:first-child { border-style:solid; border-color:#f0f0f0 #ff7e00 ;border-width:0 0 0 5px;}
table.color > tbody > tr.orange> td:last-child { border-style:solid; border-color:#f0f0f0 #ff7e00 ;border-width:0 5px 0 0 ;}
table.color tr.orange a.a-bouton{ background-color:#ff7e00 ;}
table.color   tr.orange  a.a-bouton:hover{ background:#00378b !important;}

table.color > tbody > tr.bleuclair> td { color:#00afff ;}
table.color > tbody > tr.bleuclair> td:first-child { border-style:solid; border-color:#f0f0f0 #00afff ;border-width:0 0 0 5px;}
table.color > tbody > tr.bleuclair> td:last-child { border-style:solid; border-color:#f0f0f0 #00afff ;border-width:0 5px 0 0 ;}
table.color tr.bleuclair  a.a-bouton{ background-color:#00afff;}
table.color   tr.bleuclair  a.a-bouton:hover{ background:#00378b !important;}

table.color  > tbody > tr.violet > td ,
table.color  > tbody > tr.violet > td  .titre{ color:#783b8e;}
table.color  > tbody > tr.jaune > td  { color:#00378b;}
table.color  > tbody > tr.jaune > td  .titre{ color:#ffcc00;}
table.color  > tbody > tr.orange > td  .titre,
table.color  > tbody > tr.orange > td  .titre{ color:#ff7e00;}
table.color  > tbody > tr.bleuclair> td  .titre,
table.color  > tbody > tr.bleuclair > td  .titre{ color:#00afff;}


.table-striped  > tbody > tr.violet > td .libelle,
.table-striped  > tbody > tr.orange > td .libelle,
.table-striped  > tbody > tr.jaune > td .libelle,
.table-striped  > tbody > tr.bleuclair> td .libelle
{ color:#00378b;}	

.table-striped  > tbody > tr.violet:nth-child(2n+1) > td .libelle,
.table-striped  > tbody > tr.orange:nth-child(2n+1) > td .libelle,
.table-striped  > tbody > tr.jaune:nth-child(2n+1) > td .libelle,
.table-striped  > tbody > tr.bleuclair:nth-child(2n+1) > td .libelle
{ color:#00378b}

.table-striped .simple{}
.table-striped.simple > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
color:#091144; font-weight: 100;
}
/*////////SECTION  */
.noir{background-color:#000; color:#fff;padding-left:15px;padding-right:15px;}
.gris{background-color:#f9f9f9; color:#061e3f;
	background-repeat:repeat; border-top:solid 0px #d2d2d2; border-bottom:solid 0px #d2d2d2; padding-top:20px; padding-bottom:20px; }
.gris .h1,.gris .h2,.gris .h3,.gris .h4,.gris .h5,.gris .h6{ color:#fff;}
.bleu{background-color:#19287d; color:#fff;
	background-repeat:repeat; border-top:solid 0px #d2d2d2; border-bottom:solid 0px #d2d2d2; padding-top:20px; padding-bottom:20px; }
.bleu .h1,.bleu .h2,.bleu .h3,.bleu .h4,.bleu .h5,.bleu .h6{ color:#fff;}
.backgris{ background-color:rgba(0,0,0,0.2); padding:15px; min-height:240px; }
.bandeauCouleur{background-color: #626979; color: #FFF; text-align:center; padding:10px;margin:1px 0;}
.blanc{ background-color:#fff;  padding-top:20px; padding-bottom:20px; }
.blanc h1, .blanc h2,.blanc h3,.blanc h4,.blanc h5,.blanc h6, .blanc titre-page {color:#19287d;}
.orange{color:#ffbf40;}
.bleuclair{ color:#00afff;}
@media (min-width:590px){
		.color01,.color02,.color03,.color04,.color05,.color06,.color07,.color08,.color09,.color010{width:49%; margin:0.5%;}
}
@media (min-width:768px){
		.color01,.color010{width:65.66666666%; margin:0.5%;}
		.color02,.color03,.color04,.color05,.color06,.color07,.color08,.color09{width:32.333333333%; margin:0.5%;}
}
@media (min-width:1200px) {
	.color01,.color02,.color03,.color04,.color05,.color06,.color07,.color08,.color09,.color010{width:19%; margin:0.5%;}
	
}


.br{border-right:5px solid #fff;}
.bl{border-left:5px solid #fff;}
.bl2{border-left:10px solid #fff;}
.bb{border-bottom:5px solid #fff;}
.bt{border-top:5px solid #fff;}
.bt2{border-top:10px solid #fff;}
.bor{border:1px solid #CCC; margin-top:11px;}



#map-canvas{
    margin-top:0px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
    border:0px #999 solid;	
}

.clearall{ clear:both; line-height:0px; height:0px;}

/*HEADER*/
.div-general{ background-color:transparent;}
.container{width:98%; margin:0; padding:0 10px;}

.first {margin-top: 200px;}
	
/*HEADER*/
	.container{width:98%; margin:0; padding:0 1%;}
	.a-bouton{ white-space:nowrap;}
	
@media (min-width:526px){	
	.container{width:98%; margin:0; padding:0 10px;}
}
@media (min-width:590px){
	.container{width:98%; margin:0; padding:0 10px;}

	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-45{width:33.33333333%; float:left;}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:0%}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:0%}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0%}
}
@media (min-width:600px){
	.container{width:98%; margin:0; padding:0 10px;}
	.first {margin-top: 200px;}
}
@media (min-width:640px){	
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
	.first {margin-top: 200px;}
}
@media (min-width:768px){	
	.container{width:98%; margin:0; padding:0 10px;}
	.first {margin-top: 200px;}
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-45{width:33.33333333%; float:left;}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:0%}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:0%}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0%}
}
@media (min-width:800px){
	.container{width:98%; margin:0; padding:0 10px;}
	.first {margin-top: 200px;}
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-45{width:37%; float:left;}
	.col-md-3{width:25%}
	.col-md-3bis{width:18%; margin:1%;}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:0%}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:0%}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0%}
}
@media (min-width:834px){
	.container{width:98%; margin:0; padding:0 10px;}
	.first {margin-top: 200px;}
}
@media (min-width:980px){	
	/*HEADER*/
	.container{width:98%; margin:0; padding:0 10px;}
	.first {margin-top: 242px;}
}
@media (min-width:992px){
	/*HEADER*/
	.container{width:98%; margin:0; padding:0 10px;}
	.first {margin-top: 242px;}
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-45,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}	
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}	
	.col-lg-45{width:37.5%;padding:0 15px 0 15px; margin:0}
	.col-lg-3{width:25%}
	.col-lg-3bis{width:18%;margin:1%;}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666667%}
	.col-lg-pull-10{right:83.33333333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666667%}
	.col-lg-pull-7{right:58.33333333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666667%}
	.col-lg-pull-4{right:33.33333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.66666667%}
	.col-lg-pull-1{right:8.33333333%}
	.col-lg-pull-0{right:0%}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666667%}
	.col-lg-push-10{left:83.33333333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666667%}
	.col-lg-push-7{left:58.33333333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666667%}
	.col-lg-push-4{left:33.33333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.66666667%}
	.col-lg-push-1{left:8.33333333%}
	.col-lg-push-0{left:0%}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666667%}
	.col-lg-offset-10{margin-left:83.33333333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666667%}
	.col-lg-offset-7{margin-left:58.33333333%}	
	.col-lg-offset-6{margin-left:50%}	
	.col-lg-offset-1{margin-left:8.33333333%}
	.col-lg-offset-0{margin-left:0%}
	.col-lg-offset-5{margin-left:41.66666667%}
	.col-lg-offset-4{margin-left:33.33333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.66666667%}
	}
@media (min-width:1024px){
	.container{width:990px;margin-left:auto; margin-right:auto;}
	.first {margin-top: 242px;}
}

@media (min-width:1200px){
	/*HEADER*/
	.div-general{width:100%;margin-left:auto; margin-right:auto;margin-bottom:0;min-height:90vh;}
	.container{width:1150px;margin-left:auto; margin-right:auto;margin-bottom:0;}
	.first {margin-top: 242px;}
}
@media (min-width:1400px){
	.div-general{width:100%;margin-left:auto; margin-right:auto;margin-bottom:0; min-height:90vh;}
	.container{width:1150px;margin-left:auto; margin-right:auto;margin-bottom:0;}
	.container.full{width:94%;margin-left:3%; margin-right:3%;margin-bottom:0;}	
	.container.fullfull{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0; padding:0}
	
	.first {margin-top: 242px;}
	.second{width:100%; background-color:#fff;}
}
.ul-sans{ list-style:none; padding-left:5px; }

.mt100{margin-top:200px ;}
#btn-up{ width:40px; height:40px;  background-color:rgba(0,0,0,0.7);position: fixed;
	cursor: pointer; display:none;
	padding:0;margin:0;
	-moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%;
	opacity:0.8;z-index:10000;
}

#btn-up:after{font-family:'Glyphicons Halflings';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e113";
	font-size:1em;
	line-height:2em;
	color:#fff;
	padding-left:0.8em;
}
@media (min-width:360px){#btn-up{ bottom: 50px;right: 20px;}}
@media (min-width:768px){#btn-up{ bottom: 50px;right: 20px;}}
@media (min-width:800px){#btn-up{ bottom: 50px;right: 20px;}}
@media (min-width:1024px){#btn-up{ bottom: 20px;right: 15px;}}




@media (min-width:20px){
	.img-1tierGche{ width:100%; height:auto; max-width:100%; float:left; padding: 5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:100%; float:left; padding:5px;}
	.img-1tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	
	.img-demidte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-demigche{  width:100%; height:auto;max-width:100%;height:auto; float:left; padding:5px;}
	
	.img-1quartGche{width:100%; height:auto;max-width:100%;height:auto; float:left; padding:5px;} 
	.img-1quartDte{width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
}

@media (min-width:500px){
	.img-1tierGche{ width:100%; height:auto; max-width:100%; float:left; padding-right:5px; padding-bottom:5px; padding-top:5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:100%; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	
	.img-1tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	
	.img-demidte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	.img-demigche{  width:100%; height:auto;max-width:100%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}
	
	.img-1quartGche{width:100%; height:auto;max-width:100%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;} 
	.img-1quartDte{width:100%; height:auto;max-width:100%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}

}
@media (min-width:600px){
	
	.img-1tierGche{ width:100%; height:auto; max-width:100%; float:left; padding:5px;}
	.img-2tierGche{  width:100%; height:auto;max-width:100%; float:left; padding:5px;}
	
	.img-1tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-2tierDte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	
	.img-demidte{  width:100%; height:auto;max-width:100%;height:auto; float:right; padding:5px;}
	.img-demigche{  width:100%; height:auto;max-width:100%;height:auto; float:left; padding:5px;}
	
	.img-1quartGche{width:50%; height:auto;max-width:50%;height:auto; float:left; padding:5px;} 
	.img-1quartDte{width:50%; height:auto;max-width:50%;height:auto; float:right; padding:5px;}
	
	
	}
@media (min-width:800px){
	
.img-1tierGche{ width:100%; height:auto; max-width:33.33333333%; float:left; padding-right:5px; padding-bottom:5px; padding-top:5px;}
.img-2tierGche{  width:100%; height:auto;max-width:66.66666666%; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}

.img-1tierDte{  width:100%; height:auto;max-width:33.33333333%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
.img-2tierDte{  width:100%; height:auto;max-width:66.66666666%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}

.img-demidte{  width:50%; height:auto;max-width:50%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
.img-demigche{  width:50%; height:auto;max-width:50%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}

.img-1quartGche{width:25%; height:auto;max-width:25%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;} 
.img-1quartDte{width:25%; height:auto;max-width:25%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
	}
@media (min-width:1024px){

.img-1tierGche{ width:100%; height:auto; max-width:33.33333333%; float:left; padding-right:5px; padding-bottom:5px; padding-top:5px;}
.img-2tierGche{  width:100%; height:auto;max-width:66.66666666%; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}

.img-1tierDte{  width:100%; height:auto;max-width:33.33333333%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
.img-2tierDte{  width:100%; height:auto;max-width:66.66666666%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}

.img-demidte{  width:50%; height:auto;max-width:50%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;}
.img-demigche{  width:50%; height:auto;max-width:50%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;}

.img-1quartGche{width:25%; height:auto;max-width:25%;height:auto; float:left; padding-right:5px;padding-bottom:5px;padding-top:5px;} 
.img-1quartDte{width:25%; height:auto;max-width:25%;height:auto; float:right; padding-left:5px;padding-bottom:5px;padding-top:5px;} 
}

.panel-title > a { display:block; width:100%;}
.panel-heading { padding:5px; text-align:center;}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top:0px solid #ecf0f1;
}


.lien{ color:#55575d;border: 2px solid #55575d;background-color:rgba(255,255,255,0);display:inline; padding:15px 20px; border:2px solid #55575d;  
margin:0 auto; text-transform:uppercase; }
.lien:hover{ background-color:rgba(255,255,255,0.6);
	border: 2px solid #ffbf40;
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
		}
.blanc .lien:hover{ background-color:rgba(76,186,122,1);
	color:#fff;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
		}


.a-glyph{ clear:both;font-size:100%; display:inline-block;padding:15px 5px 5px 0; }


/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 { margin: 0; }
.p-reset, .pa0 { padding: 0; }
.ma1, .mas { margin: 0; }
.ma2, .mam { margin: 0; }
.ma3, .mal { margin: 0; }
.pa1, .pas { padding: 0; }
.pa2, .pam { padding:0; }
.pa3, .pal { padding: 0; }

.mt0, .mtn { margin-top: 0; }
.mt1, .mts { margin-top: 10px; }
.mt2, .mtm { margin-top: 20px; }
.mt3, .mtl { margin-top: 30px; }
.mr0, .mrn { margin-right: 0; }
.mr1, .mrs { margin-right: 10px; }
.mr2, .mrm { margin-right: 20px; }
.mr3, .mrl { margin-right: 30px; }
.mb0, .mbn { margin-bottom: 0; }
.mb1, .mbs { margin-bottom: 10px; }
.mb2, .mbm { margin-bottom: 20px; }
.mb3, .mbl { margin-bottom: 30px; }
.mb5 { margin-bottom: 50px; }
.ml0, .mln { margin-left: 0; }
.ml1, .mls { margin-left: 10px; }
.ml2, .mlm { margin-left: 20px; }
.ml3, .mll { margin-left: 30px; }

.pt0, .ptn { padding-top: 0; }
.pt1, .pts { padding-top: 10px; }
.pt2, .ptm { padding-top: 20px; }
.pt3, .ptl { padding-top: 30px; }
.pr0, .prn { padding-right: 0; }
.pr1, .prs { padding-right: 10px; }
.pr2, .prm { padding-right: 20px; }
.pr3, .prl { padding-right: 30px; }
.pb0, .pbn { padding-bottom: 0; }
.pb1, .pbs { padding-bottom: 10px; }
.pb2, .pbm { padding-bottom: 20px; }
.pb3, .pbl { padding-bottom: 30px; }
.pb5{padding-bottom: 50px;}
.pl0, .pln { padding-left: 0; }
.pl1, .pls { padding-left: 10px; }
.pl2, .plm { padding-left: 20px; }
.pl3, .pll { padding-left: 30px; }
.plr1{ padding-left:10px; padding-right:10px}
.plr2{padding-left:20px; padding-right:20px}
.pad10{padding:10px 10px 10px 10px;}
.pad20{padding:20px 20px 20px 20px;}
.pad30{padding:30px 30px 30px 30px;}
.mtb50{	margin:50px 0;}

.pall10{padding-top: 10px;padding-right: 10px; padding-bottom: 10px; padding-left: 10px;}
.pall20{padding-top: 20px;padding-right: 20px; padding-bottom: 20px; padding-left: 20px;}
.pall30{padding-top: 30px;padding-right: 30px; padding-bottom: 30px; padding-left: 30px;}
.pall40{padding-top: 40px;padding-right: 40px; padding-bottom: 40px; padding-left: 40px;}
.margin-10{margin:10px;}	
.img-float-right{ display:block; float:right;}
.img-float-left{ display:block; float:left;}

.legende{ font-size:0.8em; }
.legende .legende-orange,
.legende .legende-jaune,
.legende .legende-violet,
.legende .legende-bleuclair{ display:inline-block; width:15px; height:15px; }
.legende .legende-orange{ background-color:#ff7e00;}
.legende .legende-jaune{ background-color:#ffcc00;}
.legende .legende-violet{ background-color:#783b8e;}
.legende .legende-bleuclair{ background-color:#00afff;}

.legende  .orange{ font-size:0.8em; color:#00378b;}
.legende  .jaune{ font-size:0.8em; color:#00378b;}
.legende  .violet{ font-size:0.8em; color:#00378b;}
.legende  .bleuclair{ font-size:0.8em; color:#00378b;}