@charset "utf-8";
/*
====================================================================================================================
CONTAINER > COL2 (SUB.DIPLOME)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 9f1b1b
- LIGHT = db1414
====================================================================================================================
*/


#sub-header.diplome {
	border-bottom: 10px solid #9f1b1b;
}

#sub-title.diplome {
	color: #9f1b1b;
}

#sub-menu.diplome li a:hover {
	border-bottom: 10px solid #db1414;
}

#sub-menu.diplome #pageon a {
	border-bottom: 10px solid #db1414;
}

/*------------------------------------------------------*/

#sub-container.diplome h1 {
	color: #9f1b1b;
}

#sub-container.diplome h2 {
	color: #9f1b1b;
}

#sub-container.diplome .arrow h2 {
	padding: 0px 25px;
	background: url(/sub/admission/images/arrow_right.png) left center no-repeat;
}

#sub-container.diplome h3 {
	color: #9f1b1b;
}

#sub-container.diplome .arrow p {
	padding: 0px 10px 0px 25px;
}

#sub-container.diplome #debouche-repartition {
	display: block;
	height: 392px;
	width: 442px;
	padding: 0;
	margin: 0 auto;
	background: url(/sub/diplome/images/debouche.png) center no-repeat;
}

#sub-container.diplome .debouche-item {
	height: auto;
	width: 580px;
	margin: 30px 10px 0px auto;
	border-top: 1px solid #cccccc;
}

#sub-container.diplome .debouche-entreprise {
	float: left;
	height: 50px;
	width: 280px;
	padding: 10px 10px 10px 0px;
	line-height: 50px;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;
}

#sub-container.diplome .debouche-item img {
	float: left;
	margin-right: 20px;
}

#sub-container.diplome .debouche-item a {
	float: left;
	font-size: 13px;
	color: #000;
}

#sub-container.diplome .debouche-item a:hover {
	text-decoration: underline;
	color: #0a3e96;
}

#sub-container.diplome img.admission-img {
	display: block;
	margin: 25px 60px 0px;
	padding: 0;
	border: 3px solid #fff;
}

#sub-container.diplome img.admission-img:hover {
	border: 3px solid #9f1b1b;
}

/*------------------------------------------------------*/

.diplome-submenu {
	margin: 0;
	padding: 45px 0px 0px 0px;
	list-style: none;
	background: #fff;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #9f1b1b;
	width: 600px;
}

.diplome-submenu a, .diplome-submenu span {
	display: block;
	padding: 4px 25px;
	font-size: 13px;
	font-weight: bold;
	color: #9f1b1b;
	text-decoration: none;
	background: #fff url(/sub/admission/images/arrow_right.png) left center no-repeat;
}

.diplome-submenu .togglesubmenu a, .diplome-submenu .togglesubmenu span {
	background-image: url(/sub/admission/images/arrow_right.png);
}

.diplome-submenu .open a, .diplome-submenu .open span {
	background-image: url(/sub/admission/images/arrow_down.png);
}

.diplome-submenu a:hover, .promotion-submenu a:focus, .promotion-submenu a:active {
	text-decoration: underline;
	color: #db1414;
}

.diplome-submenu .submenu {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	text-align: justify;
	background-color: #f3d5d5;
	border-top: 1px solid #9f1b1b;
	border-bottom: 1px solid #9f1b1b;
}

.diplome-submenu ul.submenu li {
	display: block;
	background: none;
	padding: 3px 25px 40px;
}


/*
====================================================================================================================
CONTAINER > COL2 (SUB.PROGRAMME)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 005d9f
- LIGHT = 0a84e4
====================================================================================================================
*/


#sub-header.programme {
	border-bottom: 10px solid #005d9f;
}

#sub-title.programme {
	color: #005d9f;
}

#sub-menu.programme li a:hover {
	border-bottom: 10px solid #0a84e4;
}

#sub-menu.programme #pageon a {
	border-bottom: 10px solid #0a84e4;
}

/*------------------------------------------------------*/

#sub-container.programme h1 {
	color: #005d9f;
}

#sub-container.programme h2 {
	color: #005d9f;
}

#sub-container.programme .arrow h2 {
	padding: 0px 25px;
	color: #052760;
	background: url(/sub/programme/images/arrow_right.png) left center no-repeat;
}

#sub-container.programme h3 {
	color: #005d9f;
}

#sub-container.programme .arrow p {
	padding: 0px 10px 0px 25px;
}

/*------------------------------------------------------*/

#sub-container.programme table {
	width: 600px;
	padding: 0px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

#sub-container.programme tr {
	height: 40px;
}

#sub-container.programme td {
	padding: 0px 10px;
}

#sub-container.programme td.subject {
	width: 270px;
	background-color: #dcf1fd;
}

#sub-container.programme td.name {
	width: 180px;
	background-color: #e8f6fe;
}

#sub-container.programme td.job {
	width: 150px;
	font-style: italic;
	background-color: #f4fbfe;
}


/*
====================================================================================================================
CONTAINER > COL2 (SUB.ATOUT)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 7a8e1b
- LIGHT = b2d33a
====================================================================================================================
*/


#sub-header.atout {
	border-bottom: 10px solid #7a8e1b;
}

#sub-title.atout {
	color: #7a8e1b;
}

#sub-menu.atout li a:hover {
	border-bottom: 10px solid #b2d33a;
}

#sub-menu.atout #pageon a {
	border-bottom: 10px solid #b2d33a;
}

/*------------------------------------------------------*/

#sub-container.atout h1 {
	color: #7a8e1b;
}

#sub-container.atout h2 {
	color: #7a8e1b;
}

#sub-container.atout .arrow h2 {
	padding: 0px 25px;
	background: url(/sub/atout/images/arrow_right.png) left center no-repeat;
}

#sub-container.atout h3 {
	color: #7a8e1b;
}

#sub-container.atout .arrow p {
	padding: 0px 10px 0px 25px;
}


/*
====================================================================================================================
CONTAINER > COL2 (SUB.VIEASSOCIATIVE)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 8c265c
- LIGHT = e172aa
====================================================================================================================
*/


#sub-header.vieassociative {
	border-bottom: 10px solid #8c265c;
}

#sub-title.vieassociative {
	color: #8c265c;
}

#sub-menu.vieassociative li a:hover {
	border-bottom: 10px solid #e172aa;
}

#sub-menu.vieassociative #pageon a {
	border-bottom: 10px solid #e172aa;
}

/*------------------------------------------------------*/

#sub-container.vieassociative h1 {
	color: #8c265c;
}

#sub-container.vieassociative h2 {
	color: #8c265c;
}

#sub-container.vieassociative h3 {
	color: #8c265c;
}


/*
====================================================================================================================
CONTAINER > COL2 (SUB.PROMOTION)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 323232
- LIGHT = 525252
====================================================================================================================
*/


#sub-header.promotion {
	border-bottom: 10px solid #323232;
}

#sub-title.promotion {
	color: #323232;
}

#sub-menu.promotion li a:hover {
	border-bottom: 10px solid #525252;
}

#sub-menu.promotion #pageon a {
	border-bottom: 10px solid #525252;
}

/*------------------------------------------------------*/

#sub-container.promotion h1 {
	color: #323232;
}

#sub-container.promotion h2 {
	color: #323232;
}

#sub-container.promotion .arrow h2 {
	padding: 0px 25px;
	background: url(/sub/promotion/images/arrow_right.png) left center no-repeat;
}

#sub-container.promotion h3 {
	color: #323232;
}

#sub-container.promotion .arrow p {
	padding: 0px 10px 0px 25px;
}

/*------------------------------------------------------*/

.promotion-submenu {
	margin: 0;
	padding: 45px 0px 0px 0px;
	list-style: none;
	background: #fff;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #323232;
	width: 600px;
}

.promotion-submenu a, .promotion-submenu span {
	display: block;
	padding: 4px 25px;
	font-size: 13px;
	font-weight: bold;
	color: #323232;
	text-decoration: none;
	background: #fff url(/sub/promotion/images/arrow_right.png) left center no-repeat;
}

.promotion-submenu .togglesubmenu a, .promotion-submenu .togglesubmenu span {
	background-image: url(/sub/promotion/images/arrow_right.png);
}

.promotion-submenu .open a, .promotion-submenu .open span {
	background-image: url(/sub/promotion/images/arrow_down.png);
}

.promotion-submenu a:hover, .promotion-submenu a:focus, .promotion-submenu a:active {
	text-decoration: underline;
	color: #525252;
}

.promotion-submenu .submenu {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	background-color: #cccccc;
	border-top: 1px solid #323232;
	border-bottom: 1px solid #323232;
}

.promotion-submenu ul.submenu li {
	display: block;
	background: none;
	padding: 3px 25px;
}


/*
====================================================================================================================
CONTAINER > COL2 (SUB.OTHERLINKS)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 052760
- LIGHT = 0a3e96
====================================================================================================================
*/


#sub-header.otherlinks {
	border-bottom: 10px solid #052760;
}

#sub-title.otherlinks {
	color: #052760;
}

#sub-menu.otherlinks li a:hover {
	border-bottom: 10px solid #0a3e96;
}

#sub-menu.otherlinks #pageon a {
	border-bottom: 10px solid #0a3e96;
}

/*------------------------------------------------------*/

#sub-container.otherlinks {
	width: 580px;
	padding: 0px 25px;
}

#sub-container.otherlinks img.map {
	padding-top: 15px;
}

#sub-container.otherlinks .contact-box {
	float: left;
	height: auto;
	width: 580px;
	padding: 0;
	padding-bottom: 25px;
	margin: 0;
	border-bottom: 2px solid #052760;
}

#sub-container.otherlinks .contact-item {
	clear: both;
	padding: 0;
	padding-top: 25px;
	margin: 0;
}

#sub-container.otherlinks .contact-item h1 {
	display: block;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #343434;
	text-align: left;
}

#sub-container.otherlinks .contact-input {
	display: block;
	float: left;
	height: auto;
	width: 217px;
	padding: 0;
	margin: 0;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	border: 1px solid #343434;
}

#sub-container.otherlinks .contact-textarea {
	float: left;
	height: 150px;
	width: 580px;
	padding: 0;
	margin: 0;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	border: 1px solid #343434;
}


/*
====================================================================================================================
CONTAINER > COL2 (SUB.DIVERS+ENTREPRISES)
--------------------------------------------------------------------------------------------------------------------
- DARK  = 052760
- LIGHT = 0a3e96
====================================================================================================================
*/


#sub-header.divers {
	border-bottom: 10px solid #052760;
}

#sub-title.divers {
	color: #052760;
}

#sub-menu.divers li a:hover {
	border-bottom: 10px solid #0a3e96;
}

#sub-menu.divers #pageon a {
	border-bottom: 10px solid #0a3e96;
}

/*------------------------------------------------------*/

#sub-container.divers h1 {
	color: #052760;
}

#sub-container.divers h2 {
	color: #052760;
}

#sub-container.divers .arrow h2 {
	padding: 0px 25px;
	background: url(/sub/divers/images/arrow_right.png) left center no-repeat;
}

#sub-container.divers h3 {
	color: #052760;
}

#sub-container.divers .arrow p {
	padding: 0px 10px 0px 25px;
}

#sub-container.divers .arrow a {
	padding: 0px 10px 0px 25px;
}

/*------------------------------------------------------*/

#sub-container.divers .division {
	float: left;
	width: 300px;
}

#sub-container.divers .arrow a {
	margin: 0;
	padding: 0px 10px 0px 25px;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

#sub-container.divers .arrow a:hover {
	text-decoration: underline;
	color: #003af7;
}

/*------------------------------------------------------*/

#ta-pourquoi {
	height: 440px;
	width: 600px;
	padding: 0;
	margin: 0;
	background: url(/sub/entreprise/images/ta_pourquoi.jpg) center no-repeat;
}

#ta-comment {
	height: 616px;
	width: 600px;
	padding: 0;
	margin: 0;
	background: url(/sub/entreprise/images/ta_comment.jpg) center no-repeat;
}

#sub-container.divers img.ta-img {
	display: block;
	margin: 25px 60px 0px;
	padding: 0;
	border: 3px solid #fff;
}

#sub-container.divers img.ta-img:hover {
	border: 3px solid #052760;
}