body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	margin: 0px;
	padding: 0px;
	background-color: #707070;
	text-align: center;
	vertical-align: middle;
}

#global {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:10px;
	padding:0;
	width: 936px;	
	position:absolute;
	left:50%;
	margin-left:-468px;
	
}
#tetiere {
	width: 936px;
	height:163px;
	top:0px;
	position:relative;
	margin:0;
	padding:0;
	border: 0;
}
#conteneur {
	width: 936px;
	float:left;
	text-align: left;
	margin:0;
	padding:0;
}
/*-----------------------------------------------------------------*/
/* gauche */
/*-----------------------------------------------------------------*/

#menu
{
	position:relative;
	/*top:372px;*/
	top:0px;
	left:0px;
	height:auto;
	width:255px;
	display:block;	

}

#image_menu
{
width:255px;
height:209px;
}

#mod_infrastructure
{
 position:relative;
 top:0px;
 padding-top:10px;
 padding-bottom:15px;
}
.titre_infrastructure
{
	
	padding-left:30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/triangle_blanc_fond_gris.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.texte_infrastructure
{
	padding-left:30px;
	padding-right:30px;
	padding-top:5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ababab;
	text-align: justify;
}

#gauche {
	width: 255px;
	vertical-align:top;
	text-align: left;
	background-color:#4a4a4a;
	margin:0;
	padding:0;
}

.mod_onglets {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ababab;
	background-color: #4a4a4a;
	margin: 0px;
	padding: 0px;
	width: 255px;
	vertical-align: top;
}

.masquer {
	display: none;
}



.visible
{
	display: block;
}

.visiblerub
{
	display: block;
	background-color:#5faff8;
}

.contenu_onglet{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #979797;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width:255px;
	vertical-align: top;
}

div.rubOver
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	vertical-align:middle;
	padding-top:5px;
	padding-left:30px;
	padding-right:5px;
	background-image:url(../images/bouton_over.jpg);
	background-repeat: no-repeat;
	height:21px;
	width:220px;
	cursor:pointer;
}
div.rubOut
{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7c7c7d;
	font-weight: bold;
	vertical-align:middle;
	background-image:url(../images/bouton_out.jpg);
	background-repeat: no-repeat;
	height:21px;
	width:220px;
	padding-top:5px;
	padding-left:30px;
	padding-right:5px;
	cursor:pointer;
}

.imgrub
{
	border:0;
	padding-left:3px;
	padding-right:5px;
	text-align: center;
	vertical-align: middle;
}



div.ssrubOut
{
	background-color:#5eaef7;
	background-image: url(../images/ssrub_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c3c3c;
	font-weight: bold;
	
	height:28px;
	width:220px;
	vertical-align:middle;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:5px;
	cursor:pointer;
	
}

div.ssrubOver
{
	background-color:#5eaef7;
	background-image: url(../images/ssrub_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	width:220px;
	height:28px;
	vertical-align:middle;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:5px;
	cursor:pointer;
}

.imgssrub
{
	border:0;
	padding-left:5px;
	padding-right:5px;
	text-align: center;
	vertical-align: middle;
}




/*-----------------------------------------------------------------*/
/* droite */
/*-----------------------------------------------------------------*/
#droite {
	width: 166px;	
	vertical-align:top;
	left:770px;
	text-align: center;
	background-color:#a7a7a7;
	margin:0;
	padding:0;
}

.input_rech
{
	width:100px;
	margin: 0px;
	padding: 1px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4a4a4a;
	border-right-color: #aeaeae;
	border-bottom-color: #aeaeae;
	border-left-color: #4a4a4a;
	background-position: center center;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


#recherche
{
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}
/*-----------------------------------------------------------------*/
/* centre */
/*-----------------------------------------------------------------*/
#contenu_pub_bas
{
		position:relative;
		/*bottom:76px;*/
		text-align:center;
		width:515px;
		background-color:#dfdfdf;
}
#contenu_pub_bas2
{
		position:absolute;
		bottom:76px;
		text-align:center;
		width:515px;
		background-color:#dfdfdf;
}

#contenu {
	width: 515px;
	text-align: left;
	vertical-align:top;
	background-color:#ffffff;
	padding:0;
	margin:0;
}

#ligne_grise
{
	background-color:#FFFFFF;
}

#menu_carte
{
	background-image:url(../images/fond_menucarte.gif);
	background-repeat: repeat-x;
	background-position: left 7px;
	height:170px;
	text-align:center;
	background-color: #e0e0e0;
	padding-top:5px;
	width:515px;
}

#centre
{
padding:10px;
}

.td_bordergris{
	border:1px solid #c1c1c1;
}
.td_bordergris_sanstop{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #c1c1c1;
	border-left-color: #c1c1c1;
}


.td_bordergrisclair{
	border:1px solid #ebebeb;
}

.bord_gris_gauche_droite_bas{
border-left:solid 1px #c1c1c1;
border-right:solid 1px #c1c1c1;
border-bottom:solid 1px #c1c1c1;
}

.bord_blanc_1px{
border:solid 1px #ffffff;
}


.td_titre
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #447ab8;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #447ab8;
	border-left-color: #c1c1c1;
}

.td_fondbleu
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #D4E5F7;
	border: 1px solid #FFFFFF;
}
.td_fondgris
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #4a4a4a;
	border: 1px solid #FFFFFF;
}
.td_fondorange
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #fae0b7;
	border: 1px solid #FFFFFF;
}
.td_bordblanc
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	
}
.td_bordblanc2
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #c1c1c1;
}


/*-----------------------------------------------------------------*/
/* index */
/*-----------------------------------------------------------------*/

.mod_gauche
{
	background-image: url(../images/mod_gauche.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	vertical-align:top;
}

.mod_droit
{
	background-image: url(../images/mod_droit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
	vertical-align:top;
	}

/*-----------------------------------------------------------------*/
/* pied de page */
/*-----------------------------------------------------------------*/

#footer {
	width: 936px;
	text-align: left;
	margin:0;
	padding:0;
	vertical-align:middle;
}
#logo_wi_bas
{
	height:31px;
	float:left;	
}
#pied_gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 255px;
	position:relative;
	float:left;
	top:10px;
	height:35px;
	text-align: center;
	margin:0;
	padding:0;
}

#pied_gauche a:link,#pied_gauche a:visited
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#pied_gauche a:hover,#pied_gauche a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}


#pied_droit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;	
	width: 641px;
	height:35px;
	float:right;
	background-image: url(../images/fond_pied_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	text-align: left;
	margin:0;
	padding-top:10px;
	
}

#pied_droit a:link,#pied_droit a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#pied_droit a:hover,#pied_droit a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

/*  styles pour le backoffice  */
.bleu_chapeau{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #457bb2;
}

.orange_chapeau{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #c58b3e;
}

.orange11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #c58b3e;}

.orange12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #c58b3e;}

.marron11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #c58b3e;}

.marron12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #c58b3e;}

.marron13 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;color: #c58b3e;}

.marron14 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;color: #c58b3e;}

.rouge11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #ff3a00;}

.rouge12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #ff3a00;}

.rouge13 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;color: #ff3a00;}

.rouge14 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;color: #ff3a00;}

.bleu11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #457bb2;}

.bleu12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #457bb2;}

.bleu13 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 13px;color: #457bb2;}

.bleu14 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;color: #457bb2;}

.gris11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #818181;}

.gris12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #818181;}

.gris2_11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #4a4a4a;}

.gris2_12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #4a4a4a;}

.gris3_11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #1c1c1c;}

.gris3_12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #1c1c1c;}

.noir11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}

.noir12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}

.blanc11 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #ffffff;}

.blanc12 {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color: #ffffff;}

.titre_page {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;color: #c58b3e;font-weight:bold}

.fond_degrade_bleublanc{
background-image:url(../images/degrade_bleu_blanc.gif);
background-repeat:repeat-x;
}

.fond_degrade_bleublanc2{
background-image:url(../images/degrade_bleu_blanc2.gif);
background-repeat:repeat-x;
}

/* Formulaire  */
.input_invisible {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
}
.input_invisible2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
}
.input_invisiblebleu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	background-color:#d4e5f7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
}

.input_invisibleorange {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c58b3e;
	background-color:#fae0b7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
}
.input_invisiblenoir {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#fae0b7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	text-align: center;
}

.input_devis {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	margin: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #818181;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	border-left-color: #818181;
	vertical-align: middle;
	text-align: right;
}
.input_form {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	margin: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #818181;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	border-left-color: #818181;
	vertical-align: middle;
	text-align: left;
}

#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: Yellow;
}

.bouton_ok {
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	width:33px;
	height:23px;
	border:0px;
}

.bouton_commander {
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	width:85px;
	height:23px;
	border:0px;
}

/* les li */

.libleu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	list-style-image: url(../images/puce_bleue.gif);
}
.liorange {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	list-style-image: url(../images/puce_orange.gif);
}
.titre_infra {
	background-image: url(../images/triangle_blanc_fond_gris.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: 30px;
	width: 230px;
}

.degrade_haut
{
	background-image:url(../images/degrade_haut.jpg);
	background-repeat:no-repeat;
	/*height:40px;*/
	width:240px;
	text-align: left;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #457bb2;
	font-weight:bold;
	padding: 5px;
}
.degrade_haut2
{
	background-image:url(../images/degrade_haut2.jpg);
	background-repeat:no-repeat;
	/*height:50px;*/
	width:240px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	padding: 5px;
	vertical-align: middle;
}

.degrade_haut3
{
	background-image:url(../images/degrade_haut3.jpg);
	background-repeat:no-repeat;
	/*height:50px;*/
	width:490px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #818181;
	padding: 5px;
	vertical-align: middle;
}

.degrade_haut4
{
	background-image:url(../images/degrade_haut4.jpg);
	background-repeat:repeat-x;
	/*height:50px;*/
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	padding: 5px;
}


.degrade_bas
{
	background-image:url(../images/degrade_bas.jpg);
	background-repeat:no-repeat;
	height:38px;
	width:240px;
}
.h { display:none; }

TR.ligne_masquer{
	display : none;
	width:495px;
}
TR.ligne_visible{
	width:495px;
}

.contour_bleu_pointille{
border:solid 1px #ACDAFE;
}