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


/*//////////////////////////////////////////////////*/
/*//////////////// Styles Générals /////////////////*/
/*//////////////////////////////////////////////////*/

html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	background: #f5f5f5;
}

a {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	color: #00adee;
}

a:hover {
	color: #333333;
}

p , ul {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: normal;
	color: #333333;
}

ul {
	margin: 0 0 0 -15px;
}

ul ul {
	margin: 2px 0 5px -30px;
}

h1 {
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #666666;
}

h2 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #666666;
}

h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
}

h4 {
	margin: 10px 0 5px 0;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #333333;
}

h5 {
	margin: 0 0 5px 0;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}


/*///////////////////////////////////////////////////////////////*/
/*//////////////// Styles Mise en page générale /////////////////*/
/*///////////////////////////////////////////////////////////////*/

#ClearFloat {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

.MenuSelected {
	color: #00adee !important;
}

#MasterDiv {
	margin: 0;
	padding: 0;
	width: 100%;
}

#MainDiv {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
}

#MenuTop {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 54px;
	line-height: 54px;
	text-align: right;
}

#MenuTop a {
	margin: 0;
	padding: 0 12px 0 12px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 1px solid #cccccc;
	color: #999999;
}

#MenuTop a:hover {
	color: #00adee;
}

#MenuTop img {
	margin: 0 0 -4px 0 !important;
	border: none;
}

#MenuTop .MenuBT1 {
	border-left: none;
}

table.menu {
	margin: -57px 0 0 0 !important;
}

#d124122 {
	margin: 6px 0 0 0 !important;
}
#d388770 {
	margin: 0 !important;
}
#d786047 {
	margin: 0 !important;
}
#d794847 {
	margin: 0 !important;
}

#MenuPrincipal {
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	height: 75px;
	text-align: right;
	position: relative;
}

.MenuPrincipalBT1 {
	margin: 0 !important;
	padding: 0 10px 0 10px !important;
	line-height: 25px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	border-left: none;
	color: #333333;
	background: none !important;
}

.MenuPrincipalBT1:hover {
	color: #ffffff !important;
	background: #00adee !important;
}

table.menu .MenuPrincipalBT1 {
	padding: 5px 15px 5px 15px !important;
	line-height: 15px;
	font-size: 12px;
	color: #333333 !important;
	background: #00adee !important;
}

table.menu .MenuPrincipalBT1:hover {
	color: #ffffff !important;
	background: #64d5ff !important;
}

.MenuPrincipal {
	margin: 0 !important;
	padding: 0 10px 0 10px !important;
	line-height: 25px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	border-left: 1px solid #cccccc;
	color: #333333;
	background: none !important;
}

.MenuPrincipal:hover {
	color: #ffffff !important;
	background: #00adee !important;
}

table.menu .MenuPrincipal {
	padding: 5px 15px 5px 15px !important;
	line-height: 15px;
	font-size: 12px;
	color: #333333 !important;
	background: #00adee !important;
}

table.menu .MenuPrincipal:hover {
	color: #ffffff !important;
	background: #64d5ff !important;
}

#Contenu {
	margin: 0;
	padding: 0;
}

.BoutonNoir {
	color: #000000 !important;
}

.BoutonNoir:hover {
	color: #ffffff !important;
}

.CiaDirection {
	font-size: 12px !important;
	color: #333333 !important;
}

.RealisationsPetit {
	font-size: 18px !important;
	color: #333333 !important;
}

.PublicationDate {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: normal;
	color: #999999;
}

.PublicationTitre {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #00adee;
}

span.PublicationResume {
	line-height: 14px;
}

.PublicationArchive {
	color: #ffffff;
}

.PublicationArchive:hover {
	color: #00adee !important;
}

.Carrieres1erNiveau {
	font-weight: bold;
	color: #333333;
}

.CarrieresLien {
	color: #00adee;
}

.CarrieresActif {
	color: #dddddd !important;
}

/*/////////////////////////////////////////////////////*/
/*//////////////// Styles Nos bureaux /////////////////*/
/*/////////////////////////////////////////////////////*/

#ZoneVideo {
	margin: 0 0 7px 0;
	padding: 0;
	width: 960px;
	height: 250px;
}

#ZoneVideo2 {
	margin: 0 0 7px 0;
	padding: 0;
	width: 960px;
	height: 250px;
	background: url(../images/bandeau_accueil.jpg) center top no-repeat;
}

#NosBureauxColonneCentre {
	margin: 0;
	padding: 0;
	width: 960px;
}

#NosBureauxColonneCentre tr {
	vertical-align: top;
}

#NosBureauxColonneCentre td {
	font-size: 12px;
}

.GoogleMap {
	margin: 0;
	padding: 0;
	width: 465px;
	height: 520px;
	border: 3px solid #00adee;
}

.LienGoogleMap {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	color: #999999;
}

.LienGoogleMap:hover {
	color: #00adee;
}


/*/////////////////////////////////////////////////*/
/*//////////////// Styles Accueil /////////////////*/
/*/////////////////////////////////////////////////*/

#AccueilColonneGauche {
	float: left;
	margin: 0;
	padding: 5px 15px 0 15px;
	width: 360px;
	background: #999999;
}

#AccueilColonneGauche h3 {
	font-size: 16px;
	color: #ffffff;
}

#AccueilColonneGauche ul {
	margin-bottom: 10px;
	padding-left: 25px;
}

#AccueilColonneGauche p, #AccueilColonneGauche ul {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: normal;
	color: #ffffff;
}

#AccueilColonneGauche a {
	color: #000000;
}

#AccueilColonneGauche a:hover {
	color: #ffffff;
}

#AccueilColonneCentre {
	float: left;
	margin: 0 7px 0 7px;
	/*padding:  5px 15px 15px 15px;*/
	padding:  0;
	width: 360px;
	/*background: #333333;*/
}

#AccueilColonneCentre h3 {
	font-size: 16px;
	color: #ffffff;
}

#AccueilColonneCentre a:hover {
	color: #ffffff;
}

#AccueilColonneCentrePresse {
	margin: 0;
	padding:  5px 15px 15px 15px;
	background: #333333;
}

#AccueilColonneCentreEvenements {
	margin: 7px 0 0 0;
	padding:  5px 15px 15px 15px;
	background: #333333;
}

#AccueilColonneDroite {
	float: left;
	margin: 0;
	padding:  0 15px 15px 15px;
	width: 166px;
	background: #00adee;
}

#AccueilColonneDroite a {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #ffffff;
}

#AccueilColonneDroite a:hover {
	color: #000000;
}

#AccueilColonneDroite h3 {
	font-size: 16px;
	color: #ffffff;
}


/*//////////////////////////////////////////////////////////////*/
/*//////////////// Styles Secteurs d'activités /////////////////*/
/*//////////////////////////////////////////////////////////////*/

#ActivitesTop {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 305px;
}

#ActivitesTopImgLeft {
	float: left;
	margin: 120px 7px 0 0;
	padding: 0;
	width: 75px;
	height: 50px;
}

#ActivitesTopImgLeft1 {
	margin: 0 0 7px 0;
	padding: 0;
	width: 75px;
	height: 30px;
	background: #cccccc;
}

#ActivitesTopImgLeft2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background: #cccccc;
}

#ActivitesTopClient {
	float: left;
	margin: 120px 7px 0 0;
	padding: 30px 10px 10px 10px;
	width: 160px;
	background: #00adee;
}

#ActivitesTopClient h1 {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
}

#ActivitesTopClient h2 {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}

#ActivitesTopBureau {
	float: left;
	position: relative;
	margin: 0 7px 230px 0;
	padding: 10px;
	width: 130px;
	height: 165px;
	background: #333333;
}

#ActivitesTopBureauBottom {
	padding: 0 0 10px 0;
	position: absolute;
	bottom: 0;
}

#ActivitesTopBureau h1 {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}

#ActivitesTopBureau h2 {
	margin: 10px 0 0 0;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #ffffff;
}

#ActivitesTopRealisation {
	float: left;
	position: relative;
	margin: 0 0 7px 0;
	padding: 10px;
	width: 514px;
	height: 100px;
}

#ActivitesTopRealisationBottom {
	padding: 0 0 5px 0;
	position: absolute;
	bottom: 0;
}

#ActivitesTopRealisation h1 {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
}

#ActivitesTopRealisation h2 {
	line-height: 28px;
	margin: 10px 0 0 0;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #333333;
}

#ActivitesTopImgCentre {
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
	width: 30px;
	height: 178px;
	background: #cccccc;
}

#ActivitesTopCia {
	float: left;
	position: relative;
	margin: 0 0 7px 0;
	padding: 0;
	width: 497px;
	height: 58px;
	background: #333333;
}

#ActivitesTopCiaLeft {
	position: absolute;
	padding: 0 0 10px 15px;
	bottom: 0;
	left: 0;
}

#ActivitesTopCiaRight {
	position: absolute;
	padding: 0 15px 7px 0;
	bottom: 0;
	right: 0;
}

#ActivitesTopCia h1 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #cccccc;
}

#ActivitesTopCia h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: normal;
	color: #ffffff;
}

.ActivitesTopCiaPetit {
	font-size: 12px;
}

#ActivitesTopDate {
	float: left;
	position: relative;
	margin: 0 7px 0 0;
	padding: 0 10px 0 15px;
	width: 95px;
	height: 113px;
	background: #333333;
}

#ActivitesTopDateBottom {
	position: absolute;
	padding: 0 0 10px 0;
	bottom: 0;
}

#ActivitesTopDate h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}

.ActivitesTopDatePetit {
	line-height: 15px;
	font-size: 10px;
	color: #cccccc;
}

#ActivitesTopPlus {
	float: left;
	margin: 0;
	padding: 0;
}

#ActivitesTopPlusCarre {
	margin: 0 0 7px 0;
	padding: 0;
	width: 45px;
	height: 15px;
	background: #00adee;
}

#ActivitesColonneGauche {
	float: left;
	margin: -50px 0 0 0;
	padding: 0 15px 0 0;
	width: 569px;
	border-right: 1px solid #cccccc;
}

#ActivitesColonneDroite {
	float: left;
	margin: -50px 0 0 15px;
	padding: 0;
	width: 360px;
}


/*//////////////////////////////////////////////////*/
/*//////////////// Styles Services /////////////////*/
/*//////////////////////////////////////////////////*/

#ServicesNotreOffreTop {
	margin: 0;
	padding: 0;
	width: 960px;
}

#ServicesNotreOffreTop img {
	float: left;
	margin: 0 25px 0 0;
}

#ServicesNotreOffreColonneGauche {
	clear: both;
	float: left;
	margin: 25px 0 0 0;
	padding: 30px 15px 0 0;
	width: 295px;
	border-right: 1px solid #cccccc;
}

#ServicesNotreOffreColonneCentre {
	float: left;
	margin: 25px 0 0 15px;
	padding: 30px 15px 0 0;
	width: 294px;
	border-right: 1px solid #cccccc;
}

#ServicesNotreOffreColonneDroite {
	float: left;
	margin: 25px 0 0 15px;
	padding: 30px 15px 0 0;
	width: 294px;
}

#ServicesNotreVision {
	margin: 25px 0 0 0;
	padding: 0;
	width: 960px;
}

#ServicesNotreVision img {
	float: right;
	margin: 0 0 0 25px;
	vertical-align: top;
}

#ServicesNotreVisionBasPage {
	margin: 35px 0 0 0;
	padding: 5px 15px 5px 15px;
	width: 960px;
	font-size: 14px;
	background: #cccccc;
}

#ServicesTIColonneGauche {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	width: 599px;
	border-right: 1px solid #cccccc;
}

#ServicesTIColonneDroite {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 330px;
}


/*//////////////////////////////////////////////////////*/
/*//////////////// Styles Réalisations /////////////////*/
/*//////////////////////////////////////////////////////*/

#RealisationsTitre {
	margin: 0;
	padding: 0;
	width: 960px;
}

#RealisationsCentre {
	margin: 0 15px 50px 0;
	padding: 0;
	width: 960px;
}

#RealisationsCentre table {
	margin: 0 0 50px 0;
	padding: 0;
	width: 960px;
}

.RealisationsTableauColonneGauche {
	padding: 15px 15px 15px 0;
	width: 530px;
}

.RealisationsTableauColonneDroite {
	padding: 15px 0 15px 15px;
	width: 370px;
	border-left: 1px solid #dddddd;
}


/*/////////////////////////////////////////////*/
/*//////////////// Styles CIA /////////////////*/
/*/////////////////////////////////////////////*/

#CiaProfilColonneGauche {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: 569px;
}

#CiaProfilColonneDroite {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 360px;
	border-left: 1px solid #cccccc;
}

#CiaDirectionColonneGauche {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: 569px;
}

#CiaDirectionColonneDroite {
	float: left;
	margin: 0;
	padding: 0 15px 0 15px;
	width: 345px;
	background: #00adee;
}

#CiaDirectionColonneDroite a {
	color: #ffffff;
}

#CiaDirectionColonneDroite a:hover {
	color: #333333;
}

#CiaDirectionColonneDroite p {
	color: #ffffff;
}

#CiaDirectionColonneDroite h3 {
	color: #ffffff;
}

#CiaDirectionColonneDroite h4 {
	color: #ffffff;
}

#CiaEthique {
	margin: 0;
	padding: 0;
	width: 960px;
}

#CiaEthiqueColonneGauche {
	float: left;
	margin: 15px 0 0 0;
	padding: 0 15px 0 0;
	width: 299px;
	border-right: 1px solid #cccccc;
}

#CiaEthiqueColonneCentre {
	float: left;
	margin: 15px 0 0 15px;
	padding: 0 15px 0 0;
	width: 299px;
	border-right: 1px solid #cccccc;
}

#CiaEthiqueColonneDroite {
	float: left;
	margin: 15px 0 0 15px;
	padding: 0;
	width: 300px;
}

#EspacePresseColonneGauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 570px;
}

#EspacePresseColonneDroite {
	float: left;
	margin: 0 0 0 15px;
	padding: 15px;
	width: 345px;
	background: #00adee;
}

#EspacePresseColonneDroite p, #EspacePresseColonneDroite ul {
	color: #ffffff;
}

#EspacePresseColonneDroite h3 {
	font-size: 16px;
	color: #ffffff;
}

#EspacePresseColonneDroite a {
	color: #ffffff;
}

#EspacePresseColonneDroite a:hover {
	color: #333333;
}

#EspacePresseColonneDroite .PublicationDate {
	color: #caf1ff;
}

#EspacePresseColonneDroite .PublicationTitre {
	color: #ffffff;
}


/*/////////////////////////////////////////////////////*/
/*//////////////// Styles Bas de page /////////////////*/
/*/////////////////////////////////////////////////////*/

#BasPage {
	margin: 0;
	padding: 50px 0 0 0;
	width: 100%;
	height: 54px;
	line-height: 54px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #999999;
}