﻿@import url(https://fonts.googleapis.com/css?family=Oswald%3A400);
/*
@media(min-width:768px) {.container { max-width:750px;}}
@media(min-width:992px) {.container { max-width:970px;}}
@media(min-width:1200px) {.container { max-width:1170px;}}*/

@media(min-width:768px) {
	.navbar-right .dropdown-menu {
	right:0;
	left:auto;
	}
}
@media(max-width:768px) {
	#opener { background:url('/msha/css/images/fond-bleu_mobile.jpg'); 	}
/*	body {   line-height:0;}*/
}


[data-toggle="buttons"]>.btn>input[type="radio"], [data-toggle="buttons"]>.btn>input[type="checkbox"] {display:none}

#header-bg {
	/*background-color: #dde6ff;*/ /*dde6ff*/
	position: absolute;
	top:-18px;
	left:0;
	width: 100%;
	z-index: -10;
	background:url('/msha/css/images/fond-bleu.jpg');
	background-repeat: no-repeat;
    background-size: 100% 100%;
	}
	
#opener {
	z-index: 1000;
	position: relative;
	margin-left:0;
	width: 100%;
	
}
#opener .brand {
	font-size:0;
	color:#a2151f;
	display: block;
	width: 100%;
	height:100px;
	position: relative;
	top:2px;
	box-shadow: none;
/*	border:#CCC solid 1px;*/
}

#opener .brand:before {
	content: "";
	background: url("/msha/css/images/logo_msha_mobile.png") center center no-repeat;
	position: absolute;
	/*top:0;*/
	width:100%;
	height:100%;
	display: block;
/*	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);*/
}
#site-heading {
/*	background-color:red;*/
	font-family: Oswald, sans-serif !important;
	font-weight:bold;
	color:#F60;
	text-shadow: 1px 2px 3px rgba(0,0,0, 1);
	text-align:center;
	width:100%;
	white-space: nowrap;
	margin-top:4px;
	margin-bottom:10px;
	top: 0px;
	/*font-size: 23px;font-size: 3.5vmin;*/
	}

@media (min-width: 768px) {
	.container {
	 padding-right: 0px;
	 padding-left: 0px;
	}
	#opener {
		z-index: 1000;
		position: relative;
		margin-left: -6px;
		margin-bottom: 120px;
	}
	#header-bg {
	 height:200px;
	}
	#site-heading {
		/*background-color:green;*/
		position: absolute;
		/*left: 200px;*/
		text-align:left;	
		width:500px;
		white-space:normal;
		margin-top:40px;
		margin-left: 200px;
		font-size: 36px;
		font-size: 4vmin;
		}
	#search-stack {
		position:absolute;
		top:8px;
		right:20px;
		margin:0; padding:0;
	}
	#opener .brand {
		background: url("/msha/css/images/logo_msha.png") no-repeat 0 0;
		display: block;
		width: 140px;
		height: 140px;
		position: absolute;
		background-color:#fff;
		left:12px;
		top:0px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .8);
		padding: 0;
		margin-left: 10px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		z-index: 20;
	}
	#opener .brand:before {display: none;}
	#opener .panier {
		width: auto;
		height: auto;
		position: absolute;
		right:20px;
		top:90px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	 #site-heading {width:40%}
}
@media screen and (min-width: 1500px) {
	 #site-heading {width:auto;font-size: 3.2em; margin-top:50px}
}
@media screen and (min-width: 1700px) {
	#site-heading {font-size: 4em;}
}

.navbar {
	z-index: 9;
	background-color: #fff;
	-webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0px 7px rgba(0, 0, 0, .3);
	box-shadow: 0 0px 7px rgba(0, 0, 0, .3);
	border-radius: 0;
}

@media (min-width: 768px) {
	 .navbar {
	/* margin-top:24px;*/
	}
	 .navbar-collapse, .navbar-collapse.collapse {
	 background-color: #fff;
	 top:48px;
	}
	 .navbar .btn-navbar {
	 position: relative;
	 left: 45%;
	}
	 .navbar .btn-navbar:hover, .navbar .btn-navbar:focus {
	 color: #af0001;
	}
}

@media (min-width: 992px) {}
@media (min-width: 1200px) {
	 .navbar .nav > li > a {
	 padding:0 8px;
	}
	 .navbar .nav > li {
	 line-height: 53px;
	}
}

titre h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 24px;
	font-size: 3vmin;
	color:#666;
	font-family: Oswald, sans-serif;
	/*margin-bottom: 25px;*/
	display: table;
	white-space: nowrap;
	padding-top: 10px;
	margin:0;
	padding-bottom:24px;
}
titre h1:before, titre h1:after {
	content: "";
	display: table-cell;
	width: 49%;
/*	background-size: 82% 2px;*/
	background: url(data:image/gif;base64,R0lGODdhAQABAIgAAEqMMQAAACwAAAAAAQABAAACAkQBADs=) repeat-x left center;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#fefefe));
	background: -webkit-linear-gradient(#ccc, #fefefe) no-repeat center;
	background: -moz-linear-gradient(#ccc, #fefefe) no-repeat center / 82% 2px;
	background: -o-linear-gradient(#ccc, #fefefe no-repeat center);
	background: linear-gradient(#ccc, #fefefe) no-repeat center / 82% 2px;
}

h5 { padding-top:1em; font-weight:bold }

@media(max-width:767px) {
	titre h1 {
		font-size: 1.2em;
		font-size: 4vmin;
		}
	#site-heading {
		font-size: 24px;
		font-size: 3.5vmin;
		}	
	#opener .panier { float:right; margin-bottom:8px}
	}

@media(min-width:992px) {}
@media(min-width:1200px) {}

#titre-footer {
	padding-top:10px;
	padding-bottom:10px;
}
#titre-footer .nav {
	margin-bottom: 0;
}
#titre-footer .nav-pills > li > a {
	padding-right: 10px;
	padding-left: 10px;	
	outline:none;
	text-shadow:none;
}

.mshaAdresse {font-size: 20px; font-size: 2.3vmin;}

.socialMedia {
	display:none;
}
.social-media-prefooter a i[class*="icon-"], .social-media-prefooter a i[class*="fa-"] {
 text-decoration: none;
 font-size: 120%;
 display: inline-block;
 width: 20px;
}
.social-media-prefooter a i[class*="icon-"]:hover, .social-media-prefooter a i[class*="fa-"]:hover {
 text-shadow: 0 0 2px rgba( 0, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
	div[id*="pre-footer-cell-"] {
	padding-bottom: 20px;
	}
}
.vertical-divide {
	margin:0;
}
.vertical-divide a:link, .vertical-divide a, .vertical-divide a:focus {
	color:#fff;
}
footer {
	background-color: #424242;
	color:#fff;
	text-shadow: 0 1px 0 #000;
	font-weight: 300;
	padding-bottom: 15px;
	display:block;
	background-image: -webkit-linear-gradient(top, #3379b6 0%, #265a88 100%);
	background-image: -o-linear-gradient(top, #3379b6 0%, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3379b6), to(#265a88));
	background-image: linear-gradient(to bottom, #3379b6 0%, #265a88 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}

footer .footer-buttons .btn-large {
	display: block;
	max-width: 220px;
}
footer h4 {
	margin-top:2em;
}
footer address a:link {
	color:#fff;
}
#footer-logo {
	margin-top:1em;
	margin-bottom: .5em;
}

#footer-logo a {
	color:#fff;
	text-shadow: 0 1px 0 #000;
}

#footer-logo a:hover {
	text-shadow:0 0 10px #fc0, 
			0 0 20px #fc0,
			0 0 30px #fc0, 
			0 0 40px #f60,
			0 0 70px #f60,
			0 0 80px #f60,
			0 0 100px #f60;
	text-decoration:none;
}


#footer-global-links {
	text-transform: uppercase;
	display: inline-block;
	list-style: none;
	margin:0;
}
#footer-global-links li {
	display: inline-block;
	float: left;
	margin-right: 2em;
}
#footer-global-links li a {
	color:#fff;
	text-shadow: 0 1px 0 #000;
}


#footer-global-links li a:hover,
footer .nav > li > a:hover {
	color:#fff;
	background:  none;
	text-shadow:0 0 10px #fc0, 
				0 0 20px #fc0,
				0 0 30px #fc0, 
				0 0 40px #f60,
				0 0 70px #f60,
				0 0 80px #f60,
				0 0 100px #f60;
	text-decoration:none;
}
footer a:hover i {
	text-decoration: none;
}
footer .nav a, footer h3, footer h4 {
	color:#fff;
}
footer h4 {
	margin-top:0;
}
footer hr {
	box-shadow:0 0 2px rgba(220, 220, 220, .2);
	border-top: 1px solid #333;
	border-bottom: none;
	clear: both;
}
footer address {
	margin-bottom: 10px;
}
footer a, footer a:link {
	color: #fff;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}
footer .footer-events ul, footer .footer-news ul {
	list-style: none;
	margin-left:0;
	padding-left: 0;
}
footer .footer-events ul li, footer .footer-news ul li {
	margin-bottom: 1em;
}
footer .footer-events ul li a, footer .footer-news ul li a {
	color:#fff;
}
footer .footer-buttons a:visited, footer .footer-buttons a:link {
	color:#333;
}
footer .footer-buttons .btn {
	border-radius: 0;
	margin-bottom: 10px;
	display: block;
	width:100%;
	text-align: left;
}
footer .footer-buttons .btn:hover strong, footer .footer-buttons .btn:hover i {
	color:#AF0001;
}
footer .icon-map-marker {
	margin-bottom: 30px;
	font-size: 1.000em;
}
footer .centered-nav {
	text-align: center;
}
footer .centered-nav li {
	display: inline;
	padding:5px 10px;
}
footer .centered-nav li a:hover {
	color:#fff;
}
footer .vertical-divide li a:after {
	content: "";
	border-right:1px solid #6e6e6e;
	font-size: 0.682em;
	color:#6e6e6e;
	position: relative;
	left:12px;
	text-decoration: none;
}
footer .vertical-divide li:last-child a:after {
	content: "";
	border-right:none;
}
footer #social-stack {
	margin-right:0;
	margin-bottom:20px;
}

footer #social-stack li {
	display: inline-block;
	margin-left:15px;
	padding:0;
}
footer #social-stack li a {
	font-size: 1.000em;
	padding:0;
	text-shadow: none;
	
	color:#fff;
	text-shadow: 0 1px 0 #000;
}

footer #social-stack li i:hover {
	text-shadow:0 0 4px #fff;
	text-shadow:0 0 10px #fc0, 
			0 0 20px #fc0,
			0 0 30px #fc0, 
			0 0 40px #f60,
			0 0 70px #f60,
			0 0 80px #f60,
			0 0 100px #f60;
}


@media (min-width: 768px) {
	.btn-lg {font-size:0.545em;}
}
@media (min-width: 992px) {
	.btn-lg {font-size:0.818em;}
}

@media print {
	.navbar,  .navbar-wrapper, .breadcrumb,  #titre-footer,   footer,  #header-bg {
		display: none;
	}
	#main-content {
		margin-top:30px; 
	}
	titre > img {
		max-width: 20%;
		float:left;
		margin-right:25px;
	}
	.masqueImp {display:none;}
}


.bdc { /*background-color:#FFF;*/ margin:0; padding:0}



body, .wpage
{
background:ffffff;
text-align:left;
font-family:Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
font-size:10pt;
overflow: auto;
} 




.col-sm-20,.col-sm-21 { margin: 0px 15px 0px 15px;}
.col-sm-22 {margin: 8px 0px 0px 0px;} 

@media (min-width: 768px) {
	.col-sm-20 {margin: 16px 8px 0px 15px;}
	.col-sm-21 {margin: 16px 15px 0px 8px;}
	.col-sm-22 {margin: 10px 0px 0px 0px;} 
	}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

a{
	color: #f00;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #000;
	text-decoration: none;
	text-shadow:0 0 10px #fc0;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
body {	background-color:#dde6ff;	}



.box {
	position: relative;
	/*border:#d0d0d0 solid 1px;*/
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
	/*border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;*/
}

.box:after {
      position: absolute;
      width: 80%;
      height: 40%;
      left: 10%;
/*      border-radius: 10%;*/
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 7px 16px rgba(0,0,0,0.4);
      }
	  
	  

.text-rounded {border-radius: 6px; padding: 8px; border: 1px solid #ddd;}
.text-center {text-align:center}

.rounded {border-radius: 6px; padding: 8px; border: 1px solid #ddd; margin-right:8px; margin-bottom:8px;}

#actualite {
	text-transform: uppercase;
	display: inline-block;
	list-style: none;
	margin:0;
	line-height:250%;
}
#actualite li {
	margin-left: 2em;
}
#actualite li a {
	color: #1874b0;
	text-shadow: 0 1px 0 #c0c0c0;
}
#actualite .fa-newspaper-o {
  	color:#0d2d51; /*004d85;*/
}

#actualite .lien {
	margin-left: 1.5em;
}

#actualite li a:hover {
	color:#000;
	text-shadow:0 0 10px #fc0, 
			0 0 20px #fc0,
			0 0 30px #fc0, 
			0 0 40px #f60,
			0 0 70px #f60;
	}
	
.grayscale:hover {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	}

#partenaire a:first-child
	{
	margin-left: 0px;
	}
#partenaire a
	{
	margin-left: 20px;
	}
#partenaire img {
	padding-top:4px;
	padding-bottom: 4px;
	}
#partenaire img:hover {
	filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
	}


.titre_menu {  font-size: 0.5rem; margin:0;/*font-family: 'Gabriela', serif;*/}
.titre_header {  font-size: .82rem; margin:0;}


.soustitre  {
	width:100%;
	text-align:center;
	margin-bottom:24px;
	}
.soustitre br { display:none;}

.soustitre1 span{
	color: #00c;
	width:auto;
	padding-bottom:6px;
	font-variant : small-caps;
	background-position: bottom center;
	background-image: url('/msha/css/images/ombre.png');
	background-repeat: no-repeat;
    background-size: 70% 4px;
}


@media (min-width: 768px) {	.soustitre  span{ font-size:18px} }
@media (min-width: 992px) {	.soustitre  span{font-size:18px; }}
@media (min-width: 1200px) {}


.soustitre span
	{
	color:#00f;
	font-variant : small-caps;
	/*text-decoration:none;*/
	padding-bottom:6px;
	background-size: 100% 2px;
	-moz-background-size: 100% 2px;
	background-repeat: no-repeat;
	background-position: 0 90%;
	
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ff0000), color-stop(100%,#ffffff));
	background-image: -webkit-linear-gradient(left, #ffffff 0%,#666 50%,#ffffff 100%); 
	background-image: -moz-linear-gradient(left, #ffffff 0%, #666 50%, #ffffff 100%);
	background-image: -ms-linear-gradient(left, #ffffff 0%,#666 50%,#ffffff 100%);
	background-image: -o-linear-gradient(left, #ffffff 0%,#666 50%,#ffffff 100%);
	background-image: linear-gradient(left, #ffffff 0%,#666 50%,#ffffff 100%);
	}
	
/*.soustitre br {display: none;}*/
	
hr.carved {
	margin-top: 0px;
    width: 80%;
    border: 0;
    border-top: solid 1px #c1c1c1;
    height: 1px;
    background: #333;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, hsla(0, 0%, 75%, 0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%, hsla(0, 0%, 75%, 0)));
    background: -webkit-linear-gradient(90deg, hsla(0, 0%, 75%, 0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0, 0%, 75%, 0) 100%);
    background:    -moz-linear-gradient(90deg, hsla(0, 0%, 75%, 0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0, 0%, 75%, 0) 100%);
    background:     -ms-linear-gradient(90deg, hsla(0, 0%, 75%, 0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0, 0%, 75%, 0) 100%);
    background:      -o-linear-gradient(90deg, hsla(0, 0%, 75%, 0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0, 0%, 75%, 0) 100%);
    background:         linear-gradient(90deg, hsla(0, 0%, 75%, 0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0, 0%, 75%, 0) 100%);
}

@media(max-width:768px) {
	hr.carved {	margin-top: 8px; }
}

.noir  {
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	width: 100%;
	text-align: center;
   
}
.noir span:before, .noir span:after {
/*	border: solid 1px white;*/
	border:none;
	padding: 0px;
	margin: 0px 0px 0 0;
	content: url(images/ligne.png);
	display: table-cell;
	position:relative; 
	top:-4px;
	width: 80%;	
}

.service {color:#004d85;font-weight:bold;}
.nom {color:#666;font-weight:bold;}


.tableau_resau
{
	border-collapse:collapse;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.tableau_resau th, .tableau_resau  td
{
	border: 1px solid gray;
	height: 24px;
	padding:4px;
	vertical-align:middle;
}
.tableau_resau th
{
	font-weight:bold;
	text-align:center;
	background-color:#548cb6;
	height: 36px;
	color:#FFF;
	text-shadow: 0 1px 0 #000;
}
.tableau_resau a
{
	color:#004d85;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.projet .porteurs {	margin-left:40px;}

.titre_projet { color: #666; font-weight:bold}

.humanite {  color: #666; font-weight:bold; font-size:large}

#liste_site { text-align:center;}

.site{ 
vertical-align:middle; /* On aligne les elements au milieu */
display:inline-block;/* On le remplace au float:left; */
overflow: hidden; 
position: relative;
text-align:center;
margin-left:16px;
margin-bottom:32px;


}
.site .image{  border: solid 1px #40b2d6;  }
.marge40 {margin:40px;}

@media(max-width:768px) {
	.marge40 {margin:8px;}
	.site{ margin-bottom:16px;}
}

.annonce a{
	text-transform: uppercase;
	display: inline-block;
	margin:0;
	line-height:250%;
	margin-left: 2em;
	margin-bottom:.4em;
	color: #1874b0;
	text-shadow: 0 1px 0 #c0c0c0;
	font-size:small;
}
.annonce a:hover {
	color:#000;
	text-shadow:0 0 10px #fc0, 
			0 0 20px #fc0,
			0 0 30px #fc0, 
			0 0 40px #f60,
			0 0 70px #f60;
	}

.annuaire { border: #40b2d6 solid 1px; margin-bottom:16px; padding:8px;box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;}
.annuaire .nom_annu { }

.annuaire .nom{
	border-bottom:#40b2d6 solid 1px;
	position:relative;
	left: -10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	}

.annuaire .nom:before{	
	padding: 0px;
	margin: 0px;
	content: ""; 
	display: table-cell;
	position:relative;
	}
	
.annuaire .paraf{ padding-top:8px;padding-left:40px; line-height:200%}

.block { line-height:2.5em; display:inline-block;}	
.block .titre { font-weight:bold; }

.table tbody>tr>td.vert-align{ vertical-align: middle;}
.table tbody>tr>td.hori-align{	text-align:center; }
.table th.entete
{
	font-weight:bold;
	text-align:center;
	background-color:#548cb6;
	height: 36px;
	color:#FFF;
	text-shadow: 0 1px 0 #000;
}

#liste_these { text-align:center;}

.these{ 
vertical-align:middle; /* On aligne les elements au milieu */
display:inline-block;/* On le remplace au float:left; */
overflow: hidden; 
position: relative;
text-align:left;
margin-left:16px;
margin-bottom:32px;
padding:24px;
border: #CCC solid 1px;
border-radius: 8px;
}

.marge8 { margin-top:15px; margin-bottom:15px; }

.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 60px;
  
}
@media(max-width:768px) {
.marge8 { margin-top:0; margin-bottom:8px; }
}

.bloc { text-align:center}
.bloc span {  vertical-align: middle; }
.bloc .valign {
  height: 100%;
  display: inline-block;
  *display: inline; zoom: 1; /* inline-block pour IE6 */
}

.bloc .balign {position:absolute;bottom:0px; right:8px }

iframe {
    display:block;
    width:90%;    /* as desired */
    height:70vh;    /* as desired */
    border:none;
    margin:0px auto
}

.content {
    width: 100%;
    height: 100%;
    margin: 0px auto;
}
.embed-container {
    height: 100vh;
    width: 100%;
    padding-bottom: 50%;
    position: relative;
}
.embed-container iframe {
    min-width: 100%;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bleu {color:#1874b0;}

.titreCadre {
text-align:center;
	color:#1874b0;
	margin: 3px 0 2px;
	padding: 4px;
	font: normal 120%/100% "Lucida Grande", Arial, sans-serif;
	}
	
.paragraphe {
	text-align:justify;
	text-indent:40px;  
	margin-left:10px;
	margin-right:10px;
	}

.paraliste {
	text-align:justify;
	line-height: 140%;
	}
	
.deca30px { padding-left:30px; margin-right:40px;}

 @media(max-width:768px) {
.paragraphe { margin-left:0px;
	 margin-right:0px; }
.deca30px { padding-left:0;margin-right:4px;}
}

a:focus
	{
	outline:none;
	text-shadow:none;
	color:#F00;
	} 
	
.web {
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	}

.titre_col {
	text-align: center;
	font-size: 17px;
	font-size: 2vmin;
	color:#000;
	font-family: Oswald, sans-serif;
	margin:0; padding:0;
	margin-bottom:8px;
}

#playlist li {list-style:none; margin-bottom:16px; margin-left:-40px;}
#ContainerPlaylist { overflow:auto; height:480px;}
@media(max-width:768px) {
	#ContainerPlaylist { height:auto;}
}
#audio {width:100%}

.boite {box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1); padding:0px; margin:16px; text-align:center}
.shadow {box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1); padding: 8px;}
.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
.row-no-padding {
  margin-left: 0;
  margin-right: 0;
  [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 992px) {.boite {margin:6px; margin-bottom:10px;}}


/* pour annuaire ldap par A.D. */
/* min-width: défaut semble 480px */

@media (min-width: 768px) {
    .nom_annu { font-size: 1em; }
}

@media (min-width: 992px) {
    .nom_annu { font-size: 2em;  }
}

@media (min-width: 1200px) {}

/*
fieldset.scheduler-border {
	padding-top:20px;
	border:1px solid #c0c0c0;
	border-radius:8px;
	margin-top:4px;
	margin-bottom:8px;

}

legend.scheduler-border {
	float:left;
	margin-top:-20px;
	padding-left:8px;
	font-size: 10pt;
	font-weight:bold;
	font-style:italic;
}
legend.scheduler-border + * {
clear:both;
}
*/


legend.scheduler-border {
	font-size: 10pt;
	font-weight:bold;
	font-style:italic;
}

.bottom-right
    {
    right: 0;
    bottom: 0;
    position: absolute;
	padding:8px;
    }
	
.isa {
	padding: 6px;
	clear: both;
	overflow: hidden;
	box-shadow:0 4px 10px 0 rgba(0, 0, 0, .2);	
	margin-bottom:24px;
	position: relative;
}
.isa:hover {
	-webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
.isa_paragraphe {
	text-align:justify; 
	margin:10px;
/*	font-size: 16px;
	font-size: 1.7vmin;*/
	}
.bold { font-weight:bold}
.m90 {
	margin:auto;
	width:90%;
	text-align:center
	}