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

.container_alert.img_a_gauche .container_alert_img{
	float:left;
	text-align: right;
	width:48%;
	margin-bottom: 32px;
	margin-left: 8px;
}

.container_alert.img_a_gauche .container_alert_text{
	float:right;
	text-align: left;
	width:50%;
	margin-bottom: 32px;

}

#select_horaire, #select_tarif, #select_planning {
color:#ffffff;
text-transform:uppercase;
margin-top:5px;
border:none;
width:80px;
text-align: right;
font-size:10px;
margin:5px auto;
}

#select_horaire option {

text-align:right;
}

.titre_horaire, .titre_tarif, .titre_planning {
	margin:0px;
	margin-top:0px;
	/*position:absolute;
	bottom:0px;
	width:100%;*/
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}


.titre_horaire p, .titre_tarif p, .titre_planning p {
	font-size:16px;
	text-transform: uppercase;
	padding:20px 20px 0 20px;
	color:#ffffff;
	text-align:left;
	margin-top:0px;
	text-align: center;
	font-weight:600;
}

.container_select_horaire,.container_select_planning  {
border:solid 3px ;
padding:0px 20px 20px 20px;
margin:0px;
text-align: center;

}
.container_horaire, .container_tarif, .container_planning {
padding:0px;
background-color: #ffffff;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;border:solid 3px ;
position:relative;
padding-bottom:70px;
}

.horaires_tab {

margin:20px;
}

.tarifs_tab {
	width:95%;
	margin:20px auto;
}


.tarifs_tab th{
font-weight:800;
text-transform: uppercase;
font-size:15px;
line-height:16px;
}

.tarifs_tab td{
font-size:15px;
line-height:16px;
padding:10px 0px;
}


.horaires_tab li span, .tarifs_tab li span{

display:block;
font-weight:800;
text-transform: uppercase;
width:100%;
font-size:15px;
}

.infos_horaire, .infos_tarif {
	font-size:12px;
	font-style:italic;
	line-height:16px;
	padding:0px 20px 20px 20px;
	
}

.vc-hoverbox-block {

min-height:300px;
}


.planning_col {


}
.planning_col {
    float: left;
    margin-right: 1px;
    width: 14%;
    text-align: center;
    padding-top: 10px;
}

.planning_col li {
    list-style: none;
    background-color: #C2D3E5;
    padding: 10px 5px;
    margin-bottom: 1px;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.planning_col .jour_court {
display:none;
}

.planning_col:first-child {
margin-left:3px;
}



@media (max-width: 1200px){
.planning_col .jour_court {
display:block;
}
.planning_col .jour_long {
display:none;
}
.planning_col:first-child {
margin-left:1px !important;
}

}




@media (max-width: 800px){
.tarifs_tab th,.tarifs_tab td {
	font-size:12px;
}
.bloc_vignette_espace {
    width: 50%;
}
.vc-hoverbox-block {

min-height:inherit !important;
}
.container_alert.img_a_gauche .container_alert_img{
	display:none;
}
.container_alert.img_a_gauche .container_alert_text {
    float: inherit;
    text-align: inherit;
    width: inherit;
    margin-bottom: 32px;
}

}

@media (max-width: 768px){
.bloc_vignette_espace {
    width: 100%;
}
.planning_col li {
    list-style: none;
    background-color: #C2D3E5;
    padding: 10px 2px;
    margin-bottom: 1px;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
}
.planning_col {
    float: left;
    margin-right: 1px;
    width: 32%;
    text-align: center;
    padding-top: 10px;
}
.planning_col:nth-child(4), .planning_col:nth-child(7){
margin-left:3px;

clear:both;
}



}