/*----------------------------------------------------------------------*/
/* CSS pour le site internet de netapsys			*/
/* Version:1.0							*/
/* Date: 18 Aout 2008						*/
/* Auteurs: Roul Sébastien - Denis Sanchez		*/
/*---------------------------------------------------------------------*/
html {
	height: 100%;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

* {
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
}

:focus {
	outline: 0;
}

a img,
:link img,
:visited img {
	border: 0;
}

fieldset {
	padding: 8px 10px;
	margin: 0 2px;
}

legend {
	padding: 0 2px;
}

label {
	padding: 2px 3px 0 2px;
}

input[type="text"],
input[type="password"] {
	padding: 1px;
	margin: 2px 1px;
}

textarea {
	padding: 2px 1px;
	margin: 2px 1px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 10px;
}

input[type="checkbox"] {
	width: 12px;
	height: 12px;
	margin: 1px 5px 0 3px;
}

input[type="radio"] {
	width: 14px;
	height: 14px;
	margin: 1px 3px -2px 3px;
}

input[type="file"] {
	margin: 2px 1px;
}

input[type="submit"],
input[type="reset"],
button {
	padding: 0 8px;
	margin: 2px 1px;
}

select {
	padding: 0;
	margin: 2px 1px;
}

abbr,
acronym,
dfn {
	cursor: help;
	border-bottom: 1px dotted #aaa;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.verdana		{ font-family: Verdana, sans-serif; }
.trebuchet		{ font-family: "Trebuchet MS", sans-serif; }
.helvetica		{ font-family: Helvetica, sans-serif; }
.arial			{ font-family: Arial, sans-serif; }
.georgia		{ font-family: Georgia, serif; }
.times			{ font-family: Times, sans-serif; }

.uppercase		{ text-transform: uppercase; }
.lowercase		{ text-transform: lowercase; }
.capitalize 	{ text-transform: capitalize; }

.align-left		{ text-align: left; }
.align-right	{ text-align: right; }
.align-center	{ text-align: center; }
.align-justify	{ text-align: justify; }

.size9			{ font-size: 9px; }
.size10			{ font-size: 10px; }
.size11			{ font-size: 11px; }
.size12			{ font-size: 12px; }
.size13			{ font-size: 13px; }
.size14			{ font-size: 14px; }
.size15			{ font-size: 15px; }
.size16			{ font-size: 16px; }



.left		{ float: left; }
.right		{ float: right; }

img.center {
	display: block;
	margin: 0 auto;
}

.clear {
	clear: both;
	position: relative;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

hr {
	margin: 15px 0;
	background: #eee;
	height: 1px;
	color: #eee;
	border: none;
	clear: both;
}

ul {
	list-style: none;
}


*{
  margin:0px;
  padding:0px;
}
A{
	text-decoration: none;
	color: #BB1D23;
	font-weight: bold;
}
body{
  text-align:center;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  color:#4e4945;
}

textarea {
	padding: 2px 1px;
	margin: 2px 1px;
}



#page{
  margin:0pt auto;
  width:1015px;
  min-width:1015px;
  /*overflow:hidden;*/
  /*position:relative;*/
  text-align:left;
}

.bodyAll{
	float:left;
	width:830px;
	margin-right:5px;
}

.descriptionText{
	color: Black;
	font-weight: normal;
	font-size:10px;
}


.descriptionTextItalic{
	color: Black;
	font-weight: normal;
	font-size:10px;
	font-style: italic;
}

.descriptionTextMenu{
	color: Black;
	font-weight: normal;
	font-size:9px;
}

.descriptionTextMenuSelection{
	color: #938C8B;
	font-weight: normal;
	font-size:9px;
}

.enteteTextDate{
  color:#8C8481;
  font-size:12px;
  font-weight: normal;
}

.titreTextDate{
  color:#8C8481;
  font-size:18px;
  font-weight: normal;
}

.titreTextRed{
	color: #BB1D23;/*Rouge*/
	/*color:#493326;*//*marron*/
	font-weight: bold;
	font-size:18px;
}

.titreTextGrisFonce{
	color: #4E4945;
	font-weight: bold;
	font-size:18px;
}

.titreTextRedSelection{
	color: #938C8B;
	font-weight: bold;
	font-size:10px;
}

.titreTextRedMenu{
	color: #BB1D23;
	font-weight: bold;
	font-size:10px;
}



.titreTextRedMenuSelection{
	color: #938C8B;
	font-weight: bold;
	font-size:10px;
}

.textRedBold12{
	color: #BB1D23;
	font-weight: bold;
	font-size:12px;
}

.textRedBold10{
	color: #BB1D23;
	font-weight: bold;
	font-size:10px;
}

a.urlSiteWeb{
  color:#BB1D23;
  font-size:9px;
  font-weight: bold;
  text-decoration: none;
  
  background-image:url(../image/link/fleche_savoir_plus_rouge.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
  padding-right: 24px;
  
}

.textRed11{
	color: #BB1D23;
	font-weight: normal;
	font-size:11px;
}

.textRedBold11{
	color: #BB1D23;
	font-weight: bold;
	font-size:11px;
}

.textBlackBold11{
	color: black;
	font-weight: bold;
	font-size:11px;
}

.textRed11 A{
	color: #BB1D23;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
}

.textTitrePresentation{
	color: Black;
	font-weight: bold;
	font-size:12px;
}

.textTitrePresentationMenu{
	color: Black;
	font-weight: bold;
	font-size:9px;
}

.textTitrePresentationMenuSelection{
	color: #938C8B;
	font-weight: bold;
	font-size:9px;
}

.textDenomination{
 	color:#4e4945;
	font-style: italic;
	font-weight: normal;
	font-size:12px;
}

.textGris{
	color: #938C8B;
	font-weight: normal;
	font-size:10px;
	text-decoration: none;
}

.textGrisCroix{
	color: #938C8B;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
	
}

A.textGris{
	color: #938C8B;
	font-weight: normal;
	font-size:10px;
	text-decoration: none;
}


.textMarron{
	color: #5C4F48;
	font-weight: bold;
	font-size:12px;
}

.textCitation{
 	color:#4e4945;
	font-weight: bold;
	font-size:14px;
	
}

.footer{
	font-weight: normal;
	font-size:11px;
	color: Black;
	clear: both;
	width: 100%;
	border:0;
	margin-top: 4em;
	/*border-top: 1px dotted #CCC;*/
	padding: 2px;
	text-align: center;
}

#hierarchie {
	clear: both;
	color: Black;
	margin-bottom: 2em;
	font-size: 0.66em; }

.menugaucheText{
	color: #5C4F48;
	font-weight: bold;
	font-size:11px;
}

.menugaucheTextRed{
	color: #BB1D23;
	font-weight: bold;
	font-size:11px;
}

.menugaucheBackground{
	background-image:url(../image/menu/menu_barre_gauche.jpg);
	background-repeat: repeat-y;
	padding-left: 15px;
}

.menugaucheBasBackground{
	background-image:url(../image/menu/menu_barre_gauche.jpg);
	background-repeat: repeat-y;
	overflow:hidden;
	height:200px;
	padding-left: 15px;
}


.menugaucheTextTitre{
	color: #BB1D23;
	font-weight: bold;
	font-size:12px;
}

.menuText{
	color: Black;
	font-weight: normal;
	font-size:10px;
}

.menuTextFond{
	color: Black;
	font-weight: normal;
	font-size:10px;
	border: 1px solid black;
	vertical-align: middle;
	margin:0px;
}

.menuTextFondBt{
	color: White;
	font-weight: Bold;
	font-size:10px;
	border: 1px solid black;
	background-color: black;
	vertical-align: middle;
	margin-left:-7px;
}

.menuTextReponse{
	color: #BB1D23;
	font-weight: normal;
	font-style:italic;
	font-size:10px;
}
.classReponse{
	color:#BB1D23;
	font-weight: normal;
	font-style:italic;
	font-size:12px;
	/*border: 1px solid #BB1D23;*/
	/*background-color:#f1f3f8;*/
	margin-top:10px;
}

.classReponseInscriptionPetitDej{
	color:#BB1D23;
	font-weight: normal;
	font-style:italic;
	font-size:12px;
	margin-top:10px;
	float:left;
	width:183px;
	
}

.fondMenuAccueil{
	 background-image:url(../image/menu/menu_netapsys_accueil2.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuPresentation{
	 background-image:url(../image/menu/menu_netapsys_presentation.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuSavoirFaire{
	 background-image:url(../image/menu/menu_savoir_faire.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuReference{
	 background-image:url(../image/menu/menu_references1.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuActualite{
	 background-image:url(../image/menu/menu_actualite2.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuRecrutement{
	 background-image:url(../image/menu/menu_recrutement1.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuContact{
	 background-image:url(../image/menu/menu_Contact.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.fondMenuNewsletter{
	 background-image:url(../image/menu/menu_newletter1.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.active .fondMenuAccueil{
	 background-image:url(../image/menu/menu_netapsys_accueil2.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}
.active .fondMenuPresentation{
	 /*background-image:url(../image/menu/menu_presentation_rouge.jpg);*/
	 background-image:url(../image/menu/menuGrisPresentation.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.active .fondMenuSavoirFaire{
	 /*background-image:url(../image/menu/menu_savoir_faire_rouge.jpg);*/
	  background-image:url(../image/menu/menuGrisSavoirFaire.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.active .fondMenuReference{
	/* background-image:url(../image/menu/menu_references_rouge.jpg);*/
	 background-image:url(../image/menu/menuGrisReferences.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.active .fondMenuActualite{
	 /*background-image:url(../image/menu/menu_actualite_rouge.jpg);*/
	 background-image:url(../image/menu/menuGrisActualite.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.active .fondMenuRecrutement{
	 /*background-image:url(../image/menu/menu_recrutement_rouge.jpg);*/
	 background-image:url(../image/menu/menuGrisRecrutement.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}

.active .fondMenuContact{
	 /*background-image:url(../image/menu/menu_Contact_rouge.jpg);*/
	 background-image:url(../image/menu/menuGrisContact.jpg);
	 background-repeat: no-repeat; 
	 height: 29px;
}


/*-------------------------------------------------------------------------*/
/*   									Accueil    												*/
/*-------------------------------------------------------------------------*/
.headerAccueil{
  background-image:url(../image/header/header_accueil.jpg);
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}

.headerAccueilLogo{
  text-align:left;
  /*background-image:url(../image/logo/netapsys_header.jpg);*/
  width:180px;
  height:63px;
  float:left;
  background-repeat: no-repeat; 
}


.headerAccueilText{
  text-align:left;
  color:#BB1D23;
  height:63px;
  padding-top:27px;
  text-align:center;
  width:830px;
  font-size:18px;
  float:left;
  font-weight: bold;
}

.bodyAccueil{
  margin-top:10px;
  width:1015px;
}

.accueilBloc1,.accueilBloc2,.accueilBloc3,.accueilBloc4,.accueilMenuHaut{
   background-repeat: no-repeat; 
}
.accueilLeft,.accueilBloc1,.accueilBloc3{
  text-align:left;
  width:475px;
  float:left;
}

.accueilRight,.accueilBloc2,.accueilBloc4{
  text-align:left;
  width:360px;
  float:left;
}

.accueilMenu{
	text-align:left;
  	width:180px;
  	float:right;
}	

.accueilMenuHaut{
  text-align:left;
  width:180px;
  float:right;
}


  

.accueilBloc1{
  background-image:url(../image/bloc/accueil_1.jpg);
  height:310px;
  margin-top:10px;
}

.accueilBlocClick{
	height:50px;
	width:475px;
	cursor:pointer;
}

.accueilBloc2{
  background-image:url(../image/bloc/accueil_2.jpg);
  height:255px;
  margin-top:10px;
}
.accueilBloc3{
  background-image:url(../image/bloc/accueil_3.jpg);
  height:255px;
}
.accueilBloc4{
  background-image:url(../image/bloc/accueil_4.jpg);
  height:241px;
}
.accueilMenuHaut{
  /*background-image:url(../image/toberemove/menu.jpg);*/
  /*height:293px;*/
  
}
.accueilMenuBlog{
  background-image:url(../image/link/netapsys_blog.jpg);
  background-repeat:no-repeat;
  height:165px;
  width:180px;
}

.accueilBlocText{
  overflow:hidden;
 /*margin-top:50px;*/
  margin-left:35px;
  margin-right:108px;
}

.accueilBlocText4{
	/*margin-top:50px;*/
  margin-left:35px;
}

.accueilBlocTextMargin{
  overflow:hidden;
  margin-top:-30px;
  margin-left:135px;
}

.accueilBlocTextMargin2{
	margin-left:215px;
}

.accueilTextDate{
  color:#8C8481;
  font-size:12px;
  font-weight: normal;
}

.accueilTextTitreRouge{
  color:#BB1D23;/*Rouge*/
  /*color:#493326;/*Marron*/
  font-size:11px;
  font-weight: bold;
}

.accueilTextGris{
  color:#5D534A;/*#CECAC7; gris claire*/
  font-size:15px;
  font-weight: bold;
}

.accueilText{
  color:black;
  font-size:10px;
  font-weight: normal;
}

.accueilTextSavoirPlus{
  /*color:#CECAC7; gric claire*/
  color:#5D534A;
  font-size:9px;
  font-weight: bold;
  text-align: right;
  margin-right:10px;
  text-decoration: none;
 
  
}

a.accueilTextSavoirPlus{
    /*color:#CECAC7;*/
     color:#5D534A;
  font-size:9px;
  font-weight: bold;
  text-decoration: none;
  
  background-image:url(../image/link/fleche_savoir_plus.jpg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 28px;
  
}

/*-------------------------------------------------------------------------*/
/* Presentation Societe */
/*-------------------------------------------------------------------------*/
.bodyPresentation{
  margin-top:10px;
  width:1015px;
}

.presentationSteBlocEnteteText{
  margin-top:10px;
  margin-left:5px;
  text-align:left;
}

.presentationSteBlocTitreTextRed{
  text-align:left;
  color:#BB1D23;
  font-size:14px;
  font-weight: bold;
}

.presentationSteBlocRightText{
 text-align:right;
 color:black;
 font-size:12px;
 margin-left:179px;
}

.presentationSteBlocText{
  text-align:left;
  color:black;
  font-size:12px;
}

.textRed{
	color: #BB1D23;
}

.textRedBold{
	color: #BB1D23;
	font-weight: bold;
	font-size:18px;
}


.presentationSteLeft{
  text-align:left;
  width:830px;
  float:left;
}


.presentationSteBlocGauche{
	margin-top:10px;
	margin-left:50px;
	text-align:left;
 	width:160px;
  	float:left;
	font-size:10px;
}

.presentationSteBlocCentre{
	text-align:left;
 	width:600px;
  	float:left;
}

.presentationSteBlocCentreGauche1{
	text-align:left;
 	width:134px;
	height:320px;
  	float:left;
}

.presentationSteBlocCentreGauche2{
 	width:156px;
	height:320px;
	margin-left:5px;
  	float:left;
	background-image:url(../image/bloc/jeremy_rousselle_seul.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.presentationSteBlocCentreDroite1{
 	width:174px;
	height:320px;
  	float:left;
	background-image:url(../image/bloc/yohann_hebert_seul.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.presentationSteBlocCentreDroite2{
 	width:130px;
	height:320px;
  	float:left;
	text-align: right;
	
}


.headerPresentationSte{
  background-image:url(../image/header/header_PresentSte_fond.jpg);
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}

.presentationSteBloc1{
  background-image:url(../image/bloc/BlocGrisSociete.jpg);
  height:76px;
  background-repeat: no-repeat; 
  overflow:hidden;
}

.presentationSteBlocText{
  overflow:hidden;
  margin-top:1px;
  margin-left:1px;
  font-size:10px;
  
}

.presentationSteMenuHaut{
  background-image:url(../image/toberemove/menu_droite_PresentSte.jpg);
  height:334px;
  margin-top:15px;
}
.presentationSteMenuNewsletter{
  background-image:url(../image/link/bloc_newsletter.jpg);
  height:127px;
  background-repeat: no-repeat; 
}

.sautLigne{
	height: 15px;
}

/*-------------------------------------------------------------------------*/
/* Presentation Societe Comite Direction */
/*-------------------------------------------------------------------------*/
.headerPresentationSteComiteDirection{
  background-image:url(../image/header/header_presentComite.jpg);
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}

.presentationSteComiteDirecteurBloc1{
  background-image:url(../image/bloc/BlocGrisComiteDirection.jpg);
  /*background-image:url(../image/bloc/Bloc_ComiteDeDirection.jpg);*/
  height:76px;
  background-repeat: no-repeat; 
  overflow:hidden;
}

.presentationSteComiteDirecteurText{
  margin-top:36px;
  margin-left:275px;
  text-align:left;
}

.ComiteDirecteurMenu{
  text-align:left;
  margin-top:-10px;
  width:180px;
  float:left;
}

.presentationSteComiteDirecteurMenuHaut{
  background-image:url(../image/toberemove/Menu_Presentation_Comite_Di.jpg);
  background-repeat: no-repeat; 
  height:345px;
}

.presentationSteComiteDirecteurMenuNewsletter{
  background-image:url(../image/link/bloc_newsletter.jpg);
  height:127px;
  background-repeat: no-repeat; 
  margin-left:10px;
}

.presentationSteComiteDirecteurBlocCentre{
	text-align:left;
	margin-top:20px;
   margin-left:50px;
 	width:810px;
	/*height: 150px;*/
  	float:left;
}

.presentationSteComiteDirecteurBlocCentre1{
	/*background-image:url(../image/bloc/portrait_Yohann_Hebert.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
	text-align:left;
 	width:250px;
	/*height: 220px;*/
  	float:left;
}

.presentationSteComiteDirecteurBlocCentre2{
	text-align:left;
 	width:250px;
	/*height: 220px;*/
  	float:left;
	/*background-image:url(../image/bloc/portrait_Jeremy_Roussellle.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
}

.presentationSteComiteDirecteurBlocCentre3{
	text-align:left;
	margin-left:5px;
 	width:260px;
	/*height: 220px;*/
  	float:left;
	/*background-image:url(../image/bloc/portrait_Jean_Baptiste_Defa.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
}
.presentationSteComiteDirecteurBlocCentre4{
 	width:240px;
	/*height: 220px;*/
	text-align:left;
  	float:left;
	margin-right: 10px;
}
.presentationSteComiteDirecteurBlocCentre5{
	text-align:left;
 	width:250px;
	/*height: 220px;*/
  	float:left;
	/*background-image:url(../image/bloc/portrait_vide.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
}
.presentationSteComiteDirecteurBlocCentre6{
	text-align:left;
	margin-left:5px;
 	width:265px;
	/*height: 220px;*/
  	float:left;
/*	background-image:url(../image/bloc/portrait_Sebastien_Roul.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
}

.presentationSteComiteDirecteurBlocCentreText{
  margin-top:0px;
  margin-left:75px;
  margin-right:5px;
  text-align:left;
}

.presentationSteComiteDirecteurBlocCentreTextTitre{
	color: #BB1D23;
	font-weight: bold;
	font-size:14px;
}
.presentationSteComiteDirecteurBlocCentreTextDenomination{
 	color:#4e4945;
	font-style: italic;
	font-weight: normal;
	font-size:12px;
}

.presentationSteComiteDirecteurBlocCentreTextCitation{
 	color:#4e4945;
	font-weight: bold;
	font-size:14px;
}

.presentationSteComiteDirecteurBlocCentreTextCitationRouge{
	color:#BB1D23;
	font-weight: bold;
	font-size:20px;
}

.presentationSteComiteDirecteurBlocCentreTextCitationDenomination{
	color:#B3A08D;
	font-size:11px;
	text-align: left;
	/*margin-right:250px;*/
}
/*-------------------------------------------------------------------------*/
/* Presentation Notre Culture */
/*-------------------------------------------------------------------------*/

.presentationSteNotreCultureBloc1{
  background-image:url(../image/bloc/BlocGrisNotreCulture.jpg);
  height:76px;
  background-repeat: no-repeat; 
  margin-top:0px;
}

.notreCultureMenu{
  text-align:left;
  margin-top:-78px;
  width:180px;
  float:left;
}

.notreCultureMenuHaut{
  background-image:url(../image/toberemove/Menu_Presentation_NotreCulture.jpg);
  background-repeat: no-repeat; 
  height:345px;
}

.notreCultureMenuRecrutement{
  background-image:url(../image/link/Bloc_recrutement.jpg);
  height:127px;
  background-repeat: no-repeat; 
  /*margin-left:11px;*/
}

.presentationSteNotreCultureBlocCentre{
	text-align:left;
	margin-top:10px;
    margin-left:50px;
 	width:780px;
	height: 685px;
  	float:left;
  	
	background-image:url(../image/bloc/Bloc_Photos_Reunion.jpg);
	background-repeat: no-repeat;
	background-position:right 395px;
}

.presentationSteNotreCultureBlocCentre img{
	  	float:left;
	  	margin-top:0px;
	  	/*margin-right:9px;*/
	  	
}
.presentationSteNotreCultureBlocCentreBasGauche{
	width:435px;
	text-align:left;
	float:left;
}

.presentationSteNotreCultureBlocPhotosDroite{
	margin-top:10px;
	padding: 10px 5px 15px 46px;
	
}


.presentationSteNotreCultureBlocCentreTextTitre{
 	color:Black;
	font-weight: bold;
	font-size:16px;
}

.presentationSteNotreCultureBlocCentreText{
 	color:Black;
	font-weight: normal;
	font-size:12px;
}

.presentationSteNotreCultureBlocCentreTextRed{
	color: #BB1D23;
	font-weight: bold;
	font-size:14px;
}

.presentationSteNotreCultureBlocCentreTextCitation{
	margin-left:10px;
}

/*-------------------------------------------------------------------------*/
/* Savoir	Faire */
/*-------------------------------------------------------------------------*/
.headerSavoirFaire{
  /*background-image:url(../image/header/header_SavoirFaire.jpg);*/
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}

.savoirFaireBloc1{
  background-image:url(../image/bloc/BlocGrisNotreOffre.jpg);
  height:76px;
  background-repeat: no-repeat; 
   overflow:hidden;
}

.savoirFaireBlocExpertise{
  background-image:url(../image/bloc/BlocGrisNotreExpertise.jpg);
  height:76px;
  background-repeat: no-repeat; 
   overflow:hidden;
}

.savoirFaireMenu{
  text-align:left;
  margin-top:-78px;
  width:180px;
  float:left;
}

.savoirFaireMenuHaut{
  background-image:url(../image/toberemove/Menu_SavoirFaire_NotreOffre.jpg);
  background-repeat: no-repeat; 
  height:332px;
}

.savoirFaireMenuRecrutement{
  background-image:url(../image/link/Bloc_recrutement.jpg);
  height:127px;
  background-repeat: no-repeat; 
}

.savoirFaireBlocCentre{
	text-align:left;
	color:black;
	font-size:12px;
	margin-top:10px;
	margin-left:50px;
 	width:780px;
	height: 420px;
  	float:left;
	background-image:url(../image/bloc/photo_homme_ordi2.jpg);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.savoirFaireTextRed{
	color: #BB1D23;
	font-weight: bold;
	font-size:14px;
}

.savoirFaireTextRedBold{
	color: #BB1D23;
	font-weight: bold;
	font-size:20px;
}

.savoirFaireBlocCentreGauche{
	width:470px;
}

.savoirFaireBlocCentreGauche2{
	width:400px;
}

.savoirFaireBlocCentreDroit{
	width:240px;
	height:150px;
	color:Black;
	font-weight: bold;
	font-size:16px;
	text-align:left;
	widows: inherit;
	position: relative; 
	left: 505px; 
	top: -300px;
}
/*-------------------------------------------------------------------------*/
/* Référence 1 */
/*-------------------------------------------------------------------------*/
.bodyReference1{
	float:left;
	width:530px;
	margin-left: 30px;
	
}

.headerReference1{
  background-image:url(../image/header/header_ref1.jpg);
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}

.reference1Bloc1{
  background-image:url(../image/bloc/Bloc.jpg);
  height:76px;
  background-repeat: no-repeat; 
  margin-left: -35px;
}



.referenceMenu{
  text-align:left;
  margin-top:-80px;
  width:180px;
  float:left;
}

.referenceMenuHaut{
  background-image:url(../image/toberemove/Menu_References_Secteur_Pub.jpg);
  background-repeat: no-repeat; 
  height:361px;
}

.referenceMenuRecrutement{
  background-image:url(../image/link/Bloc_recrutement.jpg);
  height:127px;
  background-repeat: no-repeat; 
}

.referenceMenuSupplementaire{
  background-image:url(../image/toberemove/Menu_Secteur_Public2.jpg);
  background-repeat: no-repeat; 
  height:452px;
  width: 250px;
  text-align:left;
  margin-top:10px;
  float:left;
  margin-left: 15px;
}

.referenceBlocCentre{
	width:510px;
	float:left;
	margin-top:-58px;
	margin-left:20px;
	color:Black;
	font-weight: normal;
	font-size:12px;
	text-align:left;
}

.referenceBlocCentreTextBold{
	color:Black;
	font-weight: bold;
	font-size:12px;
}

.referenceBlocCentreText10{
	color:Black;
	font-weight: normal;
	font-size:10px;
}

.referenceBlocCentreText10Bold{
	color:Black;
	font-weight: bold;
	font-size:10px;
}

.referenceBlocCentreText10Italic{
	color:Black;
	font-style:italic;
	font-size:10px;
}

/*-------------------------------------------------------------------------*/
/* Référence 2 */
/*-------------------------------------------------------------------------*/
.referenceMenuSupplementaireLogo{
  background-image:url(../image/entete_menu.png);
  background-repeat: no-repeat; 
  /*height:452px;*/
  width: 260px;
  text-align:left;
  
  margin-top:1px;
  margin-left:5px;
  float:left;
}

.referenceMenuSupplementaireLogo img{
  text-decoration: none;
}

.referenceMenuSupplementaireText{
	margin-top:35px;
  	margin-left:25px;
}

.referenceBlocCentreTextBold13{
	color:Black;
	font-weight: bold;
	font-size:13px;
}

.referenceBlocCentreText10Menu{
	color:#4E4945;
	font-weight: lighter;
	font-size:9px;
}

.referenceBlocCentreText10Menu a{
	color:#4E4945;
	font-weight: normal;
	font-size:9px;
}

.referenceBlocCentreText10MenuSelectionne{
	color:Black;
	font-weight: bold;
	font-size:9px;
}

.referenceBlocCentreText10MenuSelectionne a{
	color:Black;
	font-weight: bold;
	font-size:9px;
}

.menuSelectionne a{
	color:Black;
	font-weight: bold;
	font-size:9px;
}
.menuSelectionne{
	background-image:url(../image/selection.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.menuSelectionneText{
	margin-left:12px;
}

.menuSelectionneRecutementText{
	margin-left:31px;
}

.menuSelectionneRecrutement{
	background-image:url(../image/selection.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
}

.menuPaginationText{
	margin-left:12px;
	text-align: center;
}

/*-------------------------------------------------------------------------*/
/* Actualite */
/*-------------------------------------------------------------------------*/

.bodyActualite{
	float:left;
	width:530px;
	margin-left: 30px;
}

.headerActualite{
 /* background-image:url(../image/header/header_actualite.jpg);*/
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}
.actualiteBloc1{
  background-image:url(../image/bloc/BlocGrisCommuniques.jpg);
  height:76px;
  background-repeat: no-repeat; 
 /*overflow:hidden;*/
  margin-left: -30px;
}

.actualiteBlocRevuePresse{
  background-image:url(../image/bloc/BlocGrisRevuePresse.jpg);
  height:76px;
  background-repeat: no-repeat; 
 /*overflow:hidden;*/
  margin-left: -30px;
}

.actualiteBlocNewsletters{
  background-image:url(../image/bloc/BlocGrisNewsletters.jpg);
  height:76px;
  background-repeat: no-repeat; 
  overflow:hidden;
  margin-left: -30px;
}

.actualiteBloc2{
 
  margin-left: 20px;
}

.actuBloc1{
  background-image:url(../image/bloc/Bloc_Actualite.jpg);
  height:76px;
  background-repeat: no-repeat; 
 
}

.actuBlocCentre{
	text-align:left;
	color:black;
	font-size:12px;
	margin-top:10px;
	margin-left:30px;
 	width:800px;
  	float:left;
}

.actualiteTextDate{
	color:Black;
	font-weight: normal;
	font-size:14px;
}

.actualiteTextTitreRed{
	color: #BB1D23;
	font-weight: bold;
	font-size:18px;
}

.actualiteTextTitrePresentation{
	color: Black;
	font-weight: bold;
	font-size:12px;
}
.actualiteTextTitrePresentationGris{
	color: #938C8B;
	font-weight: normal;
	font-size:12px;
}

.actualiteText{
	color: Black;
	font-weight: normal;
	font-size:10px;
}


.actualiteBlocCentreOnglet{
	float:left;
	margin-left:-22px;
	position: relative;
	width: 330px;
	/*margin-top:-45px;*/
}

.actualiteBlocCentreOngletTelecharger{
	float:left;
 	background-image:url(../image/link/onglet_telecharger.jpg);
  	height:41px;
	width:83px;
  	background-repeat: no-repeat; 
   overflow:hidden;
}

.actualiteBlocCentreOngletImprimer
{
	float:left;
 	background-image:url(../image/link/onglet_imprimer.jpg);
  	height:41px;
	width:83px;
  	background-repeat: no-repeat; 
   overflow:hidden;
}
.actualiteBlocCentreOngletEnvoyer
{
	float:left;
 	background-image:url(../image/link/onglet_envoyer1.jpg);
  	height:50px;
	width:134px;
  	background-repeat: no-repeat; 
   overflow:hidden;
   margin-left: 10px;
}
.actualiteBlocCentreOngletLiens
{
	float:left;
 	background-image:url(../image/link/onglet_liens.jpg);
  	height:41px;
	width:83px;
  	background-repeat: no-repeat; 
   overflow:hidden;
}

.actualiteMenuSupplementaire{
  /*background-image:url(../image/toberemove/Menu_Actualite_Deroulant.jpg);*/
  /*background-repeat: no-repeat;*/ 
  background-image:url(../image/entete_menu.png);
  background-repeat: no-repeat; 
  /*height:452px;*/
  width: 250px;
  text-align:left;
  margin-top:2px;
  margin-left:8px;
  float:left;
}

.actualiteMenuSupplementaireText{
	  margin-top:30px;
	  margin-left:15px;
}

.actualiteMenu{
  text-align:left;
  margin-top:-80px;
  width:180px;
  float:left;
}

.actualiteMenuHaut{
  background-image:url(../image/toberemove/Menu_Actualite.jpg);
  background-repeat: no-repeat; 
  height:315px;
  margin-left:10px;
}

.actualiteMenuBlog{
  background-image:url(../image/link/menu_blog.jpg);
  height:182px;
  background-repeat: no-repeat; 
  margin-left:10px;
}

/*-------------------------------------------------------------------------*/
/* Matinale */
/*-------------------------------------------------------------------------*/
.bodyMatinale{
  margin-top:10px;
  width:1000px;
}
.matinaleBloc1{
  background-image:url(../image/bloc/Bloc-petitdej.jpg);
  height:78px;
  background-repeat: no-repeat; 
  overflow:hidden;
  margin-top:30px;
  margin-left:20px;
}

.matinaleEntete{
	float:left;
	text-align: justify;
	margin-left:210px;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
	
}

.matinaleBlocGauche{
	/*margin-top:35px;*/
	margin-left:28px;
	width:510px;
	color: Black;
	font-weight: normal;
	font-size:11px;
	float:left;
}

.matinaleBlocDroit{
	width:443px;
	color: Black;
	/*font-weight: bold;*/
	font-size:11px;
	float:left;
	text-align:left;
	/*margin-top:35px;*/	
	margin-left:18px;
}

.matinaleTextTitreDenomination{
	color: #93847B;
	font-weight: bold;
	font-size:12px;
	text-align: left;
}

.matinaleBlocCentreOnglet{
	width:510px;
	float:left;
	margin-top: 20px;
	margin-left: 15px;
	position: relative;
}

.matinaleBlocHautOnglet{
	width:510px;
	float:left;
	/*margin-top: -354px;*/
	margin-left: 550px;
	position: relative;
}


.matinaleBlocCentreOngletInscrire{
	float:left;
 	background-image:url(../image/link/Onglet_s_inscrire.jpg);
  	height:30px;
	width:134px;
  	background-repeat: no-repeat; 
   	overflow:hidden;
}

.matinaleBlocHautOngletInscrire{
	float:left;
 	background-image:url(../image/link/Onglet_s_inscrire_Haut.jpg);
  	height:30px;
	width:134px;
  	background-repeat: no-repeat; 
   	overflow:hidden;
}

.matinaleBlocHautOngletPlan{
	float:left;
 	background-image:url(../image/link/Onglet_Plan_Haut.jpg);
  	height:30px;
	width:134px;
  	background-repeat: no-repeat; 
   	overflow:hidden;
}

.matinaleBlocCentreOngletPlan{
	float:left;
 	background-image:url(../image/link/Onglet_Plan.jpg);
  	height:30px;
	width:134px;
  	background-repeat: no-repeat; 
   	overflow:hidden;
}
/*-------------------------------------------------------------------------*/
/* Recrutement */
/*-------------------------------------------------------------------------*/
.headerRecrutement{
  background-image:url(../image/header/header_recrute.jpg);
  height:233px;
  width:1015px;
  background-repeat: no-repeat; 
}
.recrutementBloc1{
  background-image:url(../image/bloc/BlocGrisRessourcesHumaines.jpg);
  height:76px;
  background-repeat: no-repeat; 
   overflow:hidden;
}
.recrutementBlocPosteOuvert{
  background-image:url(../image/bloc/BlocGrisPostesOuverts.jpg);
  height:76px;
  background-repeat: no-repeat; 
   overflow:hidden;
}

.recrutementBlocTemoignages{
  background-image:url(../image/bloc/BlocGrisTemoignages.jpg);
  height:76px;
  background-repeat: no-repeat; 
   overflow:hidden;
}
.recrutementBlocCentre{
	width:790px;
	float:left;
	color:Black;
	font-weight: normal;
	font-size:12px;
	text-align:left;
	margin-left: 40px;
}

.recrutementEntete{
	float:left;
	text-align: justify;
	margin-left:210px;
	margin-top:38px;
	
}

.recrutementEnteteTitre{
	float:left;
	text-align: justify;
	margin-left:50px;
	margin-top:45px;
	color: #BB1D23;
	font-weight: bold;
	font-size:20px;
	
}

.recrutementBlocGauche{
	margin-left:50px;
	margin-top:10px;
	width:490px;
	color: Black;
	font-weight: normal;
	font-size:11px;
	float:left;
}

.recrutementBlocDroit{
	width:260px;
	color: Black;
	font-weight: bold;
	font-size:11px;
	float:left;
	text-align:left;
	margin-top:5px;	
	margin-left:18px;
}

.recrutementPosteOuvert{
 	background-image:url(../image/entete_menu.png);
	/*background-position: 150px;
	vertical-align: middle;*/
  	height:55px;
	width:100%;
  	/*background-repeat: no-repeat;*/ 
	margin-top:-13px;	
	color: Black;
	font-weight: bold;
	font-size:16px;
	
}

.recrutementPosteOuvertText{
	margin-top:-25px;	
	margin-left:30px;
	color: Black;
	font-weight: bold;
	font-size:16px;
}
.recrutementPhoto{
 	background-image:url(../image/bloc/portrait_Vincent_Durand.jpg);
  	width:76px;
  	height:96px;
  	background-repeat: no-repeat; 	
	float:left;
	margin-top:15px;
}

.recrutementPhotoText{
  	/*width:380px;*/
	float:right;
	margin-top:15px;
	/*background-image:url(../image/menu/menu_barre_gauche.jpg);
	background-repeat:repeat-y;*/
}


.recrutementBlocCentreOnglet{
	height: 50px;
	float:left;
	margin-top: 5px;
	margin-left: -11px;
	position: relative;
}

.recrutementBlocCentreOngletPostuler{
	float:left;
 	background-image:url(../image/link/Onglet_Postulez_ici.jpg);
  	height:30px;
	width:134px;
  	background-repeat: no-repeat; 
    overflow:hidden;
}

.postulerOuvert{
	background-image:url(../image/link/fond_postuler.gif);
	background-repeat: no-repeat; 
	height:348px;
	position:absolute;
	left:6px;
	top:-314px;
	/*background-color:white;*/
}

.planOuvert{
	background-image:url(../image/link/fond_plan.gif);
	background-repeat: no-repeat; 
	height:348px;
	position:absolute;
	left:140px;
	top:-314px;
	/*background-color:white;*/
}

.planOuvertHaut{
	background-image:url(../image/link/fond_plan_haut.gif);
	background-repeat: no-repeat; 
	height:348px;
	position:absolute;
	left:-183px;
	
	/*background-color:white;*/
}

.inscrireOuvert{
	background-image:url(../image/link/fond_s_inscrire.gif);
	background-repeat: no-repeat; 
	height:348px;
	position:absolute;
	left:6px;
	top:-314px;
	/*background-color:white;*/
}

.inscrireOuvertHaut{
	background-image:url(../image/link/fond_s_inscrire_haut.gif);
	background-repeat: no-repeat; 
	height:350px;
	position:absolute;
	left:-317px;
	/*background-color:white;*/
}


.amiOuvert{
	background-image:url(../image/link/fond_envoyer.gif);
	background-repeat: no-repeat; 
	height:348px;
	position:absolute;
	left:17px;
	top:-314px;
}

.recrutementMenu{
  text-align:left;
  margin-top:-98px;
  width:180px;
  float:left;
}

.recrutementMenuHaut{
  background-image:url(../image/toberemove/Menu_Recrutement.jpg);
  background-repeat: no-repeat; 
  height:320px;
  margin-left:10px;
}

.recrutementMenuNewsletter{
  background-image:url(../image/link/bloc_newsletter.jpg);
  height:167px;
  background-repeat: no-repeat; 
  /*margin-left:11px;*/
  /*margin-top:-3px;*/
}

.recrutementTextTitreRed{
	color: #BB1D23;
	font-weight: bold;
	font-size:18px;
	text-align: left;
}

.guillemetGauche{
	background-image:url(../image/guillemet_gauche.jpg);
  	background-repeat: no-repeat; 
  	height:13px;
  	width:13px;
	float:left;
	margin-right:5px;
}

.guillemetDroit{
	background-image:url(../image/guillemet_droite.jpg);
  	background-repeat: no-repeat;
  	height:13px;
  	width:13px;
   	margin-right:5px;
  	margin-left:2px;
}


.recrutementTextTitreRed14{
	color: #BB1D23;
	font-weight: bold;
	font-size:14px;
}

.recrutementTextTitreDenomination{
	color: #93847B;
	font-weight: bold;
	font-size:12px;
	text-align: left;
}

.recrutementTextTitreDenominationMenu{
	color: #93847B;
	font-weight: bold;
	font-size:10px;
	text-align: left;
}

/*-------------------------------------------------------------------------*/
/* Contact */
/*-------------------------------------------------------------------------*/

.contactMenu{
  text-align:left;
  width:190px;
  float:left;
  margin-left:835px;
}

.contactMenuHaut{
  background-image:url(../image/toberemove/Menu_Contact.jpg);
  background-repeat: no-repeat; 
  height:320px;
  margin-left:0px;
 
}

.contactMenuRecrutement{
  background-image:url(../image/link/Bloc_recrutement.jpg);
  height:167px;
  background-repeat: no-repeat; 
}

.contactBlocParis{
  background-image:url(../image/bloc/BlocGrisParisPetit270.jpg);
  width:398px;
  background-repeat: no-repeat; 
  overflow:hidden;
  float:left;
  color:Black;
  font-weight: normal;
  font-size:10px;
  text-align:left;
}

.contactBlocNantes{
  background-image:url(../image/bloc/BlocGrisNantesPetit270.jpg);
  width:427px;
  background-repeat: no-repeat; 
  background-position:102px 0px;
  overflow:hidden;
  float:left;
  color:Black;
  font-weight: normal;
  font-size:10px;
  text-align:left;
}

.contactBlocNantesGrand img{
	border:0;
}	

.adresseParis{
  width:378px;
  float:left;
  margin-left:45px;
  margin-top:70px;
}

.adresseParis img{
  float:left;
  /*margin-left:135px;*/
  margin-top:10px;
  border:0;
}


.adresseNantes{
  width:405px;
  margin-left:150px;
  margin-top:70px;
 /* float:right;	
  clear: both;*/
}

.adresseNantes img{
 
  margin-right:25px;
  margin-right:-8px;
  margin-top:15px;
  float:left;	
  border:0;
}

.HommeFemme{
	background-image:url(../image/bloc/homme_femme.jpg);
    background-repeat: no-repeat; 
	height:469px;
	background-position: 53% 50%;
	float:left;	
}

.contactBlocParisGrand{
  background-image:url(../image/bloc/Bloc_Paris_seul.jpg);
  width:830px;
  background-repeat: no-repeat; 
  overflow:hidden;
  float:left;
  color:Black;
  font-weight: normal;
  font-size:10px;
  text-align:left;
}

.adresseNantesGrand{
  float:left;
  margin-left:50px;
}

.contactBlocNantesGrand{
  overflow:hidden;
  float:left;
  color:Black;
  font-weight: normal;
  font-size:10px;
  text-align:left;
}

.contactSiret{
	text-align: center;
	clear: both;
	font-size:10px;
	font-style:normal;
	color:Black;
	padding-top:38px;
	}
/*-------------------------------------------------------------------------*/
/* Fin */
/*-------------------------------------------------------------------------*/