/* STICKY FOOTER */
html {
  position: relative;
  min-height: 100%;
}
body{
    margin-bottom:60px ! important;
    background-color: #f5f5f5 ! important;
}
html{
     background-color: #f5f5f5 ! important;
}

h1{
   margin-top:40px ! important; 
   margin-bottom:0px ! important;
}
h2{
    margin-top:20px ! important; 
}
h3{
    margin:0px ! important;
    font-size:20px ! important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}
.navbar {
    
}
#miniLogo {
vertical-align: -6px;
width: 25px;

display: inline;
}

.btn.btn-doaction{
    background:white ! important;
    color:black ! important;
    border:1px solid #d8d8d8;
}
.btn.btn-doaction:hover{
    background:black ! important;
    color:white ! important;
    border:1px solid black !important;
}

.blockobjet {
    /*border: 1px solid black;*/
    padding: 5px;
    padding-left:10px;
    display: block;
    width: 100%;
    color:black;
    margin-top:10px;
    background:#eee;
    font-weight:bold;
    border-radius: 25px !important;
    line-height: 30px !important;
}
.blockobjet b {
    width: 88%;
    display: inline-block;
}
.blockobjet:hover {
    color:black;
    background:#ccc;
    text-decoration:none;
}
.blockflecheobjet {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    margin-top: -2px;
}
.block{
    display:block !important;
}
.btn, input, select, textarea {

    border-radius: 25px !important;
}
.lienLangue1, .lienLangue2 {
    display: block;
}
.lienLangue1 img, .lienLangue2 img {
    margin-left: 10px;
    margin-top: 10px;
}
.lienLangue1, .lienLangue2{
    margin-left: -8px;
    margin-top: -7px;
    width: 40px;
    height: 40px;
}
.lienLangue1 {
    margin-right:5px;
}
.curve:before {
	top: 52px;
	left: 5px;

	transform: rotate(-5deg);
	box-shadow: 7px 6px 15px #333;
}
.curve:after {
	top: 52px;
	right: 5px;
	
	transform: rotate(5deg);
	box-shadow: -7px 6px 15px #333;
}
body > .container {

}
.container .text-muted {
  margin: 10px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
code {
  font-size: 80%;
}
.visible {
    display:block ! important;
}
/* FIN STICKY FOOTER */
#home-left {
    margin-top:45px;
}

/* NAVBAR */
#li_select_langue {
	margin-right: 5px;
	margin-top: 8px;
}
#mdp_oublie{
	margin-top:20px;
	display:inline-block;
        width:100% !important;
}
#mdp_oublie:hover{
	text-decoration:none;
}
.noPadding{
    padding:0px !important;
}
input, textarea, select {
	/*border:1px solid black ! important;*/
	color:black ! important;
}
.liste,
.liste-icone,
.liste-mobile {
	list-style-type:none;
	padding:0;
}
.liste-mobile,
.liste {
	margin-left:10px;
	margin-top: 13px;
}
.liste-mobile li,
.liste li {
	float:left;
}
.liste-mobile li img,
.liste li img {
	width:20px ;
	margin-right: 20px;
}
.liste-icone a img{
    width:50px;
                        -webkit-transition: all 0.5s ease-in-out;
                    -moz-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    transition: all 0.5s ease-in-out;
}
.liste-icone {
    height: 60px;
}
.liste-icone a{
     width:60px;
}
.liste-icone a img:hover{
     width:60px;
}
#formulaire_connexion {
	margin-top:20px;
	margin-bottom:40px;
}
.btn {
	background:#16a085;
}
#contain_all {

}
.navbar-default .navbar-nav > li > a {
	color:black ! important;
}
.navbar-default .navbar-nav .active a {
	color:white ! important;
}
.navbar-default .navbar-nav > li > a:hover {
	background:#009e0f ! important;
	color:white ! important;
}
.navbar > .container .navbar-brand {
	color:white;
}
.navbar-brand{
	text-shadow:none ! important;
}
.active a{
	background:#16a085 ! important;
	color:white ! important;
}
.navbar-default{

}
input,textarea,select {
	border-radius:25px ! important;
}
.btn {
	text-align:left ! important;
        border-radius: 25px !important;
}
.zero_padding_left{
	padding-left:0px ! important;
}
.black-border {
	border: 1px solid black ! important; 
	padding:5px;
}
.btn-action {
	border-radius:25px ! important;
	color:white ! important;
	padding:10px ! important;
	font-size:1.6em ! important;
}
/* FIN NAVBAR */
#icon_valider_connexion {
	position: absolute;
	right: 25px;
	top: 14px;
}
#icon_valider {
	position: absolute;
	right: 25px;
	top: 30px;
	/*border-radius: 30px;*/
	border: 1px solid #009e0f;
	padding: 10px;
	background: white;
	height: 38px;
	line-height: 17px;
}
#icon_valider span {
	color:#009e0f;
}
#icon_valider:hover {
	background:#009e0f;
}
#icon_valider span:hover {
	color:white ! important;
}
#button_connexion {
	margin-left:5px;
}
#submit_connexion {
	font-weight:bold;
}
#submit_connexion:hover {
	background:#009e0f;
}
.button_profil {
        border: 1px solid black;
        height: 100%;
        width: 44px;
        background: white;
        display: inline-block;
        padding: 3px;
	z-index:5000px;
}

.button_main {
	background: #16a085;
	padding: 10px;
	color: white;
	border: 1px solid black ! important;	
	width: 100%;
	display: block;
	font-size: 1.7em;
}
.button_main:hover {
	color:white;

}
.cadre {
	padding:10px;

	display:inline-block;
}
.blue {
	background:#085394 ! important;
}
.red {
	background:#cf2a27 ! important;
}
.green {
	background:#009e0f ! important;
}
#proutte {
	background:black;
}
.center_li {
	display: block;
	text-align: center;
}
.green_cadre {
	border-bottom: 1px solid #009e0f ! important;
	border-left: 1px solid #009e0f ! important;
	border-right: 1px solid #009e0f ! important;
}
.blue_cadre {
	border-bottom: 1px solid blue ! important;
	border-left: 1px solid blue ! important;
	border-right: 1px solid blue ! important;
}
.red_cadre {
	border-bottom: 1px solid red ! important;
	border-left: 1px solid red ! important;
	border-right: 1px solid red ! important;
}
.black_cadre {
	background: #16a085;
	display: block;
	text-align:center;
	font-weight:600;
}

.btn_liste_sm {
	background:white;
	border: 1px solid black;
	display: block;
	text-align:center;
	font-weight:600;
}
.version_txt_collection {
	background: #16a085;
	display: block;
	text-align:center;
	font-weight:600;
}
.liste_collections_sm {
	list-style-type:none;
	margin:0;
	padding:0;
}
.liste_collections_sm a {
	color:black;
}

.liste_collections_large {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:20px;
}
.liste_collections_large img {
	width:100%;
}
.cadre_photo_collection {
	border-bottom: 1px solid #009e0f !important;
	height: 180px;
	white-space: nowrap;
	display: inline;
}
.liste_collections_large li {
	margin-bottom:20px;
}
.liste_collections_large a {
	text-decoration:none;
	color:black;
}
.liste_collections_large a:hover {
	color:black;
}
.navbar {
	height: 50px !important;
}
.navbar-brand {
	text-align: center ! important;
	display: block ! important;
	float: none ! important;
}
.nombre_icones_message {
	background: red;
	border-radius: 12px;
	color: white;
	padding: 5px;
	position: absolute;
	left: 75px;
	height: 20px;
	line-height: 9px;
	top: 88px;
        z-index: 9999;
	
}
#icon_valider_connexion {
	position: absolute;
	right: 25px;
	top: 14px;
}
.bloc_avatar_profil {
	margin-top: 3px;
}
.button_img_del {
	border: 1px solid black;
	padding: 10px;
	background: white;
	height: 38px;
	line-height: 17px;
	color: black;
	display: block;
	width:100px;
}
.button_img_del:hover {
	text-decoration:none ! important;
}
.button_img {
	border: 1px solid black;
	padding: 10px;
	background: white;
	height: 38px;
	line-height: 17px;
	color: black;
	display: block;
	width:38px;
}

.button_popup {
	border: 1px solid black;
	padding: 10px;
	background: white;
	height: 38px;
	line-height: 17px;
	color: black;
	margin: 0 auto;
	display: block;
	width: 38px;
}
.button_header {
    position: absolute;
    border:none;
    background: #eeeeee !important;
    padding: 10px;
    height: 36px;
    line-height: 17px;
    color: black;
    top: 60px;
    border-radius: 30px;
}
.button_header span{

}
#button_top_header_1:hover, #button_top_header_2:hover, #button_top_header_3:hover, #button_top_header_4:hover, #button_top_right_left:hover, #button_top_right_left_1:hover, #button_top_right:hover {
	background:black !  important;
        color:white;
        border:none;
}

#button_connexion {
	margin-left:5px;
}
#submit_connexion {
	font-weight:bold;
}
#submit_connexion:hover {
    background: black;
    color: white !important;
}

.button_profil:hover {

}
#btn_search_collection {
	border:1px solid black;
	height:43px;
	padding-left:30px;
}
#avatar_inscription {
	width:100%;
	z-index:5;
	border:1px solid black;
}
#popup_delete {
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
	display:none;
}
.display{
	display:block ! important;
}
#popup_delete_block {
	position:absolute;
	background:#ccc;
	height: 170px;
	width:100%;
	top: 20%;
}
.middle {
    width:50% ! important;
}
.padding-left-zero{
    padding-left:0px ! important;
}
.img_formulaire_button {
    width: 22px;
    margin-left: -3px;
    margin-top:-3px;
}

/* Span en tableau */
div.tableau {
border:1px solid black;
}
.btn-edition-collection{
    margin-top:10px;
    background:#f5f5f5 !important;
    color:black ! important;
    margin-left: 4.5%;
    border:1px solid #eee ! important;
}
.btn-edition-collection:hover{
    background: black !important;
    color: white !important;
    border: 1px solid black !important;

}
.block-collection{
    background:white ! important;
}
.btn-edition-collection span{
    text-align: center;
    display: block;
}
.btn-suppression-totale{
    background:#16a085 ! important;
    color:white ! important;
    border:none;
}
.btn-suppression-totale:hover{
    background:black ! important;
    color:white ! important;
}
/* COLLECTION */
.block-collection{
    background:#f5f5f5;
    padding: 10px;
}
hr{
    margin-top:10px ! important;
    margin-top:5px ! important;
}
.block-collection.details-block .une-collection-table-buttons .btn{
    background:#f5f5f5 !important;
}
/* MEDIA QUERIES */
	/* Very Small devices (tablets, 768px and up) */
	@media (min-width: 0px) and (max-width:768px) { 
		.footer {
		  height: 180px !important;
		}
                .footer a {
                    margin-bottom:10px;
                }
		body {
		  /* Margin bottom by footer height */
		 margin-bottom: 210px !important;
		}
		#contain_all {
			margin:0 auto;
                         margin-top:50px;
			text-align:left;
		}
		.liste {
			display:none;
		}
		.liste-mobile {
			position: absolute;
			top: 0px;
			left: 0px;
		}
		#conteneur-right {
			margin-top:30px;
		}
                .block-collection{
                    min-height:180px ! important;
                    border-bottom:1px solid #d8d8d8;
                }
                .details-block{
                    min-height:100px ! important;
                }
                .block-collection:last-child{
                    border-bottom:none;
                }

                #button_top_header_2 {
                        left: 60px;
                }
                #button_top_header_3 {
                        left: 105px;
                }
                #button_top_header_4 {
                        left: 150px;
                }

                #button_top_right_left {
                        right: 60px;
                }
                #button_top_right_left_1 {
                        right: 105px;
                }
                #button_top_right {
                        right: 15px;
                }
                .alert{
                    width:94%;
                }
                #avatar{
                    position: absolute;
                    right: 19px;
                    top: 4px;
                    width:42px;
                    line-height: 42px; /* hauteur de ligne (identique) */
                    white-space: nowrap; 
                    overflow:hidden;
                }
                #menuweb{
                    display:none;
                }
                label{
                    display:block ! important;
                }
                #ariane{
                    display:none;
                }
                .text-muted a {
                    width:100%;
                }
                figure.effect-julia{background:#2f3238}
                figure.effect-julia img{max-width:none;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
                figure.effect-julia figcaption{text-align:left}
                figure.effect-julia h3{position:relative;padding:.5em 0}
                figure.effect-julia p{margin:0 0 .25em;padding:.4em 1em;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
                figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
                figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
                figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.05s;transition-delay:.05s}
                figure.effect-julia p:first-child{-webkit-transition-delay:0;transition-delay:0}
                figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
                figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
                figure.effect-julia img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
                figure.effect-julia p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
                .grid figure{
                    max-width: 525px ! important;
                    min-width: auto ! important;
                }
                #navbar-right{
                    display:none;
                }
                .upload-demo-wrap{
                    margin-bottom: 60px ! important;
                }
                .btn-web{
                    display:none ! important;
                }
                .result-search .col-sm-2 img{
                    padding:10px;
                    width:25%;
                }
                .result-search .col-sm-2 .titre-result {
                    display: inline ! important;
                }
                .result-search .col-sm-2 {
                    min-height: 183px !important;
                    padding: 0px;
                }
                .result-search .col-sm-2 img {
                    height: 182px !important;
                    width:182px ! important;
                }
                .espacementBlock{
                    min-height: 183px !important;
                }
	}

	/* SMALL */
	@media (min-width: 768px) { 
		.footer {
                    height: 136px;
		}
                .footer a {
                    margin-bottom:10px;
                }
		body {
		  /* Margin bottom by footer height */
		  margin-bottom: 130px ! important;
		}
		#contain_all {
			margin:0 auto;
			padding: 15px;
		}
		#conteneur-right {
			margin-top: 15px;
		}
		.liste {
			display:block;
		}
                .liste-mobile{
                    position: absolute;
                    top: 0px;
                    left: 0px;

                }
                #menu-icones {
                    width: 100%;
                    position: relative;
                    top: -80px; 
                }
                .block-collection{
                    min-height:225px ! important;
                    border-right:1px solid #d8d8d8;
                    border-bottom:1px solid #d8d8d8;
                }
                .block-collection:nth-child(3n+2){
                    /*border-right:none;*/
                }
                .block-collection.details-block {
                    min-height: 60px !important;
                    background: white !important;
                }
                .block-collection.details-block h3{
                    width:70%;
                    float:left;
                }
                .block-collection.details-block .une-collection-table-buttons{
                    width:30%;
                    float:left ! important;
                    position:initial ! important;
                    padding:0px ! important;
                }
                .block-collection.details-block .une-collection-table-buttons .btn{
                   margin-top: -3px;
                   background: #f5f5f5 !important;
                }
                .block-collection.details-block .description_collection{
                    margin: 0;
                    display: block;
                    clear: both;
                }
                #button_top_header_2 {
                        left: 55px;
                }
                #button_top_header_3 {
                        left: 115px;
                }
                #button_top_header_4 {
                        left: 175px;
                }

                #button_top_right_left {
                        right: 60px;
                }
                #button_top_right_left_1 {
                        right: 105px;
                }
                #button_top_right {
                        right: 0px;
                }
                .alert{
                    width:15%;
                }
                #avatar{
                    position:relative;
                    width: 42px;
                    height: 42px;
                    white-space: nowrap;
                    display: block;
                    float: right;
                    overflow:hidden;
                    margin-top: 4px;
                }
                #menuweb{
                    display:none;
                }
                #ariane{
                    display:none;
                }
                .text-muted a {
                    width:100%;
                }
                figure.effect-julia{background:#2f3238}
                figure.effect-julia img{max-width:none;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
                figure.effect-julia figcaption{text-align:left}
                figure.effect-julia h3{position:relative;}
                figure.effect-julia p{margin:0 0 .25em;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
                figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
                figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
                figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.05s;transition-delay:.05s}
                figure.effect-julia p:first-child{-webkit-transition-delay:0;transition-delay:0}
                figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
                figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
                figure.effect-julia img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
                figure.effect-julia p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
                .block-portail .col-sm-4{
                    width: 30.3% !important;
                }
                .block-portail .col-sm-3{
                    width: 98% !important;
                }
                .block-portail .col-sm-9{
                    width: 98% !important;
                }
                .block-portail .col-sm-2{
                    width: 25%;
                }
                #navbar-right{
                    display:none;
                }
                .upload-demo-wrap{
                    margin-bottom: 60px ! important;
                }
                .btn-web{
                    display:none ! important;
                }
                .result-search .col-sm-2 {
                    height:280px ! important;
                    padding: 0px;
                    width: 25%;
                }
                .espacementBlock{
                     height: 260px !important;
                }
	}

	/* Medium devices (desktops, 992px and up) */
	@media (min-width: 992px) { 
		.footer {
		  height: 60px;
		}
		body {
		  /* Margin bottom by footer height */
		  margin-bottom: 60px;
		}
                .block-collection{
                    /*background:blue;*/
                }
                .block-collection:nth-child(4n+4){
                    /*border-right:none ! important;*/
                }
                #menu-icones{
                    display:none;
                }
                h1{
                    margin-top:10px ! important;
                }
                #contain_all {
                    padding-top:0px ! important;
                }
                #menuweb{
                    display:block;
                }
                h1{
                    display: inline;
                }
               #ariane{
                    display:inline-block;
                }
                .desaturer{
                    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
                    filter: grayscale(100%); /* Current draft standard */
                    -webkit-filter: grayscale(100%); /* New WebKit */
                    -moz-filter: grayscale(100%);
                    -ms-filter: grayscale(100%); 
                    -o-filter: grayscale(100%);
                    filter: gray; /* IE6+ */
                    -webkit-transition: all 0.5s ease-in-out;
                    -moz-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    transition: all 0.5s ease-in-out;
                }
                .desaturer:hover{
                    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
                    filter: grayscale(0%); /* Current draft standard */
                    -webkit-filter: grayscale(0%); /* New WebKit */
                    -moz-filter: grayscale(0%);
                    -ms-filter: grayscale(0%); 
                    -o-filter: grayscale(0%);
                    filter: gray; /* IE6+ */
                }
                .text-muted a {
                    width:initial;
                }
                figure.effect-julia{background:#2f3238}
                figure.effect-julia img{max-width:none;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
                figure.effect-julia figcaption{text-align:left}
                figure.effect-julia h3{position:relative;}
                figure.effect-julia p{margin:0 0 .25em;padding:.4em 1em;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
                figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
                figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
                figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.05s;transition-delay:.05s}
                figure.effect-julia:hover p:first-child{-webkit-transition-delay:0;transition-delay:0}
                figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
                figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
                figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
                figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
                
                .block-portail .col-sm-4{
                    width: 31.27% !important;
                }
                .block-portail .col-sm-3{
                    width: 22.9% !important;
                }
                .block-portail .col-sm-9{
                    width: 72.9% !important;
                }
                .block-portail .col-sm-2{
                    width: 16.65%;
                }
                #navbar-right{
                    display:block;
                }
                .btn-web{
                    display:block ! important;
                }
                .result-search .col-sm-2 {
                    padding: 0px;
                    width: 16.66666667%;
                    height: 280px !important;
                }
                .espacementBlock{
                     height: 260px !important;
                }
	}

	/* Large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
                .block-collection:nth-child(4n+4){
                    /*border-right:none ! important;*/
                }
                .block-portail .col-sm-4{
                    width: 31.62% !important;
                }
                .block-portail .col-sm-3{
                    width: 23.2% !important;
                }
                .block-portail .col-sm-9{
                    width: 73.2% !important;
                }
                .block-portail .col-sm-2{
                    width: 16.668% !important;
                }
                .result-search .col-sm-2 {
                    height: 277px !important;
                    padding: 0px;
                    margin-bottom: 34px;
                    width: 16.66666667%;
                }
                .espacementBlock{
                     height: 275px !important;
                }
	}
        
        
        
        
        h4{
            display:inline;
            margin-top:0px ! important;
        }

        
        /* BOUTON PARCOURIR IMG */
        .btn-file {
            position: relative;
            overflow: hidden;
            background:#16a085 !important;
            color:white !important;
            border:none ! important;
            text-shadow:none ! important;
            float: left;
        }
        .btn-file:hover{
            background:black ! important;
           
        }
        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }
        .une-collection-table-buttons {
            position:absolute;
            bottom:10px;
            padding-left: 15px !important;
            padding-right: 15px !important;
            width: 100%;
        }
        .icone-public {
            display: block;
            float: right;

        }
        .img-block-collection{
            width:120px ! important;
            padding-left:0px ! important;
            padding-left:0px ! important;
            float: left ! important;
        }
        .alert{
            position:fixed;
            bottom:10px;
            left:10px;
            z-index:99999;
        }
        #avatar img{
          width:100%;
        }
        .degrade-nav{
            background: #16a085 ! important; /* Old browsers */
            background: -moz-linear-gradient(top, #16a085 0%, #009174 100%)! important; /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #16a085 0%,#009174 100%)! important; /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #16a085 0%,#009174 100%)! important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a085', endColorstr='#009174',GradientType=0 )! important; 
        }
        .degrade-btn{
            background: #16a085 ! important; /* Old browsers */
            background: -moz-linear-gradient(top, #16a085 0%, #009174 100%)! important; /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #16a085 0%,#009174 100%)! important; /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #16a085 0%,#009174 100%)! important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a085', endColorstr='#009174',GradientType=0 )! important; 
            border:none ! important;
            color:white ! important;
            text-shadow:none ! important;
        }
        .navbar-default .navbar-brand:hover{
            color:white ! important;
        }
        .input-group{
            position:initial;
        }
        .imgAppar{
            width: 200px ! important;
        }
        #datepicker{
            cursor:pointer;
        }
        #menuweb{
            float:right;
        }
        .blockformulaire{
            display: inline-block;
            width: 100%;
            margin:0px ! important;
        }
        label{
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 700;
            border: 1px solid #ccc;
            padding: 7px;
            border-radius: 25px;
            background: #eeeeee !important;
        }
        .blockformulaire p{
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            border: 1px solid #ccc;
            background:white;
            padding: 7px;
            border-radius: 25px;

        }
        .btnsupprimerimage{
            position: absolute;
            right: 25px;
            top: 10px;
            padding: 6px 10px !important;
        }
        .btnsupprimerimage:hover{
            background:black ! important;
        }
        .imgclickobjet{
            max-height: 190px;
            overflow: hidden;
            display: block;
            min-height: 190px;
            margin-top:20px;
        }

        label{
            font-weight: normal ! important;
            background:white ! important;
        }
        #navbar-right{
            float: right;
            padding-top: 5px;
            text-align: center;
            height: 50px;

        }
        #navbar-right a{
            color: white;
            display: block;
            padding-right: 10px;
        }
        #navbar-right a:hover{
            text-decoration:none;
        }
        
@font-face{font-weight:normal;font-style:normal;font-family:'feathericons';src:url('../fonts/feathericons/feathericons.eot?-8is7zf');src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg')}

.grid{position:relative;margin:0 auto;padding:1em 0 2em;max-width:1000px;list-style:none;text-align:center}
.grid figure{position: relative;
float: left;
overflow: hidden;
min-width: 100%;
max-height: 360px;
background: #0B987C;
text-align: center;
cursor: pointer;
margin-bottom: 15px;
}
.grid figure img{position:relative;display:block;max-width:100%;opacity:.8}
.grid figure figcaption{padding:1em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h3{word-spacing:-0.15em;font-weight:300;margin-top:0px ! important;}
.grid figure h3 span{font-weight:800}
.grid figure h3,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
@media screen and (max-width:50em){
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}
}

.block-portail > div{

    margin-right: 10px;
    margin-left: 10px;
    padding-top:10px;
    padding-bottom:10px;
    /*text-align:center;*/
}
.block-portail > div{
    background:white;

    margin-bottom:20px;
    text-align:center ! important;
}
.block-portail > div:hover{
    box-shadow:5px 5px 20px rgba(0,0,0,0.2); 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.block-portail h2{
    margin-top:10px ! important;
}
.block-portail h3{
    font-size:25px ! important;
}

.block-portail > div td {
    vertical-align: middle ! important;
}
.block-portail > div th{
    text-align:center ! important;
}
#champsearch {
    padding-left:30px ! important;
}
.btn.degrade-btn:hover{
    background:black ! important;
}
.badge {
    background:#16a085 ! important;
}
.date-event {
    font-size: 11px;
    line-height: 13px;
}
.date-event hr {
    padding:0px ! important;
    margin:0px ! important;
    border-bottom:1px solid #ddd;
}
.date-event span:first-child {
    background: #16a085;
    height: 35px;
    width: 35px;
    border-radius: 20px;
    display: block;
    color:white;
    padding-top: 4px;
    line-height: 13px;
    margin: 0 auto;
    font-weight:bold;
}
.date-event span:nth-child(2){
    margin-top: 1px;
    display: block;
    
}
.table{
    margin-bottom:0px ! important;
}
#ariane{
    margin-bottom:20px;
}
.pagination {
    margin-top: 5px ! important;
    margin-bottom: 5px ! important;
}
.input-group-addon{
    padding:0px ! important;
}
.dropdown-menu {
    top: 95px ! important;
    left: 4% !important;
    min-width: 92% !important;
    padding:0px !important;
    height: 150px;
    overflow: auto;
}
.dropdown-menu label{
    border:0px ! important;
    margin-left:5px;
    background:inherit ! important;
}
.dropdown-menu .checkbox{
    margin:0px;
}
.dropdown-menu .checkbox:hover{
    background:#16a085;
    color:white;
}
.dropdown-menu > li > a{
    padding: 6px 20px ! important;
    border-bottom:1px solid #eee;
}
.dropdown-menu > li > a:hover{
/*    background:#16a085 ! important;
    color:white ! important;*/
}
.button-group .searchCheck{
    background:#16a085 ! important;
    color:white ! important;
    border:1px solid #16a085 ! important;
}
.result-search .col-sm-2 img{
    padding:0px;
}

.result-search .col-sm-2 .titre-result {
    display: inline-block;
    height: 42px;
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 4px;
    font-weight: bold;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom:5px;
}
.result-search .col-sm-2 .description-result {
    height: 42px;
    padding-bottom:5px;
    padding-left: 7px;
    padding-right: 7px;

}
.btn-doaction.dropdown-toggle{
    height: 34px;
}
.checkboxtypecol{
    /*display:none;*/
}
.lienCheck{
    background:#16a085 ! important;
    color:white ! important;
}
.espacementBlock{
    margin-left: 15px;
    background: white;
    margin-bottom: 20px;
    text-align: center !important;
    
    background:white;
    margin-bottom:20px;
    text-align:center ! important;
    border: 1px solid #eeeeee ! important;
}
.pasvisible{
    display:none;
}
.progress-bar{
    -webkit-transition: width .15s ease ! important;
    -o-transition: width .15s ease ! important;
    transition: width .15s ease ! important;
}





.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}