/* ROUGE  : #B9627A */

@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

* {  font-family: 'Lato', sans-serif; outline: 0 none !important; }

a { color: #333 !important;}

body {   }
img { border: 0px; }

h1, legend { color: #506A85 !important; }

h1 { margin: 0 0 0 0 !important; font-size: 30px !important;}
/*.h3 {  color: #49cefb !important; }*/

.badge, .alertify-log, .btn-primary { color: #fff !important; }

.centered {     margin: 0 auto; width: 100px; }


.wavy { text-decoration: green wavy underline; }

/*===================================================================================*/
/*	MENU DE NAVIGATION
/*===================================================================================*/

/*/*.navbar-collapse { font-size: 12px; }*/

/*.navbar-default { background-color: #506A85!important; border-color: #506A85 !important; color: #fff !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav a:hover, .navbar-default .navbar-text
{ background: #506A85 !important; color: #fff !important;  font-weight: bold; font-size: 18px;}
*/

.navbar-brand { padding-top: 6px !important; }

/* Boutons */
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #fff !important;
    border-color: #fff !important;
}
.btn-primary { background-color: #506A85 !important; }

.btn-danger { color: #fff !important;}
.pagination .btn { color: #333 !important;}

.border-bottom { border-bottom: 1px dashed #eaeaea; margin-bottom:5px; padding-bottom:5px;}

.radius { border-radius: 10px; }

.ui-sortable-helper,.ui-sortable li:hover { border-left: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; }


.breadcrumb { background: none !important;}

label.error { background: red; color: #FFF;}

.return_top_page {
    background: url(../../../images/design/fleche-top.jpg) center center no-repeat;
    height: 41px;
    width: 41px;
    position: fixed;
    right: 15px;
    text-decoration: none;
    border: 1px solid #fff;
    bottom: 2%;
    cursor: pointer;
}


.blue {
    color: #49cefb !important;
}


ul.ul_no_style {
    list-style-type: none;
}

ul.inline li {
    display: inline;
    text-align: center;
    padding: 2px ;
    margin: 0;
    width: 19%;
}

.bg-grey { background: #eaeaea; }

.listing-item { border: 2px solid #eaeaea; }
.listing-item:hover { border: 2px solid #ccc; }
.listing-item img { max-height: 80px; }

/*===================================================================================*/
/*	PAGE PADDINGS
/*===================================================================================*/
.inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
.inner-md {
	padding-top: 65px;
	padding-bottom: 65px;
}
.inner-sm {
	padding-top: 50px;
	padding-bottom: 50px;
}
.inner-xs {
	padding-top: 40px;
	padding-bottom: 40px;
}
.inner-top {
	padding-top: 80px;
}
.inner-top-md {
	padding-top: 65px;
}
.inner-top-sm {
	padding-top: 50px;
}
.inner-top-xs {
	padding-top: 40px;
}
.inner-bottom {
	padding-bottom: 80px;
}
.inner-bottom-md {
	padding-bottom: 65px;
}
.inner-bottom-sm {
	padding-bottom: 50px;
}
.inner-bottom-xs {
	padding-bottom: 40px;
}
	
.inner-bottom-xss {
	padding-bottom: 20px;
}	
	
.inner-top-xss {
	padding-top: 20px;
}
	
.outer {
	margin-top: 120px;
	margin-bottom: 120px;
}
.outer-md {
	margin-top: 100px;
	margin-bottom: 100px;
}
.outer-sm {
	margin-top: 80px;
	margin-bottom: 80px;
}
.outer-xs {
	margin-top: 40px;
	margin-bottom: 40px;
}
.outer-xss {
	margin-top: 10px;
	margin-bottom: 10px;
}	
.outer-top {
	margin-top: 120px;
}
.outer-top-md {
	margin-top: 100px;
}
.outer-top-sm {
	margin-top: 80px;
}
.outer-top-xs {
	margin-top: 40px;
}	
	
.outer-top-xss {
	margin-top: 10px;
}
.outer-bottom {
	margin-bottom: 120px;
}
.outer-bottom-md {
	margin-bottom: 100px;
}
.outer-bottom-sm {
	margin-bottom: 80px;
}
.outer-bottom-xs {
	margin-bottom: 40px;
}		

.outer-bottom-xss {
	margin-bottom: 10px;
}	
	
.padding { 
	padding: 20px; 
}

.no-padding { 
	padding: 0px !important; 
}
		
.padding-xs  { 
	padding: 10px; 
}			
.padding-left-xs  { 
	padding-left: 20px; 
}	
		
.padding-images  { 
	padding: 0 10px 0 0; 
}