@import "jQuery/ui-redmond/ui.theme.css";
@import "jQuery/ui-redmond/ui.core.css";
@import "jQuery/ui-redmond/ui.datepicker.css";
@import "jQuery/ui-redmond/ui.slider.css";

/*** Pour Slider ***/
	
#containerSlider {
	width:150px;
	height: 200px;
	margin: 30px 10px;
	float: top;
}

#slider { float: left;}
#rayon { margin: 85px 30px; }
#rayonChanger { margin: 30px 0px; }
#containerSlider > div.slider { padding: 10px !important; }


/*** Pour slide ***/

.toggler { width: 500px; height: 200px; }
.ui-effects-transfer { border: 2px dotted gray; } 
		
.resultLink, .resultLink{
	float: right;
	font-size: 11px;
	margin: 4px 80px;
}

/*** Etape 1 ***/
.etape1-adresse {
	background: url(../image/boutonRondOrange1.png) 0 0 no-repeat;
	margin: 30px 0;
	padding-left: 130px;
}

.etape1-adresse input {
	margin: 5px 0px;
}

.etape1-adresse button {
	margin-left: 105px;
	border: 1px solid #000000;
}

form#addr{
	width: 100%;
}

#cadreGarde{
	
	/*padding: 5px 30px;*/
	margin: 10px 30px;
}

#checkbox-garde{
	margin-left: 10px;
}

h4#dateChooser{
	margin: 10px 20px;
	float: left;
}

#checkboxPeriode h4{
	color: #366376;
}

/*** DatePicker ***/

body.bodyinter table th, table th,
body.bodyinter table td, table td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #000000;
}

.ui-datepicker th {
	padding: 5px;
}

a.ui-state-default, span.ui-state-default{
	margin: 1px;
}

.ui-datepicker * {
	outline-color:-moz-use-text-color !important;
	outline-style:none !important;
	outline-width:0 !important;
}

.conteneurCentreur {
	text-align:center;
}

div#datepicker{
	width:300px;
	margin:auto;
	text-align: left;
}
/* width: 100%;  */
.conteneurCalendarGarde { height:250px; margin: 20px 40px; }

.conteneurCalendarGarde .type-0 { background: #93D3E8 repeat-x scroll 50% 50% }
.conteneurCalendarGarde .type-1 { background: #BFBFBF repeat-x scroll 50% 50% }
.conteneurCalendarGarde .type-2 { background: #E2ECAA repeat-x scroll 50% 50% }
.conteneurCalendarGarde .type-3 { background: #97D785 repeat-x scroll 50% 50% }
.conteneurCalendarGarde .type-4 { background: #E4B46F repeat-x scroll 50% 50% }
.conteneurCalendarGarde .type-5 { background: #E1596A repeat-x scroll 50% 50% }
.conteneurCalendarGarde .type-6 { background: #E159AA repeat-x scroll 50% 50% }

.conteneurCalendarGarde #datepicker { float: left; margin-right: 40px;}

#legende { padding: 30px 20px; }
#legende ul { text-align:left;}
#legende li { margin: 10px 0px; }
#legende li .case { width:20px; height:20px; float: left; }
#legende li .texte { clear: left; text-align:left; margin-left: 10px; }

#info {	width: 100%; text-align: left; padding-left: 40px;}
#info h3 { margin: 10px 0; }
#info h4#title-event { padding-left: 10px; margin-bottom: 5px; color: #366376;}
#info h5#text-event { padding-left: 10px; }
/*** Etape 2 ***/

.etape2-resultat{
	background: url(../image/boutonRondOrange2.png) 0 0 no-repeat;
	margin: 30px 0px;
}

.etape2-resultat .texte-resultat {
	padding: 38px 130px;
	font-size: 25px;
	color: #56C6A4;
}

#listePharma p.noResult{
	font-size: 14px;
}

.gmap{
	margin : 50px -25px;
}

.gmap-control{
	padding-top: 50px;
	width:25%;
	float:left;
}

.gmap-control p {
	font-size:15px;
	margin: 20px 0px;
}

.gmap-map{
	width:70%;	
	float: left;
}