/**Style additionnel Laurence, à compléter**/
html {
	color: #222;font-size: 1em;line-height: 1.4;
} /**Donner ici les bons paramètres**/
body,html{
	overflow-x:hidden;
	font-family: 'Roboto', sans-serif;
	color:#222222;
	font-size: 1em;
	line-height: 1.4;}
a, a:link, a:visited{
	color:#149f75;
	transition: all 0.4s linear 0s!important;
}
a:focus,a:active{
	text-decoration:none;
	color:149f75;
}
::-moz-selection {
	background: #EFEFEF;
	color:#149f75;
	text-shadow: none;
}
::selection {
	background: #EFEFEF;
	color:#149f75;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #DEDEDE;
	margin: 1em 0;
	padding: 0;
}
*,*:before,*:after {
	box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/**Prépa pour WP - accessibilité **/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	width: auto;
	z-index: 100000;
}
/**Médias et embed (Boilerplate)**/
iframe{
	width:100%;
}
audio,canvas,iframe,img,svg,video {
	vertical-align: middle;
	margin:0;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #149f75;
	color: #FFFFFF;
	padding: 0.2em 0;
}
.clear{
	clear:left;
}
.btn{
	background: #149f75;
	color: #FFFFFF;
}
.btn:hover{
	background: #CDCDCD;
	color: #222222;
}
/**Début du code des étudiants**/
/**Navbar**/
.navbar-brand{
	font-family:'Kalam', cursive;
	color:#149f75!important;	
}
.navbar-brand a {
	color:#149f75!important;
}
.navbar-brand .glyphicon-chevron-right{
	font-size: 0.7em!important;
}
.navbar{
	box-shadow:0 4px 10px rgba (2,2,2,0.4);
}
.icones{
	position: absolute;
	top:6px; right:30px;
}
.icones  img{
	height: 25px;
	width: auto;
	margin-top: 10px;
	margin-left:10px;
	cursor: pointer;
}
.icones img:hover{
	opacity: 0.7;
}
.navbar-left .img{
	text-align: center;
	margin-left: 20%
}
.navbar-left img{
	height: 25px;
	margin-top:10px;
	text-align: center;
}
#titresection{
	color:#1b5849 !important;
}
/**Bootstrap fix**/
.col-lg-8{
	padding-left: 0px;
}
/**Page contexte**/
#page{
	margin-top: 60px;
}
#page h1{
	font-family:'Kalam', cursive;
	font-size: 4em;
	color:#149f75;
	margin-bottom: 30px;
}
#page h2{
	font-family:'Amatic SC', cursive;
	font-size: 2.7em;
	color:#FFFFFF;
	text-align:center;
}
#page h3{
	font-family:'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#1b5849;
	margin-top: 38px;
}
#page blockquote{
	font-family:'Amatic SC', cursive;
	font-size: 1.7em;
	margin-top: 30px;
	margin-bottom: 30px;
	color:#2b8b73;
	font-weight: bold;	
}
#page .texte{
	font-family:'Roboto', sans-serif;
	font-size: 1.2em;
}
/**Contexte menu fixe droite**/
#menu{	
	position:fixed;
	height:100%;
	background:#2b8b73;
	padding:25px;
	right:0;
	top:50px;
}
/**Responsive - à régler selon taille écran **/
@media (max-width: 1024px) {
	#menu{
		position:relative;
		margin: 30px 0;
		width:100%;
		height: auto;
	}
}

.btn-block{
	border-radius:8px;
	background:transparent;
	border:1px solid #FFFFFF;
	margin-top: 50px;
	margin-bottom: 70px;
	font-family:'Amatic SC', cursive, bold;
	font-size: 2em;
	color:#FFFFFF;
}
.btn-block:hover{	
	opacity:0.4;
	background:#1b5849;
	color:#FFFFFF;
}

/**Tooltips**/
.tooltip-inner {
  background-color: #1b5849;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #1b5849;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #1b5849;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #1b5849;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #1b5849;
}
 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1b5849;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #1b5849;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #1b5849;
}

/**Edito**/
#edito {
    margin: 0 auto;
    margin-top: 100px;
    float: none;
}
.header {
    border-bottom: 1px solid #CDCDCC; 
}
.header img {
    height: 50px; 
    width: auto;
    float: left;
    margin-right: 12px;
    margin-bottom: 50px;
    text-align: center;
}
.lead {
    text-align: center;
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #000000;
    margin-top: 20px;
}
#edito h1{
	font-family:'Kalam', cursive;
	font-size: 4em;
	color:#149f75;
	margin-bottom: 30px;
}
/**Pages d'erreur**/
#central {
    margin: 0 auto;
}
.erreur img {
    height: 25px; 
    width: auto;
    margin-top: 10px;
}
.erreur404 img {
    width:70%;
    height:auto;
    margin-left: 15%;
    margin-top: 50px;
}
#text-error{
	text-align:center;
}
#text-error button{
	margin-top:16px;
}