/*Dégradés : http://www.colorzilla.com/gradient-editor/ */


html{
	height: 100%;
	/*overflow: hidden;*/
}

body{
	margin: 5px 0 0 0;
	padding: 0;
	/*height: 100%;*/
	/*overflow: hidden;*/
	
	background: rgb(247,247,247); /* Old browsers */
	/*background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	/*background: linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	

	font-family: Arial, sans-serif;
	font-size:14px;

}

#content{
	width:90%;
	margin-left:5%;
	
	border-radius: 10px 10px 10px 10px;
	border:1px #222222 SOLID;
	margin-top:30px;
	
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
	background: linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

	
}

h1{
	padding-top:0px;
	padding-bottom:10px;
	margin:0;
	color:#222222;
	text-align:center;
	font-size: 30px;

}


#header ul, #footer ul {
	/*padding-bottom:10px;*/
	font-size: 16px;
	display:inline;
	position: relative;
	list-style-type: none;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
}

#header ul li, #footer ul li {
	display:inline;
	list-style-type: none;
	padding:5px;
	margin:0;
}

#header ul li{
	border-radius: 4px 4px 4px 4px;
	
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}

#header ul li:hover{
	background: #d6d6d6; /* Old browsers */
	background: -moz-linear-gradient(top, #d6d6d6 0%, #dbdbdb 50%, #d1d1d1 51%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#dbdbdb 50%,#d1d1d1 51%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d6d6d6 0%,#dbdbdb 50%,#d1d1d1 51%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d6d6d6 0%,#dbdbdb 50%,#d1d1d1 51%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #d6d6d6 0%,#dbdbdb 50%,#d1d1d1 51%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#footer ul li{
	border-radius: 4px 4px 4px 4px;
	
	
	background: #f2f6f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
	background: linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

#footer ul li:hover{
	background: #e3e6e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e3e6e8 0%, #d8e1e7 50%, #b5c6d0 51%, #ccd9e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e6e8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#ccd9e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e6e8 0%,#d8e1e7 50%,#b5c6d0 51%,#ccd9e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3e6e8 0%,#d8e1e7 50%,#b5c6d0 51%,#ccd9e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3e6e8 0%,#d8e1e7 50%,#b5c6d0 51%,#ccd9e2 100%); /* IE10+ */
	background: linear-gradient(top, #e3e6e8 0%,#d8e1e7 50%,#b5c6d0 51%,#ccd9e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e6e8', endColorstr='#ccd9e2',GradientType=0 ); /* IE6-9 */

}


#header ul li a, #header ul li a:visited{
	color:#555555;
}

#header ul li a:hover{
	color:#222222;
}

#footer ul li a, #footer ul li a:visited{
	color:#555555;
}

#footer ul li a:hover{
	color:#222222;
}


#header{
	width:90%;
	margin-left:5%;
	border-radius: 10px 10px 10px 10px;
	margin-bottom:30px;
	


	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */




}

#footer{
	/*position:absolute;
	bottom:0px;*/
	height:60px;
	margin-top:20px;
	color:#00FFFF;
	text-align:center;
	width:100%;

	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}


#div_duree, #div_duree_detail, #alarm_mail{
	display:none;
}

.share_link{
	width:250px;
}


.input_text{
	padding: 10px 20px 10px 20px;
	background: #ededed url(images/bar-bg.png) repeat-x;
	border: 3px solid #c7c7c7;
	border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;
	font: italic 20px Arial; color: #898989;
	outline: none; /*Remove Chrome and Safari glows on focus*/
}

.erreur{
	border: 3px solid #c70505 !important;
}

.input_submit{
	padding: 10px 20px 10px 20px;
	background: #ededed url(images/bar-bg.png) repeat-x;
	border: 3px solid #999999;
	border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;
	font: italic 20px Arial; color: #666666;
	outline: none; /*Remove Chrome and Safari glows on focus*/
}


.input_text_long{
	width:400px;
}

.input_text_court{
	width:30px;
}

th{
	vertical-align:top;
	padding-top:10px;
}

#duree_date{
	font-size:20px;
}

.center{
	text-align:center;
}

td.separator{
	height:20px;
}

/*
#countdown{
	font-size:100px;
	text-align:center;
	color:#FF0000;
}*/


/*
.value{
	font-size:100px;
	text-align:center;
	color:#FF0000;
}

.legend{
	font-size:20px;
	text-align:right;
	color:#333333;
}*/


#countdown{
	/*position:relative;
	left:25%;*/
	margin:auto;
	width:750px;
}

#countdown .digit{
	float:left;
	height:100%
}

#countdown .value{
	font-size:100px;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	font-family:Courier New;
}

#countdown .legend{
	font-size:20px;
	text-align:right;
	color:#333333;
	padding-right:10px;
}

#countdown #countdown_end{
	clear:both;
}


/*Date And Time picker*/
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }