@import "header.css";
@import "content.css";
@import "footer.css";

*
{
margin:0;
padding:0;
}

html,
body
{
width:100%;
height:100%;
overflow:auto;
}

#umvf-layout
{
width:100%;
height:100%;
}

#umvf-layout>#umvf-layout-pane-north
{
padding:10px;
}

#umvf-layout>#umvf-layout-pane-west
{
padding:10px;
overflow:auto;
}

#umvf-layout>#umvf-layout-pane-center
{
overflow:auto;
}

#umvf-layout>#umvf-layout-pane-south
{
padding:10px;
}

sub{position:relative;bottom:-0.25em;font-size:75%;vertical-align:baseline;line-height:0;}
sup{position:relative;top:-0.5em;font-size:75%;vertical-align:baseline;line-height:0;}

img
{
border:0;
}

ul,
ol
{
margin:0;
margin-bottom:20px;
padding-left:20px;
}

ul ul,
ul ol,
ol ol,
ol ul
{
	margin-bottom:0;
}

p
{
margin-bottom:20px;
text-align:justify;
}

body
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color:#000;
background-color:#fff;
}

div,
h6,
a
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

textarea
{
margin:0 0 20px 0;
width:100%;
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box;
}

/***/

.bloc
{
margin:0 0 20px 0;
}

.bloc-title
{
margin:0 0 20px 0;
padding:4px 10px;
font-weight:bold;
color:#000;
font-size:14px;
background-color:#c2d3e6;
}

.bloc-content
{
margin:10px 0 20px 0;
padding:20px;
background-color:#b8c0d1;
}

.bloc-content *:last-child
{
margin-bottom:0;
}

.bloc-title,
.bloc-content
{
-moz-box-shadow:2px 2px 4px #c2c2c2;
-webkit-box-shadow:2px 2px 4px #c2c2c2;
box-shadow:2px 2px 4px #c2c2c2;
}

/***/

#objectifs,
#prerequis,
#points-essentiels
{
margin-top:15px;
}

#prerequis #pre-requis a
{
text-decoration:none;
}

#prerequis #pre-requis a:hover
{
font-weight:bold;
color:#647CD2;
}

/***/

a.tooltip
{
text-decoration:none;
}

a.tooltip span.mot
{
position:relative;
cursor:help;
color:#2758a8;
font-weight:bold;
}
 
a.tooltip span.mot span.information
{
display:none;
font-weight:normal;
}
 
a.tooltip span.mot:hover span.information
{
display:block;
position:absolute;
top:1.3em;
left:-3.5em;
z-index:100;
width:300px;
line-height:1.2em;
color:#fff;
font-size:11px;
background-color:#1a2352;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

a.tooltip span.information span.information-title
{
display:block;
margin:4px;
color:#fff;
font-size:1.1em;
font-style:normal;
background-color:#1a2352;
}

a.tooltip span.information span.information-content
{
display:block;
margin:4px;
}

/***/

a.retour_cours
{
float:right;
margin:0 0 0 40px;
color:#2e74ba;
text-align:right;
text-decoration:none;
}

a.retour_cours:hover
{
color:#647CD2;
}

/***/

img.logo-college
{
	width:130px;
	height:auto;
}

#bloc-objectifs h3+ul,
#bloc-objectifs h3+ol
{
	margin-top:20px;
}

#pre-requis p,
#bloc-objectifs p
{
	margin-bottom:0;
}

/* media thumbnail */

.media-thumbnail
{
	margin:20px auto 10px;
	oveflow:hidden;
}

.media-thumbnail *
{
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.media-thumbnail>a
{
	display:block;
}

.media-thumbnail>a>img
{
	max-width:100%;
	height:auto;
	padding:4px;
	border:1px solid #ddd;
	background-color:#fff;
	box-shadow:0 1px 2px rgba( 0, 0, 0, 0.1 );
	border-radius:4px;
}

.media-thumbnail+.media-legende
{
	display:block;
	margin:0 auto;
	padding-bottom:9px;
	border-bottom:1px solid #ddd;
	font-size:90%;
	font-style:italic;
	text-align:center;
	color:#666;
}

.media-thumbnail,
.media-thumbnail+.media-legende
{
	width:35%;
}

.media-thumbnail--large,
.media-thumbnail--large+.media-legende
{
	width:80% !important;
}