/* Import fonts */
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

body {
    color: #797979;
    /*background: #f1f2f7;*/
    font-family: 'Open Sans', sans-serif;
    margin: 0px !important;
    font-size: 13px;
    /*padding-top: 80px;*/
}
/*liens*/
a {
    color: #789bc0;
}

small{
  font-size: 11px;
}

a:hover {
    color: #789bc0;
}
.wrapper{
    /* margin-top: 60px; */
    width: 100%;
    padding: 20px 15px 15px 15px;
    display: inline-block;
    /*background: #f1f2f7;*/
    background: #e8e9ee;
}
.main_content {
    /*margin-left: 200px;*/
}

.sidebar {
    background-color: #474956;
    margin-top: 154px;
    width: 200px;
    position: fixed;
    height: 100% !important;
    bottom: 0;
    display: block;
    left: 0;
    padding: 5px 20px 20px;
    top: 0;
    z-index: 900;
}
.navbar{
	background: url(../img/cerp/bg-header.png) no-repeat 220px #ffffff;
	border: none;
	min-height: 80px;
	opacity: 0.991;
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.navbar-inverse .navbar-brand{
	color: #797979;
}	
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: inherit;
  background-color: transparent;
}
	
.navbar-collapse ul.nav{
	background: transparent;
	padding: 15px;
}

.navbar-inverse .navbar-nav > li > a{
	color: #797979;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
	color: #797979;
	border-bottom-color: #797979;
    border-top-color: #797979;
}

.navbar-inverse{
	z-index: 600;
}

.special{
	background: url(../img/cerp/bg-logo.png) no-repeat bottom left #ffffff;
	height: 154px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	position: absolute;
    top: -155px;
	z-index: 1001;
	bottom: 0;
    display: block;
    left: 0;
	}
	.special button{
		background: transparent;
	}
	
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #797979;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #797979;
}

}
.navbar-toggle{
	border: none;
	margin-top: 25px;
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color: #797979;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #ffffff;
}

.nav-sidebar {
    margin-bottom: 10px;
    margin-left: -20px;
    margin-right: -27px;
    font-weight: 400;
}
.nav-sidebar > li > a {
    margin: 7px;
    padding-left: 8px;
    padding-right: 0px;
    color: #b1b5be;
    height: 40px;
    line-height: 12px;
}
.nav-sidebar > .active > a {
    background: #f2f2f7;
    color: #0094d4;
    border-bottom: 2px solid #0094d4;
    border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    behavior: url(ie-css3.htc);
}
.nav-sidebar > .active > a i{color: #0094d4;}
.nav-sidebar > .active > a:hover {color: #0094d4;}

.nav-sidebar > li > a:hover {
    background: none;
    color: #b1b5be;
    background: #f2f2f7;
    color: #0094d4;
    border-bottom: 2px solid #0094d4;
    border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    behavior: url(ie-css3.htc);
}
.nav-sidebar > li > a:focus {
    background: none;
    color: #b1b5be;
    background: #f2f2f7;
    color: #0094d4;
    border-bottom: 2px solid #0094d4;
    border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    behavior: url(ie-css3.htc);
}
.nav-sidebar > li a:hover i {color:#0094d4;}

.nav-sidebar > li a i{
	float: right;
	color: #b1b5be;
	font-size: 15px;
	line-height: 32px;
	width: 32px;
	height: 32px;
	margin-top: -10px;
	text-align: center;
	margin-right: 10px;
}

.nav-sidebar > .active > a i {
	font-size: 18px;
	color: #0094d4;
}
.hide-sidebar i {color: #797979;}

/*Formulaire highlight*/
.form-control:focus, #focusedInput {
    border: 1px solid #67c3e5;
    box-shadow: red;
}

/* Panel */
.panel{
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url(ie-css3.htc);
}

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-width: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url(ie-css3.htc);
}
.panel-body{
	padding: 12px;
	/* min-height: 100px; */
}
.panel-heading {
	padding-left: 12px;
}

/* Panel Réunions/formations */
.panel-body.meetings {
	background-color: #ffffff;
	color: #797979;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    behavior: url(ie-css3.htc);
}
.media-body .titre{
	width: 100%;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.media-body .titre span{
	width: 100%;
	display: inline-block;
	font-weight: normal;
	text-transform: none;
	font-size: 11px;
	color: #547c00;
}
.media-body .desc{
	margin: 10px 0px 10px 0px;
	width: 100%;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
.media-body ul li{
	padding-left: 28px;
	line-height: 28px;
	background: url(../img/icn-calendar.png) no-repeat left;
}

.panel-body.meetings a img {
    width: 100px;
    height: 100px;
    margin-right: 12px;
    border: 3px solid rgba(143,212,0, 0.8);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    behavior: url(ie-css3.htc);
}

/*Panel Commander sur...*/

.zone-icon{
	display: inline-block;
	font-size: 20px;
    padding: 5px 5px;
    width: 36%;
    color: #ffffff;
    text-align: center;
}
.zone-launch{
	display: table;
	width: 63%;
	float: right;
	height: 50px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	padding-right: 5px;
	border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    behavior: url(ie-css3.htc);
}
.zone-launch span{
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
}

.zone-launch.green{background: #b7db26;}
.zone-launch.blue{background: #67c3e5;}


/*Panel Madouest*/
.post-wrap aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.pro-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.post-info h1{color: #797979; font-weight:200; margin: 0px 0px 10px 0px;}

.post-info .panel-body img{margin-bottom: 8px;}

.post-info .panel-body p{font-size:12px;margin: 0px;}

.post-info {
    position: relative;
}
.arrow-pro.right:after {
    border-left-color: #FFFFFF;
    border-right-width: 0;
    content: " ";
    top: 64px;
}
.arrow-pro.left:after {
    border-left-width: 0;
    border-right-color: #FFFFFF;
    content: " ";
    top: 55px;
}
.arrow-pro.left {
    left: -8px;
}
.arrow-pro:after {
    border-width: 7px;
    content: "";
}
.arrow-pro, .arrow-pro:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    right: -5px;
    width: 0;
}

.post-highlight.vert-mad {
    background: none repeat scroll 0 0 #c7da00;
    border-radius: 0 4px 4px 0;
}
aside.post-highlight .panel-body {margin-top: 20px;}

a.play-video i{
	font-size: 85px;
	line-height: 78px;
	padding-left: 2px;
	width: 80px;
	height: 80px;
	color: #ffffff;
}
a.play-video i:hover{
	color: #a8b800;
}

/*Panel Dossiers thématiques*/
.dossiers-them img{
	color: #ffffff;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    behavior: url(ie-css3.htc);
    border: 3px solid #8175c7;
    
}
.dossier-highlight{
	font-weight: bold;
	color: #797979;
	float: left;
	margin: 10px 0px 0px 0px;
}
.dossier-highlight i{
	color: #8175c7;
	font-size: 14px;
	margin-right: 4px;
}
.dossier-highlight:hover{
	color: #797979;
}


/*Panel Utilisateur*/
.panel-heading.user-account {
	color: #ffffff;
	background: #0094d4;
	border: none;
	text-align: center;
	padding-top: 15px;
	border-bottom: 1px solid #ffffff;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    behavior: url(ie-css3.htc);
}
.panel-heading.user-account img{
	width: 110px;
   	height: 110px;
   	margin-bottom: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(ie-css3.htc);
    border: ;
}

.panel-heading.user-account .user-name {font-size: 13px;}
.panel-heading.user-account .user-phie {font-size: 12px;font-style: italic;}

.panel-body.user-account{
	padding: 0px 0px;
	margin: 0px;
	margin-bottom: 0px;
}
.panel-body.user-account ul{
	padding: 0px 0px;
	margin-bottom: 0px;
}
.panel-body.user-account ul li{
	border-bottom: 1px solid #f2f2f7;
}
.panel-body.user-account ul li:last-child{border-bottom: none;}

.panel-body.user-account ul li i{
	font-size: 16px;
	line-height: 53px;
	text-align: center;
	margin: 0px 4px 0px 0px;
	width: 50px;
	height: 50px;
	float: left;
}

.panel-body.user-account ul li a{
	font-size: 12px;
	display: block;
	padding: 0px;
	line-height: 52px;
	border-left: 4px solid #ffffff;
	color: #90ba00;
}
.panel-body.user-account ul li.active a{
	border-left: 4px solid #0094d4;
	background: #f8f7f5;
}
.panel-body.user-account ul li.active i{color: #0094d4;}
.panel-body.user-account ul li.active a{color: #0094d4;}

.panel-body.user-account ul li a:hover{
	width: 100%;
	text-decoration: none;
	color: #0094d4;
	background: #f8f7f5;
	border-left: 4px solid #0094d4;
}

.nom-phie{
	font-size: 20px;
	font-weight: 400;
}
.adresse-phie{
	font-size: 12px;
}
.cip-phie{font-size: 12px;padding: 6px 0px;line-height: 18px;}
.cip-phie i{text-align:center;width:25px;font-size: 18px;color: #0094d4;float: left;margin-right: 5px;}

.tel-mail-phie{font-size: 12px;padding: 6px 0px;line-height: 18px;}
.tel-mail-phie i{text-align:center;width:25px;font-size: 18px;color: #0094d4;float: left;margin-right: 5px;}
.tel-mail-phie a{color: #90ba00;}

.media.edit-user img{
	width: 40px;
   	height: 40px;
   	margin-bottom: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(ie-css3.htc);
    border: 2px solid #0094d4;
}
.media-body.edit-user{
	padding-bottom: 0px;
}
.media-body.edit-user div{
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 5px;
}


/*Panels Offres d'emplois*/
.panel-heading.emploi{
	font-size: 18px;
}
ul.titre-rubrique{
	margin-bottom: 0px ;
}
.titre-rubrique{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 5px;
}
ul.list-rubrique{
	margin-bottom: 0px ;
}
.list-rubrique li{
	font-size: 12px;
	width: 100%;
	display: inline;
	margin-right: 4px;
}
.list-rubrique li span.badge{
	font-size: 10px;
	margin-left: 5px;
	font-weight: normal;
	margin-top: 0px;
}
.list-rubrique li span.badge.orange{background-color: #ff9a48;}
.list-rubrique li span.badge.jaune{background-color: #F8D347;}

/* Header Utilisateur & Panier */
	/* User */
	
.dropdown-menu > li > a {
    color: #797979;
}
.dropdown-menu.user {
	top: 60px;
	font-size: 13px;
	left: -54px;
	width: 230px;
	padding: 0px;
}
.dropdown-menu.user i{
	color: rgb(110, 180, 220);
	font-size: 12px;
	margin-left: -10px;
	margin-right: 5px;
}
.dropdown-toggle.user{
	float: left;
	padding: 10px 5px 0px 10px;
	line-height: 20px;
	font-weight: 300;
}
.dropdown-toggle.user b.caret{
	float: right;
	margin-left: 10px;
}
.user_img{
	position: absolute;
	top:2px;
	left:-50px;
}
.avatar {
   	width: 50px;
   	height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(ie-css3.htc);
    border: 2px solid rgba(110,180,220,0.7);
}
.hello{
	width: 55px;
	float: left;
}
.username{
	float: left;
	font-weight: bold;
}


/* Panier */
	
.navbar-nav.navbar-right:last-child {
    margin-right: -25px;
  }	
.cart{
	width: 170px;
	font-weight: 300;
}	
.my_cart{
	font-size: 14px;
	margin-top: -20px;
	width: 80px;
	text-align: right;
}
.nombre_articles{
	font-size: 11px;
	width: 80px;
	text-align: right;
}
.panier_total{
	font-size: 20px;
	font-weight: 400;
	width: 100px;
	text-align: right;
}
.cart a i{
	font-size: 28px;
	color: #ffffff;
	float: left;
}
.cart.green a i{
	font-size: 28px;
	color: #8fd400;
	float: left;
}
	
	/* Divider */

.menu_divider{
	margin: 0px 10px 0px 10px;
	width: 1px;
	background: #aac300;
	height: 50px;
}	
.menu_divider2{
	margin: 0px 10px 0px 10px;
	width: 1px;
	background: #e8e8e8;
	height: 50px;
}		



/*Bloc news*/

.cerp-heading {
    color: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    behavior: url(ie-css3.htc);
    padding: 20px;
    text-align: center;
}

.cerp-heading h1 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 25px;
    display: inline-block;
}

.cerp-heading.alt {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.alt.blue-bg {
    background: #0094d4;
}

.cerp-heading.alt a {
    float: left;
    margin-right: 15px;
    margin-left: -10px;
    display: inline-block;
    border: 2px solid rgb(143, 212, 0);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    behavior: url(ie-css3.htc);
}

.cerp-heading.alt a img {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    behavior: url(ie-css3.htc);
}
.contenu-actu{
	background: #6cb3db;
	padding: 10px 12px;
	color: #ffffff;
	font-size: 12px;
	border-radius: 0 0 4px 4px ;
    -webkit-border-radius: 0 0 4px 4px ;
    behavior: url(ie-css3.htc);
}
.contenu-actu p{color: #ffffff;}


/*Panel Video/Rich Media*/
.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    border: none;
    margin-bottom: 10px;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/*Side-accordion menu*/
.side-nav-accordion li ul {margin-bottom: 20px;}
.side-nav-accordion li ul li{font-size:12px; padding: 5px 0px 5px 60px;}

.side-nav-accordion li ul li a{color: #797979;}
.side-nav-accordion li.current ul li a{color: #797979;}
.side-nav-accordion li.current ul li a:before{content: '- ';}
.side-nav-accordion li.current ul li.active a{color: #797979;}
.side-nav-accordion li.current ul li a:hover{color: #797979;text-decoration: none;}

.nav-sidebar > li span.nav-expand{
	width: 17px;
	height: 17px;
	background: url(../img/nav-expand.png) no-repeat;
	margin-right: 12px;
}

.current > a > span.nav-expand {
	background: url(../img/nav-expand.png) no-repeat bottom;
}


/*Listing produits*/
.product-panel{
	background: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
}
.product-panel > .image_product{
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
}
.product-panel > .libelle,.marque,.spec,.prix{
	width: 100%;
	display: block;
}
.product-panel span.marque{
	font-weight: bold;
	color: #c7da00;
}
.product-panel span.spec{
	font-size: 12px;
	color: #b5b5b5;
}
.product-panel span.prix{
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
}
.product-panel > .desc{
	margin-bottom: 5px;
}
.product-panel > .image_product img{
	margin: 0 auto;
}


/*Page produit*/
.product-page{
	/* background: #ffffff; */
	padding: 0px;
}
.pro-image{
	background: #ffffff;
	border-right: 1px solid #f1f2f7;
	}
	.pro-image img{
	margin: 0 auto;
	}
	
.pro-image-thumb{
	padding-top: 3px;
	background: #f2f2f7;
}
.pro-image-thumb a{
	margin-right: 3px;
}

.prod-desc{
	background: #ffffff;
	padding: 20px 12px 12px 12px;
	margin-left: -30px;
}
.prod-desc .prix{
	font-size: 28px;
	font-weight: 600;
}
div.prod-desc form.form-horizontal div.form-group label.col-sm-4{
	line-height: 38px;
	font-size: 11px;
	margin-bottom: 0px;
}
.en-stock{
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #797979;
}

.en-stock i{
	color: #a9da00;
	font-size: 12px;
}

/*Btn dépot d'annonce*/
.btn-depot {
	height: 55px;
	line-height: 41px;
}

/*Tableau Emplois*/
.table.listing-emplois tbody{
	background: #ffffff;
}
.table.listing-emplois tbody tr{
	height: 60px;
}
.table > thead.sub-head-table > tr > th{
	background-color: #0094d4;
	color: #ffffff;
	padding: 10px;
	font-size: 11px;
	text-transform: normal;
}
table > thead.sub-head-table > tr > th.sorting_asc {
    background: url("../img/sort_asc.png") no-repeat scroll right center #0094d4;
}
table > thead.sub-head-table > tr > th.sorting_desc {
    background: url("../img/sort_desc.png") no-repeat scroll right center #0094d4;
}
table > thead.sub-head-table > tr > th.sorting {
    background: url("../img/sort_both.png") no-repeat scroll right center #0094d4;
}
table > thead.sub-head-table > tr > th.sorting_asc_disabled {
    background: url("../img/sort_asc_disabled.png") no-repeat scroll right center #0094d4;
}
table > thead.sub-head-table > tr > th.sorting_desc_disabled {
    background: url("../img/sort_desc_disabled.png") no-repeat scroll right center #0094d4;
}
table > thead.sub-head-table > tr > th.no-sorting {
    background: #0094d4;
}

/* Tabs Offre / Demande */
.nav-tabs.add-emploi{
	background: #0094d4;
}
.nav-tabs.add-emploi li > a{
	text-transform: uppercase;
}
.note{
	padding: 15px 0px;
	font-size: 12px;
}
.required{
	color: #ff5b58;
}

/*Tableaux chiffres - couleur entêtes et colonnes*/
table.chiffres{
	margin-top: 0px;
}
th.blue{
	border-bottom: 5px solid #0094d4 !important;
}
th.green{
	border-bottom: 5px solid #8fd400 !important;
}
th.green-mad{
	border-bottom: 5px solid #bed600 !important;
}
th.jaune{
	border-bottom: 5px solid #F8D347 !important;
}
th.orange{
	border-bottom: 5px solid #ff9a48 !important;
}
th.red{
	border-bottom: 5px solid #f58888 !important;
}
th.cobalt{
	border-bottom: 5px solid #99a4b2 !important;
}
th.cobalt2{
	border-bottom: 5px solid #585d6e !important;
}
td.zebra{
	background: #f2f2f7;
}
td a{
  text-decoration: none;
  font-weight: bold;
  color: #484952;;
}

td a:hover{
  color: #484952;
}


/* Style liste de produits */
.titre-cat{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #4b4f55;
	border-left: 5px solid #8fd400;
	padding-left: 5px; 
}

.ss-titre-cat{
	font-size: 14px;
	font-weight: bold;
	}
	.ss-titre-cat.t10{
		padding-bottom: 5px;
		border-bottom: 3px solid #0094d4;
	}
	.ss-titre-cat.t2-1{
		padding-bottom: 5px;
		border-bottom: 3px solid #8fd400;
	}
	.ss-titre-cat.t20{
		padding-bottom: 5px;
		border-bottom: 3px solid #F8D347;
	}
	.ss-titre-cat.t5-5{
		padding-bottom: 5px;
		border-bottom: 3px solid #ff9a48;
	}
.list-pdf{
	padding-left: 0px;
}
.list-pdf li{
	list-style-type: none;
}
.list-pdf li i{
	color: #da3b3b;
}
.list-pdf li a{
	color: #555555;
	font-size: 13px;
}
.list-pdf li a:hover{
	text-decoration: underline;
}


.positive{
	color: #53a500;
}
.negative{
	color: #ec2d2d;
}



/*IE8 responsive images*/
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
  
/*Filterable GRid*/
#thegrid .mix{
    opacity: 0;
    display: none;
}