/***************************************************************************
CSS COMMUN
***************************************************************************/
html{
	font-size:16px;
}
body{
	font-family: arial, sans-serif;
	font-size:100%;
}
.bouton-acceder{
	margin: 20px 0;
}
figure.pull-left{
	margin:0 10px 6px 0;
}
figure.pull-right{
	margin:0 0 6px 10px ;
}
figure img{
	width:100%;
}
figcaption{
	color:#aaa;
	font-size:0.8rem;
	font-style:italic;
	text-align: center;
}
/***************************************************************************
FIN CSS COMMUN
***************************************************************************/
/***************************************************************************
WRAPPER HEADER
***************************************************************************/
.wrapper-header {
	background:#23A0E3;
	padding:15px 0;
}
.wrapper-header p{
	font-family: 'Maven Pro', sans-serif;
    font-size: 2rem;
    font-weight: bold;
	line-height: 0.9;
	margin:0;
	text-shadow: 0 0 4px #000;
}
.wrapper-header p a{
	color: #fff;
}
.wrapper-header p.name-site span{
	font-size: 1.4em;
}
.wrapper-header p.name-site a:hover{
	text-decoration:none;
}
.wrapper-header .logo{
	border-radius: 50%;
    box-shadow: 0 0 2px #000;
    float: left;
    margin: 0 10px 0 0;
    width: 70px;
}
.wrapper-header p.connexion{
	font-size: 1rem;
    padding: 20px 0 0;
}
.wrapper-header p.connexion span{
	text-shadow: 0 0 4px #fff;
}
/***************************************************************************
FIN WRAPPER HEADER
***************************************************************************/

/***************************************************************************
WRAPPER NAV
***************************************************************************/
.wrapper-nav{
	background:#0992db;
	border-bottom:1px solid #31a7e5;
	border-top:1px solid #0a5f8a;
	box-shadow:0 1px 1px #41ace5 inset;
	font-family:arial;
	padding:10px 0;
}
.wrapper-nav .navbar{
	margin:0;
}
.wrapper-nav .navbar-inverse {
    background:none;
    border:0;
}
.wrapper-nav .navbar-nav {
    float: none;
    margin: 0;
    text-align: center;
}
.wrapper-nav .navbar-nav > li {
    display: inline-block;
	float:none;
}
.wrapper-nav .navbar-inverse .navbar-nav > li > a {
	border-radius:5px;
    color: #fff;
}
.wrapper-nav .navbar-inverse .navbar-nav > .active > a, 
.wrapper-nav .navbar-inverse .navbar-nav > .active > a:focus, 
.wrapper-nav .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #002538;
    color: #fff;
}
.wrapper-nav .navbar-inverse .navbar-nav > li > a:focus, 
.wrapper-nav .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #23A0E3;
	text-decoration:underline;
}
/***************************************************************************
FIN WRAPPER NAV
***************************************************************************/
/***************************************************************************
WRAPPER JUMBOTRON
***************************************************************************/
.wrapper-jumbotron .jumbotron{
	margin: 20px 0 0;
}
.wrapper-jumbotron .btn-lg{
	padding: 20px 16px;
}
.wrapper-jumbotron .bouton-acceder{
	margin: 40px 0 15px;
}
/***************************************************************************
WRAPPER JUMBOTRON
***************************************************************************/
/***************************************************************************
WRAPPER BODY
***************************************************************************/
.wrapper-body .thumbnail{
	padding:10px;
}
.wrapper-body .thumbnail span{	color:#0992DB;
}
.wrapper-body .thumbnail h2{
	margin-bottom: 20px;
}
/***************************************************************************
FIN WRAPPER BODY
***************************************************************************//***************************************************************************WRAPPER ShareCode***************************************************************************/.sharecode-presentation{	margin-top:25px;	position:relative;}.sharecode-img{	max-width: 100%;}.sharecode-img2{	position: absolute;	left: 34px;	top: 196px;	width: 281px;}.sharecode-img3{	position: absolute;	right: 268px;	top: 196px;	width: 281px;}/***************************************************************************FIN WRAPPER ShareCode***************************************************************************/