﻿/* === REDEFINITIONS DE BASE === */

* {

	font-family:arial, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;

}

body {

	background-image:url('./../images/fond_page.gif');
	background-position:center;

}

p {

	padding-bottom:20px;

}

a {

	color:#e42167;
	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}

a img {

	border-width:0px;

}

h1 {

	font-size:14px;
	background-image:url('./../images/fond_titre.gif');
	background-repeat:no-repeat;
	background-position:0px 20px;
	
	margin-left:-15px;
	padding-top:6px;
	margin-bottom:20px;
	
	color:#0098d1;
	font-weight:bold;
	text-align:right;
	
	height:40px;
	width:281px;

}

b {

	color:#0098d1;

}

ul {

	margin-left:20px;

}

/* === CONTENEUR === */

#conteneur {

	position:relative;

	background-image:url('./../images/fond.gif');
	background-repeat:repeat-y;
	background-position:center 0px;
	
	text-align:center;
	
	z-index:1;

}


/* === CONTENU === */

#contenu {

	display:block;
	width:962px;
	background-color:#fff;
	
	text-align:justify;
	
	padding-bottom:65px;
	
	background-image:url('./../images/fond_contenu.gif');
	background-repeat:repeat-y;

}


/* === PIED === */

#pied {

	position:relative;

	margin-top:-100px;
	padding-top:140px;

	height:50px;

	background-image:url('./../images/bas_page.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	
	text-align:center;
	color:#fff;
	
	z-index:10;
	
}

#pied #adresse {

	margin-top:-70px;
	margin-bottom:40px;
	
	width:380px;
	
	text-align:left;
	padding-left:480px;
	
	font-weight:bold;

}

#pied #adresse a {

	color:#fff;
	font-weight:bold;

}

#pied a {

	color:#fff;

}

#pied img {

	vertical-align:middle;

}


/* === LOGO === */

#logo {

	display:block;
	
	margin-top:-15px;
	
	background-image:url('./../images/logo.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	
	width:962px;
	height:245px;
	
}

#logo span {

	display:none;

}

#logo a.click_logo {

	display:block;
	width:360px;
	height:180px;

}

/* === MENU === */

#menu {

	margin-top:-35px;
	
	display:block;
	height:30px;
	width:962px;
	
	padding-top:7px;
	
	background-image:url('./../images/fond_menu.gif');
	color:#fff;
	
	text-align:center;

}

#menu ul {

	margin:0px;
	padding:0px;
	
	list-style-type:none;

}

#menu li {

	display:inline;
	padding-left:15px;
	padding-right:15px;
	
}

#menu li a {

	font-weight:bold;
	color:#fff;

}


/* === TEXTE === */

#texte {

	float:left;

	padding:15px;
	padding-top:10px;
	text-align:justify;
	
	width:685px;
	
	clear:left;
	
	z-index:5;
	
	padding-bottom:50px;

}


/* === BLOQUE DE DROITE === */

#bloque_droite {

	float:right;
	
	padding:0px;
	
	top:247px;
	
	background-color:#d9e26c;
	width:237px;
	
	clear:right;
	text-align:center;
	
	z-index:5;

}


/* === BLOQUE ACTUS === */

#header_actus {

	display:block;
	width:227px;
	height:74px;
	background-image:url('./../images/header_actus.gif');

	margin-left:5px;
	
}

#content_actus {

	display:block;
	width:207px;
	background-image:url('./../images/fond_actus.gif');
	
	padding:10px;
	
	margin-left:5px;
	text-align:justify;

}

#footer_actus {

	display:block;
	width:227px;
	height:10px;
	background-image:url('./../images/footer_actus.gif');
	background-repeat:no-repeat;
	
	margin-left:5px;

}

p.titre_actu {

	padding-bottom:0px;
	margin-bottom:0px;

}

p.titre_actu a {

	color:#0098d1;

}

p.toutes_les_actus {

	border:0px #000 dotted;
	border-top-width:1px;
	
	padding-top:10px;
	padding-bottom:0px;
	
	text-align:right;
	color:#0098d1;

}

#footer_actus p.toutes_les_actus a {

	color:#0098d1;

}

/* === PAGE DE LISTING DES ACTUS === */

.vignette_actus {

	display:block;
	float:left;
	
	padding:13px;
	
	width:200px;
	
	text-align:justify;

}

.vignette_actus a {

	text-decoration:none;
	color:#000;

}

.vignette_actus img {

	border:3px #0098d1 solid;
	margin-bottom:7px;

}

.vignette_actus span {

	font-weight:bold;
	color:#0098d1;

}

#clear_actus {

	clear:both;

}

/* === PAGE DE LISTING DES RESOURCES === */

.vignette_ressource {

	display:block;
	float:left;
	
	padding:13px;
	
	width:200px;
	height:150px;
	
	text-align:justify;

}

.vignette_ressource a {

	text-decoration:none;
	color:#000;

}

.vignette_ressource img {

	border:5px #0098d1 solid;
	margin-bottom:7px;

}

.vignette_ressource span {

	font-weight:bold;
	color:#0098d1;

}

/* === PAGE DE DETAILS D'ACTU === */

#visuel {

	float:left;
	padding-right:15px;
	padding-bottom:15px;

}

#visuel img {

	border:5px #0098d1 solid;

}

#options_actus {

	display:block;
	
	border:0px #0098d1 dotted;
	border-top-width:1px;
	
	padding-top:10px;
	
	text-align:center;
	color:#0098d1;

}


/* === LISTING REFERENCES === */

.reference { 

	display:block;
	
	float:left;
	width:150px;
	height:150px;
	
	text-align:center;
	
	padding:20px;

}


/* === ETUDE DE CAS === */

#texte_etude {

	display:block;
	float:left;
	
	width:550px;
	
	padding-right:30px;

}


/* === NAVIGATION GOOGLE === */

.pagenavigator {

	display:block;
	
	border:0px #0098d1 dotted;
	border-top-width:1px;
	
	padding-top:10px;
	
	text-align:center;
	color:#0098d1;

}


/* === PAGE D'ACCEUIL === */

#entete_accueil {

	text-align:center;
	margin-top:20px;

}
#entete_accueil p {

	font-size:14px;

}

#entete_accueil p b {

	font-size:14px;

}

/* === DIVERS === */

#cleaner {

	clear:both;

}

/* Alignement à droite dans eZ */

.object-right {

	text-align:right;

}

/* Boite d'avertissement de formulaire eZ */

.message-warning {

	margin-bottom:40px;

}

/* === MENUS === */

/*
#menu_support {

	position:absolute;
	padding-left:668px;
	padding-top:7px;

}
*/

#menu_support {

	position:absolute;
	padding-left:628px;
	padding-top:7px;

}

#menu_support ul {

	background-color:#0098d1;
	padding:0px;

}

#menu_support ul li {

	display:list-item;
	padding:0px;
	text-align:left;

}

#menu_support a {

	display:block;
	width:150px;
	padding:5px;

}

#menu_support a:hover {

	background-color:#5abde2;

}

#menu_references {

	position:absolute;
	padding-left:335px;
	padding-top:7px;

}

#menu_references ul {

	background-color:#0098d1;
	padding:0px;

}

#menu_references ul li {

	display:list-item;
	padding:0px;
	text-align:left;

}

#menu_references a {

	display:block;
	width:150px;
	padding:5px;

}

#menu_references a:hover {

	background-color:#5abde2;

}

/*
#menu_offres {

	position:absolute;
	padding-left:245px;
	padding-top:7px;

}
*/

#menu_offres {

	position:absolute;
	padding-left:300px;
	padding-top:7px;

}

#menu_offres ul {

	background-color:#0098d1;
	padding:0px;

}

#menu_offres ul li {

	display:list-item;
	padding:0px;
	text-align:left;

}

#menu_offres a {

	display:block;
	width:150px;
	padding:5px;

}

#menu_offres a:hover {

	background-color:#5abde2;

}

/* === PAGE D'ACCUEIL === */

#tableau_accueil {

	background-image:url('./../images/fond_panneau_accueil.gif');
	background-repeat:no-repeat;
	
	height:244px;
	width:701px;
	
	margin-left:-10px;
	padding-top:90px;

	text-align:center;

}

#point1 {

	display:block;
	float:left;
	
	background-image:url('./../images/point1.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	
	width:160px;
	padding:30px;
	padding-top:150px;
	padding-bottom:0px;
	margin-left:15px;
	
	text-align:center;

}

#point2 {

	display:block;
	float:left;
	
	background-image:url('./../images/point2.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	
	width:160px;
	padding:30px;
	padding-top:150px;
	padding-bottom:0px;
	
	text-align:center;

}

#point3 {

	display:block;
	float:left;
	
	background-image:url('./../images/point3.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	
	width:160px;
	padding:30px;
	padding-top:150px;
	padding-bottom:0px;
	
	text-align:center;

}

#point1 b {

	color:#c2ce05;

}

#point2 b {

	color:#0098d1;

}

#point3 b {

	color:#e42167;

}

/* === PERSONNALISATION DES TEXTES EDITES AVEC eZ === */

h2 {

	font-size:11px;
	color:#000;
	font-weight:normal;
	background-image:url('./../images/puce_grise.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	margin:0px;
	padding:0px;
	padding-left:13px;
	margin-bottom:10px;
	margin-top:-7px;
	margin-left:28px;

}

h3 {

	font-size:13px;
	color:#e42167;
	font-weight:bold;
	padding-left:13px;
	margin-bottom:10px;
	text-align:center;
	display:block;
	width:680px;

}

h4 {

	font-size:13px;
	color:#0098d1;
	font-weight:bold;
	background-image:url('./../images/encoche_bleue.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:27px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:1px;

}

h5 {

	font-size:13px;
	color:#c1cf0f;
	font-weight:bold;
	background-image:url('./../images/encoche_verte.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:27px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:1px;

}

h6 {

	font-size:13px;
	color:#c1cf0f;
	font-weight:bold;
	background-image:url('./../images/point_i.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:5px;

}

i {

	font-style:normal;
	color:#535353;
	font-weight:bold;

}

/* === FORMULAIRE DE CONTACT === */

label span {

	display:block;
	float:left;
	width:200px;
	margin-left:50px;
	
	color:#0098d1;

}

input, textarea, select {

	padding:3px;
	margin-bottom:5px;
	width:300px;

}

select {

	width:310px;
	margin:0px;
	margin-bottom:-9px;

}

option {

	padding-left:3px;
	padding-right:3px;

}

input[type=submit], input.submit {

	margin-left:250px;
	width:310px;
	
	background-color:#0098d1;
	color:#fff;
	
	border-width:0px;
	
	cursor:pointer;

}

/* === PAGE DU SUPPORT TECHNIQUE === */

th {

	color:#fff;
	background-color:#0098d1;

}

/* === RETOUR SUR INVESTISSEMENT === */

#blocs_resultat {

	display:block;
	
	width:572px;
	height:283px;
	
	background-image:url('./../images/boites_resultats.gif');
	background-repeat:no-repeat;

}

#bt_valider {

	cursor:pointer;
	vertical-align:middle;
	margin-top:-5px;
	margin-left:20px;

}

input {

	vertical-align:middle;
	
}

#nb_personnes {

	width:50px;
	padding:2px;

}

#ligne {

	display:block;
	text-align:left;
	height:40px;
	padding-left:20px;
	padding-top:30px;
	color:#fff;

}

#ligne span {

	margin-top:-3px;
	

}

.ligne1, .ligne2, .ligne3, .ligne4 {

	display:block;
	float:left;
	width:390px;
	
	margin-top:20px;

}

.ligne1 {

	padding-top:10px;
	font-size:12px;

}

.ligne2, .ligne3, .ligne4 {

	font-size:17px;
	font-weight:bold;

}

#actuel, #conges, #gain, #delay {

	display:block;
	width:130px;
	height:14px;
	
	padding-top:4px;
	padding-bottom:4px;
	
	margin-left:400px;
	
	background-color:#fff;
	
	font-weight:bold;
	
	text-align:center;
	
}

#actuel {

	color:#c2cf00;

}

#conges {

	color:#0098d1;

}

#gain {

	color:#e42167;

}

#delay {

	color:#afb1b1;

}

p.nb_salaries {

	color:#0098d1;
	font-weight:bold;
	text-align:left;
	
	margin-left:60px;
	padding-left:12px;
	
	background-image:url('./../images/puce_bleu.gif');
	background-repeat:no-repeat;
	background-position:0px 10px;
	
	font-size:12px;

}

p.note_js {

	font-style:italic;
	font-size:10px;
	color:#f00;
	
	margin-top:30px;

}

