/* RESPONSIVE TOOLS
/* Large desktop
@media (min-width: 1200px) { ... }
 /* Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet
@media (max-width: 767px) { ... }
/* Landscape phones and down
@media (max-width: 480px) { ... }
*/
.loading{
background:#fff url('../images/loading.gif') center center no-repeat;
width:100%;
height:100%;
display:block;
position:fixed;
top:0;
left:0;
z-index:100000;
/* IE 8 & 9 (more valid) */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=75);
/* Older than Firefox 0.9 */
-moz-opacity:0.75;
/* Safari 1.x (pre WebKit!) */
-khtml-opacity:0.75;
/* Modern! */
opacity:0.75;
}
.loading-mask{
background:#fff url('../images/loading.gif') center center no-repeat;
width:100%;
height:100%;
display:block;
position:fixed;
top:0;
left:0;
z-index:100000;
}
.loading-element{
background:#fff url('../images/loading.gif') center center no-repeat !important;
}
.loading-element > * {
visibility:hidden !important;
}
a{cursor:pointer;}
a:focus,select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,.btn:focus{outline:0;}
.visible-no-js{display:none;}
html.no-js .visible-no-js{display:block !important;}
html.no-js .hidden-no-js{display:none !important;}
html.no-js .loading{display:none;}
html.no-js .loading-mask{display:none;}
hr{margin-top:0;}
a{color:#0083F2;}
a:hover{color:#F07100; text-decoration:none;}
h1{font-size:2.4em;}
h2.lead{color:#666666;}
.alert > h3{margin: 0;}
td.info,th.info{background:#D9EDF7 !important;}
body .page-header h1 small{line-height: 26px; display: block;}
body > .container > .row-fluid > .span9 > h3{font-size:1.3em; color:#0083F2; font-weight: normal; border-bottom: #0083F2 1px dotted; margin-top: 15px; line-height: 30px;}
html, body{height: 100%; width:100%;}
body{background: #041a25 url('../../../fichiers/images/bg.png') top center repeat-y;}
body > div.container > .push, footer{height: 36px;}
body > div.container{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -36px;
background: #fff url('../../../fichiers/images/fond-ludique.png') bottom right no-repeat;
-webkit-box-shadow: #666666 0px 0px 10px;
-moz-box-shadow: #666666 0px 0px 10px;
box-shadow: #666666 0px 0px 10px;
}
body header > .topline{margin-top: 5px; margin-bottom: -15px;}
header > .main-menu{position: relative; z-index: 1; height: 70px; padding-top:20px;}
header > .main-menu > .logo{position: absolute; top: 10px; left: 10px;}
header > .main-menu > .logo > img{width: 120px; height: 60px;}
header > .main-menu > .navbar .nav-collapse.in{margin-top: 60px;}
header .menu-connexion > ul.dropdown-menu > li > div{padding: 10px 20px;}
footer{text-align: center;}
footer > *, footer .breadcrumb{margin: 0;}
@media (min-width: 1200px) {
	body > div.container{padding: 0 30px 90px 30px;}
}
@media (min-width: 980px) and (max-width: 1199px) {
	body > div.container{padding: 0 15px 90px 15px;}
}
@media (max-width: 979px) {
	.container{width: auto;}
	body{background: #fff; height: auto; width:auto; padding: 0 20px;}
	body > div.container{background: #fff; padding: 0 0 20px 0; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	body header > .topline{display: none;}
}
@media (min-width: 980px) {
	header > .main-menu > .logo > img{border-left: solid 3px #fff; border-right: solid 3px #fff;}
	header > .main-menu > .navbar > .navbar-inner{
	padding-left: 140px;
	background: #0083F2;
	border: none;
	}
	header > .main-menu > .navbar > .navbar-inner .nav > li > a{color: #fff; text-shadow: 0 1px 0 #333333;}
	header > .main-menu > .navbar .nav li.dropdown.open > .dropdown-toggle, header > .main-menu > .navbar .nav li.dropdown.active > .dropdown-toggle, header > .main-menu > .navbar .nav li.dropdown.open.active > .dropdown-toggle{background: #6FBAF7; color: #333333; text-shadow: 0 1px 0 #ffffff;}
	header > .main-menu > .navbar .nav li.dropdown > .dropdown-toggle .caret{border-bottom-color: #fff; border-top-color: #fff;}
	header > .main-menu > .navbar .nav li.dropdown > a:hover .caret, header > .main-menu > .navbar .nav li.dropdown > a:focus .caret{border-bottom-color: #B5D9F4; border-top-color: #B5D9F4;}
	header > .main-menu > .navbar .nav li.dropdown.open > .dropdown-toggle .caret, header > .main-menu > .navbar .nav li.dropdown.active > .dropdown-toggle .caret, header > .main-menu > .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret{border-bottom-color: #B5D9F4; border-top-color: #B5D9F4;}
}
@media (max-width: 767px) {
	body header .menu-connexion > ul.dropdown-menu > li > div{padding: 15px 0 0 0;}
	body header .menu-connexion > ul.dropdown-menu > li > div a{padding: 0;}
	.row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left: 0;}
}
div.galerie-exemple {display: none;}
.form-horizontal .control-label {width: 250px;}
.form-horizontal .controls {margin-left: 270px;}
.form-horizontal .form-actions {padding-left: 270px;}
.dashed {border: 1px lightsteelblue; border-style: dashed; padding: 15px; margin-bottom: 20px; position: relative;}
.dashed > p > .badge {top: -10px; position: absolute; text-align: center; margin-bottom: 15px; border-radius: 0; background: #0083F2;}
.dashed > *:last-child {margin-bottom:0;}