/* PATH BOOTSTRAP */
/*
Adapter nos styles de la V3
*/


.h-skin {
    padding: 5px 10px;
     max-height: calc(100% - 62px);
    overflow-y: auto;
    overflow-x: none;
}

.h-skin-filter {
    padding: 5px 10px;
    max-height: calc(100% - 125px);
    overflow-y: auto;
    overflow-x: none;
}






/* CONTENEUR */
/*
div.col1, div.col2, div.col3 {
    padding:0.25em;
}

div.col1, div.col2, div.col3 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

@media (max-width: 992px){
	div.col1, div.col2, div.col3 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}

@media (max-width: 768px){
	div.col1, div.col2, div.col3{
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}



div.col_x2, div.col_Rx2 {
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
}

div.col_Rx2 {
    align-self: flex-end!important;
}


div.col_L50, div.col_R50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

div.col_L25, div.col_R25, div.col25_1, div.col25_2, div.col25_3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

div.col_L75, div.col_R75 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

div.col_L60, div.col_R60 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

div.col_L40, div.col_R40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

 div.col_L25, div.col_R40, div.col_R50, div.col_R60, div.col_R75, div.col25_3 {
    align-self: flex-end!important;
}


*/





div.col1{
    clear:both;
    width:33%;
    float:left;
    margin-top: 5px;
}

div.col2{
    width:33%;
    float:left;
    margin: 5px 0px 0px 5px;
}

div.col3{
    width:33%;
    float:right;
    margin-top: 5px;
}



div.col_Rx2{
    width:66%;
    float:right;
    margin: 5px 0px 0px 0px;
}


div.col_x2{
    clear:both;
    width:66%;
    float:left;
    margin: 5px 0px 0px 0px;
}

div.col{
    clear:both;
    width:100%;
    float:left;
    margin: 5px 0px 0px 0px;
}



div.col_L50{
    clear:both;
    width:49.5%;
    float:left;
    margin: 5px 0px 0px 0px;
}
div.col_R50{
    width:49.5%;
    float:right;
    margin: 5px 0px 0px 0px;
}



div.col_L75{
    clear:both;
    width:74%;
    float:left;
    margin: 5px 0px 0px 0px;
}
div.col_R25{
    width:25%;
    float:right;
    margin: 5px 0px 0px 0px;
}

div.col_L25{
    clear:both;
    width:25%;
    float:left;
    margin: 5px 0px 0px 0px;
}
div.col_R75{
    width:75%;
    float:right;
    margin: 5px 0px 0px 0px;
}




div.col_L60{
    clear:both;
    width:59%;
    float:left;
    margin: 5px 0px 0px 0px;
}
div.col_R40{
    width:40%;
    float:right;
    margin: 5px 0px 0px 0px;
}

div.col_L40{
    clear:both;
    width:40%;
    float:left;
    margin: 5px 0px 0px 0px;
}
div.col_R60{
    width:59%;
    float:right;
    margin: 5px 0px 0px 0px;
}




div.col25_1{
    width:24.32%;
    float:left;
    margin: 5px 0px 0px 0px;
}

div.col25_2{
    width:24.32%;
    float:left;
    margin: 5px 0px 0px 0.9%;
}

div.col25_3{
    width:24.32%;
    float:right;
    margin: 5px 0px 0px 0.9%;
}




/* Migration */


/* 3. selecteur multiple */

div.filtre .multi_selector {
	cursor: pointer;
	margin: 0 !important;
	padding: 0  !important;
	border: 1px solid #AAA;
	border-radius: 5px;
	color: #000;
	/*font-size:75%;*/
	height: 32px;
	line-height: 32px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
}

div.filtre .multi_selector>span>img {
	margin: 0 !important;
	padding: 0  !important;
	padding: 0px;
	height: 30px;
}

div.filtre .multi_selector>span>img:hover {
	border: none;
	box-shadow: none;
	background: none;
	border-radius: 0px;
}

div.filtre .multi_selector>span {
	display: inline;
	top: -3px;
	position: relative;
	margin: 0 !important;
	padding: 0  !important;
	height: 32px;
	line-height: 32px;
	
}

div.filtre .multi_selector>span>img.bt_selector:hover, div.filtre .multi_selector>span>img.bt_selector_checked:hover
	{
	background: #AAA;
	background: -webkit-linear-gradient(#DDD, #AAA);
	background: -moz-linear-gradient(#DDD, #AAA);
	background: -ms-linear-gradient(#DDD, #AAA);
	background: -o-linear-gradient(#DDD, #AAA);
	background: linear-gradient(#DDD, #AAA);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD',
		endColorstr='#AAA', GradientType=0);
}

div.filtre .multi_selector>span>img:first-of-type {
	border-radius: 5px 0px 0px 5px;
}

div.filtre .multi_selector>span>img.bt_selector_checked {
	background: #FFF;
	background: -webkit-linear-gradient(#FFF, #DDD);
	background: -moz-linear-gradient(#FFF, #DDD);
	background: -ms-linear-gradient(#FFF, #DDD);
	background: -o-linear-gradient(#FFF, #DDD);
	background: linear-gradient(#FFF, #DDD);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF',
		endColorstr='#DDD', GradientType=0);
}

div.filtre .multi_selector_zone {
	/*font-size:75%;*/
	min-width: 126px;
	line-height: 16px;
}

div.filtre .multi_selector_zone img, div.filtre .multi_selector_zone ul li img
	{
	height: 16px;
}















/* DIV - Template V2 ************************************/

div.Table, div.Table_fiche, div.Table_form {
    display: table;
    width: 100%;            
    border-collapse: initial;
    border-spacing: 0px 2px;
}

div.Table_form table.form th{
	font-weight: normal;
    white-space: nowrap;
    padding: 2px 10px 2px 0px;
    background:transparent;
    vertical-align: middle;
}

div.TableRow {
    display: table-row;
    height: 25px;
}

div.TableTH, div.TableTD {
    display: table-cell;
    text-align:left;
    font-weight:normal;
}

div.TableTH {
    white-space: nowrap;
    padding: 2px 10px 2px 0px;
    background:transparent;
    vertical-align: middle;
}

div.Table_fiche div.TableRow:hover{ 
    background: rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
}

div.Table_fiche div.TableTD {
    border:1px solid rgba(92, 92, 92, 0.5);
    border-radius:5px 5px 5px 5px;
    background:rgba(255, 255, 255, 0.75);
    width:100%;
    padding: 2px 5px;
}



div.Table_form  div.TableRow:hover{ 
    background: rgba(33, 0, 0, 0.1);
    box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
}



div.Table_form div.TableTD {
    width:100%;
    padding: 1px 0px;
}

div.Table_form div.TableTD span:not(.txt_err) {font-size:12px}



/* FILTRE */

div.filtre{
}

div.filtre ul{
    list-style: none outside none;
    width:100%;
    clear:both;
    margin:0;
    padding:0;
}


div.filtre ul li {
    padding: 0px;
    float:left;
    color:#cc3300;
}

div.filtre ul li label {
/*font-size:75%;*/
    line-height:30px;
}

div.filtre ul li.title {
/*     font-size:100%; */
    line-height:30px;
}


div.filtre ul li.first, div.filtre ul li.label_cb {
    padding-right: 10px;
/*font-size:75%;*/
    line-height:30px;
}


div.filtre ul li.label {
    padding-right: 10px;
    padding-left: 20px;
/*font-size:75%;*/
    line-height:30px;
}



div.filtre ul li.after {
    padding-right: 25px;
    padding-left: 5px;
    /*font-size:75%;*/
    line-height:30px;
}

div.filtre ul li.between {
    padding-right: 5px;
    padding-left: 5px;
    /*font-size:75%;*/
    line-height:30px;
}

div.filtre ul li.value {
    margin: 3px 0px;
    padding: 0px 5px 0px 5px;
    border: 1px solid #BBB;
    border-radius:5px;
    background:#EEE;
    color:#333;
    /*font-size:75%;*/
    line-height:24px;
}

div.filtre ul li.bt {
    float:right;
    padding-left: 20px;
    /*font-size:75%;*/
}

div.filtre ul li.bt a {
    color:#cc3300;
    line-height:20px;
    text-decoration:none;   
}

div.filtre ul li.bt a:hover {
    color:red;
}

div.filtre ul li img.bt{
    height: 30px;
}

div.filtre ul li.value img{
    height:15px;
    margin: 0px 5px 2px 0px;
}

div.filtre ul li.form{
    height:20px;
}

div.filtre ul li.form_cb{
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 4px;
    height:20px;
}

div.filtre ul li.form_cb2{
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 4px;
    line-height:25px;
    /*font-size:75%;*/
    border: 1px solid #999;
    border-radius: 5px;
    background:white;
    
}


div.filtre ul li.form_label {
    /*font-size:75%;*/
    line-height:30px;
}


div.filtre ul li.bt_label {
    float:right;
    padding-right: 10px;
    padding-left: 20px;
    /*font-size:75%;*/
    line-height:30px;
}

div.filtre ul li.bt_form{
    float:right;
    height:20px;
}


div.filtre ul li img{
    height: 24px;
    margin-left: 5px;
    margin-top: 3px;
    padding:2px;
    vertical-align:middle;
}

div.filtre ul li img:hover{
    background: #fff;
    box-shadow: 0px 0px 5px #666;
    border-radius:5px;
    padding:2px;
}


@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

.blink2 {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
}

/* Tips */
img.bulle {
    max-height:18px;
    padding:1px;
    border:1px solid rgba(0,0,0,0);
}

img.bulle:hover {
    border:1px solid #999;
    box-shadow:0px 0px 2px #AAA;
    background:white;   
}

div.bulle_alerte {
    color: #000;
    /*font-size:12px;*/
    text-align: left;
    background: rgba(240,0,0,0.95);
    box-shadow: 1px 1px 2px #666;
    z-index: 1000;
    border-radius: 2px 2px 0px 0px; 
}

div.bulle_alerte div.titre {
    border-radius: 2px 2px 0px 0px; 
    margin: 0;
    background: #900;
    background: -webkit-linear-gradient(#900,#600);
    background: -moz-linear-gradient(#900,#600);
    background: -ms-linear-gradient(#900,#600);
    background: -o-linear-gradient(#900,#600);
    background: linear-gradient(#900,#600);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#900',endColorstr='#600', GradientType=0);
    color:white;
    padding: 2px 5px;
    font-weight: bold;
    line-height:20px;
}



div.bulle_alerte div.texte {
    margin: 0;
    padding: 5px;
    line-height:20px;
    color:white
}

div.bulle_alerte div.texte h1 {
    /*font-size:12px;*/
    padding: 2px 0px;
    margin-top:10px;
    margin-bottom:5px;
    border-bottom:1px dashed #900;
}


div.bulle_ok {
    color: #000;
    /*font-size:12px;*/
    text-align: left;
    background: rgba(0,200,0,0.95);
    box-shadow: 1px 1px 2px #666;
    z-index: 1000;
    border-radius: 2px 2px 0px 0px; 
}

div.bulle_ok div.titre {
    border-radius: 2px 2px 0px 0px; 
    margin: 0;
    background: #900;
    background: -webkit-linear-gradient(#090,#060);
    background: -moz-linear-gradient(#090,#060);
    background: -ms-linear-gradient(#090,#060);
    background: -o-linear-gradient(#090,#060);
    background: linear-gradient(#090,#060);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090',endColorstr='#060', GradientType=0);
    color:white;
    padding: 2px 5px;
    font-weight: bold;
    line-height:20px;
}



div.bulle_ok div.texte {
    margin: 0;
    padding: 5px;
    line-height:20px;
    color:white
}

div.bulle_ok div.texte h1 {
    /*font-size:12px;*/
    padding: 2px 0px;
    margin-top:10px;
    margin-bottom:5px;
    border-bottom:1px dashed #090;
}



div.bulle_aide {
    color: #000;
    /*font-size:12px;*/
    text-align: left;
    background: rgba(240,240,240,0.95);
    box-shadow: 1px 1px 2px #666;
    z-index: 1000;
    border-radius: 2px 2px 0px 0px; 
}

div.bulle_aide div.titre {
    border-radius: 2px 2px 0px 0px; 
    margin: 0;
    background: #003366;
    background: -webkit-linear-gradient(#006699,#003366);
    background: -moz-linear-gradient(#006699,#003366);
    background: -ms-linear-gradient(#006699,#003366);
    background: -o-linear-gradient(#006699,#003366);
    background: linear-gradient(#006699,#003366);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699',endColorstr='#003366', GradientType=0);
    color:white;
    padding: 2px 5px;
    font-weight: bold;
    line-height:20px;
}

div.bulle_aide div.texte {
    margin: 0;
    padding: 5px;
    line-height:20px;
}

div.bulle_aide div.texte h1 {
    /*font-size:12px;*/
    padding: 2px 0px;
    margin-top:10px;
    margin-bottom:5px;
    border-bottom:1px dashed rgba(240,240,240,0.95);
}

div.bulle_aide div.texte table.fiche{
    /*font-size:12px;*/
}

div.bulle_aide div.texte table.fiche th{
    /*font-size:12px;*/
    text-align:left;
}

div.bulle_aide div.texte table.fiche td{
    /*font-size:12px;*/
    padding: 2px 5px;
    /*color:black;*/
    /*background:rgba(255, 255, 255, 0.75);*/
}



/* thumbnail */
.thumbnail-container {
    display:inline-block;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #CCC;
    border: 1px solid #999;
    background: white;
    padding: 5px;
    margin-bottom: 5px;
}

.thumbnail-container.full-width {
    width: 90%;
}

.thumbnail {
    position: relative;
    overflow: hidden;
}

/* thumbnail - tailles */

.thumbnail.t-90-120 {
    width: 90px;
    height: 120px;
}

.thumbnail.t-48 {
    width: 48px;
    height: 48px;
}

.thumbnail.t-90 {
    width: 90px;
    height: 90px;
}

.thumbnail.t-120-90 {
    width: 120px;
    height: 90px;
}

.thumbnail.t-120 {
    width: 120px;
    height: 120px;
}

.thumbnail.t-100 {
    width: 100px;
    height: 100px;
}

.thumbnail.t-150 {
    width: 150px;
    height: 150px;
}

.thumbnail.t-170 {
    width: 170px;
    height: 170px;
}

.thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.thumbnail.full-width{
    width: 100%;
}

.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

/********************************/

img.photo {
    padding:5px;
    background:white;
    border: 1px solid #999;
    box-shadow: 2px 2px 2px #CCC;
    border-radius:5px;  
}

.etc {
    margin: 0px 0px 0px 2px;
    padding: 0px 3px;
    background: rgba(153,153,153,0.5);
    background: -webkit-linear-gradient(rgba(153,153,153,0.2),#333);
    background: -moz-linear-gradient(rgba(153,153,153,0.2),#333);
    background: -ms-linear-gradient(rgba(153,153,153,0.2),#333);
    background: -o-linear-gradient(rgba(153,153,153,0.2),#333);
    background: linear-gradient(rgba(153,153,153,0.2),#333);
    width: 15px;
    box-shadow: 2px 2px 2px #CCC;

    border-radius:3px;  
    /*font-size:75%;*/
    color: #FFF;
}

.etc:before {
    content: "...";
    font-weight:bold;
}