/* general */
html
{
	float:left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
body
{
	background: url(../images/background.jpg) no-repeat left top;
	background-size: 100% 100%;
	float:left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
body.log
{
	background: url(../images/background3.png) no-repeat left fixed;
	background-size: 100% 100%;	
}
form
{
	float:left;
	width: 100%;
}
hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-bottom: 1px;
  margin: 18px 0;
  float:left;
  width: 100%;
}
h4
{
	padding-bottom: 3px;
	border-bottom: 1px dotted #383838;
}
li.odd
{
	background: #555;
	color: #fff;
}
.white_background
{
	background: rgba(255,255,255,0.95);
	min-height: 180px;
	border: 1px solid #202020;
	padding-bottom: 30px;
}


.colonne_contenu .white_background
{
	min-height: 600px;
}


/* header */ 


/* contenu principale */
.container.principal
{
	padding-top: 60px;
	padding-bottom: 60px;
}

/* footer */ 
.footer
{
	float:left;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
	background: #383838;
	color: #fff;
	border-top: 1px solid #fff;
	z-index: 100;
}

/* login */
.contain_login
{
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	/*margin-top: 25%;	*/
}

.label_login
{
    color: #000;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    vertical-align: middle;
    width: 100%;
	text-align:right;
}

/* menu principal */

nav.menu
{
	max-height: 50px;
	background: #fff;
	color: #202020;
}
nav.menu li,
nav.menu li:hover{
	background-color: #fff;
}
nav.menu a
{
	color: #202020;
	background-color: #fff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret
{
	color: #202020;
	border-bottom-color: #202020;
    border-top-color: #202020;
}
.navbar-default .navbar-nav > li > a
{
	color: #202020;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
	color: #202020;
}
.dropdown-menu
{
	background: #fff;
}
nav.menu  .navbar-brand
{
	height: 50px;
	padding: 5px;
}
nav.menu  .navbar-brand img
{
	height: 40px;
	float:left;
	margin-right: 10px;
}
nav.menu.vertical
{
	float:left;
	width: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	height: inherit;
	max-height: inherit;
}
nav.menu.vertical #nav1
{
	float:left;
	width: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	max-height: inherit;
}
nav.menu.vertical li
{
	float:left;
	width: 100%;	
}

nav.menu.vertical a
{
	color: #000;
}
nav.menu.vertical .navbar-default .navbar-nav > .dropdown > a:hover .caret,nav.menu.vertical .navbar-default .navbar-nav > .dropdown > a:focus .caret
{
	color: #000;
	border-bottom-color: #000;
    border-top-color: #000;
}
nav.menu.vertical .navbar-default .navbar-nav > li > a
{
	color: #000;
}
nav.menu.vertical.navbar-default .navbar-nav > li > a:hover,nav.menu.vertical .navbar-default .navbar-nav > li > a:focus
{
	color: #333;
}
nav.menu.vertical .dropdown-menu
{
	background: #e5e5e5;
	position: relative;
	float:left;
	width: 100%;
	top: inherit;
	left: inherit;
	right: inherit;
	bottom: inherit
}
.menu_col
{
	float:left;
	width: 100%;
}

/* boxs page accueil */
/* .last_drop ul */
/* { */
	/* margin: 0; */
	/* float:left; */
	/* width: 100%; */
	/* list-style: none; */
/* } */
/* .last_drop ul li */
/* { */
	/* padding: 3px 0; */
	/* float:left; */
	/* width: 100%; */
	/* list-style: none; */
/* } */
.box_accueil .item strong:hover
{
	text-decoration: underline;
}
.box_accueil
{
	margin: 15px 0;
}
.box_accueil div.white_background
{
	padding-top: 15px;
	padding-bottom: 15px;
}
.box_accueil h4
{
	margin-top: 0;
}
#customers_search_engine
{
	line-height: 34px;
	display: none;
}

/* menu interieur */
ul.manage_links 
{
	padding: 15px 0;
	margin: 0;
	float:left;
	width: 100%;
	list-style: none;
}
ul.manage_links li
{
	padding: 5px 15px;
	margin: 0;
	float:left;
	width: 100%;
	list-style: none;
}
ul.manage_links li a
{
	color: #000;
	text-decoration: none;
	float: left;
	width: 100%;
}
ul.manage_links li:hover
{
	background: #fff;
}
ul.manage_links li:hover a
{
	color: #383838;
}

/* création article */
.page_articles .title_page
{
	/*height: 35px;*/
	line-height: 35px;
	margin-top: 15px;
	float:left;
}
.page_articles .title_page  h1
{
	font-size: 24px;
	float:left;
	margin: 0;
	/*height: 35px;*/
	line-height: 35px;
}
.page_articles .title_page em
{
	/*height: 35px;*/
	line-height: 35px;
}
.btn_valid_bloc
{
	margin: 10px 0;
	float:left;
}
.ckeditor
{
	float:left;
	width: 100%;
}
#cke_article
{
	float:left;
	width: 100%;
}
.cat_line
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.cat_line label
{
	margin-top: 5px;
}
/* liste articles */
.manage_list
{
	list-style: none;
	padding: 0;
	float:left;
	width: 100%;
}
.manage_list li
{
	float:left;
	width: 100%;
	padding: 5px 0;
	min-height: 40px;
	color: #fff;
}
.manage_list li div
{
	float:left;
	min-height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;	
}
.manage_list li.even div
{
	color: #383838
}
.manage_list li div +div
{
	padding: 0;
}
.manage_list li div + div + div
{
	padding: 0 15px;
}
.manage_list li div:first-child
{
	line-height: inherit;
}
.manage_list li.odd
{
	background: #ededed;
	color: #202020;
}
.manage_list li.odd div
{
	color: #202020
}
.header_top
{
	padding: 0 !important;
	border-bottom: 1px dotted #383838;
}
.evt_aff
{
	float:left;
	width: 100%;
}
.contenu_event
{
	float:left;
	width: 100%;
	text-align: justify;
	margin-top: 10px;
}
.contenu_modal_evt
{
	text-align: center;
}
.contenu_modal_evt h2
{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}
.modal-body
{
	padding: 0 15px;
	float: left;
	width: 100%;
}
div.line_affiche
{
	float:left;
}
div.line_affiche img
{
	float:left;
	width: 100%;
}
.pictures_explorer
{
	padding : 15px;
}
.contain_pictures_folder a
{
	color: #383838;
	text-decoration: none;
	margin: 0;
	padding: 10px 0 10px 0;
	float:left;
	width: 100%;
	min-height: 70px;
	border-radius: 5px;
}
.contain_pictures_folder a i
{
	color: #383838;
}
.contain_pictures_folder .pictures_folder:hover
{
	background: none repeat scroll 0 0 #fff;
	transition: background ease 0.5s;
}
.contain_pictures_folder .pictures_foldera:hover
{
	color: #333;
	transition: color ease 0.5s,;
}
.contain_pictures_folder .pictures_foldera:hover i
{
	color: #333;
	transition: color ease 0.5s;
}
.pictures_form .form-control
{
	margin-bottom: 10px;
}

.box_accueil .carousel .carousel-control
{
	display: none;
}
.box_accueil .carousel
{
	float:left;
	width: 100%;
}
.box_accueil .carousel .carousel-inner
{
	float:left;
	width: 100%;
}
.box_accueil .carousel .carousel-inner .item
{
	float:left;
	width: 100%;
}
.sub_cat_list
{
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 540px;
	/* max-height: 700px; */
	overflow: auto;
	/*display: none;*/
}
.sub_cat_list li
{
	float:left;
	width: 100%;
}
.sub_cat_list a
{
	margin-right: 5px;
}
.product_input
{
	display: none;
}
.manage_controls
{
	padding: 6px 8px;
	margin: 1px;
}

.couverture_input input
{
	display: none;
}
.tooltip.top
{
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #fff !important;
}
.tooltip.top div
{
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #fff !important;
}
.tooltip.in
{
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #fff !important;
}
.tooltip.in div
{
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: #fff !important;
}
.bg-danger
{
	background-color: #EB6868 !important;
	background: #EB6868 !important;
	border: 1px solid #383838 !important;
}
.table_information
{
	border: 1px solid #ccc;
	margin-bottom: 0;
}
div.user_infos
{
	padding: 5px 10px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
	border-bottom: 1px solid #202020;
}
#logoff_button
{
	padding: 5px 8px;
	color: #383838;
	border:0;
	background: #F27D0C;
}
#logoff_button:hover
{
	background: #202020;
	color: #fff;
	border:0;
}
#account_button
{
	padding: 5px 8px;
	color: #202020;
	border:0;
	background: #e7e7e7;
}
#account_button:hover
{
	background: #4AAEEE;
	color: #000;
	border:0;
}
.alert_bloc .alert-danger,
.alert_bloc .alert-success,
.information_utilisateur
{
	margin-bottom: 5px;
	padding: 5px 15px;
	font-size: 13px;
}
#sub_categorie
{
	display: inherit;
	float:left;
}
.delete_button_pictures_folder,
.delete_button_pictures_one
{
	position: absolute;
	top:0;
	right: 0;
	padding: 6px;
	cursor: pointer;
}
.delete_button_pictures_one
{
	border-radius: 15px;
    padding-top: 8px;
}

.delete_button_pictures_folder:hover,
.delete_button_pictures_one:hover
{
	color: #F7230C;
	background: #383838;
}
#add_customer_form
{
	float:left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#add_customer_form li
{
	float:left;
	width: 100%;
}
#list_customer_by_site
{
	float:left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#list_customer_by_site li
{
	float:left;
	width: 100%;
	line-height: 25px;	
	margin: 0 -15px;
	padding: 3px 0;
}
#list_customer_by_site li:first-child
{
	padding: 0;
}
#list_customer_by_site li.odd
{
	background: #383838;
	color: #fff;
}
.red_fa
{
	color: #FF0000;
}
.green_fa
{
	color: #00CC00;
}
.interact_customer button
{
	padding: 6px 4px 4px 4px
}
div.header_title
{
	font-weight: bold;
	line-height: 30px !important;
}
.modal h4
{
	border: none !important;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover
{
	border-color: #383838;

}

.fc-unthemed th
{
	background: #383838;
	color: #fff;
	border-color: #fff;
}
.fc-time-grid-container
{
	float:left; 
}
#list_demande_rdv
{
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#list_demande_rdv li
{
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
	line-height: 20px;
}
.nav-tabs > li
{
	background: #383838;
	color: #fff;
}
.nav-tabs > li a
{
	color: #fff;
}
.nav-tabs > li a:hover
{
	color: #383838;
}
.navbar-nav > li > .dropdown-menu
{
	border: 1px solid #fff;
}

.page_carret a.alert {
	border: 1px solid transparent;
	border-radius: 4px;
	float: left;
	/* margin-bottom: 20px; */
	padding: 5px 0;
	width: 100%;
	text-decoration: none;
}
.page_carret a.alert:hover {
	background-color: #d6eaf4;
}
.page_carret b
{
	width: 36px;
	padding: 6px 0;
	text-align: center;
}

span.droite a.btn,
span.gauche a.btn
{
	float:left;
	width: 100%;
}

.barre_navigation
{
	margin: 10px 0;
}

.link_actions .btn
{
	padding: 6px;
	margin: 3px;
}
.link_actions button[class*="valid_"]
{
	height: 28px;
	line-height: 16px;
}

#liste_menu
{
	margin: 0;
}

#liste_menu li
{
	float:left;
	width: 100%;
	list-style: none;
}

li.line_maj
{
	padding: 10px 0;
	border-bottom: 1px solid #383838;
	background: #ccc;
}

li.line_maj.odd
{
	background: #a2a2a2;
}

li.line_maj.even
{
	background: #ccc;
}

.dropdown_first_level
{
	margin: 5px 0 0 0;
	/* background: #757575; */
	padding-top: 10px;
	padding-bottom: 10px;
	float:left; 
	width: 100%;
	padding: 0;
	border-left: 1px dotted #fff;
}

.dropdown_second_level
{
	margin: 5px 0 0 0;
	/* background: #b1b1b1; */
	padding-top: 10px;
	padding-bottom: 10px;
	float:left; 
	width: 100%;
	padding: 10px 0;
	border-left: 1px dotted #fff;
}

.dropdown_first_level_ul
{	
	border-left: 1px solid #383838;
}

.add_line_maj
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.menu_action_btn
{
	margin: 2px;
}

.title_col_menu
{
	background-color: #dff0d8;
	border: 1px solid #383838;
    /* border-color: #383838; */
    color: #3c763d;
	padding-top: 6px;
	margin-bottom: -10px;
	z-index:100;
}

.title_col_menu label
{
	float:left;
	width: 100%;
}

.line_first_level
{
	margin: 2px 0;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}
span.span_maj
{
	background: #5674c0;
}
.ul_list_members,
.ul_list_teachers
{
	list-style: none;
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
}
/* .bloc_valid_edit_member button
{
	margin-top: 8px;
	margin-bottom: 8px;
} */
.line_member input,
.line_member button,
.line_teacher input,
.line_teacher button
{
	margin: 0 0 8px 0;
}


.bootstrap-switch
{
	margin: 2px !important;
	min-height: 28px !important;
	height: 28px !important;
	border: none !important;
}
.bootstrap-switch-container,
.bootstrap-switch-container span
{
	height: 28px !important;
	line-height: 28px !important;
	min-height: 28px !important;
}

.bloc_civilite,
.bloc_statut,
.bloc_adhesion
{
	padding-top: 8px; 
	padding-bottom: 8px;
	cursor: pointer;
}

.bloc_civilite.active,
.bloc_statut.active,
.bloc_adhesion.active
{
	color: #fff;
	background: #333;	
}

.table.table_adh th
{
	color: #fff;
	background: #383838 none repeat scroll 0 0;
}
.table.table_adh 
{
	background: #e9e9e9;
}
#liste_users{
    overflow: scroll;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default
{
	background: #ff4500;
	color: #fff;
}
.bootstrap-switch
{
	font-weight: 600 !important;
}
table.tb_bord_table td
{
	background: #ccc;
	font-size: 11px;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	vertical-align: middle;
}
table.tb_bord_table th
{
	background: #383838;
	color: #fff;
}

table.list_mails
{
	background: #fff;
}
table.list_mails thead tr th
{
	background: #000;
	color: #fff;
	
}
table.list_mails tr.odd
{
	background: #feffb5;
	color: #202020;
	
}
table.list_mails tr.odd:hover td,
table.list_mails tr.even:hover td,
table.list_mails tr.odd:hover th,
table.list_mails tr.even:hover th
{
	background: #a7d7da;
	color: #000;	
}
#tabMails
{
	margin-left: 15px !important;
}
div.ct_tb_bord_table
{
	float:left;
	width: 100%;
	height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	/* border: 1px solid #fff; */
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}
table.tb_bord_table td
{
	background: #ccc;
	font-size: 11px;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	vertical-align: middle;
}
table.tb_bord_table th
{
	background: #383838;
	color: #fff;
}

.count-box {
    border: 2px solid #383838;
    border-radius: 50%;
    color: #383838;
    display: block;
    font-size: 16px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 80px;	
}

.count-box.month {
	border: 2px solid #FFFF33;
	background: #FFFF33;
	color: #000;
}
.count-box.week {
	border: 2px solid #33E3FF;
	background: #33E3FF;
	color: #000;
}
.count-box.day {
	border: 2px solid #33FF6B;
	background: #33FF6B;
	color: #000;
}
.ul_count_visits
{
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.ul_count_visits li
{
	float:left;
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
.label-count
{
	float:left;
	width: 100%;
	margin-top: 5px;
	font-size: 14px;
	font-style = italic;
}
.usnm:first-letter 
{
	text-transform: capitalize;
}

.colonne_contenu,
.menu_vertical
{
	margin-top: 30px;
}

.contenu_modal_evt h2:first-child 
{
	margin-top: 15px;
}

.pictures_folder a:hover
{
	background: #ededed;
	transition: all ease 0.5s;
}
.pictures_folder a:hover i
{
	margin-top: 15px;;
	transition: all ease 0.5s;
}
.pictures_explorer a
{
	border: 1px dotted #202020;
}
.pictures_explorer .delete_button_pictures_one
{
	background: #fff;
}

ul.type_adhesion,
ul.type_checks{
	float:left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.type_adhesion li,
ul.type_checks li{
	float:left;
	width: 100%;
	padding: 3px 0;
	margin: 0;
	list-style: none;
}
ul.navbar-nav.ul_navbar{
    margin-top:0;
    margin-bottom:0;
}

@media (max-width: 1005px)
{
	.nav > li > a 
	{
		padding: 15px 8px;
	}
	.manage_list li div + div
	{
		padding: 0 15px;
	}
}
@media (max-width: 1010px)
{
	.manage_list li div + div
	{
		padding: 0 15px;
	}
}
@media (max-width: 785px)
{
	
	.menu_vertical .menu_col.white_background
	{
		min-height: inherit;
	}
}
@media (min-width: 768px)
{
	.modal-dialog
	{
		width: 70%;
	}
}