/***********************************************/
/***************** PAGE ACCUEIL*****************/
/***********************************************/

ul.pagination{
	list-style: none outside none;
	text-align:center;
}
ul.pagination li.actual{ background-color: #CCC;cursor:normal;}
ul.pagination li{
	padding: 5px 7px;
	border-radius: 5px;
	margin-right: 15px;
	display:inline-block;
	background-color: #ff6600;
	color: #FFF;
	font-size: 12px;
	cursor:pointer;
	font-weight:bold;
}
ul.pagination li:last-child{margin-right: 0px;}
/* LE NOM RABSO A COTE DU LOGO*/
.rabso_name { 
  float: left;
  font-family: "Ostrich";
  font-size: 120px; 
  color:white;
  height:110px;

}
.sorting-carret{
	font-size: 12px;
    transform: rotate(90deg);
    display: inline-block;
}
.sorting-carret.carret-bottom{
    transform: rotate(-90deg);
}
.rabso_text_bold{
	float: left;
	text-transform: uppercase;
	font-weight:700;
	font-size: 13px;
	color:white;
	margin-left:20px;
}


.rabso_sub_text_bold{
	float: left;
	font-weight:700;
	font-size: 19px;
	color:white;
	margin-top:10px;
	width:100%;
}

#help {
  color: black;
}

#accueil_roolover{
 margin:0;
 padding:0;
 list-style-type:none;
}
#accueil_roolover li {
 margin:auto;
 padding:2px;
}

#accueil_roolover li a {
 display:block;
 text-decoration:none;
 padding:5px;
 color:white;
}


#accueil_roolover li a:hover {
 color:#ff8041;
}

#accueil_roolover li ul {
 display:none;
 margin-left:20px;
 float:left;
 width:80%;

}
	
.accueil_roolver_arrow{
	float:left;
	color:#ff6600;
	position:relative;
	left:5px;
	font-size:25px;
}

.accueil_roolver_hover{
	float:left;
	background-color:#ff6600;
	padding:5px;
	color:white;
	font-weight:700;
	font-size: 14px;
	width:90%;
}

.accueil_roolver_hover li{
	text-decoration:none;
	list-style-type:none;
	position:relative;
	left:-20px;
}




/* REJOINGEZ NOUS*/
#rejoigneznous { 
	padding:5px;
	padding-left:20px;
	float:left;
	width:98%;
	background-color:#000222;
	float: left;
	color:white;
	position:relative;
	top:-20px;
	opacity:0.90;
}/************* NEW USER *************************/
.createnewelt{
	margin:5px;
	padding: 5px;
	border: 1px solid #ff8041;
};


/************* role **************/

/*Le cadre contenant le module complet Telephones*/
#role_spec{
	padding: 5px;
	border-bottom: 1px solid #ff8041;
}


/*Le cadre contenant chacune les Telephones existantes*/
.role_spec_modif{
	padding:10px;
	border: 1px solid #F0F0F0;
	background-color:#FFFFFF;
}

.role_spec_modif:hover{
	border: 1px solid #ffd4bf;
}

.role_spec_modif:hover > .role_spec_modif_a{
	left:19px;
}

.role_spec_modif_a{
	text-decoration:none;
	color:#333333;
	position:relative;
	left:30px;
}
.role_spec_modif div{
	float:left;
}

/*List déroulante */
#role_spec_list_role{
	border : 1px solid #555555; 
	
}

.manage_div{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0ffffff,endColorstr=#F0ffffff); zoom: 1; /* IE */
	background-color:rgba(255,255,255,0.9);
	margin:0 auto;
	padding:5%;
	border:1px solid #000;
	margin:0px auto;
}

#artisans_news{
	width: 200px;
	height: 300px;
	border: 1px solid #000222; 
	background-color:#444d57;
}

#artisans_promo{
	width: 200px;
	height: 300px;
	border: 1px solid #000222; 
	background-color:#444d57;
}


/***********************************************/
/***************** MENU       *****************/
/***********************************************/


/*Cadre globale du menu*/
#artisans_menu{
	text-transform: uppercase;
	font-size: 10px;
	font-weight:700;
	background-color:#000222;
	opacity:0.9;
	width:100%;
	padding-top:1px;
	height:40px;
}

/*Class pour chacun des groupe de menus*/
.artisans_submenu{
	float:left;
	margin-left:70px;
	padding-top:1px;
	/*border:1px solid red;*/
	height:38px;

}

/*les titres des ensemble de boutons menus*/
.artisans_submenu a{
	float:left;
	list-style-type:none;
	text-decoration:none;
	color:white;
	position:relative; top:10px;
}

/*Place les sous menu*/
.artisans_submenu_list{
	float:left;
}

/*Div contenant image et infos*/
.artisans_submenu_list_div{
	cursor:pointer;
	float:left;
	padding-left:10px;
	/*border:1px solid white;*/
	width:20px;
	height:22px;
	position:relative; top:12px;
	
}

/*Images dans le menu*/
.logo_menu{
	height:20px;
}

.artisans_submenu_list_div:hover a{
	display:inline-block;
}



/*Cache tout les sous menu*/
.artisans_submenu_list a{
	display:none;
	position:relative;
	left:-15px;top:-35px;
	width:100px;
}

.artisans_menuitem a {
  height: 20px;
  display: block;
  left: 0px;
  top: 0px;
}

.artisans_menuitem {
    position: absolute;
    top: 8px;
}

.artisans_menuitem .title {
    display: block;
}


/*FIN DU MENU*/


/*SECTION QUI CONTIENT CHACUN DES ONGLETS */
#section_artisans{
	float:left;
	position:relative;/*obligatoire pour pouvoir utilisées des absolutes ensuites*/
	padding-top:5px;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0ffffff,endColorstr=#F0ffffff); zoom: 1; /* IE */
	background-color:rgba(255,255,255,0.95);
	/*border: 1px dashed red;*/
}


/****************** CONTACVT  *************/

.contact_more_infos{
	padding:10px;
	width:55%;
	margin-left:5%;
	border: 1px solid #ff6600; 
	background-color:rgba(255,255,255,0.95);
	margin-bottom:5px;
-moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px;	border-radius:7px;
	color:#292e37;
	
}
.contact_more_infos input{
	height:20px;
	width:87%;
}
.contact_more_infos textarea{
	font-size:12px;
}

.contact_more_infos a{
	margin-left:40%;
}






/***********************************************/
/***************** CALENDAR DANS ARTISANS AU MOIS *****************/
/***********************************************/

.title_filter{
	color:#292e37;
}

#wp-calendar {
    color: #666;
    font-size: 12px;
	padding:2px;
	width:98%;
	height:80%;
	border-Collapse: collapse;
	 
}

/* AFFICHAGE DU MOI EN COURS */
#wp-calendar caption {
    background: #FFFFFF;
    color: #333333;
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
}
/* AFFICHAGE DES JOURS DE LA SEMAINE*/
#wp-calendar thead th {
    font-size: 8px;
    color: #333;
    width:14%; /* 100/7 jours */
    text-transform: uppercase;
	text-align: center;
    border-bottom: 1px solid #bbbbbb;

}

/* CADRE DES JOUR EN COURS*/
.cal_day {
    color: #000; /* Couleur des chiffres */
    width:14%; /* 100/7 jours */
    height:20%; /* 100/5 semaines MARCHE PAS PEUTEUTRE QUE HEUGTH NE PAS DEFINT DANS LA PAGE */
    text-align: left;
    border: 1px solid #bbbbbb;
    vertical-align:top;
}
.cal_day:hover{
    background-color:#eeeeee;
 }


/* AFFICHE DU NUEMRO DU JOUR EN HAUT A GAUCHE */
.cal_jourencours{
}


/*LIST DES EVTS pour MOIS CONFIG */
.div_evt_mois{
	margin-bottom:1px; 
	cursor:pointer;
	opacity:1;
	/*position:relative;
	left:-12px;
	top:0px;*/
}


/* LA BOITE DE CHAQUE JOUR  */
.div_day{
	width:100%;
	/*height:110px;*/
	position:relative;
	left:-1px;
}





/* Les bouttons du calendrier */
.boutton_Calendar{
	padding:2px;
	padding-left:5px;padding-right:5px;
	margin:5px;
	color:white;
	border: 1px solid #ff6600;
	background-color:#ff6600;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	cursor:pointer;

}
.boutton_Calendar:hover{
	border: 1px solid #292e37;

}

/* POUR LA SEMAINE */

#wp-calendar-week {
    color: #666;
    font-size: 12px;
	width:98%;
	height:80%;
	border-Collapse: collapse;
	 
}

/* AFFICHAGE DU MOI EN COURS */
#wp-calendar-week caption {
    color: #333333;
    font-size: 16px;
}
/* AFFICHAGE DES JOURS DE LA SEMAINE*/
#wp-calendar-week thead th {
    font-size: 8px;
    color: #333;
    text-transform: uppercase;
	text-align: center;

}




/****************************************************************************
************************************ CLIENT ****************************
****************************************************************************/

/*Le cadre contenant chacun des contenus gros */
.cadre_list_clients{
	display:inline-block;
	padding:3px;
	/*padding-left:20px; Laisse la place au boutons*/
	border: 1px solid #F0F0F0;
-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;
	color:white;
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444d57,endColorstr=#80444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.5);
	font-size: 110%;

	margin:3px;
}
.cadre_list_clients:hover{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0444d57,endColorstr=#C0444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.7);
	color:white;
	
}



/*GRAND CHAMP DE SAISI UTILISE PARTOUT */
.client_name{
	border: 1px solid #000222;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-size:130%;
}

.client_name:hover{
	border:1px solid #292e37;
}



/****************************************************************************
************************************ PROJET ****************************
****************************************************************************/


/* Petite barre */
.small_timeline{
	float:left;
	height:10px;
	cursor: pointer;
}
/*.small_timeline:hover{
	background:#ff6600;
}*/




/* Definit les etapes temporelles */
.small_etape{
	display:inline-block;
	width:2px;
	height:10px;
	background:black;
	position:absolute;
}



/* Grand barre */
.big_timeline{
	float:left;
	height:30px;
	cursor: pointer;
}
/*.big_timeline:hover{
	background:#ff6600;
}*/

.big_projet_title{
	width:100%; 
	height:45px;
	padding-top:5px;
	/*border:2px dashed red;*/
	cursor:pointer;
	margin-bottom:5px;
}

.big_projet_title:hover{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0000223,endColorstr=#F0000223); zoom: 1; /* IE */
	background-color:rgba(0,2,35,0.9);
}
/*Class pour chacun des groupe de menus*/
.projets_submenu{
	margin-right:5px;margin-left:5px;
	margin-top:5px;
	width:20px;
	display: inline-block;
}
.micro-menu-project .projets_submenu{position:relative;}
.projets_submenu:hover .title {
	visibility: visible;

}
/*les titres des ensemble de boutons menus*/
.projets_submenu .title {
	visibility: hidden;
	list-style-type:none;
	text-decoration:none;
	color:white;
	position: absolute;
	top:-14px;
	left:-10px;
}

.projets_submenu a {
	text-decoration:none;
}

.projets_submenu img{
	width:20px;
	cursor:pointer;
}

.submenu .item:hover .title {
	visibility: visible;
}

.submenu a {
	text-decoration:none;
}

.submenu .title {
	visibility: hidden;
	color:white;
	position:absolute;
	top:-15px;
	left:-2px;
	text-decoration:none;
	width: 200px;
}

.submenu {
	padding-top:1px;
	/*border:1px solid red;*/
	height:38px;
	margin-left: -5px;
}

.submenu .item {
	display: inline-block;
	cursor:pointer;
	float:left;
	padding-left:10px;
	/*border:1px solid white;*/
	width:20px;
	height:22px;
	position:relative;
	top:12px;
	margin-left: 30px;
}

.submenu img{
	width:20px;
	cursor:pointer;
}

/* Definit les etapes temporelles */
.big_etape{
	display:inline-block;
	width:2px;
	top:17px;
	height:55px;
	background:black;
	position:absolute;
}


/*Affiche les etapes */
.etapeDate {
	background:#292e37;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	font-size: 70%;
	border:1px solid black;
	padding:3px;
	position:relative;
}

/* Pour afficher les date en biais */
.rotateDate {
	display:block;
	position:absolute;
	font-size: 50%;
	-webkit-transform: rotate(-45deg); /* Safari, Chrome */
	-moz-transform: rotate(-45deg); /* Firefox */
	-ms-transform: rotate(-45deg); /* IE */
	-o-transform: rotate(-45deg); /* Opera */
	transform: rotate(-45deg); /* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Older versions of IE */
}


.projet_field_class{
	height:20px;
	color:white;
	border: 1px solid transparent;
	background-color:transparent;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	cursor:pointer;
	padding:2px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	font-size:120%;
}



.projet_field_class:hover{
	border: 1px solid white;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0FFFFFF,endColorstr=#F0FFFFFF); zoom: 1; /* IE */
	background-color:rgba(255,255,255,0.9);

	color:#292e37;
}



/****************************************************************************
************************************ TAILLE DANS LES TABLES ****************************
****************************************************************************/

.td_metier{
	width:50px;
}

.td_reference{
	width:50px;
}

.td_fournisseur{
	width:50px;
}

.td_description{
	width:220px;
}

.td_unite{
	width:30px;
}

.td_quantite{
	width:30px;
}

.td_prixpublic{
	width:70px;
}

.td_remise{
	width:50px;
}
.td_prixachat{
	width:70px;
}
.td_prixvente{
	width:70px;
}


.devis_comments{
	font-size: 12px;
	font-style:italic;
	color:#444d57;
}


#fournisseur_news{
    width: 200px;
	height: 300px;
	border: 1px solid #000222; 
	background-color:#444d57;
}
#fournisseur_promo{
    width: 200px;
	height: 300px;
	border: 1px solid #000222; 
	background-color:#444d57;
}


/***********************************************/
/***************** MENU       *****************/
/***********************************************/


/*Cadre globale du menu*/
#fournisseur_menu{
	text-transform: uppercase;
	font-size: 10px;
	font-weight:700;
	background-color:#000222;
	opacity:0.9;
	width:100%;
	padding-top:1px;
	height:40px;
}




/*Class pour chacun des groupe de menus*/
.fournisseur_submenu{
	float:left;
	margin-left:70px;
	padding-top:1px;
	/*border:1px solid red;*/
	height:38px;

}

/*les titres des ensemble de boutons menus*/
.fournisseur_submenu a{
	float:left;
	list-style-type:none;
	text-decoration:none;
	color:white;
	position:relative; top:10px;
}

/*Place les sous menu*/
.fournisseur_submenu_list{
	float:left;
	
	
}
/*Div contenant image et infos*/
.fournisseur_submenu_list_div{
	cursor:pointer;
	float:left;
	padding-left:10px;
	/*border:1px solid white;*/
	width:20px;
	height:22px;
	position:relative; top:12px;
	
}

/*Images dans le menu*/
.logo_menu{
	height:20px;
}

.fournisseur_submenu_list_div:hover a{
	display:inline-block;
}



/*Cache tout les sous menu*/
.fournisseur_submenu_list a{
	display:none;
	/*margin:0px auto;*/
	position:relative;
	left:-15px;top:-35px;
	width:100px;	
}








/*FIN DU MENU*/


/*SECTION QUI CONTIENT CHACUN DES ONGLETS */
#section_fournisseur{
	float:left;
	position:relative;/*obligatoire pour pouvoir utilisées des absolutes ensuites*/
	padding-top:5px;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0FFFFFF,endColorstr=#F0FFFFFF); zoom: 1; /* IE */
	background-color:rgba(255,255,255,0.95);
	/*border: 1px dashed red;*/
}



/***********************************************/
/***************** Produits       *****************/
/***********************************************/
.table_produits {
	border-collapse:collapse;
	margin:10px auto;
	padding:2px;
	font-size:12px;
}

.table_produits tr {
	border-collapse:collapse;
	margin:10px auto;
	padding:2px;
}

.table_produits td {
	border-collapse:collapse;
	margin:10px auto;
	padding:2px;
	border:1px solid gray;
}




.produit_input{
	background-color:transparent;
	border:none;
	border:1px solid transparent;
	font-size:12px;
}

.produit_input_fix{
	background-color:transparent;
	border:none;
	border:1px solid transparent;
	font-size:12px;
}


.produit_input:hover{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0F000000,endColorstr=#0F000000); zoom: 1; /* IE */
	background-color: rgba(0,0,0,0.1);
	border:1px solid black;
}


.societe_fournisseur{
	display:inline-block;
	border: 1px solid white;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	color:#292e37;
	text-decoration:none;
	margin:0px;
	padding:5px;
	margin-bottom:5px;
	width:100%;
}
.societe_fournisseur:hover{
	border: 1px solid black;
}

.societe_fournisseur_agence{
	display:inline-block;
	border: 1px solid white;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	color:#292e37;
	text-decoration:none;
	margin:0px;
	padding:5px;
	padding-left:20px; /*Laisse la place au boutons*/
	margin-bottom:5px;
	width:90%;
}
.societe_fournisseur_agence:hover{
	border: 1px solid black;
}

.textarea {
  width: -webkit-fill-available; width: -moz-available; width: fill-available
}

/***********************************************/
/***************** PROMO       *****************/
/***********************************************/

.textarea_promo{
	margin:5px; /*Plour avoir le div autour permettant de dragger */
	font-size:12px;
	border:1px dashed transparent;
	cursor:text;
	background-color:transparent;
}
/*************COMMUN ********************/
/*Cadre general*/
.Cadre_spec{
	padding:5px;
	/*border-bottom: 1px solid #F6F6F6;*/
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
}

/*Le grand titre Societe Intervenant etc..*/
.title_field_spec{
	font-size: 150%;
	font-weight:700;
	text-transform: uppercase;
	color:#444d57;
}

/*Le sous titre Adresse Web etc..*/
.sub_title_field_spec{
	font-size: 80%;
	font-weight:700;
	text-transform: uppercase;
	color:#444d57;
}

/*Le cadre du sous titre */
.cadre_sub_title_field_spec{
	float:left;
	height:20px;
	width:18%;
}



/*Le cadre contenant chacun des contenus Sans limit en hauteur*/
.contenu_spec_modif_noheight{
	display:inline-block;
	padding:1px;
	padding-left:20px; /*Laisse la place au boutons*/
	border: 1px solid white;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	color:#292e37;
	text-decoration:none;
	font-size: 90%;
	width:78%;
}
.contenu_spec_modif_noheight:hover{
	border: 1px solid #444d57;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444d57,endColorstr=#80444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.5);
	color:white;
}



/*Le cadre contenant chacun des contenus */
.contenu_spec_modif{
	display:inline-block;
	padding:1px;
	padding-left:20px; /*Laisse la place au boutons*/
	border: 1px solid white;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	color:#292e37;
	text-decoration:none;
	font-size: 90%;
	width:78%;
	height:20px;
}
.contenu_spec_modif:hover{
	border: 1px solid #444d57;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444d57,endColorstr=#80444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.5);
	color:white;
}



/*Le cadre contenant chacun des contenus gros */
.big_contenu_spec_modif{
	display:inline-block;
	padding:3px;
	padding-left:20px; /*Laisse la place au boutons*/
	border: 1px solid white;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	color:#292e37;
	text-decoration:none;
	font-size: 110%;
	width:95%;
	margin:3px;
}
.big_contenu_spec_modif:hover{
	border: 1px solid #444d57;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444d57,endColorstr=#80444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.5);
	color:white;
}

/*Meme que preceent mais sans bordure car vide juste pour le calage*/
.empty_contenu_spec_modif{
	display:inline-block;
	padding:1px;
	padding-left:20px; /*Laisse la place au boutons*/
	width:502px;
	height:17px;
}


/* Le cadre autour des bouttons de modifications */
.boutton_spec_modif_img_meage{
	float:left;
	width:25px;
	height:15px;
	position:relative;
	left:-10px;
}

/* Le mouton modification de l'email existante*/
.boutton_spec_modif_img_meage img{
	width:12px;
	float:left;
	position:relative;
	left:5px;
	top:3px;
	cursor:pointer;
}
/* Le mouton suppression de l'email existante*/
.boutton_spec_modif_img_meage div a{
	float:left;
	cursor:pointer;
}


/* Case a saisir active */
.id_spec_cadre_modif{
	padding:5px;
	border: 1px solid #292e37;
}



/************* LOG PASS **************/

/* La photo*/
#LogPass_spec_Photo{
	display:inline-block;
	width:20%;
	border: 1px solid #000000;
}


/*Affichage des infos*/
#LogPass_spec_Infos{
	margin-left:20px;
	position:relative; top:-20px;	
	display:inline-block;
	width:75%;
}

/* Le bouton modification du mdp*/
#LogPass_spec_modifMDP{
	width:15px;
	position:relative;
	left:5px;
	top:0px;	
}
/*


/************* Societe **************/

#edit_societe_button{
	width:12px;
	position:relative;
	left:3px;
	top:-5px;

}

/* Le logo*/
#Societe_spec_logo{
	display:inline-block;
	float:left;
	width:100px;
	margin:10px;
	border: 1px solid #000000;
}

#societe_spec_add{
	display:inline-block;
	width:82%;
}







/************* Fournisseur **************/

#edit_fournisseur_button{
	width:12px;
	position:relative;
	left:3px;
	top:-5px;

}

/* Le logo*/
#fournisseur_spec_logo{
	display:inline-block;
	float:left;
	width:100px;
	margin:10px;
	border: 1px solid #000000;
}

#fournisseur_spec_add{

}


/* common and top level styles */

#nav, #nav ul {
    list-style: none outside none;
    margin:0%;
    padding:0%;
    font-weight:700;
    font-size:12px;
}

#nav {
    float: left;
    width:100%;
    position:relative;
    background-color:#ff6600;
}

#nav > li {
    float: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    text-align:center;
    width:16.6%;
}

#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
    border:1px solid #ff6600;
}

/*Onglet non selectioné */
#nav > li > a {
    color: white; 
    background-color: #ff6600;
    display: block;
    line-height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
	/*margin : 2px 8px 0 2px !important;  
    margin : 1px 2px 0 2px;*/

}
/*Onglet survolé */
#nav > li:hover > a, #nav > a:hover {
    background-color: #ff6600;
    color: black;



}
/*Onglet Actif */
#nav li.active > a {
    color: white;
    background-color: #292e37; 
    /*border-top:1px solid #ff6600;
    border-left:1px solid #ff6600;
    border-right:1px solid #ff6600;*/
}


/* submenu */
#nav li:hover ul.subs {
    display: block;
}

@font-face {
  font-family: 'Ostrich';
  src: url('fonts/ostrich-bold.eot?#iefix') format('embedded-opentype'), 
  url('fonts/ostrich-bold.woff') format('woff'), 
  url('fonts/ostrich-bold.ttf') format('truetype'),
  url('fonts/ostrich-bold.svg') format('svg');
}

@font-face {
  font-family: 'OpenSans';
  src:   url('fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSans Italic';
  src:   url('fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSans Bold';
  src:   url('fonts/OpenSans-Bold.ttf') format('truetype');
}



/*LA COULEUR DU LOGO EST #ff8041*/


#body {
    margin:0px auto;
    background-color:#444d57;
    background-image:url("/logo/RABSO-fond.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	font-family: 'Open Sans', sans-serif;

}




/*BANDEAU*/
#header{
	background-color:#292e37;
	opacity:0.9;
	height:128px;
}


/*DIV DANS LE HEARDER*/
#insideheader{
	height:100%;
}

/*Bandeau titre + image*/
#bandeau{
	position:relative;
	top:15px;
	color:white;
}

/*Image du logo */
.logo{
	float: left;
	width:80px;
}

/* LE NOM RABSO A COTE DU LOGO*/
.rabso { 
  float: left;
  margin-left:10px;
  font-family: "Ostrich";
  font-size: 95px; 
  color:white;
  height:96px;
}

/* LA DEFINITION DU NOM RABSO A COTE DU LOGO*/
.rabso-def{
	float: left;
	text-transform: uppercase;
	font-style:italic;
	font-size: 14px;
	position:relative;
	top:15px;
	left:10px;
	color:white;

}
/* LE CODE RABSO */
.coderabso{
	font-size:8px;
	text-transform: uppercase;
}
/* LE nom du metier en petite */
.codemetier{
	font-size:8px;
	text-transform: uppercase;
}


/*Connection*/
#identification {
	/*border: 1px solid #000000;*/
	float: right;
	margin:0px; /* Marge du haut */
	padding: 5px;
	font-size: 10px;
	background-color:#0a0a0a;
	
}

.main_boutton{
	padding:10px;
	cursor:pointer;	
	color:white;
	background-color:#ff6600; 
	border:1px solid #ff6600; 
	text-transform: uppercase;
-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px;
}

.boutton {
	cursor:pointer;	
	color:white;
	background-color:#ff6600; 
	border:1px solid #ff6600; 
	text-transform: uppercase;
-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;	border-radius:3px;
}


.boutton:hover {
	border:1px solid #999999; 
}

#welcome{
	font-size: 14px;
	color:white;


}
.postdata {
	font-size: 100%;
    background-color:white;
    border:1px solid #000222;
    color:#000222;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;    border-radius:2px;
}

.postdata:hover {
	border:1px solid #292e37;
}

/*CADRE CENTRE*/
.center_small_div{
	width:940px;
	margin:0px auto;

}



/*LES SELECT*/
select {
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
}




/*SECTION QUI CONTIENT CHACUN DES ONGLETS */
#centrale{
	/*float:left;
	width: 98%;
	height:800px;*/
	position:relative;/*obligatoire pour pouvoir utilisées des absolutes ensuites*/
	margin:0px auto;
	width:940px;
	/*min-height:800px;*/
	/*border: 5px solid blue; */
	/*border-top: none; 
	background-color:#292e37;*/
}

.content {
  background-color: white;
  color: #444d57;
  padding: 20px 20px;
  width: 900px;
}

h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight:700;
  padding: 0;
  margin: 0;
}

.prompt {
  font-style: italic;
}

td.data-input {
  height: 70px;
  width: 400px;
}

td.label {
  padding: 0.2em .5em;
}

td.total {
  padding: 0.2em .5em;
  font-size: 14px;
  text-align: right;
  font-family: monospace;
}

.stats.home #form {
  margin-top: 1em;
}

.stats.home table {
  border-collapse: collapse;
}

.stats.home td, .stats.home th {
  vertical-align: top;
  border: 1px solid black;
  padding: 0.2em .5em;
  overflow: hidden;
}

.data td {
  font-family: monospace;
  text-align: right;
}

.data tbody tr.group {
  border-top: 2px solid black;
}

.stats.home table.data {
  margin-top: 1em;
}

.stats.societe.home .data-container {
  width: 870px;
  overflow: auto;
}

.stats.societe.home table.data {
  font-size: 13px;
}

.stats.home .highlight {
  background-color: #B3CAEF;
}

.stats.input table {
  border-collapse: collapse;
}

.stats.input textarea {
  font-family: monospace;
  font-size: 14px;
  text-align: right;
  padding: 0.2em .5em;
  border: none;
  height: 100%;
  width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

.stats.input td {
  vertical-align: top;
  border: 1px solid black;
}

.stats.input tr.r0 td {
  background-color: #eeeeee;
}


/*Secontion contenant texte d'infos (assurance aide juridique etc ..)*/
.text_page_infos{
	padding:5px;
}



/* SECTION DU BAS  */
#rabso_bas{
  display:inline-block;
  background-color:white;
  width:100%;
  /*height:350px;*/
}

#inside_rabso_bas{
  margin:0px auto; 
  /*border: 1px solid red;*/
}
 
 
.rabso_bas_actu{
	float:left;
	width:46%;
	margin:2%;
	/*height:350px;*/
	/*border: 1px solid red;*/
}

.rabso_bas_title{
	float: left;
	text-transform: uppercase;
	font-weight:700;
	font-size: 28px;
	/*border: 1px solid red;*/
	color:#000222;
}

.inside_rabso_bas_actu{
	float:left;
	margin:2%;
	width:96%;
	height:261px;
	/*border: 1px solid red;*/
}

.rabso_bas_actu_date{
	text-transform: uppercase;
	font-weight:700;
	font-size: 12px;
	color:#ff6600;
	margin:5px;
}

.rabso_bas_actu_titre{
	text-transform: uppercase;
	font-weight:700;
	font-size: 12px;
	color:#000222;
	margin:5px
}

.rabso_bas_actu_description{
	font-size: 10px;
	color:#000222;
	
}

#footer{
	float:left;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0ffffff,endColorstr=#F0ffffff); zoom: 1; /* IE */
    background-color: rgba(255,255,255,0.9);
	width:100%;
	margin:0px auto;
	padding-top:10px;
	height:30px;
	visibility: hidden;
}

#inside_footer{
	border-top:1px solid #aaaaaa;
	/*padding:10px;*/
	border-bottom:1px solid #aaaaaa;
	color:#aaaaaa;
	font-weight:700;
	font-size: 12px;
 }






/***********************************************/
/***************** COMMUN       *****************/
/***********************************************/


.rotate {
  text-decoration:none;
  display:block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/*POUR AFFICHER UN MASK EN CAS DE NON CONNECTION */
/* PAS UTILISE POUR L'INSTANT*/
#mask{
	background-color:#ccc;
	position:absolute;
	opacity:0.5;
	top:0px;
	left:0px;
	width:100%;
	height:200%;
	overflow:auto;
}


#post_mask{
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:100px;
	overflow:auto;
	border:1px solid #ccc;
}


/*CHAMP DE SAISI UTILISE PARTOUT */
.field_class{
	height:20px;
	color:#292e37;
	border: 1px solid gray;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	cursor:pointer;
	padding:2px;
}

.field_class:hover{
	border: 1px solid #444d57;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444d57,endColorstr=#80444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.5);
	color:white;
}

/*GRAND CHAMP DE SAISI UTILISE PARTOUT */
.big_field_class{
	/*height:20px;*/
	margin:1px;
	color:#292e37;
	border: 1px solid white;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	cursor:pointer;
	padding:2px;
	font-size:130%;
}

.big_field_class:hover{
	border: 1px solid #444d57;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80444d57,endColorstr=#80444d57); zoom: 1; /* IE */
	background-color:rgba(68,77,87,0.5);
	color:white;
}



/*BOUTTON PLUS UTILISE PARTOUT */
.plus_button{
	text-decoration:none;
	position:relative;
	top:-5px;
	left:0px;
	color:blue;
	font-size: 15px;
	cursor:pointer;
}

/*BOUTTON PLUS UTILISE PARTOUT */
.plus_button:hover{
	color:red;
}


/*BOUTTON PLUS UTILISE PARTOUT */
.big_plus_button{
	text-decoration:none;
	position:relative;
	top:-5px;
	left:0px;
	color:blue;
	font-size: 150%;
	cursor:pointer;
	
}

/*GROS BOUTTON PLUS UTILISE PARTOUT */
.big_plus_button:hover{
	color:red;
}

/*BOUTTON SUPPRESSION UTILISE PARTOUT */
.del_button{
	text-decoration:none;
	color:white;
	font-size: 15px;
	padding:5px;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	background-color:#ff6600;
	/*border:1px solid #000222;*/
	cursor:pointer;
}


/*BOUTTON SUPPRESSION UTILISE PARTOUT */
.del_button:hover{
	color:#000222;
	/*box-shadow: 5px 5px 5px #000222;*/
}


/*BOUTTON SUPPRESSION SANS CADRE UTILISE PARTOUT */
.del_button_simple{
	text-decoration:none;
	color:red;
	position:relative;
	cursor:pointer;

}

/*BOUTTON SUPPRESSION SANS CADRE UTILISE PARTOUT */
.del_button_simple{
	color:#ff6600;	
}




/*BOUTTON ENTREGISTRE UTILISE PARTOUT */
.save_button{
	text-decoration:none;
	color:white;
	padding:5px;
	font-size: 15px;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	text-transform: uppercase;
	/*border:1px solid #000222;*/
	background-color:#ff6600;
	cursor:pointer;
}

/*BOUTTON ENTREGISTRE UTILISE PARTOUT */
.save_button:hover{
	color:#444d57;
	/*box-shadow: 5px 5px 5px 5px #000222;*/
}


/*MESSAGE D'ERREUR*/
.error_comment{
	text-decoration:none;
	color: red;
	padding:1%;
	font-size: 10px;
	text-transform: uppercase;
}





/*BOUTTON Image valid UTILISE PARTOUT */
.valid_button{
	width:15px;
	
}


/* BOUTON DE COULEUR */
.pick_color{ 
	width:12px;
	height:12px;
	border:1px solid gray;
-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px;
	cursor:pointer;
	margin:1px;
	position:relative;
	left:35px;
}


/***********************************************/
/***************** SELECTOR       *****************/
/***********************************************/
/* CREER UN SELECT PROPRE PERSO PAS UN TRUC DE ... */
.myselect {
	margin:0;
	margin-left:5px;
}
.myselect , .myselect  ul{
	padding:0;
	list-style:none;
	text-align:left;
	display:inline-block;
}

.myselect  li{
	display:inline-block;
	position:relative;
	
}

.myselect  ul{
	position:absolute;
	max-height:0;
	overflow:hidden;
}

.myselect  ul li{
	display:inherit;
	
}

/*.myselect li:hover ul{
	max-height:215em;
}*/

/* background des liens menus */
.myselect  li{
	width:200px;
	border:1px solid gray;
	background:white;

}



/* background des liens menus */
.myselect  li:hover{
	border:1px solid black;
	background:#F5F5F5;
}


/* les a href */
.myselect  a{
	text-decoration:none;
	display:block;
	padding:4px;
	color:gray;
	font-family:arial;
	margin:1px;
}
.myselect  ul a{
	padding:5px;
}
.myselect ul a:hover{
	color:black;
}




/***********************************************/
/***************** PHOTOS       *****************/
/***********************************************/

#photo_upload_frame{
	position:absolute;
	top:10px;
	left:10px;
	background-color:white;
	padding:5px;
	border: 1px solid #333333;
-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;
	z-index:100;
	box-shadow: -2px -2px 100px 2px rgba(0, 0, 0, 0.7),2px 2px 100px 2px rgba(0, 0, 0, 0.7); 

}

.select2-container {
    width: 220px;
}
/**************************
dashboard
*******************************/
.big-info > .main-info{
	    display: block;
    font-size: 26px;
}

.big-info{
	width: 270px;
	padding: 10px;
	text-align:center;
	color: #FFF;
	border-radius: 10px;
	border: 1px solid #ff6600;
	background-color: #ff6600;
	font-size: 12px;
	margin-top: 10px;
}
.info-grey{
	background-color: #292e37;
	border-color: #292e37;
}
.info-blue{
	/* background-color: blue; */
	border-color: #5bcaef;
	background-color: #5bcaef;
}
.info-orange{
	background-color: #ff6600;
}
.title-grey{
	font-weight: normal;
	color: #000;
	font-size: 15px;
	border: 1px solid black;
	border-radius: 3px;
	padding: 5px;
	background-color: #DDD;
}
div.min-container-table{
	/*height: 150px;
	 min-height: 150px; 
	overflow-x: hidden;
	overflow-y: auto;*/
}
table.mini-table tbody tr:nth-child(odd){
  background-color: #EEE;
  
}
table.mini-table tr th{ font-weight: bold; text-align:left;}
table.mini-table tr th.price{ text-align:center;}
table.mini-table tr td.price{  text-align:right;}
table.mini-table tr.footer td{  font-weight:bold;background-color: #BBB;}
table.mini-table{
	font-size: 11px;
	width: 100%;
	
}

/*
LIST PICTURES FOR LIBRAIRY
*/
.container-picture{
	position: relative;
	padding: 15px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.container-picture > .picture_block > img{ max-width: 100%;}
.container-picture > .picture_block{
	width: 100px;
	float: left;
	margin: 5px;
	cursor:pointer;
}