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

  [Feuille de style globale]

  Projet:    Grospiron International
  Réalisation : Agence Cosmic Communication (www.agencecosmic.com)
  Version:    1.0

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

/*---------------------------------------
                Imports
----------------------------------------*/

@import url("reset.css");
@import url("ui/ui.theme.css");

/*---------------------------------------
                Styles
----------------------------------------*/

/* Global */

body {
  background-color:#ebe7e4;
  font: 62.5% Helvetica, Arial, Verdana, Geneva, sans-serif;  
}

html,body {height:100%;}

html, body {
   margin:0;
   padding:0;
   height:100%;
}

#footer,
#wrapper {
  font-size:1.5em;
  line-height:1.2em;
}

#wrapper,
#footer ul {
  width:954px;
  margin:0 auto;
}

/* Accessibilité */

#accessibility {
  font-size:0.6em;
  padding:2px 0 6px 0;
  margin:0;
}

#accessibility li {
  display:inline;
  margin:0 5px;
  padding:0;
}

#accessibility li a {
  color:#EBE7E4;
  padding:0;
}

#container {
  height:auto !important;
  height:100%;
  min-height:100%;
  position:relative;
  background:transparent url(../images/bg/bgcontainer.gif) repeat-y center center;
}

#header {
   background:#ff0;
   padding:10px;
}

#extra {
  text-align:right;
  clear:both;
  padding-bottom:8em;
}

#extra a {
  visibility:hidden;
  margin:0 auto;
  width:954px;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:3em;
   background:#6cf;
}


/* Logo */

h1 {
  padding-top:0;
  padding-bottom:14px;
  margin-bottom:0;
}

h1 a {
  display:block;
  text-indent:-9999px;
  width:221px;
  height:54px;
  background:transparent url(../images/logo/grospiron.gif) no-repeat top left;
}

.page-mobilite h1 a,
.page-relocation h1 a { background:url(../images/logo/logo_page_mobilite.gif) no-repeat;}


/* Titres */

h2,h3,h4 {
  clear:both;
  font-weight:normal;
}

h2 {font-size:1.6em;}

h3 {
  font-size:1.4em;
  border-bottom-style:dashed;
  border-width:1px;
  padding-top:15px;
  margin-bottom:10px;
  padding-bottom:4px;
  line-height:1.1em;
}

h4 {
  font-size:1.0em;
  display:block;
  height:auto;
  background-color:#FBD100;
  border-bottom:1px dotted #999999;
  margin:0 0 5px 0;
  padding:5px 0 5px 10px;
  text-transform:uppercase;
}

#text h4 {text-transform:none;}

h5 {font-size:1.0em;}

h6 {font-size:1em; margin:10px 0 0 0;}

.page-actualites-newletters #text h4,
.page-news-and-newsletters #text h4 {
margin:10px;
width:180px;
clear:both;
position:relative;
background-position:0 0;
}


/* Formulaires */

p.submitbtn span {
  margin-top:5px;
  display:inline-block;
  height:33px;
  padding-left:10px;
  background:#fbb601 url(../images/btn/validate.gif) no-repeat left center;
}

p[class="submitbtn"] span { padding-left:12px;}

p.submitbtn a,
p.submitbtn input
 {
  cursor:pointer;
  padding:0;
  margin:0;
  font-size:1.2em;
  height:33px;
  border:none;
  padding-right:8px;
  background:#fbb601 url(../images/btn/validate.gif) no-repeat right center;
}

p.submitbtn input[type=submit] { padding-right:8px; }

#chapo p.submitbtn span{margin: -10px 0 -2px 65px;}

#chapo p.submitbtn input,
#chapo p.submitbtn a {
  cursor:pointer;
  padding:0 8px 0 0;
  margin:0;
  font-size:1.1em;
  height:33px;
  width:160px;
  text-align:center;
  background: url(../images/btn/validate_bandeau.gif) no-repeat right center;
  text-decoration:none;
}

#chapo p.submitbtn span {
  margin-top:5px;
  display:inline-block;
  height:33px;
  padding-left:10px;
  background: url(../images/btn/validate_bandeau.gif) no-repeat left center;
}

.page-mobilite #text p.submitbtn a,
.page-relocation #text p.submitbtn a,
.page-demenagement #text p.submitbtn a,
.page-removals #text p.submitbtn a,
.page-mobilite #text p.submitbtn input,
.page-relocation #text p.submitbtn input,
.page-demenagement #text p.submitbtn input,
.page-removals #text p.submitbtn input {
  cursor:pointer;
  padding:0 8px 0 0;
  margin:0;
  font-size:1.1em;
  height:33px;
  width:160px;
  text-align:center;
  background: url(../images/btn/validate_bandeau.gif) no-repeat right center;
}

.page-mobilite #text p.submitbtn span,
.page-relocation #text p.submitbtn span,
.page-demenagement #text p.submitbtn span,
.page-removals #text p.submitbtn span {
  float:right;
  margin-top:5px;
  margin-right:40%;
  margin-bottom:10px;
  display:inline-block;
  height:33px;
  padding-left:10px;
  background: url(../images/btn/validate_bandeau.gif) no-repeat left center;
}

.page-fine-arts #text p.submitbtn input,
.page-fine-arts #text p.submitbtn a {
  cursor:pointer;
  padding:0 8px 0 0;
  margin:0;
  font-size:1.1em;
  height:33px;
  width:160px;
  text-align:center;
  background: url(../images/btn/validate_bandeau.gif) no-repeat right center;
}

.page-fine-arts #text p.submitbtn span
{
  float:left;
  margin-top:90px;
  margin-left:45px;
  display:inline-block;
  height:33px;
  padding-left:10px;
  background: url(../images/btn/validate_bandeau.gif) no-repeat left center;
}

p.submitbtn a,
#chapo p.submitbtn a,
.page-fine-arts #text p.submitbtn a,
.page-mobilite #text p.submitbtn a,
.page-relocation #text p.submitbtn a,
.page-demenagement #text p.submitbtn a,
.page-removals #text p.submitbtn a {
  display:block;
  font-size:1.2em;
  padding:8px 9px 0 0;
  height:25px;
  text-decoration:none;
}

label {
  cursor:pointer;
}
sup{
  font-size: 10px;
  vertical-align: top;
}


/* Sidebar */

#sidebar {
  float:left;
  padding-right:36px;
  width:221px;  
}

.page-fr #sidebar,
.page-en #sidebar {
  padding-bottom:158px;
  background:#EBE7E4 url(../images/bg/worldmap.gif) no-repeat bottom left;
}

#secondarymenu {
  position:relative;
  top:-8px;
  margin:0;
  padding-left:14px;
  list-style:none;
} 

#secondarymenu li {
  font-size:0.8em;
  padding-left:25px;
  margin-left:0;
}
#secondarymenu li {
  background:transparent url(../images/icons/greyicons.gif) no-repeat scroll 0 0;
}


#secondarymenu li#newsletteritem {
  background-position:0 -52px;
  color:#5F5C55;
}

#secondarymenu li#usefuldocsitem {
  background-position:-224px -52px;
  color:#5F5C55;
}


/* Top menu */

#topmenu {
  font-size:0.8em;
  text-align:right;
  list-style:none;
  margin:0 0 11px 0;
  padding:0;
  color:#5F5C55;
}

#topmenu li {
  margin:0;
  display:inline;
  padding:4px 0px 3px 4px;
}

#topmenu li#privateroom a:hover,
#topmenu li#privateroom a {
  color:#000;
  text-decoration:none;
}

#topmenu li#privateroom {
  padding-left:21px;
  padding-right:4px;
  background-image:url(../images/bg/privateroom.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
  background-color:#FBD100;
}


/* Menu */

#mainmenu {
  list-style:none; 
  background-color:#fff;
}

#sidebar li.active {
  background-color:#fbd100;
}
.page-demenagement #sidebar li.active,
.page-removals #sidebar li.active {
  background-color:#fbd100;
}
.page-garde-meubles #sidebar li.active {
  background-color:#fdc500;
}
.page-fine-arts #sidebar li.active {
  background-color:#f6a800;
}
.page-mobilite #sidebar li.active,
.page-relocation #sidebar li.active {
  background-color:#f19300;
}
#mainmenu li {
  padding:0 14px;
  line-height:1.0em;
  margin:0;
  font-size:1.0em;
}

#mainmenu a {
  text-decoration:none;
  padding:5px 0;
  display:block;
  width:193px;
  color:#000;
  border-bottom:1px dashed #989689;
}

#mainmenu a:hover {
  background-color:#f3f0ed;
}

#mainmenu .active a:hover {
  cursor:default;
  background-color:transparent;
}


/* Contenu */

#content {
  padding-bottom:30px;
  color:#5f5c55;
  font-size:0.9em;
  float:left;
  width:697px;
  color:#000000;
}

#content #mainsections{
  margin-bottom: 20px;
}


/* Header */

#chapo {
  width:686px;
  float:left;
  color:#000;
  padding-left:11px;
  background-color:#d4cfcc;
  clear:both;
  overflow:hidden;
}

#chapo span input  {
  float:left;
  color:#000;
  margin-left:90px;
}

.page-demenagement #chapo h3 { background:#fbd100 url(../../../../medias/contentimg/picto_grospiron.gif) no-repeat 11px 15px; }
.page-removals #chapo h3 { background:#fbd100 url(../../../../medias/contentimg/picto_grospiron.gif) no-repeat 11px 15px; }
.page-garde-meubles #chapo h3 { background:#fdc500 url(../../../../medias/contentimg/fauteuil.gif) no-repeat 11px 10px; }
.page-fine-arts #chapo h3 { background:#f6a800 url(../../../../medias/contentimg/fine_art.gif) no-repeat 11px 10px; }
.page-mobilite #chapo h3 { background:#f19300 url(../../../../medias/contentimg/maison_mobilite.gif) no-repeat 11px 8px; }
.page-relocation #chapo h3 { background:#f19300 url(../../../../medias/contentimg/maison_mobilite.gif) no-repeat 11px 8px; }
.page-contact-24h24 #chapo h3{ background:#FBD100 url(../../../../medias/contentimg/bonhommes_contacts.gif) no-repeat 11px 10px; }

.page-demenagement #chapo h3,
.page-removals #chapo h3,
.page-garde-meubles #chapo h3,
.page-fine-arts #chapo h3,
.page-mobilite #chapo h3,
.page-relocation #chapo h3,
.page-contact-24h24 #chapo h3  {
  padding-left:42px;
}

#chapo h3 {
  border-color:#c7c1b5;
  background:#fbd100; 
  margin:0 0 0 -11px;
  padding-right:380px;
  padding-left:11px;
  color:#000000;

}

#chapo h4 {
  line-height:1.1em;
  font-size:1.3em;
  margin:15px 0 0 0;
  padding:0;
  background-color:transparent;
  border:none;
  text-transform:none;
}

.page-lexique #text h4,
.page-lexicon #text h4 {margin:15px 0 15px 35%;}
.page-lexique #text h4 a,
.page-lexicon #text h4 a {margin-right:15px;}

#chapo h3,
#chapo h4 { clear:none;}

#chapo p {width : 45%; margin:5px 0 0 0;}

#chapo img {float:right;}

#text {
  margin-top:10px;
  width:697px;
  float:left;
  clear:both;
  padding-top:10px;
  border-top:1px dashed #989689;
  border-bottom:1px dashed #989689;
}

#text h5 {
  border-bottom:1px dotted #999999;
  margin-bottom:5px;
  clear:both;
}

#text .coordonnees h5 { clear:none;}
#text .newslist h5 {border-bottom:none;}
#text p { margin-bottom:5px;}

.page-grospiron-en-europe #text .logo_one_group{
  float:left;
  margin-left:40px;
  position:absolute;
  z-index:5;
}

ul.newslist {
  width:697px;
  float:left;
  clear:both;
  margin:-10px 0 0 0;
  list-style:none;
}

ul.newslist li {
  width:675px;
  float:left;
  clear:both;
  padding:10px 11px 0 11px;
  border-bottom:1px dashed #989689;
  padding-top:5px;
  padding-bottom:0px;
  margin:0;
}

.page-enquetes-qualite ul.newslist li,
.page-quality-survey ul.newslist li {
  width:675px;
  float:left;
  clear:both;
  padding:10px 11px 0 11px;
  padding-top:5px;
  padding-bottom:0px;
  margin:0;
  border:none;
}

.newslist .illustr {
  padding:2px;
  margin:0 20px 20px 0;
  background-color:#f2eeeb;
  border:1px solid #e1dcd8;
  float:left;
}

.illustr img {
  padding:2px;
  margin:0 20px 20px 0;
  background-color:#f2eeeb;
  border:1px solid #e1dcd8;
  float:left;
}

.newslist h5,
.newslist p {
  float:left;
  width:535px;
}

#text ul li:hover {
  background-color:#e1dcd8;
}


#text ul.liste_mobilite li:hover {
  background:none;
}

#text ul li.last {
  border-bottom:none;
}

#text .readmore {
padding-top:0;
float:none;
clear:both;
width:auto;
}

#newsblock .readmore,
.page-actualites-newletters #text .readmore,
.page-news-and-newsletters #text .readmore {
float:right;
margin:5px 10px;
padding-top:0;
text-align:right;
width:150px;
}

.page-enquetes-qualite #text .readmore,
.page-quality-survey #text .readmore {
clear:both;
float:none;
padding-top:0;
width:auto;
text-align:right;
margin:10px;
}

.img_centre{
  margin:10px 0 10px 40%;
}


/* Style des blocs */

.genericblock {
  line-height:1.2em;
  background-color:#fff;
  width:222px;
  float:left;
  margin-right:15px;
  font-size:0.8em;
}

.genericblock.last {
  margin-right:0;
}


.genericblock h3 {
  font-size:1.3em;
  padding:13px 10px 5px 10px;
  border-bottom:none;
}

.genericblock.custom h3 {
  background-color:#726c60;
  color:#fff;
}

.genericblock h3 a {
  display:block;
  color:#fff;
  text-decoration:none;
  padding-bottom:8px;
}

.genericblock h4 {
  z-index:6;
  padding:6px 0 11px 36px;
  margin:-1px 11px 0 11px;
  font-size:1.1em;
  font-weight:bold;
  text-transform:none;
  color:#5F5C55;
  border-bottom:none;
  background:transparent url(../images/icons/greyicons.gif) no-repeat 0 0;
}

.genericblock h4 a {
  text-decoration:none;
  color:#5F5C55;
}

.genericblock h4 a:hover {
  text-decoration:underline;
}

.page-reglementations-et-tarifs-douaniers #newsblock,
.page-country-specific-guides-and-regulations #newsblock,
.page-enquetes-qualite #newsblock,
.page-quality-survey #newsblock,
.page-actualites-newletters #newsblock,
.page-news-and-newsletters #newsblock {
  width:46%;
  float:left;
  margin:10px 0 15px 0;
  background:#FFFFFF;
}

.page-reglementations-et-tarifs-douaniers #contactblock,
.page-country-specific-guides-and-regulations #contactblock,
.page-enquetes-qualite #contactblock,
.page-quality-survey #contactblock,
.page-actualites-newletters #contactblock,
.page-news-and-newsletters #contactblock {
  width:46%;
  float:right;
  margin:10px 0 15px 0;
}

.page-reglementations-et-tarifs-douaniers .chp_text,
.page-country-specific-guides-and-regulations .chp_text {
  margin:0 0 15px 10px;
}

.page-reglementations-et-tarifs-douaniers #text p,
.page-country-specific-guides-and-regulations #text p {
  margin-bottom:5px;
}

.page-country-specific-guides-and-regulations #contactblock p {
  line-height:1.2em;
}

.page-reglementations-et-tarifs-douaniers p strong,
.page-country-specific-guides-and-regulations p strong {
  margin-top:10px;
  display:block;
}

.page-reglementations-et-tarifs-douaniers form p,
.page-country-specific-guides-and-regulations form p {
  text-align:center;
  padding-bottom:10px;
}

#formulaire_quality {
margin-top:20px;
}

#contactblock h4 {
  background-position:-222px 0;
}

#estimateblock h4 {
  background-position:-446px 0;
  padding-left:42px;
}

.genericblock p {
  margin:0 11px;
}

.readmore {
  font-weight:bold;
  text-align:right;
}


/* Footer */

#footer {
  text-align:right;
  background-color:#fff;
  clear:both;
  padding-bottom:15px;
}

#footer ul {
  font-size:0.8em;
  list-style:none;
  padding:10px 0;
  border-bottom:1px solid #fbd100;
}

#footer ul li {
  display:inline;
  border-right:1px solid #fbd100;
  margin:0;
}

#footer ul li.last {border-right:none;}

#footer ul li a { padding:0 10px;}


/* Bloc de section principale en home */

#demenagementhome h4 { background-image:url(../medias/home/demenagement.jpg); }
#gardemeubleshome h4 { background-image:url(../medias/home/gardemeubles.jpg); }
#finarthome h4 { background-image:url(../medias/home/fineart.jpg); }
#mobilitehome h4 { background-image:url(../medias/home/mobilite.jpg); }

#mainsections {
  height:193px;
  padding:0;
  margin:0;
  list-style:none;
}

#mainsections li {
  height:193px;
  width:165px;
  float:left;
  margin-left:0;
  margin-right:12px;
}

#mainsections li h4 {
  font-weight:normal;
  height:193px;
  position:relative;
  margin:0;
  padding:0;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-color:none;
  text-transform:none;
}

#mainsections li a {
  text-decoration:none;
  z-index:3;
  width:123px;
  height:162px;
  position:absolute;
  top:0;
  left:0;
  color:#000;
  padding:9px 0 22px 42px;
  display:block;
  background:transparent url(../images/bg/mainsections.gif) no-repeat;
}

#mainsections li div {
  position:absolute;
  bottom:0;
  left:0;
  z-index:2;
  height:158px;
  width:165px;
  background:#000;  
}

#mainsections li#demenagementhome a { background-position:0 0; }
#mainsections li#gardemeubleshome a { 
  background-position:-165px 0;
  padding-left:38px;
  width:127px;

}
#mainsections li#finarthome a { 
  background-position:-330px 0; 
  padding-left:38px;
  width:127px;
}
#mainsections li#mobilitehome a { 
  background-position:-495px 0; 
  padding-left:33px;
  width:132px;
}
#mainsections li.last { margin-right:0; }


/* Formulaire homepage */

form .choicelist {
  padding:10px;
  float:left;
}

form .choicelist p {
  float:left;
  width:120px;
  padding:2px 0;
  margin:0;
}

form fieldset { margin-bottom:5px; height:auto; }

form .choicelist p.even { width:80px; }

form .choicelist p input {
  padding:0;
  margin:-2px 0;
}

#estimateblock p.submitbtn {
  text-align:center;
  margin:0;
}

/* Quand javascript est actif */

.jsactive #mainmenu a:hover {
  background-color:transparent;
}

body.jsactive #content,
body.jsactive {
  background-image:url(../images/bg/body.gif);
  background-repeat:no-repeat;
  background-position:-9999px -9999px;
}


/* Filetype */

a.iconlink {
  background-repeat:no-repeat;
  background-position:center left;
}

a.pdf {
  padding-left:20px;
  background-repeat:no-repeat;
  background-position:left 3px;
  background-image:url(../images/icons/filetype/pdf.gif);
}

/* Bloc contact */

#contactblock img {
  float:left;
  clear:both;
  margin:0 10px;
}

#contactblock img.numvert {
  margin:3px 0;
}

#contactblock p {
  line-height:2em;
  margin-bottom:10px;
}

#contactblock a.pdf {
  padding:5px 0 5px 20px;
  line-height:1.5em;
}


/*Mise en forme de la page newsletters*/

.page-newsletters .newslist{
  float:left;
  width:90%;
}

.page-newsletters .newslist li{
  padding:10px 0 10px 0;
}

.page-newsletters #text .newslist li img{
  float:left;
  margin:0 0 20px 15px;
}

.page-newsletters #text .newslist li p{
  float:left;
  margin-left:15px;
  width:70%;
  margin-bottom:5px;
}

.page-newsletters #text .newslist li h4{
  float:left;
  margin:0 0 0 15px;
}

.page-newsletters #text .newslist li p a{
  padding-left:20px;
  background-repeat:no-repeat;
  background-position:center left;
  background-image:url(../../../../medias/contentimg/icones-pdf.gif); 
}


/*Présentation de la page "mobilité"*/

.bouton_devis{
  background: url(../images/btn/validate.gif) no-repeat scroll right center;
  border:medium none;
  cursor:pointer;
  font-size:1.2em;
  height:33px;
  width:80px;
  margin:0;
  padding:5px 8px 0 0;
  text-align:center;
}

.bouton_devis a:hover{ text-decoration:none;}

.panel {
  background-color:#EBE7E4;
}

.liste_mobilite {
  float:left;
  width:100%;
  margin-bottom:0;
  padding:0;
}

.liste_mobilite li{
  float:left; 
  margin:0 18px 19px 0;
  padding:0;
  width:220px;
  list-style-type:none;
}

.liste_mobilite a {
  height:180px; 
  padding:0; 
  display:block; 
  text-decoration:none; 
  color:#5F5C55;
}
.liste_mobilite h4 {
  margin:0;
  padding:0;
  background-position:center center;
  background-repeat:no-repeat;
}

.liste_mobilite span {  
  display:block;
  height:auto;
  background-color:#fbd100;
  border-bottom:1px dotted #999999;
  padding:7px 12px;
  width:196px;
  color:#000000;
  cursor:pointer;
}


.liste_mobilite.resized span {
  border-bottom:none;
}


.liste_mobilite .active span {
  background-color:#fff;
  color:#000;
}

.liste_mobilite li#fond_mobilite3,
.liste_mobilite li#fond_mobilite6,
.liste_mobilite li#fond_mobilite9 { margin-right:0; }
.img_mobilite {float:left; margin: 0 15px 0 0;}


/* Liste des fonds de la page mobilité*/

.liste_mobilite li#fond_mobilite1 h4 { background-image:url(../../../../medias/contentimg/coffret_bienvenue.jpg); background-position:0 23px;}
.liste_mobilite li#fond_mobilite2 h4 { background-image:url(../../../../medias/contentimg/rech_log.jpg); }
.liste_mobilite li#fond_mobilite3 h4 { background-image:url(../../../../medias/contentimg/reco.jpg); }
.liste_mobilite li#fond_mobilite4 h4 { background-image:url(../../../../medias/contentimg/scolaire.jpg);background-position:0 23px;}
.liste_mobilite li#fond_mobilite5 h4 { background-image:url(../../../../medias/contentimg/administratives.jpg); background-position:0 13px; }
.liste_mobilite li#fond_mobilite6 h4 { background-image:url(../../../../medias/contentimg/assistance.jpg);background-position:0 31px;}
.liste_mobilite li#fond_mobilite7 h4 { background-image:url(../../../../medias/contentimg/aide_conjoint.jpg);}
.liste_mobilite li#fond_mobilite8 h4 { background-image:url(../../../../medias/contentimg/location_meubles.jpg); background-position:0 23px;}
.liste_mobilite li#fond_mobilite9 h4 { background-image:url(../../../../medias/contentimg/help_line.jpg); background-position:0 31px;}

.makeMeTab {
padding:10px 0 5px 0;
clear:both;
border-bottom:1px dashed #989689;
border-top:1px dashed #989689
}


/* Page normes de qualité */

.page-norme-de-qualite #text img,
.page-quality-standards-and-accreditations #text img {
  float:left;
  margin-bottom:10px;
  margin-right:10px;
}
.page-norme-de-qualite #text li,
.page-quality-standards-and-accreditations #text li {
  float:left;
  padding:10px 0 5px 10px;
}


/* Contacts */

#carte_france{
  margin-left:35%;
  margin-bottom:-15px;
  float:left;
}

.coordonnees{
  overflow:hidden; 
  width:100%;
  height:100%;
  margin:0 0 20px 0;
  clear:both;
  background: transparent url(../images/bg/contact.png) repeat-y top left;
}

#text .coordonnees h4{
  margin-top:0;
}

.page-contact-24h24 #text table {
  clear:both;
}

.coordonnees img { 
  float:left; 
  margin:5px 5px 5px 0;
}

.coordonnees_personnes{
  float:right;
  width:51%; 
  height:auto;  
  margin:0;
  padding: 0 0 0 2%;
  background-color:#EBE7E4;
}

.coordonnees_personnes p{
  padding:0 0 0 90px;
}

.coordonnees_personnes h4 { 
  display:block;  
  height:auto;
  background-color:#666666;
  color:#FFFFFF;  
  border-bottom:1px dotted #999999; 
  margin:0 0 10px 0;
}

.coordonnees h5 {
  background:transparent url(../../../../medias/contentimg/grospiron_bonhommes.gif) no-repeat 0 0;
  border-bottom:1px dotted #999999;
  margin:5px 0 0 90px;
  padding:3px 0 3px 30px;
  text-transform:uppercase;
  width:60%;
}

.coordonnees_lieux{ 
  float:left; 
  width:47%; 
  height:inherit; 
  margin:0 0 15px 0;
}

.coordonnees_lieux p{
  padding:0 0 0 10px;
}

#wrapper_map {
  display:block;
  float:left;
  margin-left:50px;
  height:214px;
  position:relative;
  width:190px;
}

#wrapper_map div {
  position:absolute;
  top:10px;
  right:0;
}

#wrapper_map dl {
  padding-bottom:5px;
  background-color:#fff;
}
#wrapper_map dt {
  background-color:#666666;
  padding:5px;
  font-weight:bold;
  color:#ffffff;
}

#wrapper_map dd {
  padding:5px 5px 0 5px;
}


/* Mise en forme du formulaire pour devis */

.erreurs_formulaire{ float:left; width:100%; font-size:1em; color:#FF0000; padding:5px 0;}
.devis{ overflow:hidden;  width: 100%; padding:0 0 10px 0;float:left;}
.devis fieldset {background-color:#FFFFFF; padding:10px 0; margin:-4px 0 0 0; }
.devis h4 {
  display:block;
  height:auto;
  width:100%;
  background:#FBD100;
  border-bottom:1px dotted #999999;
  padding:5px 0 5px 5px;
  font-size:1.1em;
}

.devis p {
  float:left; 
  margin:0;
  width:95%;
  padding:0 0 0 5px;
}

.devis p label {
  float: left;
  margin:5px 0 0 0;
  clear:right;
  width:auto;
}


.chp_text{ 
  width:auto; 
}

.zone_texte{ 
  width:100%; 
  margin:0 0 0 5px;
}

.dates_formulaire{
  float:left;
  width:25px;
  margin-right:5px;
  margin-left:10px;
}
.element_date{
  margin:0 0 0 5px;
}

.devis p label .bouton_radio{
  margin: 0 15px 0 0;
}

#rue_enlevement{
  margin: 0 10px 0 0;
}
#valeur_cubage {
  float:left;
  margin:0 0 0 10px;
}

.element_formulaire_gauche { float:left; width:49%; height: auto;border-right:1px dotted #999999;}
.element_formulaire_droite { float:left; width:49%;}
.bouton_radio .last {clear:right}
.formulaire_coordonnees { margin-bottom:25px;}


/*Pages Enquête qualité*/

.formulaire{ overflow:hidden;  width: 100%; padding:0 0 10px 0;float:left;}
.formulaire fieldset {background-color:#FFFFFF; padding:10px 0; margin:-5px 0 0 0; }
.formulaire h4 {
  display:block;
  height:auto;
  width:100%;
  background:#FBD100;
  border-bottom:1px dotted #999999;
  padding:5px 0 5px 5px;
  font-size:1.1em;
}

.formulaire p {
  margin:0;
  float:left;
  padding:3px 11px;
}


.page-demande-de-devis #demande_infos fieldset.formulaire div.element_formulaire_gauche label,
.page-demande-de-devis #demande_infos fieldset.formulaire div.element_formulaire_droite label,
.page-quote-request #demande_infos fieldset.formulaire div.element_formulaire_gauche label,
.page-quote-request #demande_infos fieldset.formulaire div.element_formulaire_droite label,
.formulaire #enquete_prise_charge fieldset.prise_en_charge div.element_formulaire_gauche label,
.formulaire #enquete_livraison fieldset.prise_en_charge div.element_formulaire_gauche label {
  float: left;
  margin:0;
  width:160px;
}

.page-demande-de-devis #demande_infos fieldset.formulaire div.element_formulaire_gauche p.inlinelabel label,
.page-quote-request #demande_infos fieldset.formulaire div.element_formulaire_gauche p.inlinelabel label {
  clear:left;
  width:auto;
}

.formulaire #enquete_prise_charge label,
.formulaire #enquete_livraison label {
  float: left;
  margin:0;
  width:100%;
}


.formulaire #enquete_prise_charge fieldset.complement_reponse label,
.formulaire #enquete_livraison fieldset.complement_reponse  label {
  float: left;
  margin:0;
  width:100px
}

.formulaire p.inlinelabel label,
.formulaire .inlinelabel p label {
  float:none;
  width:auto;
}

.formulaire .inlinelabel select {
  margin-top:5px;
  margin-bottom:10px;
}

.formulaire p.submitbtn,
.devis p.submitbtn {
width:100%;
text-align:center;
}

.formulaire p label .bouton_radio{
  margin: 0 10px 0 0;
}


.page-enquete-qualite-livraison .formulaire .prise_en_charge p label,
.page-your-delivery .formulaire .prise_en_charge p label,
.page-enquetes-qualite-prise-en-charge .formulaire .prise_en_charge p label,
.page-moving-out-service .formulaire .prise_en_charge p label {
  margin-top:5px;
}
.page-enquete-qualite-livraison .formulaire .prise_en_charge p #equipe,
.page-your-delivery .formulaire .prise_en_charge p #equipe,
.page-enquetes-qualite-prise-en-charge .formulaire .prise_en_charge p #equipe,
.page-moving-out-service .formulaire .prise_en_charge p #equipe {
  margin-top:15px;
}

.page-enquete-qualite-livraison .formulaire .complement_reponse p label,
.page-your-delivery .formulaire .complement_reponse p label,
.page-enquetes-qualite-prise-en-charge .formulaire .complement_reponse p label,
.page-moving-out-service .formulaire .complement_reponse p label {
  margin:2px 0 15px 0;
}

.page-pageconfirmation-denvoi-de-votre-demande-devis #text h4{
font-size:1.2em;
display:block;
width:100%;
text-align:center;
background:#fbd100;
padding:5px 0
}

.page-pageenquetes-qualite-prise-en-charge #text h4,
.page-moving-out-service #text h4,
.page-enquete-qualite-livraison #text h4,
.page-your-delivery #text h4 {
font-size:1.1em;
display:block;
width:100%;
background:#fbd100;
padding:5px 0
}


/*Mise en forme page Déménagement*/

ol.demenagementSteps {
  list-style:none;
}

ol.demenagementSteps li {
  margin:0 0 20px 0;
  float:left;
  width:33%;
}
ol.demenagementSteps li h4 {
  background-color:#FBD100;
  border-bottom:1px dotted #999999;
  height:2.7em;
  padding:7px 12px 7px 60px;
  margin:0;
  position:relative;
  width:66%;
  line-height:0.9em;
  text-transform:none;
}

ol.demenagementSteps li h4 strong {
  color:#FFFFFF;
  font-size:3.2em;
  height:0.8em;
  left:0;
  line-height:1;
  margin:0;
  padding:8px 9px;
  position:absolute;
  text-align:center;
  top:-1px;
  width:0.8em;
  font-weight:normal;
  background: transparent url(../images/bg/step.gif) no-repeat top left;
}

ol.demenagementSteps li div {
  background-color:#726C60;
  width:222px;
  color:#fff;
}

#text ol.demenagementSteps li p {
  font-size:0.9em;
  position:relative;
  height:9em;
  left:35px;
  position:relative;
  padding:8px 70px 0px 6px;
  margin:0;
  overflow:hidden;
  background: transparent url(../images/icons/arrow.gif) no-repeat center right;
}

ol.demenagementSteps li#itemThree p,
ol.demenagementSteps li#itemSix p,
ol.demenagementSteps li#itemNine p { background:none;}

ol.demenagementSteps li#itemOne div {background-image:url(../../../../medias/contentimg/demenagement/premiercontact.jpg);}
ol.demenagementSteps li#itemTwo div {background-image:url(../../../../medias/contentimg/demenagement/estimation.jpg);}
ol.demenagementSteps li#itemThree div {background-image:url(../../../../medias/contentimg/demenagement/creadevis.jpg);}
ol.demenagementSteps li#itemFour div {background-image:url(../../../../medias/contentimg/demenagement/soumissiondevis.jpg);}
ol.demenagementSteps li#itemFive div {background-image:url(../../../../medias/contentimg/demenagement/emballage.jpg);}
ol.demenagementSteps li#itemSix div {background-image:url(../../../../medias/contentimg/demenagement/transport.jpg);}
ol.demenagementSteps li#itemSeven div {background-image:url(../../../../medias/contentimg/demenagement/formalites.jpg);}
ol.demenagementSteps li#itemEight div {background-image:url(../../../../medias/contentimg/demenagement/livraison.jpg);}
ol.demenagementSteps li#itemNine div {background-image:url(../../../../medias/contentimg/demenagement/enquete.jpg);}


ol.demenagementSteps li#itemOne,
ol.demenagementSteps li#itemFour,
ol.demenagementSteps li#itemSeven { clear:left;} 


.jsactive ol.demenagementSteps li p span{
  position:relative;
  top:-9em;
  color:#fff;
  z-index:5;
}

.jsactive ol.demenagementSteps li div{
  background-color:transparent;
}

.jsactive ol.demenagementSteps li div.overlayBlock {
  background-image:none;
  background-color:#000;
}

ol.demenagementSteps li#itemOne div.overlayBlock,
ol.demenagementSteps li#itemTwo div.overlayBlock,
ol.demenagementSteps li#itemThree div.overlayBlock,
ol.demenagementSteps li#itemFour div.overlayBlock,
ol.demenagementSteps li#itemFive div.overlayBlock,
ol.demenagementSteps li#itemSix div.overlayBlock,
ol.demenagementSteps li#itemSeven div.overlayBlock,
ol.demenagementSteps li#itemEight div.overlayBlock,
ol.demenagementSteps li#itemNine div.overlayBlock { background-image:none;}


ol.demenagementSteps li#itemTwo div.overlayBlock,
ol.demenagementSteps li#itemThree div.overlayBlock,
ol.demenagementSteps li#itemFive div.overlayBlock,
ol.demenagementSteps li#itemSix div.overlayBlock,
ol.demenagementSteps li#itemEight div.overlayBlock,
ol.demenagementSteps li#itemNine div.overlayBlock { background-image:none;}


/*Mise en forme page Fine Arts*/

ol.fine_artsSteps { list-style:none;}

ol.fine_artsSteps li {
  margin:0 0 20px 0;
  float:left;
  width:33%;
}

ol.fine_artsSteps li h4 {
  background-color:#f6a800;
  border-bottom:1px dotted #999999;
  height:2.7em;
  padding:7px 12px 7px 60px;
  margin:0;
  position:relative;
  width:150px;
}

ol.fine_artsSteps li h4 strong {
  color:#FFFFFF;
  font-size:42px;
  height:0.8em;
  left:0;
  line-height:1;
  margin:0;
  padding:8px 9px;
  position:absolute;
  text-align:center;
  top:-1px;
  width:0.8em;
  font-weight:normal;
  background: transparent url(../images/bg/step.gif) no-repeat top left;
}

ol.fine_artsSteps li div {
  background-color:#726C60;
  width:222px;
  color:#fff;
}

#text ol.fine_artsSteps li p {
  font-size:0.9em;
  position:relative;
  height:9em;
  left:35px;
  position:relative;
  padding:8px 70px 0px 6px;
  margin:0;
  overflow:hidden;
  background: transparent url(../images/icons/arrow.gif) no-repeat center right;
}

ol.fine_artsSteps li#itemThree p,
ol.fine_artsSteps li#itemFive p {background:none;}


ol.fine_artsSteps li#itemOne div {background-image:url(../../../../medias/contentimg/fine_arts/camions.jpg);}
ol.fine_artsSteps li#itemTwo div {background-image:url(../../../../medias/contentimg/fine_arts/decroche_tableau.jpg);}
ol.fine_artsSteps li#itemThree div {background-image:url(../../../../medias/contentimg/fine_arts/emballe_tableau.jpg);}
ol.fine_artsSteps li#itemFour div {background-image:url(../../../../medias/contentimg/fine_arts/harasses.jpg);}
ol.fine_artsSteps li#itemFive div {background-image:url(../../../../medias/contentimg/fine_arts/emballe_meuble.jpg);}
ol.fine_artsSteps li#itemSix div {background-image:url(../../../../medias/contentimg/fine_arts/emballe_meuble.jpg);}


ol.fine_artsSteps li#itemOne,
ol.fine_artsSteps li#itemFour {clear:left;} 


.jsactive ol.fine_artsSteps li p span{
  position:relative;
  top:-9em;
  color:#fff;
  z-index:5;
}

.jsactive ol.fine_artsSteps li div { background-color:transparent; }


.jsactive ol.fine_artsSteps li div.overlayBlock {
  background-image:none;
  background-color:#000;
}

ol.fine_artsSteps li#itemOne div.overlayBlock,
ol.fine_artsSteps li#itemTwo div.overlayBlock,
ol.fine_artsSteps li#itemThree div.overlayBlock,
ol.fine_artsSteps li#itemFour div.overlayBlock,
ol.fine_artsSteps li#itemFive div.overlayBlock,
ol.fine_artsSteps li#itemSix div.overlayBlock,
ol.fine_artsSteps li#itemSeven div.overlayBlock,
ol.fine_artsSteps li#itemEight div.overlayBlock,
ol.fine_artsSteps li#itemNine div.overlayBlock {
  background-image:none;
}


ol.fine_artsSteps li#itemTwo div.overlayBlock,
ol.fine_artsSteps li#itemThree div.overlayBlock,
ol.fine_artsSteps li#itemFive div.overlayBlock,
ol.fine_artsSteps li#itemSix div.overlayBlock,
ol.fine_artsSteps li#itemEight div.overlayBlock,
ol.fine_artsSteps li#itemNine div.overlayBlock {
  background-image:none;
}


/* Mise en forme page Grospiron dans le monde */

.presentation_partenaires{
  display:block;
  width:645px;
  background-color:#fbd100;
  padding:10px 5px;
  font-size:1.1em;
}
.presentation_partenaires_services{
  background-color:#fbd100;
  display:block;
  width:385px;
  background-color:#fbd100;
  padding:10px 5px;
  font-size:1.1em;
}

.liste_deroulante_partenaires{  
  float:left;
  background:#f19300;
}

ol.mondeSteps {
  list-style:none;
}

ol.mondeSteps li {
  margin:-5px 0 20px 0;
  float:left;
  width:174px;
  background-color:#FFFFFF;
  position:relative;
}

.itemOne { clear:left; }

#text ol.mondeSteps li h5 {
  background-color:#ebe7e4;
  font-size:0.9em;
  line-height:1.1em;
  border-right:1px dashed #989689;
  border-bottom:none;
  height:4.5em;
  padding:7px 12px 7px 10px;
  margin:0;
  position:relative;
  font-weight:normal;
}

#text ol.mondeSteps li.last h5 {
  border-right:none;
}

ol.mondeSteps li div {
  background-color:#fff;
  color:#fff;
  text-align:center;
}

#text ol.mondeSteps li p {
  display:none;
}

.jsactive #text ol.mondeSteps li p {
  display:block;
  color:#FFFFFF;
  font-size:0.9em;
  line-height:1.1em;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  z-index:5;
  height:135px;
  padding:8px 20px 0 11px;
  overflow:hidden;
}

ol.mondeSteps li#itemThree p,
ol.mondeSteps li#itemFive p { background:none; }

.jsactive ol.mondeSteps li p span{
  position:relative;
  top:-9em;
  color:#fff;
  z-index:5;
}

.jsactive ol.fine_artsSteps li div{ background-color:transparent; }


.jsactive ol.mondeSteps li div.overlayBlock {
  background-image:none;
  background-color:#000;
  z-index:3;
}

ol.mondeSteps li#itemOne div.overlayBlock,
ol.mondeSteps li#itemTwo div.overlayBlock,
ol.mondeSteps li#itemThree div.overlayBlock,
ol.mondeSteps li#itemFour div.overlayBlock,
ol.mondeSteps li#itemFive div.overlayBlock,
ol.mondeSteps li#itemSix div.overlayBlock,
ol.mondeSteps li#itemSeven div.overlayBlock,
ol.mondeSteps li#itemEight div.overlayBlock,
ol.mondeSteps li#itemNine div.overlayBlock {
  background-image:none;
}


ol.mondeSteps li#itemTwo div.overlayBlock,
ol.mondeSteps li#itemThree div.overlayBlock,
ol.mondeSteps li#itemFive div.overlayBlock,
ol.mondeSteps li#itemSix div.overlayBlock,
ol.mondeSteps li#itemEight div.overlayBlock,
ol.mondeSteps li#itemNine div.overlayBlock {
  background-image:none;
}


/*Mise en forme page Grospiron en Europe*/

.extracontent { width:275px; }


.grospiron_europeSteps {
  float:right;
  list-style:none;
  width:410px;
}

.grospiron_europeSteps a:hover { background-position:0 100%; }

.grospiron_europeSteps a,
.jsactive .grospiron_europeSteps a:hover {
  display:block;
  background-color:#272521;
  width:410px;
  height:319px;
  background:url(../../../../medias/contentimg/carte-one-group.jpg) no-repeat 0 0;
  overflow:hidden;
  position:relative;
  cursor:default;
}

.jsactive #text .grospiron_europeSteps img { display:none; }

#text .grospiron_europeSteps img  {
  color:#FFFFFF;
  font-size:0.9em;
  height:318px;
  left:-16px;
  position:relative;
  top:-1px;
  width:419px;
}

#text .grospiron_europeSteps #ctrlBtn {
  display:block;
  float:left;
  height:100px;
  left:82px;
  position:absolute;
  top:128px;
  width:106px;
  cursor:pointer;
  z-index:8;
  background:url(../../../../medias/contentimg/carte-one-group.jpg) no-repeat -82px -128px;
}

#text .grospiron_europeSteps #ctrlBtn.closeBtn {
  height:30px;
  left:5px;
  top:5px;
  background-color:red;
  width:100px;
  background:transparent url(../../../../medias/contentimg/closebtn.gif) no-repeat 0 0;
}

#text .grospiron_europeSteps.hover #ctrlBtn { background-position:-82px -447px; }

.jsactive #satisfaction {
  display:none;
}

/* Slideshow */

#slideimg { 
  float:right;
  width: 370px; 
    height: 175px;
    padding: 0;  
    margin:  0;  
} 
 
#slideimg img {  
    padding: 0;  
    border:0;  
    background:none;  
    top:  0; 
    left: 0 
}


/* Slider widget */

.ui-slider  {
  float:left;
  margin:10px 0 20px 5px;
  clear:both;
  text-decoration: none !important;
}
.ui-slider-tooltip {
  display: none;
}
.ui-slider-handle-active .ui-slider-tooltip {
  display: block;
  position: relative;
  top: -25px;
  text-align: center;
  padding: .2em;
  visibility:hidden;
  font-size: .9em;
  width: 0;
  margin-left: -4em;
  text-decoration: none !important;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-slider ol, .ui-slider dl {
  position: relative;
  top: 1.3em;
  width: 100%;
}
.ui-slider dt {
  top: 1.5em;
  position: absolute;
  padding-top: .2em;
  text-align: center;
  border-bottom: 1px dotted #ddd;
  height: .7em;
  color: #999;
}
.ui-slider dt span {
  background: #fff;
  padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
  position: absolute;
  overflow: visible;
  color: #666;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
  display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
  display: block;
}
.ui-slider span.ui-slider-tic {
  position: absolute;
  left: 0;
  height: .8em;
  top: -1.3em;
}
.ui-slider li span.ui-component-content, .ui-slider dd span.ui-component-content {
  border-right: 0;
  border-left-width: 1px;
  border-left-style: dotted;
  border-top: 0;
  border-bottom: 0;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
  display: none;
}

.ui-default-state:hover, .ui-hover-state {
  cursor:pointer;
  border:1px solid #999999;
  color:#212121 !important;
  font-weight:normal;
  background:#DADADA url(../images/slider/button.png) repeat-x scroll 0 50%;
}


.ui-slider-label {font-size:0.8em;}
 
.required { color: #8a1f11; }

.errors,
bouton_radio.required,
textarea.required,
select.required, 
input.required    { border: 2px solid #FBC2C4; background: #FBE3E4; }

.errors {
  padding:5px;
  margin-top:5px;
}

.page-demande-de-devis #demande_infos fieldset.formulaire div.element_formulaire_gauche .radiobutton label,
.page-quote-request #demande_infos fieldset.formulaire div.element_formulaire_gauche .radiobutton label {
  display:inline;
  width:auto;
}

.page-demande-de-devis p.clients span.label,
.page-quote-request p.clients span.label {width:300px;}

.page-demande-de-devis #demande_infos fieldset.formulaire div.element_formulaire_gauche p.clients label,
.page-quote-request #demande_infos fieldset.formulaire div.element_formulaire_gauche p.clients label
{width:300px;float:left;clear:both;}

div.element_formulaire_gauche .radiobutton .label {
  float:left;
  margin:0;
  width:133px;
}

div.element_formulaire_gauche .radiobutton {
  padding-top:5px;
  padding-bottom:5px;
}