body {
	 margin: 0 auto;
	 padding: 0;
	 line-height: 1.5em;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #333333;
     background-color: white;
	 height: 100%;
}
a, a:hover, a:active, a:focus {outline:0;}
.text-blue {color: #5E6F8D;} /* couleur du titre entete */
.text-red {color:#7D1619;}
.text-yellow {color:#C48900;}
.text-bold {font-weight: bold;}
.title-dashed {border-bottom: 1px dashed #CCCCCC;padding-bottom:3px;}
.panel-grey {background-color: #F7F7F7;} /* Page MOA - Couleur du fond #EEEEEE */
.field-container {margin-bottom:5px;}
.page-header {margin: 10px auto;}
.page-header #logo {margin-top:10px;}
.page-header h3 {
	text-shadow: #BBBBBB 0px 2px 4px;
}
input[type="text"], input[type="email"], textarea {width:100%;}
input.btn {margin: 0 auto;display: block;margin-top:10px;}
.img-right {float:right;}
h3.title-border {border-bottom:2px solid #7D1619;}
.navbar-static-top {z-index:998;}
.navbar-inverse, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .page-footer {background-color: #839CB8;} /* couleur bandeau */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color:#6887A8;} /* couleur active menu  */
.navbar-inverse .navbar-nav > li > a {color:white; font-weight:bold;} /* couleur texte Menu ******#EEEEEE******  */
.navbar-inverse, .navbar-inverse .navbar-toggle {border-color:#3C4D6B;}
.navbar-inverse .navbar-brand {color:white; text-shadow: #444444 0px 1px 5px;}
.container.tabs, .container.tips, .container.accordion, .container.information, .container.introduction {margin-top:30px;}
.mtop-60 {margin-top:60px;}
.thumbnail.no-margin {margin-bottom:0;}
@media screen and (max-width: 30em) {
    .modal--fade .modal-close:before, .modal--show .modal-close:before {
      background: #5E6F8D;
  	}
}
@media screen and (max-width: 992px) {
	.mtop-60 {margin-top:10px;}
	.section {margin-bottom:10px;}
}


.tabs .nav-pills li.active a, .tabs .nav-pills li a:hover {color:#660000; background-color:#F0F0F0;}
.tabs .nav-pills li a {color:#CCCCCC; font-weight:bold;font-size:1.3em;}
.tab-container {margin-bottom: 15px;}
.navtab-container {margin-bottom: 10px;}
.tab-contentblock {display:none;padding:10px;}
.tab-contentblock.active {display:block;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.tab-contentblock h3 {font-size:2em;width:100%;padding-bottom:5px;}
.tab-contentblock ul li, .img-style li {list-style-image: url(../images/puce3.gif);}
.tab-contentblock span {color:#C48900;}
.tab-contentblock.double-title {box-shadow: #666666 0 1px 4px;background-image:linear-gradient(#EEEEEE, white);}
.tab-contentblock.double-title h3 {font-size:1.6em;}
.tab-contentblock.double-title h3.text-red {border-bottom: 1px solid #CDCDCD;margin-bottom: 0}
.tab-contentblock.double-title .tab-innercontent {border-top: 1px solid white}
.tab-contentblock.double-title .tab-innercontent h3 {margin:5px auto 0;padding-bottom: 0}
.tab-contentblock.double-title .tab-innercontent h5.subtitle {margin:2px auto 10px;font-size:1em;}

.introduction {font-size:1.2em;}
.right-navigation {font-size:11px;border:1px solid #DDDDDD;}
.right-navigation li {list-style: none;border-bottom:1px dotted #DDDDDD;margin-bottom: 5px;line-height: 20px}
.right-navigation li:hover {list-style: disc url(../images/loupe.png);}
.right-navigation li a {color:#3F5B7F;}
.right-navigation li:hover a {color:#C48900;text-decoration: none;font-weight: bold;}
.panel {margin-bottom: 2px; border:1px solid #6887A8;}
.panel h3 {cursor:pointer;font-weight:bold}
.panel h6 {font-weight:bold; color:#8B211D}
.panel.active .panel-heading {background-color:#6887A8; border:1px solid white } /* Démonstration-Audit : couleur entete du panel actif */
.panel .panel-heading {background-color:#A2B5CA;} /* Démonstration-Audit : couleur entete du panel Non actif */
.panel.active h3 {font-weight:bold; color:white}
.panel.active .panel-content {display:block;}
.panel-content {display:none;}
.panel-content, .panel-info, .panel-content div {background:#F7F7F7;} /* Couleur de fonds du Panel */
video {margin: auto;position: relative;display:block;max-width: 100%}
.text-container {padding: 10px 5px 20px;}
.message-container {margin: 15px auto;display:none;}
.page-footer {
	color:#FFFFFF;
	margin-top:50px;
}

.page-footer h3 {
	font-size: 14px;
	font-weight: bold;
}

.page-footer .footerlinks {
	padding: 0;
}

.page-footer .footerlinks li {
	list-style: none;
	padding: 2px 0;
}

.page-footer a {
	color:#FFFFFF;
}

.page-footer a:hover {
	color:#981919;
	text-decoration: none;
}

.page-footer .footer-nav {
	padding: 0;
	float:right;
	display:inline;
}

.page-footer .footer-nav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-footer .footer-nav li:after {
	margin: 0 5px;
	content : "|";
}

.page-footer .footer-nav li:last-child:after {
	margin: 0;
	content : "";
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}