body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0 0 0;
	text-align:center;
	background-color: white;
	behavior:url(../csshover.htc);
}

.stop{clear:both;}

#center {
	width: 862px;
	background-image:url(images/ombre.gif);
	background-repeat: repeat-y;
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
}

.align_centre{ text-align:center;}

/* CONTENU PAGE */

#contenu {
	width:625px;
	float:left;
	border-top : 1pt solid #E1E1E1;
	padding-bottom:20px;
}
h1{
	margin-top:40px;
	margin-bottom:10px;
	padding-left:20px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	color:#716269;
}
h2 {
	font-size:17px;
	padding-left:32px;
	background: url(images/plus.jpg) no-repeat left;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:#9D8FA0;
}
h3{
	font-size: 14px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:#716269;
}
h4{
	font-size:12px;
	font-weight:bold;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:#9D8FA0;
}
h5{
	font-size:12px;
	font-weight:bold;
}
a:link, a:visited{
	font-size: 11px;
	font-weight: bold;
	color:#716269;
	text-decoration:none;
}
a:hover{
	font-size: 11px;
	font-weight: bold;
	color:#9D8FA0;
	text-decoration:none;
}
img{
	border:0;
}

p.pho img{
	margin:10px;
}
.photo_droite{
	float:right;
	margin:25px;
}
.photo_gauche{
	float:left;
	margin:25px;
}
p.r{
	margin-left:15px;
}
#contenu p{
	text-align:justify;
}
.rouge{
	color:#ff0000;
}

/* MENU BAR */
#mbar{
position:fixed ;
/*
left:927px;
top:540px;
*/
right:10px;
bottom:15px;
text-align:center;
padding-top:13px;
width:65px;
height:55px;
background:url(images/fond_menu_bar.gif) no-repeat;
}
/* BANDEAU GROUPE */
#groupe {
	background: url(images/fond_menu.gif) no-repeat;
	height: 76px;
	width: 860px;
	margin:0;
}
#logo{
	float:left;
	width:454px;
	height:auto;
	padding:0;
}
#logo a img{
	border:0;
}
/*FLASH INFO*/
#f{
	z-index:100;
	position: relative;
	width:234px;
	background: url(images/flash_info_hover.gif) no-repeat left bottom;
}
a.flash {
	padding:0 100px 0 110px;
	display:block;
	width:234px;
	height:13px;
	margin:0;
	background:url(images/flash_info.gif) no-repeat left bottom;
	font-size:10px;
}
a.flash:hover {
	height:13px;
	font-size:10px;
	padding:0 100px 0 110px;
	margin:0;
	background:url(images/flash_info.gif) no-repeat left bottom;
}

#cadre{
	background-color:white;
	position:absolute;
	border:1px solid #BC5464;
	width:516px;
	height:315px;
	overflow:auto;
	text-align:left;
	left: 215px;
	visibility:hidden;
	display:block
	}
#cadre h5{
	font-size: 12px;
	font-weight: bold;
	color: #716269;
	margin:0;
	padding:0;
}
#cadre p{
	text-align:justify;
	margin:0px;
	padding:0px;
}
#cadre a{
	height:100%;
	text-decoration:none;
	color:#6699FF;
	vertical-align:bottom;
}
.bord{
	border-bottom:1pt dotted #ccc;
	padding:4px 0 4px 0;
}
.bord_image{
	border-bottom:1pt dotted #ccc;
	padding:4px 0 3px 0;

}	
.droite{ float:right; margin-left:7px;}

.date{
	font-size:11px;
	margin-left:10px;
	color:#6699FF;
}
.close{
	text-align:right;
	margin-left:474px;
	cursor: hand;
}

/* MENU GROUPE */ 
div#menu {
	float:right;
}

div#menu a {
	color:#716269;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	display:block;
}
/*Classeacc presentation ... et picto*/

div#menu ul {
	margin: 0 16px 0 0;
	padding: 0;
	width:auto;
}
div#menu ul.niveau1 li, div#menu ul.niveau1 li.sousmenu{
	display:inline;
	float: left;
}

div#menu ul li {
	position:relative; 
	list-style: none;  
}
div#menu img{
	font-size:2px;
	border:0;
	padding:0 0 1px 0;
	margin:0;
}
div#menu img:hover{
	opacity: 0;
  	filter:alpha(opacity=0);
}

/* Classe pour les sous menu */
div#menu li.sousmenu ul li a {
	padding:2px 0 2px;
}
div#menu li.sousmenu ul li {
	clear:both;
	text-align:left;
	background: #e6e6e6;
	border-bottom:1px solid #ccc;
	width:150px;
	padding-left:5px;
}
div#menu li.sousmenu  ul li:hover {
	background-color:#DBE6F9;
	border-bottom:1px solid #ccc;
}
div#menu ul ul {
	position: absolute; 
	top: 76px; 
	left: 0px; 
	display:none;}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}


/*MENU COTE */
#menu_cote {
	float:left;
	width:217px;
	background-image: url(images/fond_menu_cote.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top : 1pt solid #E1E1E1;
}

div#menu_cote ul { 
	padding:10px 0 40px;
	width:140px; 
	margin:0px; 
} 
div#menu_cote ul li { 
	padding:0 0 0 3px;
	position:relative;
	list-style: none;
	border-bottom:0px dotted ;
} 


/* EMPLOI */

.type{
	background-color:#716269;
	color:white;
	text-align:center;
	height:13px;
	font-size:11px;
}
.c{
	background-color:#e2e2e2;
	color:#333333;
	font-size:10px;
}
.liste_b{
	font-size:11px;
}
.liste{
	background-color:#E6EFF2;
	font-size:11px;
}
.postuler a{
	font-size:10px;
	color:#333;
	text-decoration:none;
	vertical-align: middle;
}
.postuler a:hover{
	font-size:10px;
	color:#ccc;
	text-decoration:none;
	vertical-align: middle;
}
.postuler img{
	border:0;
}

/*formulaire POSTULER*/

.cssform p.form{
width: 300px;
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 165px; /*width of left column containing the label elements*/
height: 1%;
}
.cssform label{
float: left;
padding-top:4px;
margin-left: -165px; /*width de la colone gauche*/
width: 150px; /*width des labels. Sdoit etre plus petite que la colone de droite pour créé une marge*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.cssform input.dispo{ /*width of text boxes. IE6 does not understand this attribute*/
width: 30px;
}
.cssform input.captcha{ /*width of text boxes. IE6 does not understand this attribute*/
width: 45px;
height:20px;
}
.cssform textarea{
width: 90%;
height: 140px;
}
.bout{
	margin:10px 0 5px 245px;
}

.envoyer{
	border:1px dotted red;
	font-weight:bold;
	font-size:16px;
	color:#716269;
	padding:10px;
	text-align:center;
}


.cssform input.sans{ /*width of text boxes. IE6 does not understand this attribute*/
width: 550px;
}
ul.short_menu {
	margin:25px 0 20px 5px;
	padding:5px 0 7px 5px;
	width:275px;
	border-top:1pt dashed #9D8FA0;
	border-bottom:1pt dashed #9D8FA0;
}
.short_menu li{
	list-style-type: none;
}

/* PIED */
#pied {
	width:860px;
	clear:both;
	background-image: url(images/fond_pied.gif);
	background-repeat:no-repeat;
	height: 21px;
	font-size: 10px;
	font-weight: bold;
	padding: 9px 0 12px 0;
	text-align: center;
	background-color: #FFFFFF;
}
#pied a, #pied a:visited{
	font-size: 10px;
	font-weight: bold;
	color:black;
}
#pied a:hover{
	font-size: 10px;
	font-weight: bold;
	color:#716269;
}
.copy{
	font-size:10px;
	text-align:center;
	height:30px;
	margin:0;
	background-color: #FFFFFF;
}