/* ************************************** */
/* Fichier CSS commun pour cakephp */
/* ************************************** */


/* ----------- Elements ------------------*/

#url-rewriting-warning {
	display: none;
}


/*------------- Menu onglets IRIS -------------------*/

#onglets
{
	height: 30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    min-width: 775px;
    background-color: #153142;
   	/*border-radius: 4px / 4px;*/
}

#onglets li
{
    float: left;
}

#onglets li a
{  
   font-family:Arial;
   font-size:12px;
   float:left;
   padding-left:20px;
   padding-right:20px;
   padding-top:9px;
   padding-bottom:9px;
   color:#ffffff;
}

#onglets li a:hover
{
   background-color:#C40C40;
   padding-bottom:9px;
   /*color:#a0d2d7;*/
   color:#fff;
}

body.pages ul#menu li.pages a
{
	background-color:#F00340;
	color:#fff;
	/*border-radius: 4px 0px 0px 4px;*/
}

body.pages ul#menu > li.sub ul li a {
    background-color: #153142;
	color:#fff;
}

body.pages ul#menu > li.sub ul li a:hover {	
   color:#fff;
   background-color: #C40C40;
}

#menu > li.sub {
	position: relative;
	white-space: nowrap;
}

#menu > li.sub ul {
	position: absolute;
	top: -1000em;
	z-index: 5;  
	border: 1px solid #dddddd;
	border-left: none;
	border-right: none;
}

#menu > li.sub ul li {
    background-color: #153142;
	
	border: 1px solid #dddddd;
	border-left: none;
	border-right: none;
}

#menu > li.sub ul li a {
	width: 120px;
	white-space: nowrap;
}

#menu > li.sub:hover ul {
	top: 30px;
}


/*------------- Logout utilisateur -------------------*/

.logout {
	padding-right: 20px;
}

.userlogout {
	background-color: #F2F2F2;
	color: #153142;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #153142;
	border-right-color: #153142;
	border-bottom-color: #153142;
	border-left-color: #153142;
	font-size:12px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-decoration:none;
	/*font-size:0.9em;*/
	font-family: Arial, Helvetica, sans-serif;		
}

.logout a{
	background-color: #153142;
	color: #FFF;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #153142;
	border-right-color: #153142;
	border-bottom-color: #153142;
	border-left-color: #153142;
	font-size:12px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-decoration:none;
	/*font-size:0.9em;*/
	font-family: Arial, Helvetica, sans-serif;			
}

.logout a:hover,
.logout a:focus{
	background-color:#C40C40;
	border-color: #C40C40;
	color:#fff;
}

	
/*------------- Fil d'ariane -------------*/

#fil_ariane {
	font-size: 0.8em;
	background: #f9f9f9;
	/*padding: 5px 0px;*/
}

	
/*------------- Tables -------------------*/

.tab_liste,
.tab_cadre {
	border-radius: 4px / 4px;
	border: 1px solid #dddddd;
	border-spacing: 0px;
  	font-size: 12px;
  	width: 100%;
  	vertical-align: middle;
  	/*margin-top : 5px;*/
  	margin-bottom: 10px;
	font-family: Arial,Helvetica,sans-serif;
}

.tab_double {
  	width: 100%;
  	border-spacing: 0px;

}

.tab_double tr td{
  	vertical-align: bottom	!important;
}

.tab60{
	text-align:center !important;
	width: 40% !important;
	margin-left:auto; 
    margin-right:auto;
}
.tab20{
    
text-align:left !important;
	width: 20% !important;

}

.tab_link a,
.tab_link button {
	color: #4199b7;
	text-decoration: none;
}

.tab_link a:hover,
.tab_link a:focus,
.tab_link button:hover,
.tab_link button:focus {
	color: #6db5fb;	
	cursor:  pointer;	
}

.asc,
.desc {
	display : block;
	background: #8DBDD8;
	/*background: #4A8CF6;*/
	height:30px;
	line-height:30px;
}

.tab_cadre th {
	height:30px;
	background: #ededed;
	border-left: 1px solid #dddddd;
	text-align: center;
}

.tab_cadre th:first-child {
	border-left: none;
	border-top-left-radius: 4px;
}

.tab_cadre th:last-child {
	border-top-right-radius: 4px;
}

.tab_cadre tr th {
	color: #000;
	vertical-align: middle ;
}

.tab_cadre tr th a,
.tab_cadre tr th span {
	color: #000;
	white-space: nowrap;
}

.tab_cadre tr th a:hover {
	color: #575757;
}

.tab_cadre tr td {
	border: 1px solid #dddddd;
	border-right: none;
	border-bottom: none;
	padding: 5px;
	vertical-align: middle !important;	
	/*line-height: 1.5em;*/
	/*white-space: pre-line;*/
}

.tab_cadre tr td:first-child {
	border-left: none;
}

.tab_cadre tbody tr {
	background-color: #f9f9f9;
}

.tab_cadre tfoot tr {
	height:30px;
/*	text-align: center;	*/
}

.tab_cadre tfoot tr td{
	background-color: #ededed;
	font-weight : bold;
}

.tab_cadre th a.asc:after {
	content: ' ⇣';
	vertical-align: middle;
}

.tab_cadre th a.desc:after {
	content: ' ⇡';
	vertical-align: middle;
}

.tab_cadre tbody img {
	width: 14px;
	height: 14px;
}

.tab_hover tbody tr:hover {
	background-color: #efefef;
}

.tab_zebre tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.tab_zebre tr:nth-child(even) {
	background-color: #ffffff;
}

.tab_liste {
	line-height: 1.5em;
	width: 100%;
	vertical-align: middle;
}

.tab_liste tr:nth-child(odd) {
	background: #f4f4f4;
}

.tab_liste tr:nth-child(even){
	background: #ffffff;
}

.tab_liste th {
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	width: 200px;
	height: 20px;
	/*border-right:1px solid #dddddd;*/
}

.tab_liste tr td {
	border-left: 1px solid #dddddd;
	padding: 4px;
	vertical-align: middle !important;
	white-space:pre-line;
}

.tab_filtre {
	width: 100%;
	vertical-align: middle;
}

.tab_filtre th {
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	width: 200px;
	height: 20px;
	border-right:1px solid #dddddd;
}

.tab_filtre td {
	padding: 4px;
	vertical-align: middle;
	white-space:pre-line;
}

.tab_transparent {
	cellpadding: 0;
	cellspacing: 0;
	align: center;
	margin: 5px;
	width: 50%;
	border: 0;
	font-size: 12px;
}

.tab_transparent tr,
.tab_transparent td {
	border: 0;
}
.red{
 color:red;}

.green{
 color:green;}
.orange{
background:orange;}
/*------------- Pagination des tableaux -------------------*/

.tab_paging {
	border-spacing: 0px;
  	margin-top: 5px;
  	width: 100%; 	
}

.tab_paging td {
  	font-size: 12px;
  	vertical-align : middle;
  	color: #000;
}

.paging {
    text-align: center;
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;  
}

.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;	
}

.paging a {
	color: #333;
}

.paging > span {
    background-color: #F9F9F9;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    display: inline-block;
    /*font-family: arial;
    font-size: 12px;*/
    font-weight: normal;
    margin: 2px;
}

.paging > span:hover {
	background: #efefef;
}

.paging .disabled {
	color: #ddd;
}

.paging .disabled:hover {
	background: transparent;
}

.paging .current:hover,
.paging .current {
    /*background: #3875D7;*/
    background: #333;
    color: #fff;
    /*border: 1px solid #333;*/
}

.paging a:hover {
    /*color: #FF9900;*/
    color : #3875D7;
    font-weight: bold;
}


/*------------- Nextprev des view et edit -------------------*/

.tab_neighbors {
	margin-top : 10px;
	border-spacing: 0px;
  	width: 100%;
  	background: #F9F9F9;
  	font-size: 12px;

}

.tab_neighbors tr td {
  	vertical-align : middle;
  	height : 25px;
}


/*------------- Formulaire  -------------------*/

h4, h5 {
	margin-bottom: 10px;
}

.txt-lien a {
	color: #4199b7;
	text-decoration: none;
}

.txt-lien a:hover,
.txt-lien a:focus{
	color: #6db5fb;	
}

input, textarea , select, checkbox, button {
	border-radius: 3px / 3px;
	background-color: #ffffff;
	border: 1px solid #aaa;
	padding: 5px;
	/*-moz-border-radius: 5px 5px 5px 5px;*/
	/*text-decoration:none;*/
}

input[type=checkbox] {
	border-radius: 3px / 3px;
	vertical-align:middle;
}

textarea {
	padding: 3px;
	width:98%;
}

img {
	background: transparent;
	vertical-align:middle;
	/*cursor:  pointer;*/
}

.infobulle:after {
	cursor:  pointer;
	padding-left:3px;	
	content : url('../img/information-small.png')  !important;
}

.ligne {
	width: 100%;
	background: none repeat scroll 0% 0% #ddd;
	height: 1px;
	margin: 3px 0px ;
}

.filtrer {
	cursor:  pointer;
}

.togglable {
	font-size: 12px;
}

.txt-center {
	text-align: center !important;
}

.txt-left {
	text-align: left !important;
}

.txt-right {
	text-align: right !important;
}

.txt-bold {
	font-weight: bold !important;
}

.txt-normal {
	font-weight: normal !important;
}
.txt-000 {
	color: #000!important;
}

.txt-12 {
	font-size: 12px !important;
}

.txt-texte {
	line-height: 1.5em;
}

.txt-nowrap {
	white-space: nowrap;
}

.img-right {
	float: right;
}

.img-left {
	float: left;
}

div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}

input[type=submit] {
	display: inline;
	font-size: 100%;
	width: auto;
}

button[type=submit] {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	background-image: -webkit-linear-gradient(top, #555, #222);
	background-image: -moz-linear-gradient(top, #555, #222);
	border-color: #000;	
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 4px 4px;
	font-size: 14px;
}

button[type=submit]:hover {
	background: #333;
}



/*-----------Bouton gris foncé-----------*/

.submit input[type=submit] {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	background-image: -webkit-linear-gradient(top, #555, #222);
	background-image: -moz-linear-gradient(top, #555, #222);
	border-color: #000;	
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 4px 4px;
	font-size: 14px;
}

.submit input[type=submit]:hover {
	background: #333;
}

.submit input[type=submit]:active {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	text-decoration: none;
}


/*-------------Icones Actions---------------*/

.actions {
	white-space: nowrap;
	font-size: 12px;
}

.actions a {
	border: 1px solid transparent;
	padding: 4px 6px;

}

.actions a:hover {
	font-weight:normal;
	/*padding: 4px 8px;*/
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
}

.actions a:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}


/*------ FlashMessage --------*/

#flashMessage {
	position:absolute;
	left: 50%;
	color: #fff;
	background: #66cc66;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	/*display: none;*/
	width: 50%;
	margin-left: -25%;	
	/*width: 400px;
	margin-left: -200px;*/	
	/*left: 46px;
    right: 46px;*/	
   /* background-image: url('../img/ball-green.png')  !important;*/
}

.message-success {
	background: #66cc66 !important;
	z-index: 1; 	
}

.message-error {
	background: #ee5f5b !important;
	z-index: 1; 	
}

.message-info {
	background: #ffcc00 !important;
	z-index: 1; 	
	/*background: #2691FA !important;*/
}

p.error {
	color: white;
	background: #ee5f5b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
}

.error-message {
	color: red !important;
}


/*------ Bouton pour revenir en haut de la page --------*/

.top_link {
    position: fixed;  
    right: 15px ;
    bottom: 15px;  
    display: none;
    z-index: 10;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*background: -moz-linear-gradient(center top , #555, transparent) repeat scroll 0% 0% #222;*/
    background: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
    background-image: -webkit-linear-gradient(top, #555, #222);
    background-image: -moz-linear-gradient(top, #555, #222);
    
    
}

.top_link span{
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url('../img/up.png') no-repeat scroll center center transparent;    
}

.top_link:hover {
    background: #333;
    cursor: pointer;    
}


/*------ Jquery select2 --------*/

.select2-liste {
	font-size: 12px;
}


/*------ Onglets dans tableau --------*/

/* Style the tab */
.tabs-menu  {
    height: 33px;
    float: left;
    clear: both;
    
}
/* Style the buttons inside the tab */
.tabs-menu  button {
    /*height: 30px;*/
   padding: 8px;
    /*line-height: 30px;*/
    float: left;
    margin-right: 3px;
    background-color: #EDEDED;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    color: #000;
    text-decoration: none; 
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Change background color of buttons on hover */
.tabs-menu  button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tabs-menu  button.active {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    /*color: #2e7da3;*/
    /*color: #1681A8;*/
     color: #000;
	transition: 0.3s;
}

/* Style the tab content */
.tabs {
	clear: both;
    border: 1px solid #d4d4d1;
    background-color: #fff;
	border-radius: 0px 4px 4px 4px;
    padding: 20px;
}

.tabs-content {  
    padding: 20px;
    display: none;
}
/*
#tabs-0 {
	display: block;   
}
*/