body {
    background-color: #f7f4f4;
    font-family: raleway;
    padding : 50px 0px 0px 0px;
    z-index: 0;
}

.message {font-size: 133%; text-align:justify !important;}
.message .align-left {text-align:left !important;}
.louve-status {
    background-color: #ACDB9D;
    text-align: center;
    font-size: 2.5em;
    padding:10px;
    color: white;

}

.louve-creneau {
    background-color: white;
    margin-top: 1em;
    margin-bottom: 2em;
    padding : 20px;
    text-align: center;
    min-height:12em;
    display:block;
    -moz-box-shadow: 1px 1px 3px 0px #656565;
    -webkit-box-shadow: 1px 1px 3px 0px #656565;
    -o-box-shadow: 1px 1px 3px 0px #656565;
    box-shadow: 1px 1px 3px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3);
    overflow:auto;
}
.louve-box {
    background-color: white;
    margin-top: 1em;
    margin-bottom: 2em;
    padding : 20px;
    text-align: center;
    height: 100%;
    display:block;
    -moz-box-shadow: 1px 1px 3px 0px #656565;
    -webkit-box-shadow: 1px 1px 3px 0px #656565;
    -o-box-shadow: 1px 1px 3px 0px #656565;
    box-shadow: 1px 1px 3px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3);
    overflow:auto;
}
.louve-ag {
    background-color: white;
    margin-top: 1em;
    margin-bottom: 2em;
    text-align: center;
    padding: 20px;


}

h3 {
    text-align: center;
}

.img-center{display: block;margin-left: auto;margin-right: auto}

.ui.horizontal.divider {
	display:table;
	white-space:nowrap;
	height:auto;
	margin:'';
	line-height:1;
	text-align:center
}
.ui.horizontal.divider:after,.ui.horizontal.divider:before {
	content:'';
	display:table-cell;
	position:relative;
	top:50%;
	width:50%;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
}
.ui.horizontal.divider:before {
	background-position:right 1em top 50%
}
.ui.horizontal.divider:after {
	background-position:left 1em top 50%
}
.alert span{
text-align: center;
font-size : 1.5em;
}
.text-centered{
    text-align: center;
}


.row-header{
    margin: 0px auto;
    padding:0px auto;
}

.row-content{
    margin: 0px auto;
    padding:50px 0px 50px 0px;
    border-bottom:1px ridge;
    min-height:400px;
}

.row-footer{
    background-color: #AfAfAf;
    margin: 0px auto;
    padding: 20px 0px 20px 0px;

}

.jumbotron{
    padding: 70px 30px 50px 30px;
    margin: 0px auto;
    background: #000;
    color:white;
}

address{
    font-size:80px;
    margin:0px;
    color:#0f0f0f;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.navbar-brand > img:hover {
    -webkit-transform: rotate(-10deg) translate(5px,-5px) scale(1.1) skewX(-6deg);
    -moz-transform: rotate(-10deg) translate(5px,-5px) scale(1.1) skewX(-6deg);
    -ms-transform: rotate(-10deg) translate(5px,-5px) scale(1.1) skewX(-6deg);
    -o-transform: rotate(-10deg) translate(5px,-5px) scale(1.1) skewX(-6deg); 
    transform: rotate(-10deg) translate(5px,-5px) scale(1.1) skewX(-6deg);
}

.navbar-brand > img {
    transition: transform .3s ease-in-out;
}

.navbar-inverse {background-color:#2c83cd; background-image: none; border-color:#2c83cd;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a  {color:#ffffff;font-weight:bold;}
,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color:#000000;font-weight:bold;}

.landing a.main, .landing span.main {font-size: 28px; font-weight:bold;}
ul.large li a {font-size: large; font-weight: bold;}
.important {background-color:#f3d780;padding:5px;}


#current_week {
    font-size: 90px;
    font-weight: bold;
}

#subtitle {
    margin: 5px 0 0 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #848484;
}

.float-left {float:left;}
.float-right {float:right;}
.row {margin:0 !important;}
.horaires,.message-colonne {max-width:295px;min-width:295px;min-height:493px;max-height:493px;}

.horaires, .horaires h3{text-align:left;}
.horaires td.heures {padding-left: 15px;}

.main-actions {min-width:540px;max-width:540px;margin-bottom:20px !important; padding-left: 15px;padding-right:15px;}
.main-actions.middle {margin:auto;}
.main-actions .landing {min-width:250px; max-width:250px;min-height:235px; height:235px; padding: 15px !important; overflow-y: hidden;}

.accueil-message {border:1px solid #ef7e00; background-color:#f4ce35; padding: 5px; margin-bottom:10px !important; margin-top: 10px !important;}
div.wiki-redir {clear:both;
		font-size: 300%; font-weight: bold;margin-top:5px;

	       }
.row.calendar {border: 1px solid #cfcfcf;max-height:493px;}
.clear {clear:both;}
.main-content {max-height:470px;}

.main-actions span.title {padding-bottom: 3px; display:block;}
ul.index {font-size: 75%; text-align:left; margin-top:10px;}

.vertical_half {position:relative; min-height:67%; max-height:67%; overflow: hidden;}
.vertical_half.top {border-bottom: 1px solid #000; margin-bottom: 10px;}
.vertical_half a.main {line-height:28px;}

.map {margin-top:25px;}
.mapsubscription, .large {font-size: large;}
.medium li {font-size: medium !important; margin-top:0; font-weight:bold;}
.halfbox_title {font-size: normal !important; font-weight: bold;}
ul.index.medium {margin-top:0;}
@media only screen and (max-width: 1200px) {
    .container,.navbar {width:100%;}
    .main-content .float-left {max-width:450px;}
    .horaires, .message-colonne {max-width:295px !important;}
    .main-actions {max-width:345px; min-width:345px;}
    .main-actions .float-left, .mains-actions .landing {max-width:200px;min-width:200px;}
    .float-left.horaires {margin-bottom:15px !important;}
    .vertical_half a.main {line-height:20px;}
    .landing a.main {font-size: 20px;}
}

@media only screen and (max-width: 1050px) {
    .container,.navbar {width:100%;}
    .hiddable {display:none !important;}
    .main-content .float-left {max-width:400px;}
    .main-actions {max-width:345px; min-width:345px;}
    .main-actions .float-left, .mains-actions .landing {max-width:180px;min-width:180px;}
    .float-left.horaires {margin-bottom:15px !important;}

}
@media only screen and (max-width: 1020px) {
    .container,.navbar {width:100%;}
    .hiddable {display:none !important;}
    .main-content .float-left {max-width:400px;}
    .main-actions {max-width:345px; min-width:345px;}
    .main-actions .float-left, .mains-actions .landing {max-width:180px;min-width:180px;}
    .float-left.horaires {margin-bottom:15px !important;}
   .horaires, .message-colonne {min-width:225px; max-width:225px !important;}

}

@media only screen and (max-width: 960px) {
    .container,.navbar {width:100%;}
    .hiddable, .hiddable2  {display:none !important;}
    .main-content .float-left {max-width:400px;}
    .main-actions {max-width:345px; min-width:345px;}
    .main-actions .float-left, .mains-actions .landing {max-width:180px;min-width:180px;}
    .horaires, .message-colonne {min-width:205px; max-width:205px !important;}
    .float-left.horaires {margin-bottom:15px !important;}

}

@media only screen and (max-width: 840px) {
    .container,.navbar {max-width:100%;}
    .main-actions.middle {max-width:38%; min-width:38%;}
    #emnav li {
	max-width:90px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;}
    .main-actions .float-left, .mains-actions .landing {max-width:100%;min-width:100%;}
    .main-actions .column {max-width:45%;min-width:45%;}
    
    .main-actions span.title  {display:none;}
    .float-left.horaires {margin-bottom:15px !important;}
}

@media only screen and (max-width: 775px) {
    .container,.navbar {max-width:100%;}
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color:#ffffff;}
    #emnav li {max-width:320px;}
    .navbar-right {position:absolute;top:0px; left:75px;}

    .vertical_half a.main {line-height:16px;}
    .landing a.main {font-size: 16px;}
    .main-actions span.title  {display:none;}
    .float-left.horaires {margin-bottom:15px !important;}
}


@media only screen and (max-width: 640px) {
    .container,.navbar {max-width:640px;}
    #message_petit_format {display:block !important; border:1px #ef5fef solid; background-color: #ffffff; margin-bottom:10px;}
    .navbar-right {position:absolute;top:0px; left:75px;}
    .main-content .float-left {float:none;max-width:640px;}
    .main-actions span.title  {display:none;}
    .float-left.horaires {margin-bottom:15px !important;}
        .main-actions .float-left, .main-actions .landing  {min-height:0px !important;}
}

@media only screen and (max-width: 375px) {
    .main-content .float-left {max-width:360px;}
    .main-actions {max-width:350px; min-width:350px;}
    .main-actions span.title {display:none;}

    .float-left.horaires {margin-bottom:15px !important;}
}

@media only screen and (max-width: 360px) {
    .main-content .float-left {max-width:350px;}
    .main-actions {max-width:330px; min-width:330px;}
    .main-actions span.title {display:none;}
    .float-left.horaires {margin-bottom:15px !important;}
}

@media only screen and (max-width: 320px) {
    .main-content .float-left {max-width:300px;}
    .main-actions {max-width:290px; min-width:290px;}
    .main-actions span.title {display:none;}
    .float-left.horaires {margin-bottom:15px !important;}
}