@charset "utf-8";
@import url("../Java/jq/jquery-ui-1.9.2.custom.min.css");

/* CSS Document */
/*  ----------   style général --------------------------*/	
* {margin: 0; padding: 0; outline: none;}

html {
	background: #009933; /* Old browsers */
background: -moz-linear-gradient(top,  #ddeeaa 0%, #009933 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddeeaa), color-stop(100%,#009933)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ddeeaa 0%,#009933 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ddeeaa 0%,#009933 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ddeeaa 0%,#009933 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ddeeaa 0%,#009933 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeeaa', endColorstr='#009933',GradientType=0 ); /* IE6-9 */
min-height:100%;
}

	body
	{
	font-family: Arial, Verdana, serif;
	font-size: 14px;
	/*background:url(../images/back_general.png) top left repeat-x;*/
	color:#333;
	 }
	 
	 #window {
	 width:100%;
	 height:100%;
	 padding-top:20px;
	 padding-bottom:20px;
	 }
	 

	/* H */
	H1
	{
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	display:inline;
	}
	
	.styleh1{
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	}
	
	#mobile H1
	{
	font-size:1.1em;
	}

	H2
	{
	color:#333333;
		font-size:1.1em;
		font-weight:bold;
		display:inline;
	}
	
	H3
	{
		font-size:1em;
		font-weight:bold;
		color:#666666;
	}
	
	H4
	{
		font-size:1em;
		font-weight:bold;
		text-align:center;
		color:#333333;
	}
	/* END H */
	
	fieldset{ border:1px solid #009933;
	-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
	}
	fieldset, legend { padding:5px; }

.small {
font-size:0.9em;
}
	
	a {
	text-decoration:none;
	color:#333;
	}
	
	a:hover {
			color:#000000;
		text-decoration:underline;
	}
	
	

	.link:hover
	{
		text-decoration:none;
		color:#000;
		text-decoration:underline;
	}

	.link
	{
		text-decoration:underline;
		color:#000;
	}
	
	
	
		img {border: none;}
		a img {
		border-width : 0;
		}
		
.clear{ Clear:both; }
.left { float:left;}
.right { float:right;}
.hidden { display:none; }
.zindex { z-index:10000;}
.bold { font-weight:bold;}
.small { font-size:0.9em; }
.message_ajax { 
color:#FF0000;
font-weight:bold;
text-align:center;
}
.un_demi { width:48%; }
.un_tiers { width:33%; }
.un_quart { width:24%; }
.un_cinquieme { width:19%; }
/*  ---------- fin style général --------------------------*/	


.design_dable td, .design_table td, .class_tab td {
	border:1px solid #aaa ;
	padding:2px;
}

.design_dable tr:nth-child(2n+2), .design_table tr:nth-child(2n+2), .class_tr {
background-color:#DDEEAA;
}

.design_dable tr:hover,.design_table tr:hover, .class_tab tr:hover {
	background-color:#009977!important;
	color:#FFF;
}
.tab_right {
	text-align:right;
	padding-right:5px;
}
.tab_left {
	text-align:left;
	padding-left:5px;
}
	
#main-container
{
margin:auto;
margin-top:10px;
margin-bottom:10px;
max-width:1060px;
min-width:280px;
border:1px solid #CCCCCC;  
background-color:#FFFFFF;
padding:5px 10px 5px 10px;
-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
} /* soit 984px de large, 964 disponibe */

#ban_header{
width:100%;
}

#logo {
width: 100%;
color:#009933;
font-size:34px;
font-weight:bold;
text-align:center;
}

.rouge { color:#FE0000; }

#logo a {
display:block ;
width:270px;
padding-top:20px;
}

#logo a:hover {
text-decoration:none;
}

#navigation {
width:100%;
font-size:0.9em;
padding-top:5px;
padding-bottom:5px;
}

#footer {
padding-top:10px;
text-align:center ;
width:100%;
font-size:0.9em;
}

	
/*----------------   jquery autocomplete ----------------------------*/

.ac_results {
	padding: 0px;
	border: 1px solid #666666;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
			overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}

.ac_loading {
	background: white url('../test/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #999999;
	color: white;
}



/*----------------  fin  jquery autocomplete ----------------------------*/



/* ---------------------------- message alerte -----------------------------------------------------*/
.warning{padding:5px 30px; margin:auto; margin-bottom:10px; width:80%; clear:both;}
.warning{background:#FFFFFF url(../images/icon_message.gif) no-repeat 10px 5px; border:2px solid #648C00; font-size:1em; font-weight:bold; color:#333333;
-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;
}
.warning em{color:#009900;font-weight:bold;font-style:normal; }
.ok{padding:5px 30px; margin:auto; margin-bottom:10px; width:80%; clear:both;}
.ok{background:#CEF6D8 url(../images/icon-boutton-validate.png) no-repeat 10px 5px!important; border:2px dotted #009900!important; font-size:1em; color:#000;}
.ok a{ color:#000!important; text-decoration:underline; } 
.form_erreur { background:#FBEC88; border:1px solid red; }
#mobile .warning, #mobile .ok { width:75%; font-size:1.1em; }

/* ---------------------------- message alerte -----------------------------------------------------*/
.vert { color:#009933 ; }
.info { color:#FF0000 ; }




/* ---------------------------- calendar jquery -----------------------------------------------------*/
	#calendar {
		width: 900px;
		margin: 0 auto;
		}
		
		.legende  {
		width:150px; min-height:20px; text-align:center; float:left; margin:3px; padding-top:3px; border:1px solid;
		}
		

.a_rouge, .fc-agenda .a_rouge .fc-event-time, .a_rouge a {
    background-color: #BF3030!important ; /* background color */
    border-color: #B30000!important;     /* border color */
	color: yellow!important; 
	font-weight:bold!important;
    }

.a_jaune, .fc-agenda .a_jaune .fc-event-time, .a_jaune a {
    background-color: #E6E673!important; /* background color */
    border-color: green!important;     /* border color */
	color: black!important; 
    }

.a_vert, .fc-agenda .a_vert .fc-event-time, .a_vert a {
    background-color: #5CB85C!important; /* background color */
    border-color: #666666!important;     /* border color */
	color: black!important; 
    }

.a_bleu, .fc-agenda .a_bleu .fc-event-time, .a_bleu a {
    background-color: #809FFF!important; /* background color */
    border-color: black!important;     /* border color */
	color: black!important; 
    }

.vehicule_5, .fc-agenda .vehicule_5 .fc-event-time, .vehicule_5 a {
    background-color: #663366; /* background color */
    border-color: #663366;     /* border color */
	color: black; 
    }
	
.vehicule_6, .fc-agenda .vehicule_6 .fc-event-time, .vehicule_6 a {
    background-color: yellow!important; /* background color */
    border-color: yellow!important;     /* border color */
    color: black!important;           /* text color */
    }
	
/* ---------------------------- calendar jquery -----------------------------------------------------*/

/* ---------------------------- boutons -----------------------------------------------------*/
.fg-button { 
   outline: 0; 
   margin:0 4px 3px 0;  
   padding: .4em 1em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;
   display:inline-block;
   }

/* ---------------------------- boutons -----------------------------------------------------*/


/*                 tooltip                    */
#jHelperTipAttrContainer{ 
 background:#FFFFFF;border:1px solid #CCCCCC; color:#333; display:none; width:180px; z-index:1900; padding:5px;
}

.jHelperTipContainer {
 display:none;
} 
/*                 tooltip                    */
.pdf_icon {
	background-image: url(../images/pdf.png)!important;
}
.icon-validate {
	background-image: url(../images/icon-boutton-validate.png)!important;
}
.icon-cancel {
	background-image: url(../images/icon-boutton-cancel.png)!important;
}

 a[href$=".pdf"], a[href$=".PDF"], .pdf {
background: url(../images/pdf.png) top left no-repeat;
padding-left:16px;
}
a[href$=".doc"], a[href$=".docx"], a[href$=".DOC"], a[href$=".DOCX"] {
background: url(../images/doc.png) top left no-repeat;
padding-left:16px;
}
a[href$=".xls"], a[href$=".xlsx"], a[href$=".XLS"], a[href$=".XLSX"] {
background: url(../images/xls.png) top left no-repeat;
padding-left:16px;
}
a[href$=".zip"], a[href$=".rar"], a[href$=".ppt"], a[href$=".pptx"], a[href$=".ZIP"], a[href$=".RAR"], a[href$=".PPT"], a[href$=".PPTX"] {
background: url(../images/download.png) top left no-repeat;
padding-left:16px;
}

a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"] ,a[href$=".JPG"], a[href$=".JPEG"], a[href$=".GIF"], a[href$=".PNG"] {
background: url(../images/img.png) top left no-repeat;
padding-left:16px;
}

.ui-combobox { display: inline-block; margin: 0; margin-right: 1.8em; position: relative; }
option { background:#FFF;}
.ui-combobox-input, input, select, textarea { 
padding: 3px; 
margin: 0; 
background-color:#c5dbec;  /*#214D90 */
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  font-size:1em;
}
.ui-combobox-button { position: absolute; width: 1.8em !important; margin: 0; margin-left: -1px; top: 0; bottom: 0; }
.ui-combobox-button .ui-button-text { padding: 0em; }
.ui-combobox .ui-autocomplete { max-height: 15em; overflow-y: auto; overflow-x: hidden; }

.ui-datepicker { z-index:99999999!important; }

/* fullcalendar */
.fc-agendaList-event {
	color: #000; 
	opacity:1;
	background: #FFF; /* Old browsers */	
}
/* fullcalendar */


.div_new_rdv_technicien {
display:inline-block;
padding:8px; 
text-align:center;
width:170px;
margin-left:20px;
margin-right:20px;
border:1px solid #FFF;	
}
.div_new_rdv_technicien:first-child {
margin-left:0px;	
}
.div_new_rdv_technicien:last-child {
margin-right:0px;	
}

.div_new_rdv_technicien a img {
	width:150px;
}
	
.div_new_rdv_technicien:hover, .div_new_rdv_technicien.hover{
	border:1px solid #CCC!important;
	background:#DDEEAA!important;
	opacity:0.6;
}
.div_new_rdv_technicien_selectd {
	border:1px solid #CCC!important;
	background:#DDEEAA!important;
}

@keyframes fond{
from{transform:scale(0)}
to{transform:scale(1)}
}
@-webkit-keyframes fond{
from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
.div_new_rdv_technicien { 
animation: fond 1s 1 1ms;
animation-fill-mode: forwards;
-webkit-animation: fond 1s 1 0;
-webkit-animation-fill-mode: forwards;
}

#calendar { /* fullcalendar */
	width:100%;
}

@media all and (max-width: 974px) {
	
	#main-container {
		padding:5px 5px 5px 5px;
	}
	
	#ban_header a img {
		max-width:100%;
	}
	
	#logo {
		font-size:24px;
	}
}

@media (max-width:800px) {
	body { font-size:16px; }
	.ui-tabs-panel { padding-right:2px!important; padding-left:2px!important; }
	.un_demi { width:98%; }
}

@media (max-width: 480px) {
	body { font-size:18px;}
	
	#changeView { width:80px;}
	
}