/* Feuille de styles pour la page d'accueil avec le menu des exercices et pour la page des exercices */
@font-face {
	font-family: 'CorbelMac';
	src: url('../fonts/Corbel.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight:normal;
	font-style:normal;
	font-variant:normal;  
}

@font-face {
	font-family: 'CorbelMac';
	src: url('../fonts/Corbel_Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight:bold;
}

@font-face {
	font-family: 'CorbelMac';
	src: url('../fonts/Corbel_Italic.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-style:italic;
}

@font-face {
	font-family: 'CorbelMac';
	src: url('../fonts/Corbel_Bold_Italic.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-style:italic;
	font-weight:bold;
}

body {
	margin: 0;
	padding: 0;
	height:100%;
	position: relative;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #1f7689;
	background-image : url('../img/conteneur/degrade_v.png');
	background-repeat: repeat-x;
}

div#wrapper_conteneur {
	background-image: url('../img/conteneur/bg_bulles.jpg');
	background-repeat: no-repeat;
	width: 1260px;
	height: 935px;
	margin: 0 auto;
}

div.ltIE10 {
	background-image: url('../img/conteneur/degrade_accueil.jpg');
	background-repeat: repeat-x;
}

/*
header, div#header {
	margin: 0 auto;
	padding: 0;
	width: 700px;
}
*/

footer, div#footer {
	height: 70px;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top right;
}

footer p, div#footer p {
	color: #ffffff;
	font-size: 16px;
	margin: 0;
	padding-top: 15px;
	float: left;
}

footer img, div#footer img {
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	border: none;
}

p#initiative {
	padding-left: 110px;
}

.ltIE9 h1 span {
	filter: dropshadow(color=#1d4572, offx=3, offy=3);
}

h1 > span, .img_titre {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.img_titre {
	margin-bottom: 3px;
}


#header {
	/* background-image: url('../img/accueil/bg_entete.png');
	background-repeat: no-repeat; */
	width: 532px;
	height: 96px;
	margin: 0 auto;
}


#header h1 {
	position: absolute;
	width: inherit;
	font-size: 4em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	text-shadow: 2px 2px 0px #2a5675;
	filter: dropshadow(color=#2a5675, offx=2, offy=2);
}


div#wrapper_menu {
	margin: 0 auto;
	padding-top: 25px;
	height: 715px;
	width: 968px;
	background-image: url('../img/conteneur/bg_exercices.png');
	background-repeat: no-repeat;
	clear: both;
}

div#menu {
	width: 910px;
	position: relative;
	left: 23px;
	top: -1px;
}

div#menu #div_text_intro	{
	border-radius: 10px;
	font-family: Corbel, "CorbelMac", Arial, "Helvetica Neue", Helvetica, sans-serif;
	height: 137px;
	background-color: #ffffff;
	padding-top: 10px;
	font-size: 16px;
}

div#menu #div_text_intro p	{
	margin: 0;
}

div#menu > a 	{
	text-decoration: none;
}

div#menu .separateur {
	background-color: #164e5b;
	color: #FFF;
	text-align: center;
	font-family: "Corbel", "CorbelMac", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
	height: 33px;
	padding-top: 3px;
}

div#menu > h3, div#menu > a > h3 {
	text-align: center;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 42px;
	border-radius: 8px;
	line-height: 1.3em;
	font-family: Corbel, "CorbelMac", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #2a5675;
}

div#menu > h3 > img, div#menu > a > h3 > img {
	float: left;
	position: relative;
	left: 180px;
	top: 4px;
	width: 34px;
}

div#menu > div {
	padding: 0px 10px;
	margin: 0;
	text-align: center;
	font-size: 22px;
	height: 192px;
}

div#menu > div > ul	{
	list-style: none;
}

div#menu > div > ul > li {
	margin-bottom: 5px;
}

div#menu > div > ul > li > a {
	color: #07467a;
	border-bottom: 2px #07467a solid;
	text-decoration: none;
}

div#menu > div > ul > li > a:hover {
	color: #1e5888;
	border-color: #1e5888;
}

div#menu > h3#intro, div#menu > a > h3#lien_accueil {
	color: #ffffff;
	background-image: url('../img/accueil/bg_accordion_select.png');
}

div#menu > a > h3.liens_activite {
	background-image: url('../img/accueil/bg_accordion.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

div#menu > a > h3.liens_activite:hover {
	color: #ffffff;
	background-image: url('../img/accueil/bg_accordion_select.png');
}

div#conteneur_iframe {
	width: 910px;
	height: 683px;
	margin: 0 auto;
	margin-bottom: 25px;
	/* -webkit-box-shadow:  -3px -4px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  -3px -4px 5px 0px rgba(0, 0, 0, 0.5); */
}

iframe#iFramePGL {
	margin: -8px;
	padding: 0;
}

.ltIE9 iframe {
	background-color: transparent;
}