/* CSS Template Belma */
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
table {border-spacing:0;}
address {font-style:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
a:link,a:visited {text-decoration:none;}
a:hover {text-decoration:underline}
hr {border:0;height:1px;background-color:#000;color:#000;}
img {border:medium none;}
strong {font-weight: bold;}
em {font-style: italic;}
.right {float: right;}
.left {float: left;}
.hide {display: none;}
.clear {clear: both;height: 0;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} * html > body .clearfix{width: 100%;display: block;} html[xmlns] .clearfix{display:block;} * html .clearfix{height:1%;}
html {margin-bottom: 1px;height: 100%!important;height: auto;}

body{
	background-color: #fff;
	font-family: "Myriad Pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004c97;
}
.wrapper{
	width: 975px;
}
.hp {position:relative}
.header{
	background: transparent url(../images/header-01.jpg) no-repeat scroll right top;
	height: 441px;
	position:relative;
}
.header h1 {font-size:19px; color:#fff; line-height:47px; word-spacing: -0.1em;text-align: right; padding-right:45px;}
.postuler-wrap .header{
	background-image: url(../images/header-02.jpg);
}
.form .header{
	background-image: url(../images/header-03.jpg);
}
.logo{
	background: transparent url(../images/logo.gif) no-repeat scroll left top;
	display: block;
	width: 127px;
	height: 76px;
	position:absolute;
	top: 46px;
	left: 44px;
	text-indent: -2000px;
}
.nav{	
	position:absolute;
	top: 360px;
	right: 36px;
	text-align: right;
}



.nav a, .nav a:link{
	color: #adb7c1;
	display: block;
	font-size:17px;
	font-weight:bold;
	margin-bottom: 5px;
	text-decoration:none;
	word-spacing:0.2em;
}
.nav a:hover, .nav a.active{color:#00407f;text-decoration:none;}

.container{
	background: transparent url(../images/body-01.png) no-repeat scroll right top;	
	padding-top:28px;
	padding-bottom: 110px;
}

.container .learn{
	position: absolute;
	top: 469px;
	left: 215px;
	width:290px;
}
.container .learn .postuler{font-size:19px;padding-left:178px; line-height:31px;}
.container .learn .postuler a {color:#003e7a;}
.container .learn .charge{padding-left:20px; color:#f08a00; font-size:20px; margin-top: 7px;font-weight:bold}
.container .learn .en-savoir{text-align:right; padding-right:36px;}
.container .learn .en-savoir a{color:#447cb3;font-style:italic}

.postuler-wrap .container{
	background-image:url(../images/body-02.png);
	padding-bottom: 50px;
}
.form .container{
	background-image:url(../images/body-03.png);
	padding-bottom: 50px;
}
.container h2{
	color:#fff;
	font-size:16px;
	line-height:32px;
	padding-left: 528px;
}
.text-content{
	line-height: 2.0em;
	text-align: justify;
	padding-left: 528px;
	padding-right:10px;
}
.postuler-wrap .text-content{
	height: 224px;
	overflow: auto;
	margin-top: 3px;
	line-height: 1.5em;	
}
.postuler-wrap .text-content h5 {color:#f18b00; margin-bottom: 10px;}
.postuler-wrap .text-content p {margin: 5px 0;}
.form .text-content{
	margin-top:1px;
	padding-left: 524px;
	padding-right: 0;
}
.text-adv{
	margin-right: 8px;
	margin-bottom: 20px; 
	text-align: right;
}
.text-adv div {text-align:left; padding-left:346px;padding-top:20px;}
.text-adv div span {display:block;font-size: 17px;word-spacing:0.1em;}
a.voir-le {font-size:14px; text-decoration:underline;color:#004c97;}
.foot {
	padding-left:228px;
	margin-top: 30px;
}
.foot-top {
	background:transparent url(../images/charge_bg1.png) no-repeat scroll left top;
	font-size: 12px;
	line-height: 1.4em;
	padding: 5px 2px 5px 317px;
}
.foot-bot{
	background:transparent url(../images/foot-bg-bot.png) no-repeat scroll left bottom;
	color:#fff;
	padding:10px;
}
.foot h3{font-size:17px; padding: 10px 0;}
.row{
	background:transparent url(../images/input-bg.png) no-repeat scroll left top;
	padding: 0 7px;
}
.row label{
	color:#f18b00;
	font-weight: bold;
	line-height: 32px;
	float:left;
	width: 180px;
}
.row div{
/*	margin-left: 5px;	*/
	float:left;
	padding-top: 8px;
/*	border: solid 1px;	*/
}
.row input, .motivations-content textarea{
/*	background: transparent none;	*/
	color: #003e7a;
/*	border: medium none;	*/
	font-size: 14px;
	width: 250px;
}
.row select{
	color: #003e7a;
	font-size: 14px;
	width: 255px;
/*	margin-left: 5px;	*/
}
.motivations-content textarea{
	overflow: hidden;
}
.position{
	background:transparent url(../images/position-bg.png) no-repeat scroll right top;
}
.attach{background:transparent none}
.motivations-content{
	background:transparent url(../images/textarea-bg.png) no-repeat scroll left top;
	clear:left;
	height:133px;
	padding:3px 7px;
}
.file-input {background: transparent url(../images/fileinput-bg.png) no-repeat scroll left top; width:452px; height:39px;}
.file-path {padding: 5px 10px 0 10px; float:left;height:29px;}
.file-path input {background: transparent none;color: #003e7a;border: medium none;font-size: 14px;width:227px;text-align:center; }
.jsFileWrapper {cursor:pointer;overflow:hidden;position:relative;text-align:center;height:29px;}
.jsFileWrapper input.file {cursor: pointer; visibility: visible; opacity: 0; height: 26px;position:absolute; top:0px; left:0px;}
.form-submit-button {text-align:center; margin-top: 5px;}
.form-submit-button div {background:transparent url(../images/submit-bg.png) no-repeat scroll left top;margin:0 auto;width:146px; height:35px;}
.form-submit-button input {
	background:transparent none;
	border: medium none;
	color:#003e7a;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	width:100%; 
	height:32px;
}

.notice{background:transparent url(../images/pop_notice_bg.png) no-repeat scroll 50% 50%;font-size:18px; color:#1956a0; line-height:1.2em; width: 486px; height: 64px;margin:0 auto}
.notice p{ padding: 10px; }
.notice span {color:#ff7900;}
.href {margin-top:10px; text-align:right; padding-right: 30px;font-size:14px}

#footer {
	 width:900px;
	 color:#cccccc;
	 text-decoration:none;
}
#footer a {
	color:#cccccc;
	text-decoration:none;
}
#footer a:hover {
	color:#cccccc;
	text-decoration:none;
}