/*-----------------------*/
/*  Paramètres généraux  */
/*-----------------------*/
html, body{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	background-color: white;
}
/*--------------------*/
/*  LIENS hypertexte  */
/*--------------------*/
a:link{
	color: black;
	text-decoration: none;
}
a:visited{
	color: black;
	text-decoration: none;
}
a:hover{
	color: #5f5c61;
	text-decoration: none;
}
a:active{
	color: black;
	text-decoration: none;
}

/*--------------------------*/
/*  Classe  perso           */
/*--------------------------*/
.text_color_bleu_marine {
	color: #1a2e45;	
}

.text_color_vert {
	color: #c8e900;	
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}

.center{
  text-align: center;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.italic{
	font-style: italic;
}

.image_left{
	float: left;
	margin-right: 5px;
}
.image_right{
	float: right;
	margin-left: 5px;
}
.gras {
	font-weight: bold;
}

/*-----------------*/
/*  Styles balise  */
/*-----------------*/
/* Titres */
h1{
	font-size: 18px;
	color: #152051;
	background:url('/image/interface/fond_h1.jpg') no-repeat;
	display: block;
	width: 770px;
	padding-left: 31px;
	height: 35px;
	padding-top: 13px;
	font-weight: normal;
}

h2, h2 a{
	font-size: 14px;
	font-weight: bold;
	color: #6671a8;
}

h3{
	font-size: 12px;
	font-weight: bold;
	color: #6671a8;
}


h4{
	font-size: 11px;
	font-weight: bold;
	color: #6671a8;
}



/*----------*/
/*  HEADER  */
/*----------*/
#header{
	background:url('/image/interface/fond_header.jpg') repeat-x;
	background-color: white;
	height: 108px;
} 

#header #page_header{
	width: 990px;
	margin: 0 auto;
	padding-top: 3px;
	height: 108px;
	position: relative;
}



/* logo */
#header #page_header #logo{
	width: 196px;
	height: 104px;
	display: block;
	float: left;
}

#header #page_header #bloc_haut {
	position: absolute;
	height: 35px;
	top: 12px;
	right: 1px;
}

#header #page_header ul#langue, #header #page_header ul#menu_niveau_deux{
	float: left;
}

#header #page_header ul#langue li{
	background:url('/image/interface/fond_langue.jpg') no-repeat;
	height: 35px;
	width: 30px;
	float: left;
	padding-left: 4px;	
}

#header #page_header ul#langue li a img{
	opacity: 0.50;
	filter : alpha(opacity=50);		
}

#header #page_header ul#langue li a:hover img{
	opacity: 1;
	filter : alpha(opacity=100);		
}


/*-----------------*/
/*  MENU NIVEAU 1  */
/*-----------------*/

ul#menu_niveau_un li{
	
	float:left;
	height:87px;
	position: relative;
	white-space:nowrap;
	width: 101px;
}

ul#menu_niveau_un li.separateur{
	background:url('/image/interface/menu_separateur.jpg') no-repeat;
	width: 2px;
}

ul#menu_niveau_un li a{
	
	display:block;
	height: 35px;
	padding-top: 52px;
	width: 101px;
	text-align:center;
	white-space:nowrap;
	color: #5f5c61;
	font-size: 12px;
	background:url('/image/interface/menu.jpg') no-repeat;
	font-weight: bold;
	text-transform: uppercase;
}

ul#menu_niveau_un li a:hover, ul#menu_niveau_un li a.hover{
	background:url('/image/interface/menu_hover.jpg') repeat-x;
	color: black;	
}

ul#menu_niveau_un li a.selectionne {
	/*color: #5f5c61;*/	
}

/* Sous-menu niveau 1 */
ul#menu_niveau_un li ul.sous_menu{
	display:none;
	height:auto;
	left: 0;
	position:absolute;
	top:88px;
}

ul#menu_niveau_un li ul.sous_menu li{
	float:none;
	height:auto;
	width:167px;
	border: none;
	position: relative;
}

ul#menu_niveau_un li ul.sous_menu li a{
	background:url('/image/interface/fond_sous_menu-trans.png') repeat-y;
	color:#3c4570;
	display:block;
	font-weight:normal;
	height:auto;
	text-align: left;
	text-transform:none;
	width:152px;
	padding-left: 15px;
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 6px;
	
}

ul#menu_niveau_un li a.rollover{
	position: relative;
	display: block;
}

ul#menu_niveau_un li a img.survol{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

ul#menu_niveau_un li ul.sous_menu li a:hover, ul#menu_niveau_un li ul.sous_menu li a.hover{
	background:url('/image/interface/fond_sous_menu_roll-trans.png') repeat-y;
	font-weight: bold;
	color:#3c4570;
	font-size: 11px;
}

ul#menu_niveau_un li ul.sous_menu li ul.sous_menu{
	position: absolute;
	top: 0px;
	left: 168px;

}

ul#menu_niveau_un li ul.sous_menu li ul.sous_menu li{
	margin-top: 0px;
}

ul#menu_niveau_un, #header #page_header #arrondi_menu_droit {
	display: block;
	float: left;
	margin-top: 18px;
}

ul#menu_niveau_un li ul.sous_menu div.interligne{
	display: none;

}

ul#menu_niveau_un li ul.sous_menu li.menu_niveau_1_etage_2_fin{
	background :url('/image/interface/menu_etage_2_fin-trans.png') no-repeat;
	height: 13px;
	width: 167px;
	line-height: 0px;
	margin: 0px;	
	padding: 0px;
}

#header #page_header #arrondi_menu_droit{
	height: 87px;
	width: 18px;
	margin-top: 17px;	
}

#header #page_header #logo-microsoft {
		float: left;
		margin-top: 50px;
		margin-left: 6%;
}

/*-----------------*/
/*  MENU NIVEAU 2  */
/*-----------------*/
ul#menu_niveau_deux{
	margin-top: 2px;
	margin-right: 12px;
}
ul#menu_niveau_deux li, ul#menu_niveau_deux li a{
	float: left;
	color: #8c95a1;
	font-size: 11px;
	
	
}

ul#menu_niveau_deux li a:hover{
	color:#3c4570;
}


ul#menu_niveau_deux li.separateur{
	margin-left: 7px;
	margin-right: 7px;
}

/*---------*/
/*  CORPS  */
/*---------*/
#corps{	
	min-height: 380px;
	background-color: white;
}

#corps #page_corps{	
	padding-top: 0px;
	margin: 0 auto;
	width: 990px;
	display: block;
	/*border: 1px solid blue;*/
	min-height: 380px;
	padding-top: 8px;
	padding-bottom: 10px;
	
}

/*-----------------*/
/*  BLOC GAUCHE    */
/*-----------------*/
#corps #page_corps #corps_bloc_gauche{
	float: left;
	height: 380px;
	witdh: 185px;
	color: #1e4f62;
	width: 185px;
}

#corps #page_corps #corps_bloc_gauche_interieur{
	float: left;
	witdh: 185px;
	color: #1e4f62;
	width: 185px;
}

#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise,
#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise_1,
#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise_2 {	
	height: 303px;
	witdh: 157px;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 11px;
	color: #6a6a6a;
	padding-top: 77px;
	text-align: justify;
}

#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise_1 {
	background:url('/image/interface/fond_entreprise.jpg') no-repeat;	
}

#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise_2 {	
	background:url('/image/interface/fond_entreprise_uk.jpg') no-repeat;
}

#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise ul li,
#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise_1 ul li,
#corps #page_corps #corps_bloc_gauche #bloc_presentation_entreprise_2 ul li {	
	margin-top: 3px;
	*margin-bottom: 5px;
	
	*padding-left: 0px;
	list-style-image: url(/image/interface/puce-trans.png);
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/image/interface/puce-trans.png');
	list-style-position: inside;
	*list-style-position: outside;
	*margin-left: 18px;
	
}



#corps #page_corps #corps_bloc_gauche_interieur #filet_eau{	
	display: block;
	height: 410px;
	witdh: 88px;
	float: left;
}

/***********************/
/* bloc droit du corps */
/***********************/
#corps #page_corps #corps_bloc_droit {
	color: black;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	
}
/*-----------------*/
/*  CONTENU LIBRE  */
/*-----------------*/
#corps #page_corps #corps_bloc_droit #content{	
	float: right;
	width: 802px;
	min-height: 380px;
	line-height: 18px;
	color: #3b3b3b;
	font-size: 11px;
}

#corps #page_corps #corps_bloc_droit #content p, #corps #page_corps #corps_bloc_droit #content ul{
	font-size: 11px;
	text-align: justify;
	line-height: 18px;
	color: #3b3b3b;	
}

#corps #page_corps #corps_bloc_droit #content ul li{
	margin-left: 18px;
	list-style-image: url(/image/interface/puce-trans.png);
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/image/interface/puce-trans.png');
	color: #3b3b3b;
	
	
}

/*---------------------*/
/*  ACTUALITE ACCUEIL  */
/*---------------------*/

/* bloc droit acccueil actu*/
#corps #page_corps #bloc_actu_accueil{
	height: 47px;
	width: 395px;
	background: url('/image/interface/fond_news.jpg') no-repeat;
	display: block;
	margin-top: 10px;
	float: left;
	padding-left: 197px;		
}
#corps #page_corps #bloc_actu_accueil #actu_accueil_gauche{
	float: left;
}

#corps #page_corps #bloc_actu_accueil #actu_accueil_gauche h2, #corps #page_corps #bloc_actu_accueil #actu_accueil_gauche p{
	width: 339px;
	display: block;
	
}
#corps #page_corps #bloc_actu_accueil #actu_accueil_gauche p{	
	color: #3b3b3b;
	font-size: 11px;
	font-weight: normal;
	
}

#corps #page_corps #bloc_actu_accueil #lire_article_accueil {
	background: url('/image/interface/fleche_news.jpg') no-repeat;
	display: block;
	width: 51px;
	height: 38px;
	float: right;
	margin-right: 5px;
	margin-top: 4px;
	border: none;
	cursor: pointer;
}

#corps #page_corps #bloc_actu_accueil #lire_article_accueil:hover {
	background: url('/image/interface/fleche_news-roll.jpg') no-repeat;

}

/* bloc newsletter lorsqu'on est sur une page actu */
#corps #page_corps #bloc_actu_accueil  h2{	
	/*border-bottom : 1px dashed #00132f;*/
	color: #3b3b3b;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding-top: 3px;
}

#corps #page_corps #bloc_actu_accueil h2#inscrire_news{
	display: block;
	width: 150px;
	float: left;
	padding-top: 17px;
}

#corps #page_corps #bloc_actu_accueil input{
	float: left;
	margin-top: 14px;
}

#corps #page_corps #bloc_partenaire_1,
#corps #page_corps #bloc_partenaire_2 {
	float: right;
	margin-top: 10px;
	display: block;
	height: 47px;
	width: 386px;
}

#corps #page_corps #bloc_partenaire_1 {
	background: url('/image/interface/partenaire.jpg') no-repeat;	
}

#corps #page_corps #bloc_partenaire_2 {
	background: url('/image/interface/partenaire_uk.jpg') no-repeat;	
}




#corps #page_corps #bloc_partenaire_1:hover {
	background: url('/image/interface/partenaire-roll.jpg') no-repeat;
}

#corps #page_corps #bloc_partenaire_2:hover {
	background: url('/image/interface/partenaire_uk-roll.jpg') no-repeat;	
}



/*-------------*/
/*  ACTUALITE  */
/*-------------*/
#corps #page_corps .bloc_actualite{
	border-bottom: 1px solid #CDCDCD;
	border-top: none;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	padding-left: 31px;
	padding-right: 31px;
	color: #3b3b3b;	
}


#corps #page_corps .bloc_actualite a.titre_actu{
	font-size: 14px;
	font-weight: bold;
	color: #6671a8;
}

#corps #page_corps .bloc_actualite a.bouton{
	margin-top: 10px;
	
}
#corps #page_corps .bloc_actualite img.image_left{	
	margin-right: 10px;
}

/* Une actualité */
#corps #page_corps .une_actualite{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 31px;
	padding-left: 31px;
}

#corps #page_corps .une_actualite p {
	color: #3b3b3b;
}


#corps #page_corps .une_actualite img{
	margin-left: 16px;
	margin-right: 18px;
	margin-top: 16px;
	
	
}

#corps #page_corps .une_actualite a.lien_fichier{
	margin-left: 15px;
	margin-right: 18px;
	margin-top: 5px;
	float: right;
	font-size: 10px;
	
}

#corps #page_corps .une_actualite a.savoir_plus{
	color: #152051;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	width: 268px;
	height: 51px;
	display: block;
	/*background:url('/image/interface/bouton-trans.png') no-repeat;*/
	background:url('/image/interface/bouton.jpg') no-repeat;
	border: none;
	opacity: 1;
	filter : alpha(opacity=100);
	margin-left: 248px;
	*margin-left: 0px;
	line-height: 45px;
}

#corps #page_corps .une_actualite a.savoir_plus:hover{

	opacity: 0.7;
	filter : alpha(opacity=70);
}

/*--------------*/
/*  NEWSLETTER  */
/*--------------*/
#corps #page_corps  #message_validation_ins,
#corps #page_corps #message_validation_desins{	
	bottom: 26px;
	left: 3px;
	background-color: white;
	width: 257px;
	height: 18px;
	opacity: 0;
	filter : alpha(opacity=0);
	padding-top: 3px;
	padding-left: 8px;
	display: block;
}

/*--------------*/
/*  FORMULAIRE  */
/*--------------*/
#corps #page_corps #ul_inscription{
	width: 800px;		
}

#corps #page_corps #corps_bloc_droit #content ul#ul_inscription li{
		float: left;
		width: 400px;
		list-style: none;
		list-style-image: none;
		margin-left: 0px;
		filter:none;
}


#corps #page_corps #formulaire_ocea .ui-state-error{
	text-align: left;
	margin: 5px 0;
	padding: 3px;
	background-color: #E5E0EF; 
	border-color : #C9C0DD;
	margin-bottom: 15px;
}

#corps #page_corps .formulaire_ins,
#corps #page_corps .formulaire_desins {
	margin-left: 31px;
	padding-bottom: 10px;
	padding-right: 18px;
}

#corps #page_corps #formg{
	padding-left: 31px;
	padding-right: 31px;
	margin-bottom: 20px;
}



#corps #page_corps #formulaire_ocea td,
#corps #page_corps .formulaire_ins td{
	padding: 5px 0;
}
#corps #page_corps p.form {
	height: 30px;	
}

#corps #page_corps #content p.form label{
	width: 100px;
}

#corps #page_corps .label {
	width: 100px;
	vertical-align: top;
	display: block;
}

#corps #page_corps .champ,
#corps #page_corps p.form input{
	width: 200px;
	vertical-align: top;
	
}
#corps #page_corps #formulaire_ocea form .ui-datepicker-trigger{
	vertical-align: -3px;
}

#corps #page_corps  #bt_valid_formulaire,
#corps #page_corps .bt_valid_newsletter{
	color: #152051;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	width: 268px;
	height: 48px;
	padding-bottom: 3px;
	/*background:url('/image/interface/bouton-trans.png') no-repeat;*/
	background:url('/image/interface/bouton.jpg') no-repeat;
	border: none;
	opacity: 1;
	filter : alpha(opacity=100);
}

#corps #page_corps #formulaire_ocea form #bt_valid_formulaire:hover, 
#corps #page_corps .bt_valid_newsletter:hover{
	opacity: 0.7;
	filter : alpha(opacity=70);
}




/* Captcha */
#corps #page_corps #formulaire_ocea form #bloc_captcha{
	width: 180px;
}
#corps #page_corps #formulaire_ocea form #input_captcha{
	text-align: center;
	font-weight: bold;
}

/*----------*/
/*  FOOTER  */
/*----------*/
#footer{
	/*background:url('/image/interface/fond_footer.jpg') repeat-x;*/
	height: 25px;
}

#footer #page_footer{
	margin: 0 auto;
	width: 990px;
}
<!--
#footer  p#coordonne{
	color: black;
	font-size: 10px;
	float: left;
	margin-left: 7px;
	margin-right: 15px;

}

#footer  p#coordonne span{
	font-weight: bold;
	font-size: 11px;
}
-->
/* copyright capocea */
#footer  a#copyright{
	color: #6e6d81;
	float: left;
	margin-left: 10px;
	font-size: 11px;
	clear: both;
	margin-top: 30px;
	display: block;
}

/*-----------------*/
/*  MENU NIVEAU 2  */
/*-----------------*/
ul#menu_niveau_trois{
	margin-top: 30px;
	margin-right: 15px;
	float: right;
	display: block;
}
ul#menu_niveau_trois li, ul#menu_niveau_trois li a{
	float: left;
	color: #6e6d81;
	font-size: 11px;
	
	
}

ul#menu_niveau_trois li a:hover{
	color:#3c4570;
}


ul#menu_niveau_trois li.separateur{
	margin-left: 5px;
	margin-right: 5px;
}