/**
 * 
 * @version $Revision $
 * @cvs $id $
 */
div,span,input,a, img{ behavior: url(js/iepngfix.htc) }  
 
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #474848;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	
}
/*------------------------------------------------------------------------------------*/
h1{

}
h2{

}
h3{

}
/*------------------------------------------------------------------------------------*/
p {

}

/*------------------------------------------------------------------------------------*/
img {
	border: 0px;
}
/*------------------------------------------------------------------------------------*/

a:link {		color: #333333; text-decoration: none; }
a:visited {	color: #333333; text-decoration: none; }
a:hover {	color: #475565; text-decoration: underline;}
a:active {	color: #333333; text-decoration: none;}

/*------------------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
}
/*------------------------------------------------------------------------------------*/
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #474848;
}

input.text {
}

input.button {
}

input.radio{
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #474848;	
}

label {
}

textarea {
}

ul{
}

li{
}

/*------------------------------------------------------------------------------------*/
.trigger{
    cursor: pointer;
}

/*------------------------------------------------------------------------------------*/
span.ucfirst{
}

span.gras{
	font-weight:bold;
}

span.souligne{
	text-decoration:underline;
}

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

div#main{
	width: 990px;
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}

div#conteneurHaut{
	position: relative;
	width: 990px;
	height:125px;
	background:url('../images/design/bandeauSuperieur.jpg') no-repeat;
	padding: 0px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	z-index:1;
}
div#conteneurHautaccueil{
	position: relative;
	width: 990px;
	height:125px;
	background:url('../images/design/bandeauSuperieurgroupe.jpg') no-repeat;
	padding: 0px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	z-index:1;
}

/*********************** LOGO ***********************/
div#logoSapelem{
	position: absolute;
	top:0px;
	left:0px;
	width: 197px;
	height:125px;
	/*background-color:blue;
	filter:alpha(opacity=25);
	opacity:.25;*/
}

div#drapeaux {
	position: absolute;
	top:100px;
	left:28px;
	width: 128px;
	height:14px;
	text-align:center;
}

div#drapeaux a {text-decoration: none;}
/*********************** FIN LOGO ***********************/

/*********************** BANDEAU MILIEU HAUT ***********************/

div#menuSapelemHaut{
	position: absolute;
	top:0px;
	left:197px;
	width: 595px;
	height:125px;
	/*background-color:yellow;
	filter:alpha(opacity=25);
	opacity:.25;*/
}

div#chemin {
	position:absolute;
	left:5px;
	top:95px;
	font-size:11px;
	font-weight:bold;	
	color:#305a7c;
	z-index:1;
}

div#chemin img{
	vertical-align:middle;
}

div#chemin a {
	color:#305a7c;
	text-decoration:underline;
}

div#menuDeroulant {
	position:absolute;
	top:64px;
	left:15px;
	/* obligatoire sinon le menu déroulant passe en dessous le chemin*/
	z-index:2;
	width:575px;
}

/*********************** FIN BANDEAU MILIEU HAUT ***********************/
/*********************** CONNEXION ***********************/
div#connexion {
	position: absolute;
	top:0px;
	left:792px;
	width: 198px;
	height:125px;
	z-index:-1;	
}

div#connexion a:link,
div#connexion a:visited,
div#connexion a:active{
	color: #475565; 
	text-decoration: underline;
}
div#connexion a:hover{
	text-decoration:none;
}
div#boiteConnexion {
	position: absolute;
	top:5px;
	left:5px;
	width:186px;
	height:110px;
	border:1px solid #94a2ab;
	background-color:white;
	filter:alpha(opacity=66);
	opacity:.66;
	z-index:-1;
}

div#divFormConnexion {
	position: absolute;
	top:5px;
	left:5px;
	width:188px;
	height:110px;
	z-index:-1;	
}

html>/**/body div#connexion,
html>/**/body div#boiteConnexion,
html>/**/body div#divFormConnexion{
	z-index:1;	
}

div#divFormConnexion form {
	display:inline;
}

div#divFormConnexion th {
	color:#595557;
	padding-left:21px;
	text-align:left;
	font-size:11px;
}

div#divFormConnexion td {
	color:#595557;
	vertical-align:bottom;
	text-align:left;
	padding-left:4px;
}

div#divFormConnexion input#loginUser, div#divFormConnexion input#loginPasswd {
	width:100px;	
	color:#375b78;
	background-color:white solid;
	border:1px solid #91aac3;
}

input.bt_ok_off {
	width:23px;
	height:23px;
	background:url('../images/boutons/bt_ok_off.gif');
	border:none;
}

input.bt_ok_on {
	width:23px;
	height:23px;
	background:url('../images/boutons/bt_ok_on.gif');
	border:none;
	cursor:pointer;
}

/*********************** FIN CONNEXION ***********************/

/*********************** CONTENU CENTRAL ***********************/
table#conteneurPrincipal {
	width:990px;
}

table#conteneurPrincipal td.hautMilieu {
	text-align:center;
	width:486px;
	height:3px;
	background:url('../images/design/fond_contenu_haut.jpg') no-repeat;
}

table#conteneurPrincipal td.gauche {
	width:193px;
	padding-left:5px;
	padding-bottom:20px;
	/*background:url('../images/design/bas_colonne.jpg') no-repeat;*/
	background-position:bottom;
	vertical-align:top;
}

form#formReference, form#formCritere {
	display:inline;
}

form#formCritere div {
	text-align:left;
	padding-left:20px;
}

table#conteneurPrincipal td.conteneurContenu {
	width:586px;
	vertical-align:top;	
}
table#conteneurPrincipal td.conteneurContenu div#conteneur{
	width:586px;
}
table#conteneurPrincipal td.conteneurContenu div#contenu{
	padding:5px;
	background:url('../images/design/fond_contenu.jpg') repeat-y;
	width:100%;
	margin:auto;
}

table#conteneurPrincipal td.conteneurContenu div#basMilieu {
	text-align:center;
	width:596px;
	height:38px;
	background:url('../images/design/fond_contenu_bas.jpg') no-repeat;
	padding-top:10px;
}

table#conteneurPrincipal td.droite {
	width:191px;
	padding-left:5px;
	padding-bottom:20px;
	/*background:url('../images/design/bas_colonne.jpg') no-repeat;*/
	background-position:bottom;
	vertical-align:top;
}

table#conteneurPrincipal td.basMilieu {
	text-align:center;
	width:596px;
	height:38px;
	background:url('../images/design/fond_contenu_bas.jpg') no-repeat;
}

div#sMessage {
	color:red;
	font-weight:bold;
	text-align:center;
}

/*********************** FIN CONTENU CENTRAL ***********************/

/*********************** CONTACT ***********************/
div#contact {
	position:relative;
	text-align:center;	
	width:990px;
	padding-top:3px;
	height:16px;
	background-color:#5e7281;
	font-size:11px;
	color:white;
}

div#contact a {	
	color:white;
	text-decoration:underline;
}

div#liensPartenaires {
	position:absolute;
	width:170px;
	height:15px;
	right:0px;
	top:0px;
	padding-left:20px;
	padding-top:4px;
	color:#2c485e;
	cursor:pointer;
}

div#liensPartenaires.off {
	background:url('../images/design/liensPartenaires_off.jpg') no-repeat;
}

div#liensPartenaires.on {
	background:url('../images/design/liensPartenaires_on.jpg') no-repeat;
}

div#liensPartenairesMenu {
	position:absolute;
	right:0px;
	bottom:31px;
	width:190px;
	min-height:100px;
	background:url('../images/design/liensPartenaires_fond.jpg') repeat-y;
	visibility:hidden;
	z-index:5;
}

div#liensPartenairesMenu div {
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px dashed #B8B9BB;
	padding:5px;
}
/*********************** FIN CONTACT ***********************/

/*********************** MENTIONS LEGALES ***********************/
div#mentionsLegales {
	position:relative;
	text-align:center;
	width:990px;
	height:12px;
	color:#928f8f;
	font-family:Verdana;
	font-size:10px;
}

div#mentionsLegales a {
	color:#928f8f;
	font-family:Verdana;
	font-size:10px;
	text-decoration:underline;
}
/*********************** FIN MENTIONS LEGALES ***********************/

/*********************** RECHERCHES ***********************/
table.recherche {
	border:1px solid #aabac6;
	width:185px;
}

table.recherche th {
	text-align:center;
	background-color:#6b7a88;
	height:15px;
	vertical-align:middle;
	font-size:11px;
	color:white;
}
table.recherche th a{
	color:white;
}

table.recherche td {
	text-align:center;		
	vertical-align:middle;
	font-size:11px;
	color:#375b78;
}

table.recherche td a {
	text-decoration:underline;
	color:#375b78;
}

div#menuRecherche {
	width:187px;	
	background-color:#e8c03d;
	color:#2c485e;
	border:1px solid #677668;
	font-size:12px;
	font-weight:bold;
}

div#menuRecherche div.titre {
	text-align:center;
	border-bottom:1px solid #677668;
	background-color:#e8c03d;
	font-weight:bold;
}

div#menuRecherche div {
	width:187px;
	background-color:#f5e9c2;
	text-align: left;
	font-weight:normal;
	font-size:12px;	
	color:#2c485e;
}

div#menuRecherche div.title {
	width:173px;
	height:17px;
	padding-left: 14px;
	background-image: url('../images/design/menu_ferme.gif');
	background-repeat: no-repeat;
	font-weight:bold;
}

div#menuRecherche div.selected {
	width:173px;
	height:17px;
	padding-left: 14px;
	background-image: url('../images/design/menu_ouvert.gif');
	background-repeat: no-repeat;
	font-weight:bold;
}

div#menuRecherche div a {
	width:160px;
	color:#2c485e;
	padding-left:27px;
}
/*********************** FIN RECHERCHES ***********************/
/*********************** CENTRE***********************/
table.centre {
	border:1px solid #aabac6;
	width:100%;
}

table.centre th {
	text-align:center;
	background-color:#6b7a88;
	height:12px;
	vertical-align:middle;
	font-size:10px;
	color:white;
}
table.centre th a{
	color:white;
}

table.centre td {
	text-align:center;		
	vertical-align:middle;
	font-size:10px;
	color:#375b78;
}

table.centre td a {
	text-decoration:underline;
	color:#375b78;
}

div#menucentre {
	width:177px;	
	background-color:#e8c03d;
	color:#2c485e;
	border:1px solid #677668;
	font-size:10px;
	
}

div#menucentre div.titre {
	text-align:center;
	border-bottom:1px solid #677668;
	background-color:#e8c03d;

}

div#menucentre div {
	width:100%;
	background-color:#f5e9c2;
	text-align: left;
	font-weight:normal;
	font-size:12px;	
	color:#2c485e;
}

div#menucentre div.title2 {
	width:165px;
	height:17px;
	padding-left: 10px;
	background-image: url('../images/design/menu_ferme.gif');
	background-repeat: no-repeat;

}

div#menucentre div.selected {
	width:100%;
	height:17px;
	padding-left: 10px;
	background-image: url('../images/design/menu_ouvert.gif');
	background-repeat: no-repeat;
}

div#menucentre div a {
	width:160px;
	color:#2c485e;
	padding-left:27px;
}
/*********************** FIN CENTRE***********************/
/*********************** CENTRE ACCUEIL***********************/
table.centreaccueil {
	border:1px solid #aabac6;
	width:100%;
}

table.centreaccueil th {
	text-align:center;
	background-color:#6b7a88;
	height:12px;
	vertical-align:middle;
	font-size:10px;
	color:white;
}
table.centreaccueil th a{
	color:white;
}

table.centreaccueil td {
	text-align:center;		
	vertical-align:middle;
	font-size:10px;
	color:#375b78;
}

table.centreaccueil td a {
	text-decoration:underline;
	color:#375b78;
}

div#menucentreaccueil {
	width:164px;	
	background-color:#e8c03d;
	color:#2c485e;
	border:1px solid #677668;
	font-size:10px;
	
}

div#menucentreaccueil div.titre {
	text-align:center;
	border-bottom:1px solid #677668;
	background-color:#e8c03d;

}

div#menucentreaccueil div {
	width:100%;
	background-color:#f5e9c2;
	text-align: left;
	font-weight:normal;
	font-size:12px;	
	color:#2c485e;
}

div#menucentreaccueil div.title2accueil {
	width:154px;
	height:17px;
	padding-left: 8px;
	background-image: url('../images/design/menu_ferme.gif');
	background-repeat: no-repeat;

}

div#menucentreaccueil div.selected {
	width:100%;
	height:17px;
	padding-left: 10px;
	background-image: url('../images/design/menu_ouvert.gif');
	background-repeat: no-repeat;
}

div#menucentreaccueil div a {
	width:154px;
	color:#2c485e;
	padding-left:27px;
}
/*********************** FIN CENTRE ACCUEIL***********************/

/*********************** DEVIS & ACTUS ***********************/
table.devis {
	border:1px solid #aabac6;
	width:185px;
}

table.devis th {
	text-align:center;
	background-color:#9ba9d7;
	height:15px;
	vertical-align:middle;
	font-size:11px;
	color:white;
}

table.devis td {
	text-align:center;		
	vertical-align:middle;
	background-color:#f9f8fc;
	font-size:11px;
	color:#305a7c;
}

table.devis td a {
	text-decoration:none;
	color:#305a7c;
}

table.actualites {
	border:1px solid #aabac6;
	width:185px;
}

table.actualites th {
	text-align:center;
	background-color:#c6c3e0;
	height:15px;
	vertical-align:middle;
	font-size:11px;
	color:white;
}

table.actualites td {
	padding:4px;
	text-align:justify;		
	vertical-align:middle;
	background-color:#f9f8fc;
	font-size:11px;
	color:#2e2c2c;
}

table.actualites span.titre {	
	font-weight:bold;
}

table.actualites img.imageActu {	
	padding:8px;
}

table.actualites td.bt_actu_plus {
	text-align:right;
}

table.actualites a {	
	text-decoration:underline;
}
/*********************** FIN DEVIS & ACTUS ***********************/

div.information {
	color: black;
	font-size: 11px;
	margin: 5px;
	margin-bottom: 10px;
}

/**************************/

div#sMessageBasMilieu {
	text-align:right;
	margin-right:20px;
}

div#sMessageBasMilieu span.fleche{
	background-image:url(../images/design/flecheBasMilieu.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:8pt;
	color:#37536B;
	padding-left:15px;	
}
div#imageDetailNom{
    color: #ECF0CB;
    height: 18px;
	font-size: 13px;
    text-indent: 10px;
    padding-top: 1px;
    background-color:  #292E18;
}

div#imageDetailNom img{
    right: 5px;
    top: 2px;
}