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

@font-face {
    font-family: 'regular';
    src: url('../fonts/opensans-regular.woff2') format('woff2'),
         url('../fonts/opensans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'bold';
    src: url('../fonts/opensans-semibold.woff2') format('woff2'),
         url('../fonts/opensans-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'thin';
    src: url('../fonts/opensans-light.woff2') format('woff2'),
         url('../fonts/opensans-lightt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    padding-top:0px;
    margin:0;
    background-color:#ffffff;
	color:#666666;
    background-image:none;
    background-repeat:repeat;
    font-family: 'regular';
	font-size:1em;	
}
legend{font-size:100%; font-weight:bold;color:#666666;}
fieldset {padding :10px 10px 10px 20px;border: 1px solid #ffd502;width:auto;}
a{color: #192C4b; text-decoration:none;}
table a, .table a{ text-decoration:none;}
a:hover,a:focus{color:#6284a8; text-decoration:none;}
table a::after, .table  a:after   {
	/*font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    font-size: 0.8rem;
    line-height: 0.5rem;
    color: #ffd502;
    position: relative;
    left: 0px;
    top: 2px;
    padding-top: 2px;*/
}
table a:hover:after, .table  a:hover:after   {
		color: #ffd502;
}
.btn-default{background-color:#8c7155;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
		background-color:#cbac59;
}
.pager li>a,.pager li>span{background-color: #8c7155;border:1px solid transparent;border-radius:15px;}
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color: rgba(197,157,95,1);}
.pagination>li>a,.pagination>li>span{color:#ffffff;background-color:#8c7155;}
	.pagination>li>a:hover,.pagination>li>span:hover{color:#ffffff;background-color:#ef5f34;border-color:transparent}
	.pagination>li>a:focus,.pagination>li>span:focus{color:#ffffff;background-color:#ef5f34;border-color:transparent}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'bold';
    font-weight: 700;
	color:#222222;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    text-transform: uppercase;
	letter-spacing: 1px;
}
h1 {
 font-size:34px;
 line-height:1.1em;
 margin-bottom:14px
}
h2 {
 font-size:28px;
 line-height:1.1em;
 margin-bottom:10px
}
h3 {
 font-size:20px;
 line-height:1.1em;
 margin-bottom:8px
}
h4 {
 font-size:18px;
 line-height:1.1em;
 margin-bottom:4px
}
h5 {
 font-size:16px;
 line-height:1.1em
}
h6 {
 font-size:14px;
 line-height:1.1em
}
p {font-size:83%;}
.warning{ color:#f2254e;}
.titre{font-weight:900;font-size:110%;}
.adresse{font-weight:100;font-size:100%;color:#0066a8}
/*////////TABLE RESPONSIVE */
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.table > thead > tr > th {
	background-color:#06619c;;
}
/*.table > thead > tr > th.th-action {min-width:250px;}*/
.responsive-table-line td.actions {padding:3px 0;min-width:170px;width:170px;text-align:center;vertical-align: middle;}
.responsive-table-line td.actions a img {margin-bottom:10px;padding-left:0;padding-right:0;}
.responsive-table-line td.actions.width20{width:100px;min-width:100px;vertical-align: middle;}
.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;}


@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-striped > tbody > tr:nth-child(2n+1) > td.cmd, .responsive-table-line> tbody > td.cmd{ background-color:transparent !important;}

.responsive-table-line td.actions a {
    padding: 0 5px;
    width: 100%;
    display: block;
}
.responsive-table-line ul.ul-actions  {
   list-style: none;
   margin:0;
   padding:0;
}
.responsive-table-line ul.ul-actions li  {
   list-style: none;
   float:left;
   width:40px;
   height:40px;
}
.responsive-table-line ul.ul-actions li  a{
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 ;
	opacity:0;
}
.responsive-table-line td.actions a:hover {
    opacity:1;
}
.responsive-table-line ul.ul-actions li.modifier {
	background: url(../img/pictos/modifier.png) no-repeat;
    background-position:center;
}
.responsive-table-line ul.ul-actions li.supprimer {
	background: url(../img/pictos/supprimer.png) no-repeat;
    background-position:center;
}
.responsive-table-line ul.ul-actions li.voir {
	background: url(../img/pictos/voir.png) no-repeat;
    background-position:center;
}
.responsive-table-line ul.ul-actions li.esp-co {
	background: url(../img/pictos/espco-non.png) no-repeat;
    background-position:center;
}
.responsive-table-line ul.ul-actions li.esp-co.active {
	background: url(../img/pictos/espco-oui.png) no-repeat;
    background-position:center;
}
.responsive-table-line td.actions a.modifier {
    background: url(../img/pictos/modifier-over.png) no-repeat;
    background-position:center;
	
}
.responsive-table-line td.actions a.supprimer {
    background: url(../img/pictos/supprimer-over.png) no-repeat;
	background-position:center;
}
.responsive-table-line td.actions a.voir {
    background: url(../img/pictos/voir-over.png) no-repeat;
	background-position:center;
}
.responsive-table-line td.actions a.esp-co {
    background: url(../img/pictos/espco-over.png) no-repeat;
	background-position:center;
}
.responsive-table-line td.actions a.esp-co.disabled {
    background: url(../img/pictos/espco-non.png) no-repeat;
	background-position:center;
}
.responsive-table-line ul.ul-actions li.upload {
	background: url(../img/pictos/upload.png) no-repeat;
    background-position:center;
}
.responsive-table-line td.actions a.upload {
    background: url(../img/pictos/upload-over.png) no-repeat;
	background-position:center;
}
.responsive-table-line td.actions a.upload.disabled {
    background: url(../img/pictos/upload-disabled.png) no-repeat;
	background-position:center;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fcfcfc;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f6f6f6;
}
#TabMembres{ font-size:85%;}
#TabAdh{ font-size:85%;}
.remplissage{ display:block;width:100%; height:22px;background-color:#f4f4f4;border:1px solid #d2d2d2;}
.pourcentage{display:block; height:20px;background-color:#56bf84;text-align:right;color:#fff;font-size:12px;line-height:18px;padding-right:10px;}
.orga-photo{display:block; width:150px; height:60px; margin:0 auto; background-size:contain;background-repeat: no-repeat;

}
.fiche-photo{display:block; width:75px; height:100px; margin:0 auto; background-size:cover;background-position:center center;}
.valid{display:block; width:30px; height:30px; margin:2px; float:left; background-size:cover;background-image:url(../img/pictos/valid.png)}
.no-valid{display:block; width:30px; height:30px; margin:2px; float:left; background-size:cover;background-image:url(../img/pictos/no-valid.png)}
/*////////SECTION  */
.noir{background-color:#000; color:#fff;padding-left:15px;padding-right:15px;}
.gris{/*background-color:#fcfcfc; */background-color:#fff;
	background-repeat:repeat;  border:solid 1px #e1e1e1; padding-top:20px; padding-bottom:20px; }
.gris .h1,.gris .h2,.gris .h3,.gris .h4,.gris .h5,.gris .h6{ color:#fff;}

.gris .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #f9f9fa;}
.gris .form-control {border: 1px solid #e1e1e1;}

.bleu{background-color:#0866b8; 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;}
.bleu .blanc{color:#666666;}
.bleu .blanc label {color:#0866b8;}
.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:#31281d}
.orange{color:#ffbf40;}
.first{padding: 10px 20px; margin-bottom:0px;background-color:#fcfcfc; color:#ced1d9; clear:both;border-width: 1px 0;
border-style: solid;
border-color:
#e1e1e1;}

.div-lancer-recherche-rapide{ float:left; text-align:center;width:10%;}
.div-lancer-recherche-rapide label{ display:block; padding-bottom:10px;}


.form-control-simple{display:inline-block;width:auto;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;
background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}

@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%;}
	.div-cat h2{ font-size:1em;}
}

.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;}
.height1{ height:350px;}
.height2{ height:175px;}
.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;	
}

/*DIV X4*/
.clearall{ clear:both; line-height:0px; height:0px;}

/*HEADER*/
.div-general{ background-color:transparent;}
.container{width:98%; margin:0; padding:0 10px;}
.container{width:98%; margin:0; padding:0 10px;}
.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:20px 0; }
.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0; padding: 0; }
.myLogo{ position:absolute; top:70px; left:15%; width:300px; height:132px; background-image:url(../img/logo-chutes-metalx300.png); background-repeat:no-repeat; background-size:cover; z-index:250;}

@media (min-width:800px){
	.container{width:98%; margin:0 1%;padding:0 1%;}
	.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
}

@media (min-width:320px){
	.container{width:98%; margin:0 1%;padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}

@media (min-width:526px){	
	.container{width:98%; margin:0 1%; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}
@media (min-width:590px){
	.container{width:98%; margin:0 1%; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
	
	.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-1-5{margin-left:12.499999995%}
	.col-sm-offset-0{margin-left:0%}
}
@media (min-width:600px){
	.container{width:98%; margin:0 1%; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}
@media (min-width:640px){	
	.carousel-indicators {bottom: 0px; margin-bottom:0;}
}
@media (min-width:768px){	
	.container{width:98%; margin:0 1%; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}

	.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 1%; padding:0 10px;}
	.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; }
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0; }
	.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 auto; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}	
}
@media (min-width:980px){
	.first{margin-top:0px;}
	.container{width:98%; margin:0; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}
@media (min-width:992px){
	.container{width:98%; margin:0; padding:0 10px;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
	.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-1-5{margin-left:12.499999995%}
	.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;}
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}
@media (min-width:1200px){
	.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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}
@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;}
	.container.fullcar{width:100%;margin-left:0%; margin-right:0%;margin-bottom:0;}
}
.md-modal .container{ width:100%;}
	
.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;}}

a.a-bouton{color:#fff;background:#192C4b; -webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px; padding:10px;display:inline-table;}
a.a-bouton:hover,.a-bouton:focus,.a-bouton:active{
		background:#192C4b; /* Old browsers */
		-webkit-box-shadow:inset 0 0 0px 0 #1b7bb9;
		box-shadow:inset 0 0 0px 0 #1b7bb9;
		}
@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;} 
}
.breadcrumb{ margin:0; padding:0px 20px; background-color:transparent;color:#888888; font-size:0.8em;}
.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;
}

#div-page01{ min-height:550px; padding-top:120px; float:inherit; background:transparent; color:#fff; border:none;}
.svg01{ position:relative; margin-bottom:-2px;}
.svg02{ position:relative; margin-top:-2px;}


.vert{background-color:#1b3756; color:#fff; padding:30px 15px;}
h1.vert{text-align:center;padding-top:15px; padding-bottom:15px; -webkit-border-radius:5px;border-radius:5px;}
.vert h1,.vert h2,.vert h3,.vert h4,.vert h5,.vert h6{color:#f2f2f2; }
.second{ background-color:#fff; padding-top:20px; padding-bottom:20px;}
.second label{color:#222222;}
.second h1,.second h2,.second h3,.second h4,.second h5,.second h6{color:#222222;font-size:80%;}
.second h1{font-size: 130%;}
.second h2{font-size: 120%;}
.second label{color:#666666;}
.secondBread{background-color:rgba(0,0,0,0.2); padding:5px 0; font-size:0.8em;}
.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;
		}

#div-page02{  padding-top:10px; padding-bottom:10px;margin-bottom:0; margin-top:0px;  clear:both;}
#div-page04{  padding-top:50px; padding-bottom:50px;margin-bottom:0; min-height:300px;}
#div-page05{padding-top:50px; padding-bottom:50px;margin-bottom:0; min-height:300px;}

.a-glyph{ clear:both; color:#000; font-size:100%; width:100%; display:block; text-align:right; text-transform:uppercase;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;}
.preset{padding:0;}
.mreset{margin:0;}
.txtcenter{ text-align:center;}

footer {
	background-color:#ffffff;
	color:#626262;
	text-align:left;
	margin-top:0px;
	padding:0 10px 20px 10px;
	min-height:10vh;
	border-top:1px solid #cecece;
}
footer .footer-above {
    padding-top: 15px;
    /*background-color:#2E2E2E;*/
}
footer .footer-above a {
	 font-size:0.9em;
	 color:#d5d5d5;
}
footer .footer-below a {
   
	 text-align:center;
	 margin:0 auto;
}

@media (min-width:990px){
	.panel-body .col-lg-6{ width:100%}
}
@media (min-width:1200px){
	.panel-body .col-lg-6{ width:50%}
}
@media (min-width:1024px){
	.div-1tiersGche{ width:100%; float:left;}
	.div-1tiersDte{ width:100; float:right;}
	.div-2tiersGche{ width:100%; float:left;}
	.div-2tiersDte{ width:100%; float:right;}
	.div-1quartGche{ width:100%; float:left;}
	.div-1quartDte{ width:100%; float:right;}
	
	.div-1tiersGche h1, .div-1tiersGche h2, .div-1tiersGche h3, .div-1tiersGche a{text-align:center;}
	.div-1tiersGche h4, .div-1tiersGche h5, .div-1tiersGche h6{text-align:center; color:#cbac59}
	.div-1tiersGche p{text-align:center;}
}
@media (min-width:1024px){
	.div-1tiersGche{ width:33.333333333%; float:left; padding:10px}
	.div-1tiersDte{ width:33.333333333%; float:right; padding:10px}
	.div-2tiersGche{ width:66.666666666%; float:left; padding:10px}
	.div-2tiersDte{ width:66.666666666%; float:right; padding:10px}
	.div-1quartGche{ width:25%; float:left; padding:10px}
	.div-1quartDte{ width:25%; float:right; padding:10px}
}

h3.sous-titre,h4.sous-titre,h5.sous-titre,h6.sous-titre, p.sous-titre,
.classique h3.sous-titre,.classique h4.sous-titre,.classique h5.sous-titre,.classique h6.sous-titre,.classique p.sous-titre {
	color:#cbac59;;
	font-style:italic;
	height:40px; line-height:40px;
	text-align:center;
	 border:1px solid #cbac59;; border-width: 0 0 1px 0;  margin-bottom:50px;
}
.sous-titre:after{ content:'*'; background-color:#fff; width:30px; height:15px; line-height:28px;  font-size:1.5em; font-style:normal; display:block; 
margin:0 auto 5px auto; position:relative; top:-8px; border:0px solid #cbac59;}
.min{ min-height:40vh}
hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 1px;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 1px;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: 1px;
    border-top: 1px dashed #ffd502;
	border-bottom: 0px dashed     #abaec0;
    clear: both;
}
/*FENETRE MODALE LISTE*/
.modal-dialog.liste {
    width: 80%;
    margin: 30px auto;
}
.modal-dialog.liste  .modal-title{text-align:center; text-transform:none; padding-top:20px;}
.bootstrap-select .dropdown-menu {background-color:#fff;}
.bootstrap-select .btn{background-color:#fff;}
.bootstrap-select .btn .caret{color:#06619c;}
.bootstrap-select .btn:hover,.bootstrap-select .btn:active,.bootstrap-select .btn:active:hover,.bootstrap-select .btn:focus,
 .open .dropdown-toggle.btn-default{background-color:#f4f4f4;}
 .bootstrap-select .dropdown-menu > li > a:hover{background-color:#d2d2d2;}
 .nav-tabs>li>a {background-color:#192C4b;}
 .nav-tabs>li>a:hover {background-color:#ffd502;}
 
 .front .nav-tabs > li > a {background-color:#ffffff;color:#808080;border-width:0 0 3px 0;font-family:'bold';}
 .front .nav-tabs > li > a:hover ,
 .front  .nav > li > a:focus{
	color:#333333;
    border-color: #fff #fff #ffd502 #fff;
    background-color: #fff;
}
 .front .tab-content.doc-list > .active {background-color: #fff;border:2px solid #d8d8d8;}
 
.nav-tabs.categories {border-bottom :0px solid #192C4b;}
.nav-tabs.categories >li {display:block;float:none;border-bottom:0px solid #192C4b;}
.nav-tabs.categories .titre {display:block;float:none;font-family:"bold";margin-bottom:0;}
.nav-tabs.categories ul  >li {list-style:none;float:none;}
.nav-tabs.categories ul  >li >a{color:#192C4b;display:block;padding:5px;}
.nav-tabs.categories ul  >li >a:after {
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    font-size: 0.5rem;
    line-height: 0.5rem;
    color: #ffd502;
    position:relative;
    right: -10px;
    padding-top: 0.3rem;
}
.nav-tabs.categories ul  >li:last-child{ margin-bottom:20px;}
.nav-tabs.categories ul  >li >a:hover{color:#ffd502;}
.nav-tabs.categories ul  >li >a:hover:after {color:#ffd502;}
.nav-tabs.categories ul.ul-categorie{padding-left:0;}

.nav-tabs.categories > li.active > a{background-color:transparent;color:#0066a8;border:none;}
.nav-tabs.categories > li > a {background-color:transparent;color:#ffd502;border:none;font-size:0.8em;padding:3px 10px;}
.nav-tabs.categories > li .active > a:hover{color:#ffd502;}
.nav-tabs.categories > li > a:hover{color:#ffd502;}

.nav-tabs.categories >li > a:after {
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    font-size: 0.5rem;
    line-height: 0.5rem;
    color: #ffd502;
    position:relative;
    right: -10px;
    padding-top: 0.3rem;
}
.nav-tabs.categories >li > a.categorie{padding:10px 10px 10px 0;}
.nav-tabs.categories >li.active > a{color:#6284a8;}
.nav-tabs.categories .categorie{font-weight:900;}
.nav-tabs.categories p.categorie{padding:10px 10px 0 0;margin-bottom:0;}
.tab-content.doc-list .h2,
.formule .h2{text-transform:none;color:#525252;}
.doc-titre{font-family:"bold";font-size:110%;margin:0;}
.doc-description{ font-size:80%;;margin:0;}
.doc-date{ font-size:80%;color:#73727d;;margin:0;}

.formule{background-color:#fff;padding:10px;}
.formule.message{margin-top:20px;margin-bottom:20px; border:2px solid #56bf84;}
.formule .remplissage{width:50%;margin-top:20px;margin-bottom:20px;}


.colorTous{background-color: #56bf84;width:15px;height:15px;display:block; float:left;margin-right:5px;}
.colorCA{background-color: #45bdd0;width:15px;height:15px;display:block; float:left;margin-right:5px;}
.colorED{background-color: #8279c4;width:15px;height:15px;display:block; float:left;margin-right:5px;}
.categorie.formule .remplissage {background-color: #8279c4;}
.categorie.formule .pourcentage {background-color: #45bdd0;}
.ul-fiche{list-style:square;}
.ul-fiche ul{list-style:none;margin-bottom:10px;}
.tab-content > .active {
    display: block;
    background-color: #fff;border:1px solid #ffd502;
	}
.tab-content > #opt1.active ,
.tab-content > #opt2.active ,
.tab-content > #opt3.active {border:0px solid #ffd502;}

body.contact label{color:#0866b8;font-size:80%;letter-spacing: 1px;}
body.contact .form-control,body.adhesion  .form-control {font-size:80%;height: 33px;}
body.contact textarea.form-control,
body.adhesion textarea.form-control {height:auto;}
.h2-sist,.second .h2-sist{color:#0866b8;text-transform:none;text-align: center; font-family:'regular';}
.bleu .h2-sist{color:#fff;text-transform:none;text-align: center; font-family:'regular';}
.blanc .h2-sist,.second .blanc .h2-sist{color:#0866b8;text-transform:none;text-align: center; font-family:'regular';padding-bottom:5px;}

.hr-sist{ border-style:solid;max-width:300px;margin-left:auto;margin-right:auto;}
.hr-sist:after{content:'...'; color:#fff;background-color:#0866b8;position:relative;top:-24px;width: 25px;display: block;margin: 0 auto;text-align: center;font-size:150%;width: 25px;}
.bleu .hr-sist{border-top: 1px solid #fff;}
.blanc .hr-sist{border-top: 1px solid #0866b8;}
.hr-sist.h3{max-width:70%;margin-bottom:50px;}
.blanc  h3.h3-sist{color:#0866b8;text-align:center;}
.blanc .hr-sist.h3:after{
	content:'';
    border-radius: 20px;
    height: 9px;
    width: 9px;
    border-width: 2px;
    border-style: solid;
    display: block;
   position:relative;top:-5px;
}

.blanc  .hr-sist:after{content:'...'; color:#0866b8;background-color:#fff;position:relative;top:-24px;width: 25px;display: block;margin: 0 auto;text-align: center;font-size:150%;width: 25px;}
/*/////////////// FRONT ///////////////*/
.front .tab-content > .active {
    display: block;
    background-color: #fff;
	}
.front .nav-tabs {
    border-bottom: 0px solid #ecf0f1;
	border-bottom:3px solid #fff;
}
.front .nav-tabs > li.active > a, .front .nav-tabs > li.active > a:hover, .front .nav-tabs > li.active > a:focus {
	background-color: #ffffff;border-width:0 0 3px 0; border-style:solid; border-color:#ffffff #ffffff #ffd502 #ffffff;
}
.cont-tabAdh{display:block; height:600px; overflow: hidden;overflow-y: scroll;padding:0;margin:0; }
.cont-ctAdh{border:1px solid #d2d2d2;padding:0;}
.div-scat{margin-bottom:10px; font-size:90%;line-height:20px;}
.sup-scat{width:20px;height:20px;display:inline-block; background: url(../img/pictos/supprimer.png) no-repeat;    background-position:middle;background-size:contain;padding:0;margin:0;position:relative;top:4px;}
.sup-scat:hover{width:20px;height:20px;display:inline-block;background: url(../img/pictos/supprimer-over.png) no-repeat;  background-position:middle;background-size:contain;padding:0;margin:0;position:relative;top:4px;}
.mod-scat{width:20px;height:20px;display:inline-block; background: url(../img/pictos/modifier.png) no-repeat;    background-position:middle;background-size:contain;padding:0;margin:0;}
.mod-scat:hover{width:20px;height:20px;display:inline-block;background: url(../img/pictos/modifier-over.png) no-repeat;  background-position:middle;background-size:contain;padding:0;margin:0;}
.div-scat a:after{content:'';}
.div-scat a:hover:after{content:'';}
.actions a:after,.actions a:hover:after{content:'';}

.front .tab-content > .active { padding:0;min-height:0px;}

.front-form-group{font-size:80%;padding:20px;text-align:center;}
.front-form-group label{display:block;width:100%;}
.front-form-group .form-control{ font-size:90%;padding:5px;}
.front-form-group .btn-group{padding:5px 0 5px 15px;height:25px;}
.front-form-group .bootstrap-select > .dropdown-toggle {padding:0;height:22px;}
.front-form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option {padding-left: 15px;font-size:90%;}
.front-form-group .bootstrap-select.btn-group:not(.input-group-btn){max-width:50%;}
.color, h1.color{color:#0866b8;}

.front #motcle, .front #typeRecherche{ height:30px; padding:3px 15px; font-size:12px;}
.front .form-control{height:30px; padding:3px 15px; font-size:12px;}



.option_recherche .btn.btn-default{padding:0 5px;}
.option_recherche .filter-option {padding: 3px 5px 4px 5px;}
.option_recherche .bootstrap-select.form-control:not([class*="col-"]) {width:15%;}
.option_recherche li{height:35px;}
.option_recherche .dropdown-menu li{height:auto;}

.display{display:none;}