/* --[ Global ]-- */
* {margin:0px; padding:0px}




.right {float:right}
.left {float:left}
.clear {clear:both}

.margin-topbot15{margin:15px 0}




/* ============================================== Structure generale ===============================================================================*/




#colonne-gauche {width:560px}
#colonne-droite {margin-top:25px}

#pied {
  background-image: url(../img/interface/pied.jpg);
  background-repeat:no-repeat;
  background-position:bottom center;
  height:103px;
  padding-top:80px;
  width:100%;
  color:#fff;
  font-size:10px;
  margin-bottom:-2px;
}
#pied p {text-align:center !important}
#pied a {color:#fff; text-decoration:none; border-bottom:1px #fff dotted}
#pied a:hover {border-bottom:1px #fff solid}

#menu-droite a {
  display:block;
  background: #fff url(../img/interface/menu_droite.gif) bottom no-repeat;
  border: 1px solid #d4d4d4;
  width:172px;
  margin-bottom:2px;
  margin-left:7px;
  padding:2px 5px;
  text-decoration:none;
  color:#4c4c4c
}
#menu-droite a:hover,#menu-droite a.actif {
  background:#0253ad url(../img/interface/menu_droite_roll.gif) bottom no-repeat;
  color:#fff;
  display:block;
  border: 1px solid #d4d4d4;
  width:172px;
  margin-bottom:2px;
  margin-left:7px;
  padding:2px 5px;
  text-decoration:none;
  
  }


/* ============================================== Accueil ===============================================================================*/
#accueil-gauche {width:430px}
#accueil-droite {width:330px; margin-top:20px}

img.topMenua{margin-bottom:-3px}


#accueil-solutions {
  background: url(../img/standard/menu/bg_menu_a.jpg) repeat-y;
  width:415px;
  padding:0 10px 0 20px;
}
#sol1 {margin-top:3px !important}

#accueil-solutions li {
  background-image: url(../img/interface/puce1.gif);
  background-repeat:no-repeat;
  background-position:2px 5px;
  list-style:none;
  padding-left:15px
}

#accueil-solutions a {text-decoration:none; color:#424242; border-bottom:1px #c2c2c2 dotted}
#accueil-solutions a:hover {color:#067abc; border-bottom:1px #067abc dotted}

#accueil-solutions img {margin:0px 40px 5px 0px}

#carte {margin-top:25px}


/* ============================================== realisations ==========================================================================*/
#vignettes {margin-bottom:5px}
#vignettes a{
	width:21px;
	height:20px;
	background:url('vignette.gif') no-repeat;
	float:left;
	text-align:right;
	color:#000;
	padding-right:8px;
	padding-top:5px;
	text-decoration:none;
	font-size:11pt;
	font-weight:bold;
}
#vignettes a.actif,#vignettes a:hover{background:url('vignette_roll.gif') no-repeat;}

/* ============================================== solution ==========================================================================*/

.vignettes_solution{display:block;margin-top:10px}
.background_highlight {background-color:#f1f8fb; border:1px #cff1ff solid; padding:10px; margin:10px 0 10px 0}
.background_securite{background-color:#f6eaea; border:1px #e2c9c9 solid; padding:10px; margin:10px 0 10px 0}
.background_highlight_b0 {background-color:#f1f8fb; border:1px #cff1ff solid; padding:10px; margin:10px 0 0 0}
img.habillage_droite{float:left;margin:0 10px 5px 5px;}

img.info_puce{position:relative;top:4px;margin-right:5px}

div.id_ligne{display:block;width:560px;background-color:#dfe9f5;margin:3px 0}
div.id_ligne span.gauche{float:left;width:20%;text-align:right;margin-right:10px;font-weight:bold}
div.id_ligne span.droite{float:left;width:60%}

div.id_ligne_i{display:block;width:560px;background-color:#dfe9f5;margin:3px 0}
div.id_ligne_i span.gauche{float:left;width:30%;text-align:right;margin-right:10px;font-weight:bold}
div.id_ligne_i span.droite{float:left;width:65%}

.margin-Mos{margin-right:7px}
.margin-top7{margin-top:7px}
.carreau{display:block;float:left;text-align:center}
.carreau img{display:block;margin-bottom:5px}
.carreau span{display:block;color:#0152ad;font-size:11px;background-color:#ccdced;width:180px;padding:3px 0}
.carreau span.rtmDec{margin-left:-7px}

/*** localisation ***/
.infos_securite{width:280px;display:block;float:left;background-color:#f1f8fb;border:1px #cff1ff solid; padding:10px;}
.infos_carte{width:180px;display:block;float:left;background-color:#f1f8fb;border:1px #cff1ff solid; padding:10px;}
a.LienMichelin{margin-top:10px;width:180px;display:block;float:left;background-color:#0152ad;border:1px #cff1ff solid;color:#fff; padding:10px;text-decoration:none}
a.LienMichelin:hover{background-color:#cff1ff;border:1px #cff1ff solid;color:#0152ad;}