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

body {
	
	background-color: #002144;
	margin: 0;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #002144;*/
	color: #0061A1;
	text-align:justify;
	
}

h2.titre {
	
	font-size:14px;
	line-height:16px;
	padding: 0 20px;
	color: #0061A1;
	margin: 0 0 10px 0;
	
}
h2.titre a {
	text-decoration:none;
}

h2.titre-menu {
	
	font-size:10px;
	line-height:16px;
	padding: 0 20px;
	color: #0061A1;
	margin: 0 0 10px 0;
	
}

a {
	color: #0061A1;
}

p {
	margin: 0 0 10px 0;
}

#page {
	background-color:#FFF;
	width:830px;
	margin:0;
}
#page h1 {
	
	color: #0098D4;
	font-size:18px;
	
}

#header {
	
	width: 830px;
	height: 310px;
	
}

#header-small {
	
	width: 830px;
	height: 210px;
	
}

#main {
	
	padding: 20px 40px;
	min-height:350px;

}

/*FRAMES*/
#news-frame {
	width:440px;
}
#ingen-frame {
	float:right;
	width:290px;
}
#menu-frame {
	float:left;
	width:170px;
}
#content-frame {
	width:560px;
	margin-left:190px;
}

.menu {
	padding: 0 20px;
}
.content {
	padding: 10px 20px;
	font-size: 11px;
}

/*NEWS*/
.news {
	margin: 30px 0;
	padding: 0 0 0 10px;
	color:#0098D4;
	border-style:double;
	border-width: 0 0 0 3px;
	text-align:left;
}
.news-date {
	font-size:13px;
	margin-bottom:5px;
	color:#0098D4;
	/*letter-spacing:1px;*/
}
.news-title {
	color: #0061A1;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}
.news-subtitle {
	color: #0061A1;
	font-size:11px;
	font-style:italic;
	margin-bottom:10px;
}

#ingen-box {
	
	padding: 10px 20px;
	
}

.parenthese-haut {
	
	background-image:url(../img/parenthese-haut.gif);
	height:13px;
	
}

.parenthese-haut-fin {
	
	float:right;
	background-image:url(../img/parenthese-haut.gif);
	background-position:right;
	display:block;
	width:20px;
	height:13px;
	
}
.parenthese-bas {
	
	background-image:url(../img/parenthese-bas.gif);
	height:13px;
	
}
.parenthese-bas-fin {
	
	float:right;
	background-image:url(../img/parenthese-bas.gif);
	background-position:right;
	display:block;
	width:20px;
	height:13px;
	
}

#footer {
	
	font-size: 10px;
	padding: 20px 60px;
	margin-top:20px;
	
	/*border-style:solid;
	border-color:#CCC;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;*/
	
}

.menu-bas {
	
	color: #CCC;
	font-weight:bold;
	margin-right:40px;
	
}

.menu-bas a {
	
	color: #0061A1;
	text-decoration:none;
	
}

#copyright {
	
	float:right;
	text-align:right;
}

/*Le menu*/
.menu1, .menu1 a {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	margin: 10px 0;
	color: #0061A1;
}
.menu2, .menu2 a {
	text-decoration:none;
	font-size:10px;
	margin-left:5px;
	/*color: #002144;*/
	color: #0098D4;
}

.legende {
	display:block;
	font-size:10px;
	text-align:right;
}

.diagramme {
	text-align:right;
	margin-bottom:10px;
}

/*#localisation {
	float:left;
	margin:5px;
}
.drapeau a img {
	border-style:none;
	border-width:0;
}*/
#localisation {
	position:absolute;
	top:0;
	right:50px;
	padding: 3px 5px;
	background-image:url(../img/fond-drapeaux.png);
	background-repeat:repeat;
}
.drapeau img, .drapeau a img {
	border-style:none;
	border-width:0;
	padding:5px;
}

#onearth, #onearth a {
	font-size:10px;
	color: #000;
	text-decoration:none;
	margin-top:5px;
	margin-right:5px;
	text-align:right;
}

.profil, .profil2 {
	margin-bottom: 30px;
	padding: 0 0 0 10px;
	border-style:solid;
	border-width: 0 0 0 2px;
	border-color: #0098D4;
}
.profil2 {
	margin-left:100px;
}
.profil-photo {
	float:left;
}
.formulaire {
	margin: 30px 0;
	padding: 10px;
	border-style:dotted;
	border-width: 2px;
	border-color: #0098D4;
}
.titre-content {
	font-size: 16px;
	font-weight: bold;
}

/*Offres d'emploi*/
.offre {
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	padding:5px 20px;
	margin:20px 0;
}
.offre h2 {
	text-align:center;
}