@charset "utf-8";
/* CSS Document */
header{
	background-color:#000;
	color:#DDD;
	}
header.navbar{
	min-height:auto;
	margin-bottom:0;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	-moz-box-shadow:    0 2px 5px rgba(0,0,0,0.26);
	box-shadow:         0 2px 5px rgba(0,0,0,0.26);
	z-index:1100;
	}
header h2{
	margin-top:10px;
	font-size:18px;
	}
header h3{	
	margin-top:10px;
	font-size:18px;
	}
header h3 a{
	color:#DDD;
	}
header h3 a:hover{
	color:#FFF;
	text-decoration:none;
	}
.studio-web-header{
	margin-bottom:0;
	background: #80CBC4 url(../images/pictos-web.png);
	position:relative;
	z-index:1099;
	}
.studio-web-header h1{
	color:#FFF;
	font-size:64px;
	font-family: 'Bree Serif', serif;
	}
.grands-liens{
	padding-top:10px;
	padding-bottom:30px;
	position:relative;
	z-index:1099;
	background-color:#FFF;
	margin-bottom:50px;
	}
.grands-liens a{
	color:#009688;
	}
.grands-liens .col-lg-3{
	text-align:center;
	}
.jumbotron h2{
	color:#FFF;
	font-size:64px;
	font-family: 'Bree Serif', serif;
	}
#cours{}
#cours .jumbotron{
	margin-bottom:0;
	background: #AED581 url(../images/pictos-cours.png);
	}
#portfolio .jumbotron{
	margin-bottom:0;
	background: #FFD54F url(../images/pictos-portfolio.png);
	}
#lexique .jumbotron{
	margin-bottom:0;
	background: #795548 url(../images/pictos-portfolio.png);
	}
#section-ti .jumbotron{
	margin-bottom:0;
	background: #FF8A65 url(../images/pictos-ti.png);
	}
#objectif .jumbotron{
	margin-bottom:0;
	background: #E57373 url(../images/pictos-objectif.png);
	}
.pictos{
	margin-top:20px;
	}
.institut{}
.institut a{
	color:#FFF;
	text-decoration:none;
	}
.institut a:hover{
	color:#FFF;
	text-decoration:none;
	}
.jumbotron .institut h2{
    font-size: 46px;
    margin: 0;
	}
.institut h3{
	font-size:21px;
	margin:0;
	color:#FFF;
	}
.institut h4{
	margin:3px 0;
	font-size:15px;
	}
article{
	margin:30px;
	color:#757575;
	}
article h4{
    font-size: 24px;
    margin-bottom: 20px;
	}
article strong{
	    color: #424242;
    font-weight: normal;
	}
article h5{
	color:#424242;
	font-size:16px;
	}
article h6{
	color:#424242;
	}
article p{}
.pdf{}
ul.nav-lexique{
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
	}
ul.nav-lexique li{
	margin:0;
	padding:0;
	}
.lexique-style{}
.lexique-style p{
	text-align:justify;
	}
.lexique-style h3{
	font-size:64px;
	font-family: 'Bree Serif', serif;
	}
article .lexique-style h4{
	margin:20px 0 4px 0;
	}
.lexique-style li{
	text-align:justify;
	}
.doc{
	position: relative;
    padding-left: 36px;
	}
.doc .doc-picto{
	background:url(../images/doc.png);
	display: block;
    width: 23px;
    height: 40px;
	position:absolute;
	left:0;
	}
.doc .vid-picto{
	background:url(../images/vid.png);
	display: block;
    width: 23px;
    height: 40px;
	position:absolute;
	left:0;
	}
.doc:hover .doc-picto{
	}
.doc a{}
.doc a:hover{
	text-decoration:none;
	}
.doc h2{
	 margin: 0;
    font-size: 22px;
    font-weight: bold;
    color: #BDBDBD;
	}
.doc h3{
	margin:0;
	font-size:18px;
	color:#757575;
	}
.doc p{
	font-style:italic;
	color:#757575;
	}
.doc a:hover h2{
	color:#BDBDBD;
	}
.doc a:hover h3{
color:#1565C0;
	}
.doc a:hover p{
	color:#757575;
}
#cours .col-md-4{
	border-bottom:1px dotted #CCC;
	padding:20px 0 0px 0;
	flex: 1 1 33.333333%;
	}
.container{
	display: flex;
    flex-wrap: wrap;
}