/* STYLES PAGE ACCUEIL ***********************************************************************
*********************************************************************************************/

.haut_cadre{
width:186px;
height:11px;
background:url('haut_cadre.gif') top left no-repeat;
padding:0;
font-size:5px;
margin:28px 0 0 0;
}
.milieu_cadre{
width:186px;
background:url('milieu_cadre.gif') top left repeat-y;
list-style:none;
padding:0;margin:0;
padding-left:12px;
font-weight:bold;
}
	.milieu_cadre li{
	background:url('li_menu.gif') center left no-repeat;
	padding:5px 0 9px 15px;
	margin:0;
	border-bottom:1px solid #d1daec;
	width:150px;
	line-height:12px;
	}

	.milieu_cadre li a, .milieu_cadre li a:visited {
		color: #5175b6;
		text-decoration: none;
	}
	.milieu_cadre li a:hover {
		color: #5175b6;
		text-decoration: underline;
	}
.bas_cadre{
width:186px;
height:11px;
background:url('bas_cadre.gif') top left no-repeat;
padding:0;
margin:0 0 10px 0;
}
.cadre_menu{
padding-left:31px;
}
.lienSupplMenu {
	margin-left: 31px;
	font-weight: bold;
}
	.lienSupplMenu a, .lienSupplMenu a:visited {
		color: #5175b6;
		text-decoration: none;
	}
	.lienSupplMenu a:hover {
		color: #5175b6;
		text-decoration: underline;
	}


/* STYLES PAGES INTERNES *********************************************************************
*********************************************************************************************/

.contenuMenu {
	width:186px;
	background: url(milieu_cadre.gif) top left repeat-y;
}
	.contenuMenu ul {
		padding: 0px;
		padding-left: 15px;
		padding-right: 5px;
		margin: 0px;
	}
		.contenuMenu ul li {
			padding: 0px;
			margin: 0px;
			list-style: none;
			background-image: url(li_menu2.gif);
			background-repeat: no-repeat;
			background-position: 0px 6px;
			border-bottom: 1px solid #d1daec;
			padding-bottom: 8px;
			margin-top: 5px;
			margin-right: 5px;
		}
			.contenuMenu ul li a, .contenuMenu ul li a:visited {
				margin-left: 15px;
				color: #5175b6;
				text-decoration: none;
			}
			.contenuMenu ul li a:hover {
				color: #5175b6;
				text-decoration: underline;
			}

		.contenuMenu ul li ul li {
			background-image: url(li_3.gif);
			padding-bottom: 0px;
			border: none;
		}

.app_conteneur{
width:100%;
position:relative;
}

.app_gauche{
float:left;
width:238px;
}

.app_droite{
margin-left: 0px;
}

.app_droite h3, .app_droite h4{
color:#b94063;
margin-bottom:10px;
margin-left: 0px;
}

.app_droite h3 {
padding-left:15px;
background:url('li_menu.gif') 0px 7px no-repeat;
font-size:16px;
}

.app_droite ul{
margin:0;
padding:0;
}

.app_droite li{
list-style-image: url("li_3.gif");
list-style-position: inside;
margin:0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

	.app_droite ul li ul li{
		list-style-image: url("li_3bis.gif");
		list-style-position: inside;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

.app_droite2{
margin-left: 240px;
}

.app_droite2 h3, .app_droite2 h4{
color:#b94063;
margin-bottom:10px;
}

.app_droite2 h3 {
padding-left:15px;
background:url('li_menu.gif') 0px 7px no-repeat;
font-size:16px;
}

.app_droite2 ul{
margin:0;
padding:0;
margin-left: 15px;
}

.app_droite2 li{
list-style-image: url(li_adresse_1.gif);
margin:0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
	.app_droite2 ul li ul {
		margin-left: 18px;
	}

	.app_droite2 ul li ul li{
		list-style-image: url(li_adresse_2.gif);
		margin:10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}

.tableauApprentissage {
	border-collapse: collapse;
	text-align: center;
	vertical-align: center;
	width: 95%;
}
.tableauApprentissage td {
	border-width: 1px;
	border-style: solid;
	border-color: #FCAF17;
	height: auto;
	padding: 10px;
	background-color:#F3F6FA;
}

.conteneurVideo {
	width: 512px;
	height: 288px;
	margin: auto;
}

.conteneurDiapoVideo {
	width: 95%;
	margin: auto;
	margin-top: 15px;
}

.contenuDiapoVideo {
	width: 440px;
	height: 80px;
	margin: auto;
}
	.contenuDiapoVideo a, .contenuDiapoVideo a:visited, .contenuDiapoVideo a:hover {
		display: block;
		float: left;
		width: 65px;
		height: 80px;
		background-position: center;
		background-repeat: no-repeat;
		margin-right: 10px;
	}