/* -------------------------- 
	CONFIGURATION
--------------------------- */
body{overflow:hidden;}

#contenu {
	position:absolute;
	left:1px;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	outline:none;	
}
#contenuTexte{
	position:relative;
	width:664px;
	margin:0 auto;
	height:100%;
	min-height:100%;
	display:table;
	/*padding:220px 0px 150px 313px;*/
	padding:220px 10px 50px 292px;
	background: /*#00FF00*/ url(../images/charte/bg-container3.gif) 278px 0 repeat-y;
}

/* -------------------------- 
	GAUCHE
--------------------------- */
#contenu .blocContenu {
	position:relative;
	float:left;
	width:358px;
	padding-bottom:15px;
	margin-left:10px;
	background:url(../images/integration/blocContenu.gif) left top repeat-y;
}
#contenu .blocContenuTop {
	float:left;
	width:100%;
	min-height:370px;
	padding-top:30px;
}
#contenu .blocContenuBottom {
	width:355px;
	height:21px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/integration/blocContenuBottom.gif) left top no-repeat;
}
	/*01*/
	#contenu .blocContenu.cbg01 .blocContenuTop {background:url(../images/integration/blocContenuTop.gif) left top no-repeat;}
	/*02*/
	#contenu .blocContenu.cbg02 .blocContenuTop {background:url(../images/integration/blocContenuTop02.gif) left top no-repeat;}
	/*03*/
	#contenu .blocContenu.cbg03 .blocContenuTop {background:url(../images/integration/blocContenuTop03.gif) left top no-repeat;}

#contenu .blocContenu .blocTexte {
	padding-left:40px;
	padding-right:30px;
}

/* -------------------------- 
	DROITE
--------------------------- */
#contenu .blocInformation {
	position:relative;
	float:right;
	width:256px;
	padding-bottom:15px;
	margin-right:10px;
	background:url(../images/integration/blocInformation.gif) left top repeat-y;
}
#contenu .blocInformationTop {
	float:left;
	width:100%;
	min-height:370px;
	padding-top:30px;
}
#contenu .blocInformationBottom {
	width:256px;
	height:21px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/integration/blocInformationBottom.gif) left top no-repeat;
}

	/* 01 */
	#contenu .blocInformation.cfbg01 .blocInformationTop {background:url(../images/integration/blocInformationTop.gif) left top no-repeat;}
	/*02*/
	#contenu .blocInformation.cfbg02 .blocInformationTop {background:url(../images/integration/blocInformationTop02.gif) left top no-repeat;}	
	/*03*/
	#contenu .blocInformation.cfbg03 {background:url(../images/integration/blocInformation03.gif) left top repeat;}
	#contenu .blocInformation.cfbg03 .blocInformationTop {background:url(../images/integration/blocInformation03.gif) left top no-repeat;}
	#contenu .blocInformation.cfbg03 .blocInformationBottom {background:url(../images/integration/blocInformation03.gif) left top no-repeat;}

#contenu .blocInformation .blocTexte {
	padding-left:25px;
	padding-right:33px;
}


/* -------------------------- 
	VISUEL DROITE
--------------------------- */
#contenu .blocVisuel {
	position:relative;
	float:right;
	width:265px;
	padding-bottom:15px;
	min-height:370px;
	text-align:center;
}

/* -------------------------- 
	LISTE
--------------------------- */
#contenu ul.listePartenaire {
	float:left;
	width:96%;
	list-style:none;
	margin:0 0 20px 0;
	font-size:1em;
	color:#CCC;
}	
#contenu ul.listePartenaire li {
	padding:0 0 2px 5px;
	margin:0 0 5px 0;
	font-size:13px;
	background:none;
	background-color:#191919;
	border:1px dotted #201f1f;
	line-height:13px;
}
#contenu ul.listePartenaire li a:link, #contenu ul.listePartenaire li a:visited  {color:#CCC;}
#contenu ul.listePartenaire li a:hover, #contenu ul.listePartenaire li a:active {color:#FF9900;}

/* ------------------------------------------------------------------------------------------------------------------------------ 
																CONTENU
------------------------------------------------------------------------------------------------------------------------------- */

/* -------------------------- 
	LES BUSINESS PACKS
--------------------------- */
#contenu #blocBusinessPacks {
	width:450px;
	height:170px;
	margin:0 auto 20px auto;
}
#contenu #blocBusinessPacks img {
	float:left;
	margin:0 5px;
}
#contenu h4 a:link.picto, #contenu h4 a:visited.picto {
	text-transform:uppercase;
	text-align:center;
	display:block;
	color:#FFF;
}	
#contenu h4 a:hover.picto, #contenu h4 a:active.picto {color:#FF9900;}

	
/* -------------------------- 
	PACKS PRESENCE + GESTION + AFFAIRE
--------------------------- */	
#contenu #global_pack {
	text-align:center;
	position:relative;
}
#contenu #global_pack a {
	display:block;
	position:absolute; 
	right:35px; 
	top:170px;
	padding-left:15px;
	font-size:12px;
	z-index:50000;
}
#contenu #global_schema {
	text-align:center;
	margin-bottom:20px;
}

/* -------------------------- 
	CREER SON PROJET WEB
--------------------------- */	
#contenu .blocContenu .blocContenuTop .blocTexte.menuTexte {margin-top:90px;}
#contenu .blocInformation .blocInformationTop .blocTexte.menuTexte {margin-top:90px;}

#contenu #blocMenu, #contenu #global_methodesReferencement #blocMenu {
	width:225px;
	height:50px;
	margin:20px 0 0 120px;
}
#contenu #global_methodesReferencement #blocMenu {margin:30px 0 0 60px;}

#contenu #blocMenu.niveau02 {margin:20px 0 0 140px;}
#contenu #blocMenu div {margin-top:3px;}

#contenu #blocMenu div span {
	float:left;
	color:#FFF;
	margin:5px 6px 0 8px;
	font-size:13px;
	color:#666;
	font-weight:bold;
	font-family:"Trebuchet MS";
}
#contenu #blocMenu div a:link,
#contenu #blocMenu div a:visited {
	font-weight:bold;
	float:left;
	width:27px;
	height:44px;
	padding:5px 0 0 0;
	font-size:13px;
	overflow:hidden;
	text-align:center;
	color:#FFF;
	background:url(../images/integration/sousMenu01.png) left top no-repeat;
}
#contenu #blocMenu div a:link.inactif, #contenu #blocMenu div a:visited.inactif {
	background:url(../images/integration/sousMenu02.png) left top no-repeat;
	color:#666666;
}
#contenu #blocMenu div a:hover.inactif, #contenu #blocMenu div a:active.inactif {
	background:url(../images/integration/sousMenu01.png) left top no-repeat;
	color:#FFF;
	font-weight:bold;
}




/* -------------------------- 
	VISUEL
--------------------------- */
#contenu .blocVisuel #image1 {margin-top:30px;}
#contenu .blocVisuel #image2 {margin-top:0;}
#contenu .blocVisuel #image2 {margin-top:40px;}

/* HEBERGEMENT MESSAGERIE */
#contenu #global_hebergementMessagerie .blocVisuel #image1 {margin-top:120px;}
#contenu #global_hebergementMessagerie .blocVisuel #image2 {margin-top:120px;}
#contenu #global_hebergementMessagerie .blocVisuel #image3 {margin-top:120px;}

/* CONTACT ET MAJ */
#contenu #global_contactMaj .blocVisuel #image1 {margin-top:50px;}
#contenu #global_contactMaj .blocVisuel #image2 {margin-top:130px;}

/* VENDRE EN LIGNE */
#contenu #global_vendreEnLigne .blocVisuel #image1 {margin-top:120px;}
#contenu #global_vendreEnLigne .blocVisuel #image2 {margin-top:120px;}
#contenu #global_vendreEnLigne .blocVisuel #image3 {margin-top:120px;}

/* STATISTIQUES */
#contenu #global_statistiques .blocVisuel #image1 {margin-top:120px;}
#contenu #global_statistiques .blocVisuel #image2 {margin-top:120px;}



/* ------------------------------------------------------------------------------------------------------------------------------ 
												ELEMENTS COMMUNS DU CONTENU
------------------------------------------------------------------------------------------------------------------------------- */

/* -------------------------- 
	A DROITE : TITRES SANS MARGE + VISUELS SANS MARGE
--------------------------- */	
#contenu #global_nomDeDomaine .blocVisuel div,
#contenu #global_solutionsTechniques .blocVisuel div,
#contenu #global_gestionSite .blocVisuel div {margin-top:30px;}

#contenu #global_nomDeDomaine .blocVisuel div.gblSTitre,
#contenu #global_solutionsTechniques .blocVisuel div.gblSTitre {margin-bottom:0;}
#contenu #global_gestionSite .blocVisuel div.gblSTitre {margin-bottom:10px;}


/* -------------------------- 
	GAUCHE : RUBRIQUES AVEC UN MENU + 
	DROIE : VISUELS A DROITE + TITRE SUR VISUEL
--------------------------- */
#contenu #global_creerProjetWeb .blocContenuTop,
#contenu #global_hebergementMessagerie .blocContenuTop,
#contenu #global_contactMaj .blocContenuTop,
#contenu #global_vendreEnLigne .blocContenuTop,
#contenu #global_methodesReferencement .blocInformationTop,
#contenu #global_statistiques .blocContenuTop {
	padding-top:0;
}
#contenu #global_creerProjetWeb .gblSTitre,
#contenu #global_hebergementMessagerie .gblSTitre,
#contenu #global_contactMaj .gblSTitre,
#contenu #global_vendreEnLigne .gblSTitre,
#contenu #global_statistiques .gblSTitre,
#contenu #global_methodesReferencement .blocInformation .blocInformationTop .gblSTitre {
	position:absolute; 
	top:-500px; 
	left:0;
	width:100%;
}

/* -------------------------- 
	LES LISTES AVEC MOINS DE PADDING
--------------------------- */
#contenu #global_creerProjetWeb .blocTexte.listeTexte ul li,
#contenu #global_hebergementMessagerie .blocTexte.listeTexte ul li,
#contenu #global_methodesReferencement .blocTexte.listeTexte ul li,
#contenu #global_statistiques .blocTexte.listeTexte ul li {
	padding-bottom:5px;
	font-size:13px;
	float:left;	
	width:100%;
}



/* ------------------------------------------------------------------------------------------------------------------------------ 
												MODULES DYNAMIQUES
------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------- 
	ACTUALITE
--------------------------- */
#contenu #global_actualites .wrapper {
	float:left;
	width:100%;
}
#contenu #global_actualites .wrapper .blocVue {
	width:100%;
	height:100px;
	margin:8px 0 0 0;
	float:left;
	text-align:center;
}
#contenu #global_actualites .wrapper .blocVue a:link img,
#contenu #global_actualites .wrapper .blocVue a:visited img {
	border:2px solid #333;
	margin:0 7px;
}	
#contenu #global_actualites .wrapper .blocContenu {
	width:290px;
	background:none;
	margin:0;
	padding:0;
}
#contenu #global_actualites .wrapper .blocContenu h5 {
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:3px;
	margin-bottom:5px;
	font-size:13px;
}
#contenu #global_actualites .wrapper .blocContenu p span {
	display:block;
	font-size:11px;
	color:#666;
	margin-bottom:5px;
}
/* -------------------------- 
	ACTUALITE DROITE
--------------------------- */
#contenu #global_actualites .blocInformation .wrapper .blocVue {width:200px;}
#contenu #global_actualites .blocInformation .wrapper .blocVue a:link img,
#contenu #global_actualites .blocInformation .wrapper .blocVue a:visited img {margin:0;}

#contenu #global_actualites .blocInformation .wrapper .blocContenu {
	width:200px;
	float:left;
	background:none;
}
#contenu #global_actualites .blocInformation .wrapper .blocContenu h5,
#contenu #global_actualites .blocInformation .wrapper .blocContenu p span {
	text-align:center;
}		
/* -------------------------- 
	PLAN SITE
--------------------------- */
#contenu #global_planSite {float:left;}
#contenu #global_planSite .blocTexte.listeTexte ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 20px 0;
	font-size:1em;
}	
#contenu #global_planSite .blocTexte.listeTexte ul li {
	padding:0 0 10px 30px;
	font-size:13px;
	float:left;	
	width:100%;
	background:url(../images/integration/pictoListeNeutre.png) left 2px no-repeat;
}
#contenu #global_planSite .blocTexte.listeTexte ul li span {
	float:left;
}
#contenu #global_planSite .blocTexte.listeTexte ul li ul {
	float:left;
	list-style:none;
	margin:10px 0 20px 0;
	font-size:1em;
	list-style:none;
}	
#contenu #global_planSite .blocTexte.listeTexte ul li ul li {
	list-style:none;
	list-style-type:none;
	padding-bottom:10px;
	font-size:13px;
	float:left;	
	width:100%;
	padding-left:15px;
	background:url(../images/integration/picto.gif) left 2px no-repeat;
}
#contenu #global_planSite .blocTexte.listeTexte ul li a:link, 
#contenu #global_planSite .blocTexte.listeTexte ul li a:visited {color:#CCC; font-weight:normal;}
#contenu #global_planSite .blocTexte.listeTexte ul li a:hover, 
#contenu #global_planSite .blocTexte.listeTexte ul li a:active {color:#ff9900; font-weight:normal;}


#contenu #global_mentionsLegales .blocInformation .blocTexte h5 {text-align:center; margin-top:5px;}


/* -------------------------- 
	FORMULAIRE CONTACT
--------------------------- */
#contenu #global_contact {float:left;}
#contenu #global_contact .blocContenu .blocContenuTop .gblSTitre {margin-bottom:0;}
#contenu #global_contact .blocVisuel .gblSTitre {margin-bottom:15px;}

#contenu #blocFormulaire {
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 10px 0;
}
#contenu #blocFormulaire div {
	float:left;
	width:100%;
	margin:0 0 5px 0;
}

#contenu #blocFormulaire  label {
	float:left;
	color:#CCC;
	text-align:right;
	padding:0 15px 0 0;
	width:140px;
	background:url(../images/integration/devis/label.gif) no-repeat left top;
}
#contenu #blocFormulaire  input, 
#contenu #blocFormulaire  textarea, 
#contenu #blocFormulaire  select {
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	border:1px dotted #000;
	background:#333333;
	float:left;
	position:relative;
}
#contenu #blocFormulaire  input:hover , 
#contenu #blocFormulaire  textarea:hover , 
#contenu #blocFormulaire  select:hover {border:1px solid #ff9900;}


/* RADIO + INPUT */
#contenu #blocFormulaire  div.blocRadio {
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}
#contenu #blocFormulaire div.blocRadio label {
	width:auto;
	text-align:left;
}
#contenu #blocFormulaire  div.blocRadio input {
	width:10%;
	margin-right:5px;
	background:none;
}
#contenu #blocFormulaire  div.blocRadio span {
	color:#666;
	text-align:left;
	clear:both;
	margin:0 0 3px 70px;
	display:block;
}
#contenu #blocFormulaire  div.blocInput {
	float:left;
	margin:15px 0 20px 0;

}
#contenu #blocFormulaire  div.blocInput input {
	margin-left:50px;
	width:190px;
}
#contenu #blocFormulaire  div.blocInput span {
	color:#666;
	text-align:left;
	clear:both;
	margin:0 0 3px 70px;
	width:100%;
	display:block;
}

#contenu #blocFormulaire  .captcha {margin-top:10px;}
#contenu #blocFormulaire  .captcha input  {float:none;}
#contenu #blocFormulaire  .captcha p.nota  {text-align:center; padding:0;}
#contenu #blocFormulaire .captcha label {
	width:150px;
	padding:0;
}
/* BOUTONS */
#contenu #blocFormulaire input.btFormulaire {
	width:80px;
	border:1px dotted #000;
	background:#333333;
	color:#FF9900;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	float:none;
}
#contenu #blocFormulaire input.btFormulaire:hover {
	background:#FF9900;
	border:1px dotted #000;
	color:#FFF;
}

/* COORDONNES */
#contenu #global_coordonnnes .blocInformation .blocTexte {padding:0 30px 0 20px;}
#contenu #global_coordonnnes .blocInformation .blocTexte h5 {
	text-align:center;
	margin-top:5px;
}


/* -------------------------- 
	RECRUTEMENT
--------------------------- */
#contenu #global_recrutement #blocFormulaire {margin-bottom:25px;}
#contenu #global_recrutement #blocFormulaire  label {
	float:left;
	color:#666;
	text-align:right;
	padding:0 15px 0 0;
	width:125px;
	background:url(../images/integration/devis/label.gif) no-repeat left top;
}
#contenu #global_recrutement #blocFormulaire  input, 
#contenu #global_recrutement #blocFormulaire  textarea, 
#contenu #global_recrutement #blocFormulaire  select {width:135px;}
#contenu #global_recrutement #blocFormulaire input.btFormulaire {width:80px;}

#contenu #global_recrutement #blocFormulaire  select {font-size:10px;}

/* INPUT FILE */
#contenu #global_recrutement #blocFormulaire div {
	position:relative; 
}
#contenu #global_recrutement #blocFormulaire .file {
	width:135px;
	cursor:pointer;
	float:left;
	margin:0;
}
#contenu #global_recrutement #blocFormulaire .file input.inputFile {
	position:absolute;
	filter:alpha(opacity: 0);
	opacity:0;
	width:145px;
	height:15px;
	z-index:5;
}
#contenu #global_recrutement #blocFormulaire .file input.inputText {
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
	cursor:pointer;
	z-index:3;
	width:115px;
}
#contenu #global_recrutement #blocFormulaire .file img {
	position:absolute;
	top:1px;
	right:0px;
	cursor:pointer;
}

/* -------------------------- 
	OFFRES EMPLOIS
--------------------------- */


/* DETAIL */
#contenu #global_detailOffreEmploi .wrapper {
	float:left;
	width:100%;
}	
#contenu #global_detailOffreEmploi .wrapper .blocContenu {
	width:100%;
	float:left;
	background:none;
}
#contenu #global_detailOffreEmploi .wrapper .blocContenu h5 {
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:3px;
	margin-bottom:5px;
	font-size:13px;
}
#contenu #global_detailOffreEmploi .wrapper .blocContenu h6 {
	color:#FF9900;
	text-align:left;
	padding:2px 0 2px 2px;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	font-size:11px;
	width:97%;
	margin:0 0 5px 0;
	border-bottom:1px dotted #666666;
}

/* LISTING OFFRES */
#contenu #global_offreEmploi .wrapper {
	float:left;
	width:100%;
}	
#contenu #global_offreEmploi .wrapper .blocContenu {
	width:100%;
	float:left;
	background:none;
}
#contenu #global_offreEmploi .wrapper .blocContenu h5 {
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:3px;
	margin-bottom:5px;
	font-size:13px;
}

/* -------------------------- 
	NOS REFERENCES + CHARTE GRAPHIQUE
--------------------------- */
#contenu #global_charteGraphique #galerieFlash {
	width:650px;
	height:155px;
	margin-bottom:15px;
	display:block;
	outline:0;
}
#contenu #global_references #galerieFlash {
	width:635px;
	height:335px;
	margin:0 0 0 30px;
	display:block;
	outline:0;
}

/* -------------------------- 
	PRESENTATION
--------------------------- */
#contenu #global_presentation .sansMarge {margin-bottom:0; padding:0;}
#contenu #global_presentation .gblSTitre.sansMarge {margin:25px 0 0 0;}
#contenu #global_presentation .blocVisuel {min-height:275px; padding-bottom:0;}
#contenu #global_presentation .blocInformationTop {min-height:300px;}


/* -------------------------- 
	ACCUEIL
--------------------------- */
/* VIDEO */
#contenu #blocVideo {
	width:100%;
}
#videoPresentation {
	width:800px;
	height:490px;
	margin:50px 0 0 50px;
}

/* ENCART ACCUEIL */
#contenu #global_accueil #encartAccueil {
	margin-bottom:30px;
}
#contenu #global_accueil #encartAccueil p.left {
	float:left;
	text-align:left;
}
#contenu #global_accueil #encartAccueil p.right {
	float:right;
	text-align:right;
}
#contenu #global_accueil #encartAccueil p {
	padding:0 0 15px 0;
	font-size:14px;
	width:100%
}
#contenu #global_accueil #encartAccueil p span{
	display:block;
	margin-top:4px;
}
#contenu #global_accueil #encartAccueil p span.big {
	font-size:19px;
	color:#FF9900;
	display:inline;
	font-weight:normal;
}


#contenu #global_accueil .blocInformation .blocTexte {
	margin-bottom:15px;
	float:left;
}