/* -----------------------------------
ORANGE  : #FEA60D
BLEU F	: #2078EF
BLEU C  : #195db9
MARRON  : #8f5b00
   -----------------------------------*/
body {
	font: normal 80% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
}
img{
	border: none;
}
p {
	color:#195db9;
	margin: 0;
}
a {
	color:#195db9;
}
a:visited {
	color:#FEA60D;
}
a:hover {
	color:#8f5b00;
}
ul{
	margin-top: 0;
	color:#195db9;
}
div#global {
	width: 837px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	width: 837px;
	height: 256px;
	background: url(../images/banniere.jpg) left top no-repeat;
}
#prechargement {
 	position:absolute;
	top:-5000px;
}
div#principal{
	overflow: hidden;
	padding: 15px;
}
div#contenu {
	border:1px solid #3383ef;
	margin: 0;
	padding: 5px;
	overflow: hidden;
	height: 100%;
}
h1#titre1 {
	padding-top: 20px;
	padding-left: 250px;
	color:#FEA60D;
	font: bold 400% "Trebuchet MS", Verdana, Arial, sans-serif;	
	letter-spacing: 2px;
	margin: 0;
}	
h1#titre2 {
	padding-left: 280px;
	text-align: left;
	color:#2078EF;
	font: bold 400% "Trebuchet MS", Verdana, Arial, sans-serif;	
	letter-spacing: 2px;
	margin: 0;
	margin-top: -25px;
}	
#titre3 {
	margin-top: 40px;
	margin-left: 80px;
	text-align: left;
	color:#000;
	font: normal 100% "Trebuchet MS", Verdana, Arial, sans-serif;	
}	
#stitre1 {
	position:absolute;
	margin-top: 0px;
	margin-left: 80px;
	text-align: left;
	width:230px;
	color:#FFF;
	border-right:1px solid #000;
	font: normal 100% "Trebuchet MS", Verdana, Arial, sans-serif;	
}	
#stitre2 {
	position:absolute;
	margin-top: 0px;
	margin-left: 330px;
	text-align: left;
	width:200px;
	color:#FFF;
	font: normal 100% "Trebuchet MS", Verdana, Arial, sans-serif;	
}	
ul#menu	{
	height: 30px ;
	margin: 0 auto;
	padding: 0 ;
	list-style-type: none;
	width:837px;
}
ul#menu li {
	float: left;
	text-align: center;
}
ul#menu li a {
	margin-top:5px;
	margin-right:4px;
	margin-left:0px;
	width: 100px ;
	line-height: 20px ;
	font-weight:bold;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	background: url(../images/btn_orange.gif);
}
ul#menu li a:hover	{
	background: url(../images/btn_orange_over.gif);
}
li.sel {
	margin-top:5px;
	margin-right:4px;
	margin-left:0px;
	width: 100px ;
	line-height: 20px ;
	font-weight:bold;	
	color: #fff ;
	display: block ;
	text-decoration: none ;	
	background: url(../images/btn_orange_over.gif);
}
div#barreh {
	background: url(../images/bd_haut.gif) no-repeat 0 0 ;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #FFF;
}

div#barreb {
	clear: both;
	background: url(../images/bd_bas.gif) no-repeat 0 0 ;
	margin:0;
	padding:5px;
	color: #FFF;
}



div.smenuh{
	background: url(../images/bandeau_haut.gif) no-repeat 0 0 ;
	width: 158px;
	height: 21px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	padding-top: 5px;
	text-align:center;
	color:#FFF;	
}

div.smenuh a {

	color: #FFF;

	font-size:0.8em;

}
div.smenuhPhoto{
	background: url(../images/bandeau_hautPhotos.gif) no-repeat 0 0 ;
	width: 158px;
	height: 10px;
	margin-left: 5px;
}
div.smenu {
	border-left:1px solid #3383ef;
	border-right:1px solid #3383ef;
	margin-left:5px;
	width:146px;
	padding:5px;
}
div.smenu a{
	text-decoration: none;
}

img.smenuPhoto {
	border-left:1px solid #3383ef;
	border-right:1px solid #3383ef;
	margin-left:5px;
	display: block;
}
div.smenub{
	background: url(../images/bandeau_bas.gif) no-repeat 0 0 ;
	width: 158px;
	height: 10px;
	margin-left:5px;
}
img.smenuConnexion {
	border: none;
	margin: 0 auto;
	display: block;
}
.menuConnexion{
	text-align: center;
	border-left:1px solid #3383ef;
	border-right:1px solid #3383ef;
	width: 146px;
	margin-left:5px;
	padding: 5px;
	
}	

p.blanc {
	color:#FFF;
	font-size: 0.8em;
}
p.blanc a {
	color:#FFF;
}
div.menug {
	float: left;
}
div.menud {
	float: right;
}
p.alerte{
	font-size: 1em;
	margin:0 auto;
	width:80%;
	text-align:center;
	border:1px solid #3383ef;
}
/* ------------------------------------
   FLUX RSS
   ------------------------------------*/
ul.rss{
	margin: 0 auto;
	padding-left: 15px ;
	list-style-type:disc;
	color:#FEA60D;
}
ul.rss li a {
	text-decoration:none;
	font-size:8pt;
}

/* ------------------------------------
   RECHERCHE GOOGLE
   ------------------------------------*/
#sbb {
	background-color: #2078EF;
	color: #FFF;
	font-size: 0.8em;
}
#sbi {
	background-color: #2078EF;
	color: #FFF;
	font-size: 0.8em;
}
.google{
	margin:0;
}
.googlet{
	color: #FFF;
	font-size: 0.9em;
}


/* ------------------------------------
   PAGE TARIFS.PHP
   ------------------------------------*/
.tableau {
	clear: both;
	border-collapse: collapse;
	width: 100%;
}
.tableau td,th{
	border:1px solid #000;
}
.tableau th{
	background-color: #FEA60D;
}
.droite{
	text-align: right;
	width: 80px;
}
td.vide {
	border: 0;
	width: 20px;
}
th.vide {
	border: 0;
	width: 20px;
	background-color: #FFF;
}
p.tarifs{
	margin:0 auto;
	text-align: center;
	border: 1px solid #000;
	width:50%;
}
p.tarifs a{
	text-decoration: none;
}
a.menuH{
	color: #FFF;
}
#mentions{
	text-align:center;
	font-size: 0.8em;
}
.centre{
	text-align:center;
}
/* ------------------------------------
   PAGE INTERVENTION.PHP
   ------------------------------------*/
label {
   color: #2078EF; 
}
 
legend {
   color: #FEA60D;
   font-weight: bold;
}


/*

PARTIE RAJOUTEE POUR INTERVENTION

*/

.lien:link { 
text-decoration: none; 
color:#195db9; 
}
.lien:visited { 
text-decoration: none;
 color:#195db9; 
}
.lien:hover { 
text-decoration: none;
 color:#FEA60D;
}



#identification{
margin-top: 15%;
}

.tableau2{
color: #000000;
border-collapse: collapse;
clear: both;
border-collapse: collapse;
width: 100%;
}
.tableau2 td,th{
border:1px solid #000;
}
.tableau2 tr:hover {
  background-color: #B4CEEF;
}
.tableau2 th{
background-color: #FEA60D;
}

/* STYLE SUIVI*/
#suivi{
color: #00a0ff;
}
/*------------------------*/


/*STYLE DEMANDE*/
#demande{
color: #00a0ff;
}
/*--------------------------*/


/*STYLE STATISTIQUE*/
#statistique{
color: #00a0ff;
}
/*------------------------------*/


/*STYLE RECAPITULATIF*/
#recapitulatif{
color: #00a0ff;
}
/*--------------------------------*/


/*STYLE AJOUT INTERVENTION*/
#ajoutIntervention{
color: #00a0ff;
}
/*--------------------------------*/


/*STYLE  ENREGISTREMENT*/
#enregistrement{
color: #00a0ff;
}
/*--------------------------------*/

/*STYLE  LOSTPASSWORD*/
#lostPassword{
color: #00a0ff;
}
/*--------------------------------*/


/*STYLE  LOSTPASSWORD2*/
#lostPassword2{
color: #00a0ff;
}
/*--------------------------------*/


textarea{
border: 3px inset #00a0ff;
}

#nomSociete{
border-style: inset;
border-color: #00a0ff;
}

#mdp{
border-style: inset;
border-color: #00a0ff;
}

#pbsociete{
color : red;
}

.labelGeneral{
display: block;
width : 110px;
float: left;
}

.labelDemande{
display: block;
width : 150px;
float: left;
}

#labelRecap{
display: block;
width : 150px;
float: left;
}

.labelInter{
display: block;
width : 170px;
float: left;
}

#logo{
text-align: center;
}

#fieldIndex{
border: 1px solid #00a0ff;
width : 25%;
padding: 15px; 
margin: 0 auto;
}

#fieldSuivi{
border: 1px solid #00a0ff;
color: #00a0ff;
padding: 15px; 
width: 330px;
}

#fieldDemande{
border: 1px solid #00a0ff;
width : 70%;
padding: 15px; 
}

#formSupprInter{
margin-left : 300px;
}

#supprTout{
margin-left : 10px;
}
/*----------------

CALENDRIER

------------------*/

.calendar{
    background-color:#f7f6f3;
	color: #00a0ff;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid #0099cc;
    
}
.calendar a{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}
.calendar span{
    float:left;
    display:block;
    width:25px;
    cursor:pointer;
    text-align:center;
}
.titleMonth{
    width:100%;
    background-color:#08a1d4;
    color:#FFFFFF;
    text-align:center;
    border-bottom:1px solid #666;
    padding-bottom:2px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
}
.separator{
    float:left;
    display:block;
    width:25px;
}
.currentDay{
    font-weight:bold;
}