/* === 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 top;

}

p {

	padding-bottom:20px;

}

a {

	color:#0098d1;
	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}

a img {

	border-width:0px;

}

h1 {

	font-size:14px;
	
	padding-top:6px;
	margin-bottom:20px;
	
	padding-bottom:10px;
	
	margin-left:-15px;
	padding-left:30px;
	
	color:#0098d1;
	font-weight:bold;
	text-align:left;
	
	background-image:url('./../images/fond_titre.gif');
	background-repeat:no-repeat;
	background-position:left bottom;

}

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:-140px;
	padding-top:170px;

	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:-55px;
	margin-bottom:40px;
	
	width:690px;
	
	text-align:center;
	
	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;
	margin-left:-0px;
	
	list-style-type:none;

}

#menu li {

	display:inline;
	padding-left:30px;
	padding-right:30px;
	
}

#menu li.dernier {

	display:inline;
	margin-left:33px;
	padding-right:13px;
	
}

#menu li a {

	font-weight:bold;
	color:#fff;

}

#menu li.dernier a {

	color:#0098d1;

}

/* === TEXTE === */

#texte {

	float:left;

	padding:15px;
	padding-top:10px;
	text-align:justify;
	
	width:685px;
	
	clear:left;
	
	z-index:5;

	padding-bottom:60px;

}


/* === BLOQUE DE DROITE === */

#bloque_droite {

	float:right;
	
	padding:0px;
	
	top:247px;
	
	width:237px;
	
	clear:right;
	text-align:center;
	
	z-index:5;
	
	padding-bottom:60px;

}


/* === 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 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 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:12px;
	color:#ffaf03;
	font-weight:bold;
	background-image:url('./../images/check_orange.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:25px;
	margin-bottom:10px;

}

h3 {

	font-size:12px;
	color:#0098d1;
	font-weight:bold;
	background-image:url('./../images/check_bleu.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;

}

h4 {

	font-size:12px;
	color:#a8c610;
	font-weight:bold;
	background-image:url('./../images/infos.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;

}

ul, ol {

	padding:0px;
	margin:0px;
	margin-left:15px;
	padding-bottom:20px;

}

ul li {

	list-style-type:none;
	
	background-image:url('./../images/puce_orange.gif');
	background-repeat:no-repeat;
	background-position:0px 4px;
	
	padding-left:15px;

}

ol li {

	list-style-type:none;
	
	background-image:url('./../images/puce_bleu.gif');
	background-repeat:no-repeat;
	background-position:0px 4px;
	
	padding-left:15px;

}

#menu ul li {

	list-style-type:none;
	background-image:none;

}

/* === 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 {

	float:right;
	margin-right:125px;
	width:169px;
	
	background-image:url('./../images/bouton_envoyer.gif');
	color:#fff;
	
	border-width:0px;
	
	cursor:pointer;

}

/* === PAGE DU SUPPORT TECHNIQUE === */

th {

	color:#fff;
	background-color:#0098d1;

}







#menu_monitoring ,
#menu_surveillance,
#menu_rapports {

	position:absolute;
	padding-top:7px;
	
	z-index:10;

}

#menu_monitoring ul,
#menu_surveillance ul,
#menu_rapports ul {

	background-color:#0098d1;
	padding:0px;
	width:250px;

}

#menu_monitoring ul li, 
#menu_surveillance ul li,
#menu_rapports ul li {

	display:list-item;
	padding:0px;
	text-align:left;

}

#menu_monitoring ul li a, 
#menu_surveillance ul li a,
#menu_rapports ul li a {

	display:block;
	padding:5px;

}

#menu_monitoring ul li a:hover, 
#menu_surveillance ul li a:hover,
#menu_rapports ul li a:hover {

	display:block;
	background-color:#ffaf03;
	color:#fff;
	text-decoration:none;

}

#menu_monitoring {

	padding-left:00px;

}

#menu_surveillance  {

	padding-left:130px;

}

#menu_rapports  {

	padding-left:240px;

}




#partie_gauche {

	position:absolute;
	width:250px;
	margin-left:30px;
	
	background-image:url('./../images/prix_cafe.gif');
	background-repeat:no-repeat;
	background-position:center bottom;
	
	height:430px;

}

#partie_droite {

	position:absolute;
	width:400px;
	margin-left:320px;

}

#piece1,
#piece2,
#piece3,
#piece4,
#piece5 {

	width:137px;

}

#piece1 p,
#piece2 p,
#piece3 p,
#piece4 p,
#piece5 p {

	font-size:10px;
	margin-top:-20px;
	font-weight:bold;

}

#piece1 p {

	color:#f39e18;

}

#piece2 p {

	color:#0098d1;

}

#piece4 p {

	color:#9bb822;

}

#piece5 p {

	color:#835798;

}

#piece1 {

	position:absolute;
	top:20px;
	left:0px;

}

#piece2 {

	position:absolute;
	top:20px;
	left:230px;

}

#piece3 {

	position:absolute;
	top:160px;
	left:60px;

}

#piece4 {

	position:absolute;
	top:330px;
	left:0px;

}

#piece5 {

	position:absolute;
	top:280px;
	left:230px;

}

#piece1 .object-left,
#piece2 .object-left,
#piece3 .object-left,
#piece4 .object-left,
#piece5 .object-left {

	float:none;

}

#blocs_resultat {

	background-image:url(./../images/fond_calcul.gif);
	background-repeat:no-repeat;
	display:block;
	height:174px;
	width:649px;

}

#ligne {

	color:#FFFFFF;
	display:block;
	height:40px;
	padding-left:90px;
	padding-top:18.5px;
	text-align:left;
	
	font-weight:bold;

}

#donnees {

	display:block;
	height:250px;
	margin-left:80px;

}

#donnees #ligne1,
#donnees #ligne2,
#donnees #ligne3 {


	color:#FFFFFF;
	display:block;
	height:40px;
	padding-left:90px;
	padding-top:18.5px;
	text-align:left;
	
	font-weight:bold;
	color:#000;
	margin:0px;
	padding:0px;
	height:auto;
	
	color:#0098d1;

}

#donnees #ligne2 {

	padding-top:10px;

}

#donnees #ligne1 input ,
#donnees #ligne2 input ,
#donnees #ligne3 input {

	float:right;
	width:50px;
	margin-top:-20px;
	margin-right:85px;

}

#donnees #ligne2 input {

	margin-top:-30px;

}

#donnees #ligne3 input.bt_valider {

	margin-right:-68px;
	margin-top:20px;
	color:#fff;
	background-image:url('./../images/bouton_valider.gif');
	background-repeat:no-repeat;
	border-width:0px;
	width:78px;
	height:26px;
	cursor:pointer;

}

.ligne1, .ligne2 {

	font-size:16px;

}

.ligne3 {

	padding-top:0px;
	font-size:20px;

}

#actuel, #monitoring, #gain, #delay {

	background-color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:14px;
	margin-left:400px;
	margin-top:-20px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:center;
	width:130px;

}

p.note_js {

	padding-top:50px;

}

#actuel {

	color:#0098d1;

}

#monitoring {

	color:#ffaf03;

}

#gain {

	color:#aac80d;

}

ul li ul, ol li ol {

	margin-bottom:0px;
	padding-bottom:0px;

}

.object-left {

	float:left;

}

#introduction,
#introduction b,
#introduction td {

	line-height:16px;;

}