/* CSS Document */
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4C4C4C;
}

body {
margin:0;
padding:0px 0 0 0px;
background-color:#FFFFFF;
width:1000px;
/*background-image:url(../images/fond-test2.jpg);
background-position: 676px 0px;
background-repeat:no-repeat;*/
}
img {
border:0;
}

a {
color:#B5152B;
}

p {
margin:5px 0;
}

hr {
color:#BC74A8;
background-color:#BC74A8;
height:2px;
border:0;
width:400px;
text-align:center;
}
ul
{
	list-style:square;
}
li
{
	margin:4px;
}
center
{
	text-align:left;
}
textarea{
width:300px}

.TxtArea{
width:300px}

.mentions
{
	font-style:italic;
	font-size:9px;
}
td{
/*background-color:#FFFFFF;*/
padding:0}
/*** css guillaume ***/
#header {
width:676px;
height:70px;
top:4px;
left:-1px;
margin:0;
padding:0;
display:block;
background-image:url(../images/fond-top.jpg);
background-repeat: no-repeat;
position:absolute;
z-index:2
}
#header_en {
width:676px;
height:70px;
top:0;
left:0;
margin:0;
padding:0;
display:block;
background-image:url(../images/fond-top-uk.jpg);
background-repeat: no-repeat;
position:absolute;
z-index:2
}

#footer {
/*position:absolute;
left:700px;
top:800px;
background-image:url(../images/copeaux.jpg);
background-repeat:no-repeat;
width:189px;
height:192px;
z-index:0;*/
}
#header img
{
margin:10px 0 0 10px;
}
#navHaut {
border:0;
top:70px;
left:0;
position:absolute;
width:676px;
height:25px;
background-image:url(../images/background-top.gif);
background-position:bottom;
background-repeat: repeat-x;
display:block;
margin:0;
padding:0;
z-index:2;
}

/* définition de la navigation fr
*** My communication ***/
#NavHautOn_1 a  {
/*background-image:url(../images/background.gif);
background-repeat:repeat-x;
background-position:bottom;*/
text-transform:uppercase;
height:100%;
padding:4px 15px 6px 15px;
border-right: solid #FFFFFF 1px;
float:left;
display:block;
margin:0;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

#NavHautOn_1 a:hover, #NavHautOn_4 a:hover {
display:block;
margin:0;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
height:100%;
background-image:url(../images/fond-vert.gif);
background-repeat:repeat-x;
background-position: bottom;

}
/* **** habillage du menu de gauche  **** */
/* définition du fond de la frame menu */
#left1 {
position:absolute;
top:0px;
left:0px;
background-image:url(../images/fond-gauche.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:none;
width:131px;
height:100%;
padding:0;
}
/* redéfinition de la classe entete dans la frame menu : même classe que l'habillage entete ! */
#lefttable 
{
	background-color:none;
	position:absolute;
	top:158px;
	left:0px;
}

#lefttable a
{
	color:#229596;
	padding-bottom:0px;
}
#lefttable a:hover
{
	color:#56C3C6;
}

/* définition de la classe spécifique "acces au compte" dans la frame menu */
.rubmenu a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:100;
padding-left:27px;
color:#229596;
font-weight:bold;
text-decoration:none;
}
.rubmenu a:hover{
color:#56C3C6;
text-decoration:underline;
}

#hotline, #hotlinegb {
position:absolute;
left:0px;
top:314px;
width:131px;
height:540px;
/*background:url(../images/fond-gauche.jpg) no-repeat center bottom;*/
margin:0;
padding:0px 0;
z-index:100;
}



/* Partenaires */ 
#partenaires{
position:absolute;
top:300px;
left:700px;
}
/* **** habillage de la frame de contenu  **** */

/* définition du conteneur de contenu */
#conteneur {
width:676px;
position:absolute;
left:0;
top:125px;
background-image:url(../images/body-fd-epem07.jpg);
background-position:0 0;
background-repeat:no-repeat;
margin:0;
padding:0 0 40px 20px;
z-index:50px;
}
#content ul {
list-style-type:none;
margin:10px 0 20px;
padding:0;
}

#content ul li{
display:block;
height:15px;
background:url(../images/puce_bleu.gif) no-repeat 5px 5px;
text-decoration:none;
padding:0 0 0 15px;
}
#container {
position: absolute;
top: 100px;
width:606px;
margin:0px;
left:20px;
padding:0 0 40px 0px;
z-index:1;
}
/* défintion du menu en 1 clic du bloc de droite */

#unClic, #unClic_en {
position:absolute;
left:700px;
top:120px;
width:150px;
text-align:left;
background-image:url(../images/box_fond.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 20px 10px;
}

#unClic ul, #unClic_en ul {
list-style-type:none;
margin:10px 0 20px;
padding:0;
}

#unClic ul li a, #unClic_en ul li a, {
display:block;
height:15px;
background:url(../images/en1clic_puce.gif) no-repeat 0 0px;
color:#229596;
text-decoration:none;
padding:0 0 0 15px;
font-weight:bold;
}
#unClic ul li a:hover, #unClic_en ul li a:hover{
background:url(../images/en1clic_puce_on.gif) no-repeat 0 0px;
color:#56C3C6;
text-decoration: underline;
}

/* habillage au sein de la page - redéfinition des balises generes par le moteur */
h1 {
	margin:0 0 10px 0;
	padding:10px 5px 2px 10px;
	font-size:18px;
	font-weight:bold;
	color:#675855;
	text-transform:uppercase;
}

h2 {
	background:url(../images/plus.gif) no-repeat;
	background-position:0px 8px;
	/*border-bottom:solid #79000E 1px;*/
	color:#BC74A8;
	font-size:11px;
	font-weight: bold;
	margin:0px 0 0px;
	padding:8px 0 8px 16px;
	clear:both;
	width:633px;
	text-transform:uppercase;
}

h3 {
	padding-left:20px;
	color:#000;
	font-weight:700;
	background:url(../images/gdcar-gris.gif) no-repeat 10px 4px;
	margin:5px 0 5px;
}

h4 {
	padding-left:25px;
	color:#666;
	font-weight:700;
	background:url(../images/puce_gris.gif) no-repeat 15px 4px;
	margin:5px 0;
}
h6 {
	background:url(../images/fond_h2.gif) no-repeat;
	background-position:0px 0px;
	border-bottom:solid #79000E 1px;
	color:#79000E;
	font-size:11px;
	font-weight:700;
	margin:15px 0 10px;
	padding:5px 0 0 13px;
	clear:both;
}

.entete {
	margin:15px 0 15px 0;
	padding:5px 0 5px 15px;
	color:#000;
	font-weight:700;
	/*background:url(../images/fond-entete.gif) no-repeat 0px 0px;*/
	background-color:#FFFFFF;
	border-bottom: solid #004589 1px;
}

.section, .sectionRecap, .societe, .sectionTotaux, .montantTotal  {
	width:646px;
	border-right:solid #9E4D88 1px;
	border-bottom:solid #9E4D88 1px;
	border-left:solid #9E4D88 0px;
	border-top:solid #9E4D88 0px;
	background-color:#DECFDE;
	margin-bottom:22px;
}
td.section{
width:auto;}

.col_gche{
background-color:#F1E3F4;
width:70%;
vertical-align:top;
border-bottom:solid #FFFFFF 1px;
height:26px;
}
.col_dte{
background-color:#FFFFFF;
width:30%;
}
.societe td.col_gche{
font-weight:bold;
}

select.longSelect
{
	width:150px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	margin:2px;
	border:solid #CCCCCC 1px;
	background-color:#F5F5F5;
}
input, textarea{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	border:solid #CCCCCC 1px;
}
textarea{
	width:95%;
}

input.bouton, input.boutonrouge{
	color: #999999;
	background-image:url(../images/fond-bouton.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:solid #666 1px;
	font-weight:700;
	padding:2px 2px 2px 2px;
	width:auto;
	cursor:pointer;
}
input.bouton:hover, input.boutonrouge:hover {
	background-image:url(../images/fond-bouton.jpg);
	background-repeat:no-repeat;
	color:#FF9900;
	border:solid #666 1px;
	font-weight:700;
	cursor:pointer;
	
	}


.important{
border-bottom:#FF0000 1px solid;
font-weight:bold;
color:#FF0000;}

.recap{
font-weight:bold;}



#partenaire {
position:absolute;
left:700px;
top:350px;
visibility:hidden;
}
#liste_prestations {
visibility: visible;
}
.rond{
background-image:url(../images/rond.jpg);
background-repeat:no-repeat;
height:30px;
padding:10px 10px;
}
#note{
padding:10px 30px 10px 130px;
background-image:url(../images/fond-note.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
font-weight: none;
border:#98773B 1px solid;
z-index:2;
}
#note2{
padding:10px 30px 10px 130px;
background-image:url(../images/fond-sac.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
font-weight: none;
border:#98773B 1px solid;
z-index:2;
}
#note3{
padding:10px 30px 10px 130px;
background-image:url(../images/fond-stand.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
font-weight: none;
border:#98773B 1px solid;
z-index:2;
}

/* ----------------------------- Styles page d'Accueil ------------------------------*/
#login{
position:absolute;
left:2px;
top:233px;
width:322px;
height:353px;
background-image:url(../images/rond-grand.gif);
background-position:0px -15px;
background-repeat:no-repeat;
padding-left:40px;
padding-top:74px;
z-index:2;
}
#login .entete{
background-image:url(../images/figures.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding-left:20px;
z-index:2;
}
#login .col_gche{
background-color:#FFFFFF;
width:30%;
vertical-align:top;
font-weight:bold;
}
#login .col_dte{
background-color:#FFFFFF;
width:70%;
border: #67A83C 1px solid;
}
#login input{
background-color:#DFF5B6;
}

#login h5{
height:14px;
padding:0px 0px 0px 0px;
}
.tableLogin{
width:230px;
margin-left:10px;
}
.tableLogin h2{
width:100px;
margin-left:40px;
}
.tableLogin td.col_gche{
height:14px;
background-color:none;
width:130px;}
.tableLogin td.col_dte{
border:#E7D9A3 1px solid;
}

.errorMessages{
position:absolute;
top:120px;
left:160px;
font-weight:bold;
}
.tableLogin hr{
visibility:hidden;
}
#errors_validation{
font-weight:bold;
color:#FF0000;}
#errors{
font-weight:bold;
color:#FF0000;}
#errors hr{
visibility:hidden;
}
#errors_validation{
position:relative;
font-weight:bold;
color:#FF0000;}
#errors{
font-weight:bold;
color:#FF0000;}
#errors hr{
visibility:hidden;
}
.errorMessages{
position:relative;
top:0px;
left:160px;
font-weight:bold;
}
/* ---------------------------------------------------------------------------------*/
.prix{
float:right;
color:#765738;
font-weight:bold;}

#bdc{
position:absolute;
left:-30px;
top:-65px;
display:none;}
#mdp{
display:none;}

.gras{
font-weight:bold;
font-size:12px;
color:#FFFFFF}




/* ----------------styles accueil -----------------------------------------------------*/
#introAccueil{
position: absolute;
top:220px;
/*background-color:#FFFFFF*/
}
#dateLimite{
position: absolute;
top:880px;
/*background-color:#FFFFFF*/
}
#extranet_catalogue{
position: absolute;
top:470px;
left:464px;
}
.display_intro{
display:none;}

.clientDetail{
font-weight:bold;
height:18px;
padding:0px 10px 0px 0px;}
.internauteDetail{
font-weight:bold;
background-image:url(../images/fond-entete.gif);
background-position:0px 0px;
background-repeat: no-repeat;
height:18px;
padding:20px 10px 20px 25px;
border-bottom:#666666 1px solid}
#internauteListing{
/*position:absolute;
top:108px;
left:0px;
z-index:200;*/
}
.bouton_commande img{
/*margin-top:36px;
margin-left:-50px;
display:none;*/}