body {background:url(img/bg-bealem-collin.jpg.1434614720869.png) no-repeat top center; font-family:"Open Sans";}

#header-top {text-align:center}
#header-top img {display:inline-block}
#header-top h1 a {color:#e30046;font-size:16px;font-weight:700}

#page, #page.login, #page.centre {/*padding-top:50px;padding-bottom:100px;*/padding:50px 20px 100px;margin-top:8px;border-radius:20px;background-image:linear-gradient(#F3F3F3, #ffffff); border-top:1px solid #E2E2E2}

#footer-bottom .img-footer {float:right}
#footer-bottom .container {background:url(img/footer.png) no-repeat center right;min-height:243px}
#footer-bottom a {color:#00525e;font-style:italic;font-size:30px}

#footer-bottom .nous-contacter-container {min-height:243px;position:relative;width:100%;text-align:center}
#footer-bottom .link-contact {display:inline-block;margin-top:200px}

input[type="submit"] {padding-top:10px;padding-bottom:10px;height:auto}

@media only screen and (max-width : 1600px) {

}

@media only screen and (max-width : 1440px) {

}

@media only screen and (max-width : 1366px) {

}

@media only screen and (max-width : 1280px) {

}

@media only screen and (max-width : 1024px) {

}

@media only screen and (max-width : 980px) {

}

@media only screen and (max-width : 900px) {

}

@media only screen and (max-width : 800px) {

}

@media only screen and (max-width : 768px) {

}

@media only screen and (max-width : 640px) {
	#page, #page.login, #page.centre {padding: 50px 50px 100px;}
	#page h2 {text-align:center}
	form .connexion-field {height: 26px;margin: 10px auto;position: relative;width: auto;}
	#page input[type="text"], #page input[type="password"] {width: 100%;}
	input[type="submit"] {width: 100%}
	
	
	.connected_praticien.praticien-portal button.navbar-toggle.collapsed {display:none}
	nav.navbar.navbar-custom .form-group {text-align:center}
	.form-control {display:inline-block}
	ul.nav.navbar-nav.navbar-right {text-align:center}
	
}

@media only screen and (max-width : 600px) {

}

@media only screen and (max-width : 480px) {
	.week-content td.listrdv.empty {min-height:30px}
	.week-content td.listrdv.empty br {display:none}
	/*.info-agenda-out {background:#EDD2D2;padding:10px}*/
	.week-content #prev, .week-content #next {min-height:30px}
	.week-content td.empty-nav-rdv {display:none}
	.responsive-table-line td::before {background:#7C7C7C;color:#fff}
	
	#footer-bottom .nous-contacter-container {text-align:left}
}

@media only screen and (max-width : 360px) {

}

@media only screen and (max-width : 320px) {
	#footer-bottom .nous-contacter-container {font-size:20px}
}