body {
    font-size:14px;
	font-family:'PT Sans',sans-serif;
	height:100%;
    background: #f7f7f7;
    font: 1em "lucida grande",arial;
}
#cdvbarre{
	background-color:#669;
}
.cdv_photo{
	display:inline-block;
	height:40px;
	width:40px;
	border-radius:40px;
	float:left;
}
.box-item .fa, .box-item .fas, .box-item .far{
	font-size:15px;
}
.box-titre{
	padding:2px;
	background-color:#393;
}

.box-photo{
	padding:2px;
}
.box-photo img{
	display:block;
	max-width:100%;
	height:auto;
}
.box-photo-rect{
	padding:3px;
	margin:2px;
	margin-right:5px;
	border-radius:10px;
	/*background-color: #09C;*/
	border:2px solid #09C;
	cursor:pointer;
}
.box-photo-rect a{
	color: #036;
	font-size: 10px;
}

.no-padd-marg{
	padding:0;
	margin:0;
}

/*
.bg1 {
	background-color: #090;
}
.bg2 {
	background-color: #0C9;
}
.bg3 {
	background-color: #9C0;
}
.bg4 {
	background-color: #9C9;
}
.bg5 {
	background-color: #99C;
}
.bg6 {
	background-color: #CC0;
}
.bg7 {
	background-color: #F96;
}
.bg8 {
	background-color: #C6C;
}

/*******************************
	Topbar	
********************************/

.topbar {
    background: #1da1f2; /* cdv_modifie : #0b769c*/
	display:block;
    color: #fff;
    z-index: 1;
    position: fixed;	/* cdv_modifie : relative*/
	left:0px;
	top:0px;
	width: 100%;		 /*cdv_modifie : ajouter */
	/*margin-left: auto;	/* cdv_modifie : ajouter /
	margin-right:auto;	/ cdv_modifie : ajouter */
}
/*
.topbar > .container-fluid {
    background: #036;
}
.topbar .row {
    background: #699;
}
.topbar .site-name{
	background-color:#3C3;
}
*/
.topbar-repos {
	width: auto;		/* cdv_modifie : ajouter */
}
.topbar .fa {
    font-size: 20px;
    margin-top: 5px;
}

.topbar .site-name a {
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
    color:#fff;
    display: block;
    font-weight: bold;
}
.topbar .site-name a:hover {
	text-decoration:none;
}

.topbar-menu-left {
    position: relative;
    z-index: 1;
}
.topbar-menu-right li,
.topbar-menu-left li {
    display: inline-block;
}
.topbar-menu-right li a,
.topbar-menu-left li a {
    padding: 10px;
    display: block;
    color: #fff;
}
.topbar-menu-right li:hover,
.topbar-menu-left li:hover {
    cursor: pointer;
    background-color: #0a6586;
}
.topbar .right-side-nospace .topbar-menu-right {
    margin-right: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.topbar .right-side-space .topbar-menu-right {
    margin-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.topbar .ossn-icons-topbar-friends,
.topbar .ossn-icons-topbar-messages,
.topbar .ossn-icons-topbar-notification i {
    color: #0f3b4a;
}
.topbar .ossn-icons-topbar-friends-new,
.topbar .ossn-icons-topbar-messages-new,
.topbar .ossn-icons-topbar-notifications-new i {
    color: #fff;
}
.ossn-topbar-dropdown-menu {
    float: right;
}
.ossn-topbar-dropdown-menu ul li a,
.ossn-topbar-dropdown-menu ul li {
    display: block;
    width: 100%;
    color: #000;
}
.ossn-topbar-dropdown-menu .dropdown-menu {
    margin: 1px -120px 0;
}

/*******************************
	Mainbar	
********************************/

.mainbar {
	margin-top:50px;
	padding: 20px;
	overflow:visible;
    /*background: #FF0;  cdv_modifie : #0b769c*/
	display:block;
    color: #fff;
    position: relative;	/* cdv_modifie : relative*/
	width: 100%;		/* cdv_modifie : ajouter */
	/*margin-left: auto;	/* cdv_modifie : ajouter /
	margin-right:auto;	/ cdv_modifie : ajouter */
}
.mainbar > div > div > div{
	height:330px;
}
.mainbar .box{
	height:110px;
	padding:5px;
}
.mainbar .box-item{
	height:100px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #000;
	padding:5px;
}
/*******************************
	Categoriebar	
********************************/

.categoriebar {
	padding:0px 20px 0 20px;
	
    /*background: #FC6;  cdv_modifie : #0b769c*/
	display:block;
    color: #fff;
    position: relative;	/* cdv_modifie : relative*/
	width: 100%;		/* cdv_modifie : ajouter */
	/*margin-left: auto;	/* cdv_modifie : ajouter /
	margin-right:auto;	/ cdv_modifie : ajouter */
}
.categoriebar .box{
	height:60px;
	padding:5px;
}
.categoriebar .box-item{
	height:50px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #000;
	padding:5px;
}
/*******************************
	Sectionbar	
********************************/

.sectionbar {
	padding: 20px;
    /*background: #FF0;  cdv_modifie : #0b769c*/
	display:block;
    color: #fff;
    position: relative;	/* cdv_modifie : relative*/
	width: 100%;		/* cdv_modifie : ajouter */
	/*margin-left: auto;	/* cdv_modifie : ajouter /
	margin-right:auto;	/ cdv_modifie : ajouter */
}
.sectionbar .box-section{
	height:35px;
	padding:5px;	
}
.sectionbar .section-titre{
	height:30px;
	color: #333;
	font-weight:bold;
	font-size:12px;
	
	
}
.sectionbar .section-menu{
	height:30px;
	color: #333;
	font-weight:bold;
	font-size:12px;
	
	text-align:right;
	
}
.sectionbar .box-section-barre{
	padding:0 5px 0 5px; 
	height:7px;
	 	
}
.sectionbar .section-barre{
	background-color:#C60; 
	height:2px; 
	margin:0; padding:0; 	
}

.sectionbar > div > div > div{
	height:330px;
}
.sectionbar .box{
	height:110px;
	padding:5px;
}
.sectionbar .box-item{
	height:100px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #000;
	padding:5px;
}
.sectionbar .box-big{
	height:330px;
	padding:5px;
}
.sectionbar .box-big-item{
	height:320px;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	color: #000;
	padding:5px;
}