@charset "utf-8";
/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	background-color: #5ba0d6;
}

.conteneur {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 876px;
	border: thin solid #c9dfd7;
}

.header {
	margin: 0px;
	padding: 0px;
	width: 876px;
	height: 196px;
}

#headerindex {
	background-image: url(images/080705_header.jpg);
}

#headercours {
	background-image: url(images/080705_headercours.jpg);
}

#headerstages {
	background-image: url(images/080705_headerstages.jpg);
}

#headeractus {
	background-image: url(images/080705_headeractus.jpg);
}

.header img {
	display: none;
}

.header:hover img {
	display: block;
}

.footer {
	margin: 0px;
	padding: 0px;
	width: 876px;
	height: 66px;
	background-image: url(images/080520_index_15.jpg);
}

.wrap_elastique {
	margin: 0px;
	width: 856px;
	overflow: hidden;
	background-image: url(images/bg_wrap_elastique.jpg);
	background-repeat: repeat-x;
	background-color: #abe4fe;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/*Navigation*/

.wrap_nav {
	margin: 0px;
	padding: 0px;
	width: 230px;
	float: left;
	background-image: url(images/080705_index_05.jpg);
	background-repeat: repeat-y;
}

.wrap_nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.wrap_nav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #584f36;
	text-align: left;
	text-indent: 54px;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
}

.wrap_nav ul li a:hover {
	color: #a37272;
	font-weight: bold;
	text-decoration: none;
}

.cursus {
	padding: 0px;
	margin: 0px;
	height: 18px;
	width: 230px;
	background-image: url(images/080705_index_05bis.jpg);
}

.cursus ul{
	list-style-type: none;
	display: none;
	position: relative;
	left: 230px;
	top: -18px;
}

.cursus:hover ul{
	display: block;
	overflow: hidden; /* Sert à ce que ie garde la sous-nav ouverte - rend possible le click sur tous les items de la sous-liste (et pas que le 1er) */
}

.cursus ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #584f36;
	text-align: left;
	text-indent: 5px;
	font-weight: normal;
	text-decoration: none;
	width: auto;
	height: auto;
	background-color: #e3dbb6;
	margin: 0px;
	border: 1px solid #f9f5e4
}

.cursus ul li a:hover{
	color: #a37272;
	font-weight: bold;
	text-decoration: none;
}

.title_nav {
	margin: 0px;
	padding: 0px;
	width: 230px;
	height: 48px;	
}

#lescours_nav {
	background-image: url(images/080705_index_03.jpg);
}

#lesstages_nav {
	background-image: url(images/080705_index_10.jpg);
}

#lesactus_nav {
	background-image: url(images/080705_index_13.jpg);
}

.contact_nav {
	margin: 0px;
	padding: 0px;
	width: 230px;
	height: 70px;
	background-image: url(images/080705_index_18.jpg);	
}

.contact_nav img {
	display: none;
}

.contact_nav:hover img {
	display: block;
}


/*div content*/

.content {
	margin: 0px;
	float: left;
	width: 586px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


/*styles fonts*/

.title1 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	text-decoration: underline;
}

.title2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}

.title3 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #a37272;
}

.regularfont {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}

#bold {
	font-weight: bold;
}

#underline {
	text-decoration: underline;
}

#bu {
	font-weight: bold;
	text-decoration: underline;
}

/*listes*/

#title {
	list-style-type: square;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	margin-left: -30px;
}

#subtitle {
	font-family: Verdana;
	font-weight: bold;
	list-style-type: none;
	font-size: 11px;
}

/*page modalites*/

.passy {
	margin: 0px;
	float: left;
	width: 272px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.auber {
	margin: 0px;
	float: left;
	width: 272px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.separateur {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 2px;
}

#sepmodalite {
	height: 430px;
	background-color: #006699;
}


.suite {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 586px;
}


/*Visuels*/

.pict1 {
	padding: 0px;
	float: left;
	width: 200px;
	height: 133px;
	margin-top: 4px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 0px;
	border: 1px solid #006699;
}

.pict_cursus {
	padding: 0px;
	float: right;
	margin-top: 195px;
	margin-left: 18px;
	width: 400px;
	height: 100px;
	border: 1px solid #006699;
	position: relative;
	right: 0px;
	bottom: 20px;
}

.pict_contact {
	padding: 0px;
	float: right;
	margin-top: 90px;
	margin-left: 18px;
	width: 350px;
	height: 142px;
}


/*.pict_sejours {
	padding: 0px;
	float: left;
	width: 200px;
	height: 200px;
	margin-top: 4px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 0px;
}*/


/*Xiti*/

.xitiparent {
	width: 876px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.xiti {
	clear: left;
	float: right;
	position: relative;
	right: 0px;
	bottom: 0px;
}

.stylexiti {
	font-family: verdana;
	font-size: 9px;
}

.styleROI {
	display: none;
}