/*
//  Site : http://www.wilmotte.fr/
//  Date : 2007-02-15
*/

body{
	background      : #000;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #909090;
	margin-top      : 50px;
}


/*
// Section : Main.
*/
#main{
	width           : 900px;
	margin          : auto;
}


/*
// Section : Navigation.
*/
#navigation{
	background      : #000 url('../img/gui/bkg/bkg_wilmotte-associes-sa.png') no-repeat 303px 32px;
	padding         : 0 0 24px 0;
	border-bottom   : 1px solid #909090;
}

#navigation #logo{
	float           : left;
}

#navigation img{
	display         : block;
	border          : none;
}

/*
// Section : Menu.
*/
#menu{
	clear           : both;
	border-bottom   : 1px solid #909090;
	margin          : 0 0 23px 0;
	padding         : 0;
}

#menu li{
	display         : block;
	float           : left;
	list-style      : none;
	margin          : 0 5px 0 0;
	padding         : 24px 0 0 0;
	background      : transparent url('../img/gui/mnu/li_bkg.gif') no-repeat right top;
}

#menu li a{
	text-decoration : none;
	text-transform  : uppercase;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #909090;
	margin          : 0 5px 0 0;
}

#menu li #fondation{
	text-align      : right;
	margin          : 0 5px 0 112px;
}

#menu li a:hover{
	color           : #F08800;
}

#breadcrumb{
	text-align      : right;
	text-decoration : none;
	text-transform  : uppercase;
	font            : normal 13px Verdana, Arial, Helvetica, sans-serif;
	color           : #F98700;
}


/*
// Section : Rechercher.
*/
#rechercher{
	border          : 1px solid #909090;
	border-bottom   : 0;
	text-align      : right;
	margin          : 20px 0 0 693px;
	padding         : 7px 5px 20px 5px;
}

#rechercher p{
	text-transform  : uppercase;
	margin          : 0 0 7px 0;
	padding         : 0;
}

#rechercher input{
	width           : 151px;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	border          : 1px solid #909090;
	background      : #000;
	color           : #FFF;
	vertical-align  : middle;
}

#rechercher #btn_rechercher{
	width           : 27px;
	border          : 0;
}


/*
// Section : Contenu.
*/
#contenu{
	height          : 410px;
	padding         : 9px 0;
	clear           : both;
}

#contenu-realisations{
	height          : 470px;
	padding         : 9px 0;
	clear           : both;
}


/*
// Section : Contenu : Homepage.
*/
#contenu #homepage{
	background      : transparent;
	height          : 410px;
}

#contenu #homepage #editorial{
	width           : 283px;
	height          : 273px;
	border          : 1px solid #909090;
	padding         : 8px;
	font            : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

	position        : absolute;
	background      : #000;
	z-index         : 1;
	float           : left;

}

#contenu #homepage #animation{
	z-index         : 0;
	margin          : 0;
	padding         : 0;
}

#contenu #homepage #editorial h1{
	text-transform  : uppercase;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin          : 0 0 116px 0;
	padding         : 0;
}

#contenu #homepage #editorial h2{
	margin          : 0;
	padding         : 0;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#contenu #homepage #editorial p{
	margin          : 0 0 16px 0;
	padding         : 0;
}


/*
// Section : Contenu : Actualites.
*/
#contenu #actualites{
	height          : 410px;
}

#contenu #actualites #realisations{
	border          : 1px solid #909090;
	width           : 405px;
	height          : 388px;
	float           : left;
	margin          : 0 10px 0 0;
	padding         : 10px;
}

#contenu #actualites #realisations h3{
	font            : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 10px 0;
	padding         : 0;
}

#contenu #actualites #realisations #liste_realisations{
	height          : 360px;
}

#contenu #actualites #realisations #liste_realisations ul{
	padding         : 0;
	margin          : 10px 0 0 0;
}

#contenu #actualites #realisations #liste_realisations ul.show{
	display         : block;
}

#contenu #actualites #realisations #liste_realisations ul.hide{
	display         : none;
}

#contenu #actualites #realisations #liste_realisations ul li{
	list-style      : none;
	padding         : 0 0 1px 0;
	margin          : 2px 0;
}

#contenu #actualites #realisations #liste_realisations ul li a{
	display         : block;
	text-decoration : none;
	color           : #CCC;
}

#contenu #actualites #realisations #liste_realisations ul li a:visited{
	background      : #111;
}

#contenu #actualites #realisations #liste_realisations ul li a:hover,
#contenu #actualites #realisations #liste_realisations ul li a.current{
	color           : #000;
	background      : #F98700;
}

#contenu #actualites #realisations #interface{
	text-align      : right;
	padding         : 0 10px 0 0;
}

#contenu #actualites #realisations #interface img{
	border          : 0;
}


/*
// Section : Actualités : Réalisation.
*/

#contenu #actualites #actualite img{
	margin          : 0 0 15px 0;
}

#contenu #actualites #actualite #illustration-1,
#contenu #actualites #actualite #illustration-2,
#contenu #actualites #actualite #illustration-3{
	width           : 200px;
	height          : 20px;
}

#contenu #actualites #actualite #textes{
	width           : 235px;
	float           : left;
	margin          : 0;
}

#contenu #actualites #actualite #textes h1{
	text-transform  : uppercase;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #909090;
	margin          : 0 0 4px 10px;
	padding         : 0;
}

#contenu #actualites #actualite #textes p{
	font            : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 0 0 10px 10px;
	padding         : 0;
}

#contenu #actualites #actualite #textes ul{
	margin          : 0 0 0 10px;
	padding         : 0;
}

#contenu #actualites #actualite #textes ul li{
	font            : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 0;
	padding         : 0;
	line-height     : 15px;
	list-style      : none;
}

#contenu #actualites #actualite #textes ul li a,
#contenu #actualites #actualite #textes ul li a:hover{
	color           : #F08800;
	text-decoration : none;
}

#contenu #actualites #actualite #textes ul li sup{
	font-size       : 6px;
}

#contenu #actualites #actualite #images{
	margin          : 0 0 0 690px;
}

#contenu #actualites #actualite #images img{
	border          : 0;
	padding         : 10px 0;
}

#contenu #actualites #liste #interface{
	text-align      : right;
	padding         : 0 10px 0 0;
}

#contenu #actualites #liste #interface img{
	border          : 0;
}

/*
// Section : Contenu : Agence.
*/
#contenu #agences{
	height          : 410px;
}

#contenu #agences #agence{
	width           : 663px;
	height          : 388px;
	border          : 1px solid #909090;
	padding         : 10px;
	margin          : 0 10px 0 0;
	float           : left;
	overflow        : auto;
}

#contenu #agences #agence address{
	font-style      : normal;
}

#contenu #agences #agence address a{
	text-decoration : none;
	color           : #F08800;
}


#contenu #agences #agence div.charts{
	width           : 210px;
	float           : left;
	text-align      : center;
	margin          : 4px;
}

#contenu #agences #agence div.charts h1{
	text-align      : left;
	height          : 30px;
}

#contenu #agences #agence div.adresse-agence{
	padding         : 0 0 10px 0;
	width           : 250px;
	border-bottom   : 1px solid #909090;	
}

#contenu #agences #agence div.adresse-agence h1{
	text-transform  : uppercase;
	font            : bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#contenu #agences #agence div.adresse-agence h2{
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#contenu #agences #agence div.adresse-agence address{
	font-style      : normal;
}

#contenu #agences #agence img{
	display         : block;
	margin          : 0;
	padding         : 0;
}

#contenu #agences #agence #menu-centre{
	margin          : 10px 0;
	padding         : 0;
}

#contenu #agences #agence #menu-centre li{
	display         : inline;
	list-style      : none;
	margin          : 0;
	padding         : 0;
}

#contenu #agences #agence #menu-centre li a{
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-transform  : uppercase;
	color           : #909090;
	border-right    : 1px solid #909090;
	padding         : 0 6px 0 0;
}

#contenu #agences #agence #menu-centre li a.last{
	border          : 0;
}

#contenu #agences #agence #menu-centre li a:hover{
	color           : #F08800;
}

#contenu #agences #agence h1{
	font            : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 10px 0;
	padding         : 0;
}

#contenu #agences #agence div.publications{
	padding         : 0 0 10px 0;
	margin          : 0 10px 0 0;
	width           : 46%;
	height          : 230px;
	float           : left;
}

#contenu #agences #agence div.publications img.couverture{
	width           : 110px;
	vertical-align  : top;
	text-align      : right;
	margin          : 0 10px 0 0;
	float           : left;
}

#contenu #agences #agence div.publications h1{
	font            : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 0;
	padding         : 0;
}

#contenu #agences #agence div.publications h2{
	font            : bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color           : #F08800;
	margin          : 0;
	padding         : 0;
}

#contenu #agences #agence div.publications p{
	font            : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contenu #agences #agence h2{
	font            : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 10px 0;
	padding         : 0;
}

#contenu #agences #menu-right{
	margin          : 0 0 0 690px;
}

#contenu #agences #menu-right ul{
	margin          : 0;
	padding         : 13px 0 0 0;
}

#contenu #agences #menu-right ul li{
	list-style      : none;
	margin          : 0;
	padding         : 0 0 39px 0;
	width           : 202px;
}

#contenu #agences #menu-right ul a{
	background      : #909090;
	font            : bold 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #000;
	text-decoration : none;
	text-transform  : uppercase;
	display         : block;
	padding         : 4px 4px 4px 0;
	margin          : 0;
	text-align      : right; 
}

#contenu #agences #menu-right ul a:hover{
	background      : #F08800;
}

#contenu #agences #agence h2, #contenu #agences #agence address{
	margin          : 0;
	padding         : 0;
}

#contenu #agences #agence .industrie{
	margin          : 30px 0 0 0;
}

#contenu #agences #agence address{
	margin          : 0 0 10px 0;
}

/*
// Section : Contenu : Réalisations.
*/
#contenu #realisations{
	height          : 440px;
}

#contenu-realisations #realisations #realisation{
	width           : 663px;
	height          : 440px;
	border          : 1px solid #909090;
	padding         : 10px;
	margin          : 0 10px 0 0;
	float           : left;
}

#contenu-realisations #realisations #realisation h1{
	font            : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 10px 0;
	padding         : 0;
}

#contenu-realisations #realisations #realisation h3{
	font            : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 10px 0;
	padding         : 0;
}

#contenu-realisations #realisations #realisation h3 span.orange{
	color           : #F18800
}

#contenu-realisations #realisations #realisation p{
	font            : bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#contenu-realisations #realisations #menu-right{
	margin          : 0 0 0 690px;
}

#contenu-realisations #realisations #menu-right ul{
	margin          : 0;
	padding         : 13px 0 0 0;
}

#contenu-realisations #realisations #menu-right ul li{
	list-style      : none;
	margin          : 0;
	padding         : 0 0 39px 0;
	width           : 202px;
}

#contenu-realisations #realisations #menu-right ul a{
	background      : #909090;
	font            : bold 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #000;
	text-decoration : none;
	text-transform  : uppercase;
	display         : block;
	padding         : 4px 4px 4px 0;
	margin          : 0;
	text-align      : right; 
}

#contenu-realisations #realisations #menu-right ul a.cartographie{
	color           : #909090;
	background      : #000;
	border          : 1px solid #909090;
}

#contenu-realisations #realisations #menu-right ul a:hover,
#contenu-realisations #realisations #menu-right ul a.cartographie:hover{
	background      : #F08800;
}

#contenu-realisations #realisations #menu-right ul a.cartographie:hover{
	color           : #000;
	border          : 1px solid #F08800;
}

#contenu-realisations #realisations #liste_realisations{
	height          : 360px;
}

#contenu-realisations #realisations #liste_realisations p{
	margin          : 0 0 20px 0;
	padding         : 0 0 4px 0;
}

#contenu-realisations #realisations #liste_realisations ul{
	padding         : 0;
	margin          : 10px 0 0 0;
}

#contenu-realisations #realisations #liste_realisations ul.show{
	display         : block;
}

#contenu-realisations #realisations #liste_realisations ul.hide{
	display         : none;
}

#contenu-realisations #realisations #liste_realisations ul li{
	list-style      : none;
	line-height     : 18px;
	padding         : 0 0 1px 0;
	margin          : 2px 0;
}

#contenu-realisations #realisations #liste_realisations ul li a{
	display         : block;
	text-decoration : none;
	color           : #CCC;
}

#contenu-realisations #realisations #liste_realisations ul li a:visited{
	background      : #111;
}

#contenu-realisations #realisations #liste_realisations ul li a:hover{
	color           : #000;
	background      : #F98700;
}

#contenu-realisations #realisations #interface{
	text-align      : right;
	padding         : 0 10px 0 0;
}

#contenu-realisations #realisations #interface img{
	border          : 0;
}

/*
// Section : Réalisation : Détail.
*/

#contenu #realisation_detail{
	height          : 410px;
}

#contenu #realisation_detail #realisation_detail_images img{
	width           : 680px;
	height          : 400px;
	float           : left;
}

#contenu #realisation_detail #realisation_detail_informations{
	margin          : 0 0 0 694px;
	width           : 200px;
}

#contenu #realisation_detail #realisation_detail_informations img{
	border          : 0;
	width           : 200px;
	height          : 20px;
	overflow        : hidden;
	display         : block;
	margin          : 10px 0;
}

#contenu #realisation_detail #realisation_detail_informations h1,
#contenu #realisation_detail .grey{
	color           : #000;
	background      : #909090;
	padding         : 3px;
	text-align      : right;
}

#contenu #realisation_detail #realisation_detail_informations h1{
	font            : bold 11px Arial, Helvetica, sans-serif;
	text-transform  : uppercase;
}

#contenu #realisation_detail #realisation_detail_informations div.grey h1{
	padding         : 0;
	margin          : 5px 0 4px 0;
	text-transform  : uppercase;
}

#contenu #realisation_detail #realisation_detail_informations p{
	font            : bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height     : 11px;
	margin          : 4px 0;
	padding         : 0;
}

#contenu #realisation_detail #realisation_detail_informations p.mission{
	margin          : 0 0 13px 0;
	padding         : 0;
}

#contenu #realisation_detail_informations #liens{
	margin          : 10px 0 10px 0;
} 

#contenu #realisation_detail_informations #liens a,
#contenu #realisation_detail_informations #liens a:hover,
#contenu #realisation_detail_informations #liens a:active,
#contenu #realisation_detail_informations #liens a:visited
{
	color           : #333;
	text-decoration : none;
} 

#contenu #realisation_detail #retour_liste_realisation{
	display         : block;
	font            : bold 11px Arial, Helvetica, sans-serif;
	text-transform  : uppercase;
	background      : #F08800;
	width           : 197px;
	color           : #000;
	text-decoration : none;
	padding         : 3px 3px 3px 0;
	text-align      : right;
	margin          : 5px 0 0 0;
}


/*
// Section : Contenu : Contacts.
*/

#contenu #contacts{
	height          : 410px;
}

#contenu #contacts #contact{
	width           :	410px;
	height          : 388px;
	border          : 1px solid #909090;
	padding         : 10px 0 0 10px;
	float           : left;
}

#contenu #contacts #contact h1{
	margin          : 0 0 5px 0;
	padding         : 0 0 0 77px;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #909090;
	text-decoration : none;
	text-transform  : uppercase;
}

#contenu #contacts #contact table.contact{
}

#contenu #contacts #contact #errors{
	color           : #FFF;
	border          : 1px solid #F08800;
	padding         : 2px;
}

#contenu #contacts #contact form table.contact td.label{
	text-align      : right;
	padding         : 0 4px 0 0;
}

#contenu #contacts #contact table.contact td{
	padding         : 3px 0;
}

#contenu #contacts #contact table.contact td input,
#contenu #contacts #contact table.contact td select,
#contenu #contacts #contact table.contact td textarea{
	width           : 320px;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	background      : #909090;
	padding         : 3px;
	border          : 0;
}

#contenu #contacts #contact table.contact td input.error{
	border          : 1px solid #F08800;
}

#contenu #contacts #contact table.contact td select{
	width           : 326px;
}

#contenu #contacts #contact form table.contact td.validation{
	text-align      : right;
}

#contenu #contacts #contact form table.contact td.validation input{
	width           : auto;
	padding         : 0;
	margin          : 0;
	border          : 0;
}

#contenu #contacts #menu-right ul{
	margin          : 0 0 0 695px;
	padding         : 13px 0 0 0;
}

#contenu #contacts #menu-right ul li{
	list-style      : none;
	margin          : 0;
	padding         : 0 0 39px 0;
	width           : 202px;
}

#contenu #contacts #menu-right ul li a{
	background      : #909090;
	font            : bold 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #000;
	text-decoration : none;
	text-transform  : uppercase;
	display         : block;
	padding         : 4px 4px 4px 0;
	margin          : 0;
	text-align      : right; 
}

#contenu #contacts #menu-right ul li a:hover{
	background      : #F08800;
}


/*
// Section : Contenu : Recrutement.
*/

#contenu #recrutements{
	height          : 410px;
}

#contenu #recrutements #recrutement{
	width           :	663px;
	height          : 388px;
	border          : 1px solid #909090;
	padding         : 10px;
	float           : left;
}

#contenu #recrutements #recrutement h1{
	margin          : 0 0 5px 0;
	padding         : 0 0 0 77px;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #909090;
	text-decoration : none;
	text-transform  : uppercase;
}

#contenu #recrutements #recrutement table.recrutement{
	float           : left;
	width           : 320px;
	margin          : 0 10px 0 0;
}

#contenu #recrutements #recrutement #errors{
	color           : #FFF;
	border          : 1px solid #F08800;
	padding         : 2px;
}

#contenu #recrutements h2{
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;	
}

#contenu #recrutements #recrutement form table.recrutement td.label{
	text-align      : right;
	padding         : 0 4px 0 0;
	width           : 140px;
}

#contenu #recrutements #recrutement form table.recrutement td.textop{
	vertical-align  : top;
}

#contenu #recrutements #recrutement table.recrutement td{
	padding         : 3px 0;
}

#contenu #recrutements #recrutement table.recrutement td input,
#contenu #recrutements #recrutement table.recrutement td select,
#contenu #recrutements #recrutement table.recrutement td textarea{
	width           : 170px;
	font            : normal 11px Verdana, Arial, Helvetica, sans-serif;
	background      : #909090;
	padding         : 3px;
	border          : 0;
	overflow        : auto;
}

#contenu #recrutements #recrutement table.recrutement td.annonce input{
	width           : 98%;
	color           : #FFF;
	border          : 1px solid #F98700;
	background      : #333;
}

#contenu #recrutements #recrutement form table.recrutement td.software{
	vertical-align  : top;
}

#contenu #recrutements #recrutement #software{
	margin          : 0 0 20px 0;
	padding         : 0;
}

#contenu #recrutements #recrutement #software li{
	font            : normal 9px Verdana, Arial, Helvetica, sans-serif;
	list-style      : none;
	width           : 134px;
	float           : left;
	margin          : 0;
	padding         : 0;
}

#contenu #recrutements #recrutement table.recrutement td input.checkbox{
	width           : auto;
	background      : transparent;
	border          : 0;
	vertical-align  : middle;
	width           : 10px;
}

#contenu #recrutements #recrutement table.recrutement td input.error{
	border          : 1px solid #F08800;
}

#contenu #recrutements #recrutement table.recrutement td select{
	width           : auto;
}

#contenu #recrutements #recrutement form table.recrutement td.validation{
	text-align      : right;
}

#contenu #recrutements #recrutement form table.recrutement td.validation input{
	width           : auto;
	padding         : 0;
	margin          : 0;
	border          : 0;
}

#contenu #recrutements #menu-right ul{
	margin          : 0 0 0 695px;
	padding         : 13px 0 0 0;
}

#contenu #recrutements #menu-right ul li{
	list-style      : none;
	margin          : 0;
	padding         : 0 0 39px 0;
	width           : 202px;
}

#contenu #recrutements #menu-right ul li a{
	background      : #909090;
	font            : bold 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #000;
	text-decoration : none;
	text-transform  : uppercase;
	display         : block;
	padding         : 4px 4px 4px 0;
	margin          : 0;
	text-align      : right; 
}

#contenu #recrutements #menu-right ul li a:hover{
	background      : #F08800;
}

/*
// Section : Profils.
*/
#contenu #profils{
	margin          : 0;
	padding         : 0;
	height          : 360px;
	overflow        : auto;
	margin          : 0 10px 0 0;
	padding         : 10px;

}

#contenu #profils li{
	list-style      : none;
	margin          : 2px 0;
	padding         : 0px 0px 1px 0;
}

#contenu #profils li a{
	font            : bold 11px Verdana, Arial, Helvetica, sans-serif;
	color           : #CCC;
	text-decoration : none;
	display         : block;
}

#contenu #profils li a:hover{
	color           : #000;
	background      : #F98700;
}

#contenu #profils li *.profil{
	border-top      : 2px solid #222;
	border-bottom   : 2px solid #222;
	margin          : 4px 0;
	overflow        : hidden;
	padding         : 1px 0;
}

#contenu #profils li *.profil a{
	display         : inline;
	border          : 1px solid #F98700;
	padding         : 4px;
	margin          : 4px;
}

#contenu #profils li *.profil a:hover{
	color           : #000;
	background      : #F98700;
}


/*
// Section : Footer.
*/
#footer{
	font            : normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin          : 0;
	padding         : 2px 0 0 0;
	border-top      : 1px solid #909090;
	color           : #909090;
}

#coord{
	float			: left;
	width			: 730px;

}


#langue{
text-align:right;

}

#langue a {
color:#FFFFFF;
text-decoration:none;
}