/* ElyoDirect v1*/


.tableau-entete{background:url(images/hr.gif) left bottom repeat-x; font-weight:bold; height:30px; }


.tableau-texte {
	color: Black;
	font-size: 8pt;
	font-weight: bold;
	text-transform: none;
	text-align: center;
}

.tableau-texte-interne {
	color: Black;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	text-transform: none;
	text-align: center;  
}


.client {
	font-size: 14px;
	color: #333333;
	font-weight: bold
}
.accueil-client {
	color: #2f4ba6;
	font-size: 18px;
	font-weight: bold
}

.itemText {
	text-decoration: none;
	color: #000099;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}
.itemHover {
	text-decoration: underline;
	color: #000099;
	font: 11px Arial, Verdana, Helvetica, sans-serif;

}
.itemBorder {
	border: 1px solid #cccccc
}
.itemBorderOver {
	border: 1px solid #cccccc
}

.crazyText {
	text-decoration: none;
	color: #FFFFFF;
	font: Bold 11px Arial, Verdana, Helvetica, sans-serif;
}

.fondMenu {
	background-color:#ff8a00
}

.grayedText {
  color:#888888
}

.alerte {
  color:#AA0000;
  border : 1px solid #AA0000;
  padding: 5px;
  margin:  20px;
  spacing: 5px
}

.MEP-alerte {
  color:#ff0000;border-top:1px red solid; border-bottom:1px red solid; margin:3px
}

.MEP-alerte-titre {
  background-color:red; 
  color:white; 
  font-weight:bold
}

.MEP-alerte-corps {
  color:red; 
  border-bottom: red 1px solid
}

.select-xel-defaut {
  background-color:#dddddd;
}

.petit {
  font-size: 7pt;
}

.divConsigneConteneur
{
  background-color : #FFFFCC;
  border : solid 1px black;
  position : absolute;
  text-align : right;
  width : 250px;
}

.divConsigneFermer
{
  border : 0;
  border-left : solid 1px black;
  border-bottom : solid 1px black;
}

.divConsigneInterne
{
  padding : 0 5px 5px 5px;
  text-align : left;
}

/* ElyoDirect v2*/

img { border:none}
ul, li { list-style:none; padding:0; margin:0}
.clear { clear:both}
/* STRUCTURE //////////////////////////////////////////////////////////*/
html { height:100%}
body {margin:0;	padding:0; text-align: center;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center top;
  height:100%
}

#global {width:1001px; height:auto; margin:0 auto 0 auto; padding:0; text-align: center; border:thin 1px #FF0000; padding-top:5px; }

/* HEADER *********************************************/
#header_hp, #header, #content, #pied_page {position:relative; z-index:1;}
#header  {width:1001px; height:98px; margin:0; padding:3px 0 0 0; 
		  background:url(images/bg-header.gif) left top no-repeat;}

/* CONTENT ********************************************/
#content {width:1001px; height:auto; margin:0; padding:20px 0 0 0; float:left; 
  background:url(images/bg-content.gif)  left top ; text-align:left;
  background-repeat: no-repeat;
  background-color: #F0F0F0;
}
#content .authentification-bloc { text-align:left}

/* Pied de page *********************************************/
#pied_page  {width:1001px;	height:15px; margin:0; padding:27px 0 3px 0; float:left; 
  background:url(images/bg-footer.gif) no-repeat left bottom;}
 
/* MODULES //////////////////////////////////////////////////////////*/

/* PIED DE PAGE */
.signature {padding-left:15px; background:url(images/signature.gif) no-repeat left;}
a.signature {font-weight:bold; padding-right:15px; color:#7C7E7F;}
a.accueil, a.contact, a.support {font-size:12px; font-weight:bold; text-decoration:underline; color:#7c7c7c}
a:hover.accueil, a:hover.contact, a:hover.support {font-size:12px; font-weight:bold; text-decoration:underline; color:#d2d724}
.accueil   {padding: 0; }
.contact   {padding: 0;}
.support   {padding: 0;}



/* CHEMIN DE FER */

.chemin-de-fer{font-size:12px; padding-left:25px;}
.chemin-de-fer a{font-size:12px; text-decoration:underline;}
.chemin-de-fer a:link{text-decoration:underline;}
.chemin-de-fer a:visited{text-decoration:underline;}
.chemin-de-fer a:hover{text-decoration:underline;}
.chemin-de-fer a:active{text-decoration:underline;}


/* FONT //////////////////////////////////////////////////////////*/

/* Police par défaut */
body,th,td,ul,li,p,a,input {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #454545;}
select{font-size:7pt;font-family: Arial, Verdana, Helvetica, sans-serif}
a:link    {color: #454545; text-decoration:none;}
a:visited {color: #454545; text-decoration:none;}
a:hover   {color: #b2c433; text-decoration:underline;}
a:active  {color: #454545; text-decoration:none;}

.bold{font-weight:bold;}

form, fieldset, legend {margin:0; padding:0; border:none;}

#mesbatiments td.col-a2 {background: #F4F4F4 url(images/box4-middle.gif) repeat-x left top;}



/* HEADER */


/* page d accueil -lien demo */
#demo_lien{background-image:url(images/demo.jpg); width:282px; height:107px; margin:0; font-size:9px;}
#demo_lien a{display:block; width:130px; height:35px; text-align:left;padding:50px 0px 0px 110px;}

/* CONTENT */
/* orange */
.titre_authentif_1 {width:282px; height:49px; background-image:url(images/bgr-titre_principal_elyo.gif); background-position:left top; padding:0; margin:0; color:#f5a421; font-size:18px;}
/* vert */
.titre_authentif_2 {width:282px; height:49px; background-image:url(images/bgr-titre_principal_extranet.gif); background-position:left top; padding:0; margin:0; color:#b2c433; font-size:18px;}
h1,h2,h3 {margin:0; padding:0;}
/* orange */
h2.titre_actualite, .titre_actualite {font-size:18px; color:#f5a421; font-weight:normal;padding: 0 15px; background:url(images/icon-enbref.gif) no-repeat left;}
/* bleu */
h2.titre_page, .titre_page {font-size:18px; color:#0098d2; font-weight:normal;}



/* GAUCHE */

.gauche_label {font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #383737; line-height:26px; text-decoration:none;}
.gauche_memorise {font-family: Arial, Verdana, Helvetica; font-size: 13px; color: #383737; line-height:26px; text-decoration:underline;}
.txt-contrat { font-size:12px}



/* MENU  */
#entete {width:1000px;}
#entete td.col-a1 {color:#7c7c7c; width:250px; vertical-align:middle; text-align:center;}
#entete td.col-a1 a {color:#7c7c7c; text-decoration:underline; font-size:11px}
#entete td.col-a1 a:hover {color:#d2d724; text-decoration:underline; font-size:11px}



ul, li { padding:0; margin:0}
/* lvl1 */
#menu-top {width:750px; height:58px;}
#menu-top .menu-lvl1 { background:url(images/fd-menu-top-04.gif) top left repeat-x; height:53px;}
#menu-top .menu-lvl1 a { padding:0 17px 0 17px; text-decoration:none; display:block; float:left; height:53px; color:#454545; }
#menu-top .menu-lvl1 a:hover { padding:0 17px 0 17px; text-decoration:none; display:block; float:left; height:53px; background: url(images/bgr-menu-lvl1.jpg) top left repeat-x;  }
#menu-top .menu-lvl1 a.current { padding:0 17px 0 17px; text-decoration:underline; display:block; float:left; height:53px; }

#menu-top .menu-lvl1 a.btn-on{ background: #d1d82a url(images/fd-menu-top-01.gif) bottom right no-repeat; text-decoration:none;}
#menu-top .menu-lvl1 a.btn-off{ background: url(images/fd-menu-top-01.gif) bottom right no-repeat }
#menu-top .menu-lvl1 a:hover.btn-off{ background: url(images/bgr-menu-lvl1.jpg) top left repeat-x; }

/* lvl2 */
#menu-top .menu-lvl2 {background:url(images/fd-menu-top-03.gif) bottom left repeat-x; height:42px;}
#menu-top .menu-lvl2 a { padding:10px 20px 0 20px; display:block; float:left; height:32px; text-decoration:none;color:#454545;}
#menu-top .menu-lvl2 a:hover { padding:10px 20px 0 20px; display:block; float:left; height:32px; text-decoration:underline; }
#menu-top .menu-lvl2 a.current { padding:10px 20px 0 20px; display:block; float:left; height:32px; text-decoration:underline; font-weight:bold;}
#menu-top .menu-lvl2 span { background: url(images/bgr-menu-lvl2.jpg) top left repeat-x; height:42px;}


#login {float:left; border: 1px solid #e7e7e7; height:17px; width:131px; margin-bottom:2px}

#form_batiments select { width:140px; height:17px} 

/*Styles utilisées dans plusieurs pages*/
.sous-pointille{height:30px; background:url(images/hr.gif) bottom left repeat-x;}



/*NOUVELLE INTERVENTION */
.souslignage{text-decoration:underline;}



#recherche_txt{width:160px; color:#454545; border:solid 1px #E7E7E7; font-size:10px;}
input, textarea, select {color:#454545; }


/*LISTE*/
/** header */
.index_tab{font-weight:bold; height:30px; background:url(images/fond_point2.gif) bottom left repeat-x;}
/** lignes */
.tableau-impair{background-color:#F0F0F0;}
.tableau-pair{background-color:#FCFCFC;}







/*RECHERCHE*/
#rech_av{margin-left:15px;}

.soustitre{background:url(images/hr.gif) left bottom repeat-x; font-weight:bold; height:30px; }
#recherche label{color:#454545}
#table_recherche td{padding-bottom:5px;}
#recherche select{ width:262px;}
#recherche input{ width:258px;}
#recherche input.inputmin{ width:95px;}
#recherche #btn-rechercher{width:112px; height:28px; margin:15px 0 0 308px;}
.recherche_page{color:#0098d2;}
.recherche_page a:link{color:#0098d2; font-weight:bold;}
.recherche_page :visited{color:#0098d2; font-weight:bold;}
.recherche_page a:hover{color:#0098d2; text-decoration:underline; font-weight:bold;}
.recherche_page a:active{color:#0098d2; font-weight:bold;}
/**********************  REMPLACER detail_page par recherche_page*/
.detail_page{color:#0098d2; font-weight:bold;}
.detail_page a:link{color:#0098d2; font-weight:bold;}
.detail_page :visited{color:#0098d2; font-weight:bold;}
.detail_page a:hover{color:#0098d2; text-decoration:underline; font-weight:bold;}
.detail_page a:active{color:#0098d2; font-weight:bold;}





/*FORMULAIRE*/
#formulaire #btn-envoyer{margin:15px 0 0 327px;}


/*SAISIR*/
#saisir #coordonnees  input{ width:180px; margin-bottom:5px;}
#saisir #coordonnees select{ margin-bottom:5px; width:184px;}
#saisir #coordonnees .min{width:120px; margin-bottom:5px;}

#saisir #demande  input{width:180px; margin-bottom:5px;}
#saisir #demande select{margin-bottom:5px; width:184px;}
#saisir #demande textarea{width:180px;}

/*champ obligeatoire*/
.asterisque{font-size:10px; font-style:italic;}
#saisir   #submit{width:112px; height:28px;}