@charset "utf-8";

/********************************************/
/* Elements de base */
/********************************************/
a { font-weight: normal; text-decoration: none;}
a:link { color: #0182ac;}
a:visited { color: #0182ac;}
a:focus {color: #0182ac;}
a:hover { color: #6a513a;}
a:active { color: #6a513a;}

#header a:link { color: #6a513a;}
#header a:visited { color: #6a513a;}
#header a:focus {color: #6a513a;}
#header a:hover { color: #0182ac;}
#header a:active { color: #0182ac;} 

body {
background-color: #9e896f;
padding: 0;
margin: 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #6a513a;
}

h1 span,
h2 span,
#ssTitre {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}

h1 a span, #pageAccueil h1 span {/*  logo w3line sur pages interieures   */
background: url(../img/com/logo-w3line.gif) left top no-repeat;
cursor: pointer; /* pour IE */
display: block;
height: 105px;
left: 15px;
margin: 20px 0 0 0;
overflow: visible;
padding: 0;
position: absolute;
text-indent: -10000px;
top: 0;
width: 250px;
}
#pageAccueil h1 span {cursor: default;}


h1, h2, h3, h4, h5, h6 {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}

h3 {
color: #007cc3;
font-size: 14px;
margin: 0 0 10px 0;
}
#pageRealisations h3 { margin: 50px 0 0 0;}
h4 {font-size: 12px;}

img {border: 0;}

input {width: 304px;}
li {font-size: 10px;}
p {margin: 0 0 10px 0;}
.blocRight p {text-align: justify;}
strong {color: #007CC3;}
ul {
margin-bottom: 5px;
margin-top: 5px;
}
/* Conteneurs généraux */
/********************************************/
#global {
  	background-color: #ffffff;
	margin: 15px auto;
	padding: 0 0 15px 0;
	position: relative;
	text-align: left;
	width: 1000px;
}
#footer {
font-size: 0.8em;
margin: 0 auto;
text-align: center;
width: 1000px;
}
#footer strong {color: #6A513A;}
/* Conteneurs HP */
/********************************************/
#headerAccueil {
	background-color: #ffffff;
	width: 970px;
	padding: 10px 0 0 0;
	margin: 15px 15px 0 15px;
}
#basvisuel {
	background-color: #ffffff;
	width: 970px;
	padding: 0 0 0 0;
	margin: 0 15px 0 15px;
}
#contenuAccueil {
	background: #EEEAE7 url(../img/com/bas_visuel.jpg) left top no-repeat;
	height: 195px;/*130*/
	margin: 0 15px 0 15px;
	min-height: 200px;
	padding: 185px 0 10px 0;
	width: 970px;
}
html>body #contenuAccueil {
	height: auto;
	min-height: 200px;
}
/* Conteneurs Pages Interieures */
/********************************************/
#header {
	background-color: #ffffff;
	width: 970px;
	padding: 10px 0 0 0;
	margin: 15px 15px 0 15px;
}

#redac {
	background: white url(../img/com/bg_BleuBeige.gif) left top repeat-y;
	height: 305px;
	margin: 15px 15px 0 15px;
	min-height: 305px;
	padding: 0;
	width: 970px;
}

html>body #redac {
	height: auto;
	min-height: 305px;
}
#pageContact #contenu {
background: #EEEAE7;
margin: 15px 15px 0 15px;
min-height: 305px;
padding: 0;
width: 970px;
}
#pageRealisations #redac {
font-size: 10px;
height: 160px;
}
html>body#pageRealisations #redac {
	height: auto;
	min-height: 160px;
}
body#pageDomainesInterventions #redac,
body#pageDifferences #redac {
	background: white url(../img/com/bg_BleuBeige.gif) left top repeat-y;	
	width: 970px;
	padding: 10px 0 0 0;
	margin: 15px 15px 0 15px;
}

#basdePage {
	background-color: #ffffff;
	width: 970px;
	padding: 10px 0 10px 0;
	margin: 15px 15px 0 15px;
	text-align:right;
}
#basdePage a, #header a, #headerAccueil a, .lienSite {font-size: 10px;}
/* Conteneurs Pages Interieures > Réalisations */
/********************************************/
#listingHorizEntreprises {
	background: #FFF;
	width: 970px;
	padding: 10px 0 0 0;
	margin: 15px 15px 0 15px;

}

#motiongallery img {margin: 0;}

#adresseSite {
	background-color: #EEEAE7;	
	width: 970px;
	padding: 0;
	margin: 15px 15px 0 15px;
	position: relative;
}
#adresseSite h2 {
display: inline;
font-size: 18px;
margin: 3px;
position:absolute;
right:0; 
}
#fiche {
width: 970px;
padding: 0 0 0 0;
margin: 15px 15px 0 15px;
}
#ficheDescription {
float: left;
margin: 0 0 0 19px;
padding: 0;
text-align: right;
width: 323px;
}
#ficheEcran {
float: left;
width: 625px;
}
#ficheVisuel {
float: left;
height: 411px;
width: 625px;
}

#listing2HorizEntreprises {
	width: 300px;
	padding: 0;
	margin: 0;
}
#recrutement {
/*display: none;*/
background: #9E896F;
border: 4px solid #FFF;
color: #FFF;
font-size: 0.8em;
left: 256px;
margin: 5px 10px 0 9px;/*pour IE6*/
padding: 10px;
position: absolute;
top: 175px;
width: 420px;
}
#recrutement a {
color: #6A513A;
font-weight: bold;
}
#recrutement a:hover {color: #7F6147;}
#recrutement strong {
color: #FFF;
}
#header a#nav-recrutement,
#headerAccueil a#nav-recrutement {
color:#0182AC;
font-weight: bold;
}
/* Les classes */
/********************************************/

.blocAccueil {
background: #DFD9D1;
border: 4px solid #FFF;
float: left;
font-size: 0.8em;
height: 165px;
margin: 5px 10px 0 9px;/*pour IE6*/
padding: 10px;
width: 270px;
}
html>body .blocAccueil {margin: 5px 10px 0 14px;}/* pour FF, IE7, Safari */


.blocAccueil h2#hRealisation {
background: url(../img/fr/accueil/h-realisation.gif) left top no-repeat;
height: 15px;
margin: 0 0 10px 0;
padding: 0;
}
.blocAccueil h2#hGestion {
background: url(../img/fr/accueil/h-gestion.gif) left top no-repeat;
height: 15px;
margin: 0 0 10px 0;
padding: 0;
}
.blocAccueil h2#hW3line {
background: url(../img/fr/accueil/h-w3line.gif) left top no-repeat;
height: 15px;
margin: 0 0 10px 0;
padding: 0;
}
.blocAccueil p strong a {
color: #6a513a;
font-weight: bold;
}
.blocAccueil p strong a:hover {color: #0182ac;}
.blocAccueil p a {color: #0182ac;}
.blocAccueil p a:hover {color: #6a513a;}
.blocLeft {
/*border: 1px solid red;*/
float:left;
padding: 30px 0 0 100px;
width:350px;
}
.blocRight {
/*border: 1px solid red;*/
float:left; 
padding: 30px 15px 0 0; 
width:500px;
}

.btn {width: 100px;}
.center {text-align: center;}
.imgFloatLeft {
float: left;
margin: 0 10px 0 0;
}
.justify {text-align: justify;}
.Marron {
	color: #6a513a;
}

.Bleu {
	color: #007cc3;
}
#pageRealisations p {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #6a513a;
}
.policemarron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	font-style: bold;
	color: #6a513a;
}
.policebleue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	font-style:bold;
	color: #007cc3;
}

.AnneeRealisation {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #333333;
	LINE-HEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.separateur {
clear: both;
visibility: hidden;
}

/* Positionnement */
/********************************************/
.droite {
float: right;
}

.gauche {
float: left;
}

/*          Menus Pages Interieures         */
/********************************************/

#menuPrestations,
#menuInterventions,
#menuDifferences,
#menuRealisations,
#menuW3line {
	background-color: #007cc3;
	padding: 0;
	position: absolute;
	text-align: left;
	top : 178px;
	visibility: hidden;
	z-index: 1;
	filter: alpha(opacity=80);
	/*-moz-opacity: 0.8; Empeche l'affichage des FLASH sous FF/Mac
	opacity: 0.8;*/
}

#menuPrestations,
body#pageAccueil #menuPrestations {
	left: 29px;
	width: 200px;
}
#menuInterventions,
body#pageAccueil #menuInterventions {
	left: 138px;
	width: 212px;
}
#menuDifferences,
body#pageAccueil #menuDifferences {
	left: 350px;
	width: 180px;
}
#menuRealisations,
body#pageAccueil #menuRealisations {
	left: 489px;
	width: 310px;
}
#menuW3line,
body#pageAccueil #menuW3line {
	left: 603px;
	width: 180px;
}

#menuPrestations a:link, #menuPrestations a:visited,
#menuInterventions a:link, #menuInterventions a:visited,
#menuDifferences a:link, #menuDifferences a:visited,
#menuRealisations a:link, #menuRealisations a:visited,
#menuW3line a:link, #menuW3line a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	line-height: 13px;
	font-size: 10px;
	display: block;
	padding: 1px 1px 1px 8px;
}
#menuPrestations a:hover, #menuPrestations a:active,
#menuInterventions a:hover, #menuInterventions a:active,
#menuDifferences a:hover, #menuDifferences a:active,
#menuRealisations a:hover, #menuRealisations a:active,
#menuW3line a:hover, #menuW3line a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 13px;
	text-decoration: none;
	font-size: 10px;
	display: block;
	background-color: #9e896f;
	padding: 1px 1px 1px 8px;
}
#menuInterieur {
	position: absolute;
	top : 25px;
	left: 25px;
	width: 150px;
	padding: 0;
	text-align: left;
	background-color: #0182ac;
	filter: alpha(opacity=80);
	/*-moz-opacity: 0.8;
	opacity: 0.8;*/
	visibility: hidden;
}
#presentation {
border-left: 10px solid #007CC3;
margin: 10px 15px;
padding: 0 0 0 15px;
}
#trueContainer {white-space:nowrap;}

/***  Titre des pages en texte image ***/
/***************************************/
#hAccessibility {
background: transparent url(../img/fr/interventions/titre_web.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hAgence {
background: transparent url(../img/fr/realisations/titre_agences.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hAssistance {
background: transparent url(../img/fr/prestations/titre_assistance.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hCatalogue {
background: transparent url(../img/fr/interventions/titre_catalogue.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hCDScript {
background: transparent url(../img/fr/w3line/titre_cdscript.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hCollectivite {
background: transparent url(../img/fr/realisations/titre_collectivites.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hCulture {
background: transparent url(../img/fr/realisations/titre_culture_tourisme.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hCreation {
background: transparent url(../img/fr/prestations/titre_creation_sites.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hDeveloppement {
background: transparent url(../img/fr/prestations/titre_developpements_spe.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hEmailing {
background: transparent url(../img/fr/prestations/titre_emailings.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
#hEquipe {
background: transparent url(../img/fr/w3line/titre_equipe.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hEquipement {
background: transparent url(../img/fr/realisations/titre_equipement.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hEspaceClient {
background: transparent url(../img/fr/espace_clients/titre.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
#hFormation {
background: transparent url(../img/fr/prestations/titre_formation.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
#hGestionDocumentaire {
background: transparent url(../img/fr/interventions/titre_gestion_doc.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hGestionProjet {
background: transparent url(../img/fr/interventions/titre_gestion_projet.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hHebergement {
background: transparent url(../img/fr/prestations/titre_hebergement.gif) left top no-repeat;
height: 75px;
margin: 0;
padding: 0;
}
#hHotellerie {
background: transparent url(../img/fr/realisations/titre_hotellerie.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hImmobilier {
background: transparent url(../img/fr/realisations/titre_immobilier.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hIndustrie {
background: transparent url(../img/fr/realisations/titre_industrie.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hMention {
background: transparent url(../img/fr/mentions_legales/titre.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
#hMoyen {
background: transparent url(../img/fr/w3line/titre_moyens_techniques.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hMultilingues {
background: transparent url(../img/fr/interventions/titre_sites_multilingues.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hNegoce {
background: transparent url(../img/fr/realisations/titre_negoce.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hNomDomaine {
background: transparent url(../img/fr/prestations/titre_noms_domaines.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hOrigine {
background: transparent url(../img/fr/w3line/titre_origine.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
#hOutil {
background: transparent url(../img/fr/prestations/titre_outils_mise_jour.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hPortail {
background: transparent url(../img/fr/interventions/titre_sites_portails.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hRecrutement {
background: url(../img/fr/accueil/h-recrutement.gif) left top no-repeat;
height: 15px;
margin: 0 0 10px 0;
padding: 0;
}
#hRecrutement2 {
background: transparent url(../img/fr/w3line/titre_recrutement.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hReferencement {
background: transparent url(../img/fr/prestations/titre_referencement.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hService {
background: transparent url(../img/fr/realisations/titre_services.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
#hSyndicat {
background: transparent url(../img/fr/realisations/titre_syndic_pro.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hVenteDirecte {
background: transparent url(../img/fr/realisations/titre_vente_directe.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hVenteLigne {
background: transparent url(../img/fr/interventions/titre_vente_ligne.gif) left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
}
#hVin {
background: transparent url(../img/fr/realisations/titre_vins_spiritueux.gif) left top no-repeat;
height: 100px;
margin: 0;
padding: 0;
}
#hWebdesign {
background: transparent url(../img/fr/prestations/titre_web_design.gif) left top no-repeat;
height: 25px;
margin: 0;
padding: 0;
}
/********************************************/
/*              Motion Gallery              */

#motioncontainer {
position: relative;
background-color: #fff;
overflow:hidden;
}
#motioncontainer a img{ /*image border color*/
border: 2px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 2px solid #007cc3;
}

#motioncontainer a:hover{
color: #007cc3; /* Dummy definition to overcome IE bug */
}
#motiongallery {
position:absolute;
left:0;
top:0;
white-space: nowrap;
}
#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: 007cc3;
border: 1px solid #007cc3;
visibility: hidden;
}