@charset "utf-8";
/* CSS Document */

#content form label {display:block; margin:2px;}
#content form label span {display:inline-block; width:150px;}
#content form input[type="button"] {display:block; margin:10px auto 2px auto;}

#bloc-recherche {background:#fff; padding:10px; max-width:600px}
#bloc-catalogue {}
#bloc-panier {width:264px;}
	

i.material-icons {
	font-size: 20px;
	color: #4E8B8D;
	padding: 0 5px;
}
.GreenText {
	font-size: 16px;
	color: #4E8B8D;
}

.numero {
	float: right;
	margin: 10px;
	padding: 5px;
	border:solid 1px #4E8B8D;
}

.pole {
	background: #4e8b8d;
	padding: 10px;
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	}

.theme {
	color: #4e8b8d;
	font-size: 18px;
	padding: 10px;
	font-weight: 800;
}

a, .uk-link {
	color: #922727;
	text-decoration: none;
	cursor: pointer;
}

#search-lieu, #search-branche, #search-cycle {max-width:350px;}

.ui-datepicker {font-size:0.9em !important;}
.ui-datepicker-trigger {position:relative; right:25px; top:3px; margin-right:5; background:none; border:0; cursor:pointer;}

.bloc-ui-icon {position:relative; top:4px; right:25px; height:14px !important; width:15px !important; background-position:-81px -129px !important; cursor:pointer;}
.bloc-ui-icon-alert {position:relative; top:2px; height:14px !important; width:15px !important; cursor:pointer;}

.formation {margin:10px 10px 0 0;  border:1px solid #4E8B8D; max-width:90%;}
.cpt {float:right; font-style:italic;}

.btn-add-panier {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-add-panier:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-add-panier-cycle {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-add-panier-cycle:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-add-panier-seminaire {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-add-panier-seminaire:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-retour-catalogue {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-retour-catalogue:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-partenaire-url {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-partenaire-url:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-partenaire-email {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-partenaire-email:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-mail-formation {margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-mail-formation:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-del-panier {float:right; vertical-align:bottom; cursor:pointer;}

.btn-gen-ics {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer;}
.btn-gen-ics:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

.btn-full-panier {display:block; width:250px; vertical-align:bottom; margin:3px; padding:8px 20px; color:white; font-weight:bold; background: #922727; border:0; border-radius:6px; min-width:136px; opacity:1!important;}

.btn-dl-plaquette {display:inline-block; width:250px; vertical-align:bottom; margin:3px; padding:8px 5px; color:white; font-weight:normal; background:#70C5CA; border:0; border-radius:3px; cursor:pointer; text-align:center;}
.btn-dl-plaquette:hover {background:#4E8B8D; -webkit-transition: background ease 0.5s; color: #922727;}

#bloc-panier ul {margin:0; padding:0;}
#bloc-panier ul li {list-style:none; margin-bottom:5px; padding-bottom:3px; border-bottom:1px dotted #777777;}
#bloc-panier ul li:last-child {border-bottom:0px;}

#panier-total {float:right; font-size:20px;}

.title { font-size:16px;  color:#4e8b8d;}
.cursor-link {cursor:pointer;}
.clear {clear:both; border:1; margin:1px; opacity:0.1;}
.in-panier {opacity:0.4; cursor:default;}
.cycle {float:right; color:#4e8b8d;}
.masquer {display:none !important;}
.list_specialite {margin:0; padding:0;}
.list_specialite li {margin-left:30px;}

body { 
	font-family: Roboto, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size: 13px;
	font-color: #777777;
}

div#bloc-panier {
	float:right;
	background-color:#C6FDFF;
	padding:5px;
}

@media(max-width:360px) {
		div#bloc-panier {	
		float:none;	
	}
}

input#btn-search-submit {
	border: 0;
	background: #70C5CA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-width: 0;
	padding: 0 21px;
	margin: 0 auto;
	height: 24px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

#btn-panier-submit	{
	border: 0;
	background: #70C5CA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-width: 0;
	padding: 0 21px;
	margin: 0 auto;
	height: 24px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

.MarginBottom20 {margin-bottom: 20px;}
.MarginLeft20 {margin-left: 30px;}
.MarginRight20 {margin-right: 30px;}