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

html {
  background-image: url(../img/interface/fond_haut.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  background-color:#0152ad;
  width:100%;
  font:11px Arial, helvetica, sans-serif;
  color:#424242;
  line-height:18px;
}

a.flag{border:none !important}

.bleu {color:#0077bb !important}
.gris {color:#757575 !important}
.bleuPlastima{color:#0152ad !important}
.strong{font-weight:bold}
.rouge{color:#b51717}


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

.margin-topbot15{margin:15px 0}


img {border:none}
p {text-align:justify}
a {color:#0077bb}
a:hover {color:#0554ae; text-decoration:none}

ul.liste, #colonne-gauche ul {background-color:#f1f8fb; border:1px #cff1ff solid; padding:10px; margin:15px 0px 10px 0px}
ul.liste li, #colonne-gauche ul li {
  background-image: url(../img/interface/puce_liste.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  list-style:none;
  padding-left:15px;
  color:#0077bb
}

h1 {
  background-image: url(../img/interface/picto_titre.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  font-size:15px;
  color:#0077bb;
  margin-bottom:10px
}
h2 {font-size:15px; margin-bottom:10px}
h3 {font-size:14px; color:#757575;}
h4 {font-size:12px}
h5 {font-size:10px}

.margin-left5 {margin-left:5px}
.margin-left10 {margin-left:10px}
.margin-left15 {margin-left:15px}
.margin-left20 {margin-left:20px}
.margin-left25 {margin-left:25px}
.margin-right10 {margin-right:10px}
.margin-bas10 {margin-bottom:10px}
.margin-top10{margin-top:10px}
.margin-bottom10{margin-bottom:10px}

.txt-right {text-align:right}

.soustitre {
  background-image: url(../img/interface/picto_titre2.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  margin-bottom:10px
}

/* ============================================== Structure generale ===============================================================================*/
#conteneur {
  background-image: url(../img/interface/fond_contenu.gif);
  background-position:top center;
  width:100%;
  margin:0px auto 0px auto;
}

#bandeau {
  background-image: url(../img/interface/courbe_bandeau.jpg);
  background-repeat:no-repeat;
  background-position:14px 41px;
  width:790px;
  margin:70px auto 0px auto;
  padding:0px 44px 0px 44px
}

#menu2 {margin:30px 0px 0px 20px}
#logo {margin:0px 10px 15px 0px}

#contenu {
  background-image: url(../img/interface/courbe_contenu.jpg);
  background-repeat:no-repeat;
  background-position:14px 0px;
  width:778px;
  padding:0px 50px;
  margin:0px auto 0px auto;
}

#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('../img/standard/realisation/vignette.gif') no-repeat;
	float:left;
	text-align:right;
	color:#fff;
	padding-right:5px;
	padding-top:5px;
	text-decoration:none;
	font-size:11pt;
	font-weight:bold;
}
#vignettes a.actif,#vignettes a:hover{background:url('../img/standard/realisation/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;}

/* ============================================== Contact ============================================================================*/
#contact {
  width:160px;
  margin:5px 0px 0px 8px;
  background-color:#f1f8fb;
  border:1px #cff1ff solid;
  padding:10px;
}
#contact p {text-align:center}

fieldset {border:none}
#coord {border:1px #f0f0f0 solid; width:540px; padding:20px 10px 10px 10px; margin-bottom:20px}
#coord label {float:left; height:15px;  width:150px; margin-right:10px; text-align:right; color:#0077bb}
#coord input {float:left; height:15px; width:360px; margin-bottom:12px; background-color:#f0f0f0; color:#555; font-size:12px}
textarea.message {width:550px; height:90px; background-color:#f0f0f0; color:#555; font-size:12px; padding:5px; font-family:Arial}
select {width:365px; margin-bottom:12px; font-size:12px; background-color:#f0f0f0}
option {padding:1px 5px}

.input-vert {border:1px #b8b8b8 solid; padding:1px}
#envoyer {margin:10px 0px 0px 250px; width:100px; height:31px}

.ok {color:#0077bb; font-weight:bold; width:545px; padding:2px 0px}
.error {color:#ff0000; font-weight:bold; width:545px; padding:2px 0px}

.coordonnees {width:500px; margin-right:20px}
.coordonnees i {margin-bottom:5px; display:block}


/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin:20px 0px 0px 20px}
.fond-infos,.fond-infos2 {background-color:#b5f0ff; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
.fond-infos2 {background-color:#e0f7fd}

.aides caption {background-color:#0077bb; color:#fff}

.couleur1 {background-color:#e0f7fd}
.couleur2 {background-color:#b5f0ff}

#extras caption {width:580px; background-color:#0E709B; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; width:580px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}


div.extras .credits1,div.extras .credits2{color:#666;background-color:#E4E4E4; margin:5px 0px; padding:5px 0px 5px 20px; width:340px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important}
#creditsLeb .credits1 a.rouge{color:#666 !important}
#creditsLeb ul li{margin-left:0 !important}
#creditsLeb a{text-decoration:none !important;}
#creditsLeb h4{color:#0077BB !important;margin:10px 0 !important}