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;
}
/* CONTENU PAGE */

#contenu {
	width:625px;
	float:left;
	border-top : 1pt solid #E1E1E1;
	padding-bottom:20px;
}
h1 {
	margin-top: 20px;
	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;
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(images/plus.jpg) no-repeat left;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #66575e; /*#9D8FA0;*/
	text-transform: uppercase;
}

h3 {
	font-size: 16px;
	margin-top: 25px;
	padding-left: 22px;
	font-weight: bold;
	background: url(images/puce_h3.jpg) no-repeat left;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #716269;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #716269;
}

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;
}

/* 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{
	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;
	height:108px;
}	
.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 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;
}

/* CONTACT */

td.trois_col{
width:200px;
}
td.deux_col{
width:300px;
}
td.deux_col2{
width:250px;
text-align:center;
}
.liste{
	background-color:#E6EFF2;
}
.tab2{
	border:solid 1pt gray;
	padding:1px;
	margin-left:40px;
}

/* 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;
}

/* ENCADRE */

#encadre {
	width:90%;
	clear:both;
	padding: 10px 10px 10px 10px;
	border:solid 1pt gray;
	background-color: #EFEFEF;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size-adjust: 12 px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:#716269;
	font-weight: bold;
}

#encadre span {
	text-align: center;
	font-weight:bolder;
}