/***********************************/
/* Designed by Site e-Web Création */
/* All rights reserved - If you    */
/* copy one or more lines, you're  */
/* directy go to hell...           */
/* boooo !                         */
/***********************************/

/********************/
/* Elements globaux */
/********************/

body {
	background: #c0c0c0;
	color: black;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}


#centrage {
  width: 780px;
  margin : 0px auto;
  padding: 0px;
  border: 1px solid #000066;
  text-align: center;
}


#liens_bas_de_page {
  width: 780px;
  margin : 0px auto;
  padding: 0px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333399;
  background-color: transparent;
}


img {
  border: none 0px;
}


/***************************/
/* En-tête et pied de page */
/***************************/

p.bordure {
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  display: block;
  margin : 0px;
  padding: 0px;
  background-color: #000066;
}

p.bordure span {
  float: right;
}

p.bordure a:link {
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: white;
  text-decoration: none;
  text-align: left;
}

p.bordure a:visited {
  color: white;
  text-decoration: none;
}

p.bordure a:active {
  color: white;
  text-decoration: none;
}

p.bordure a:hover {
  color: white;
  text-decoration: none;
}


/*********************/
/* Contenu générique */
/*********************/

#theme_top {
  position: relative;
  width: 780px;
  margin : 0px;
/*  padding: 0px;*/
  padding: 0px 0px 205px 0px;
  background-image: url(../images/demenageur_demenagement_fond.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
}
/*
#theme_top p {
  margin : 0px;
  padding: 0px;
}
*/

#theme_top * {
  margin : 0px;
  padding: 0px;
}

#theme_bottom {
  position: relative;
  width: 780px;
  margin : 0px;
  padding: 0px;
  background-image: url(../images/ligne_fond.png);
  background-position: bottom  left;
  background-repeat: repeat-y;
}



/* entete */
div#entete {
  position: absolute;
  top: 23px;
  left: 41px;
/*  border: 1px solid red;*/
}

div#entete h1 {
  font-weight: normal;
  font-family: Arial Black, arial, Book Antiqua, helvetica, sans-serif;
  font-size: 48px;
  color: #000080;
	letter-spacing: 0px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

div#entete h2 {
  font-weight: bold;
  font-family: arial, Book Antiqua, helvetica, sans-serif;
  font-size: 20px;
  color: #000080;
	letter-spacing: 2px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

div#entete h3 {
  font-weight: bold;
  font-family: arial, Book Antiqua, helvetica, sans-serif;
  font-size: 14px;
  color: #000080;
	letter-spacing: 0px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/* Titre principal de la page */
h1#titre_page {
  position: absolute;
  top: 166px;
  left: 265px;
  display: block;
  padding: 0px;
  margin:0px;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
  color: #000066;
  text-decoration: none;
/*  border: 1px solid red;*/
}

h1#titre_page_2lignes {
  position: absolute;
  top: 158px;
  left: 265px;
  display: block;
  padding: 0px;
  margin:0px;
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
  color: #000066;
  text-decoration: none;
/*  border: 1px solid red;*/
}




/* Menu */
ul#menu {
  display: block;
  position: absolute;
  top: 183px;
  left: 35px;
  padding: 0px;
  margin: 0px;

  list-style-type: none;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight:bold;
/*  border: 1px solid red;*/
}


ul#menu a {
  display: block;
  height: 27px;
  padding: 0px;
  margin: 0px;
  color: #000066;
  text-decoration: none;
/*  border: 1px solid red;*/
}

ul#menu a:link, ul#menu a:visited
{
  color: #000066;
  text-decoration: none;
}

ul#menu a:hover
{
  color: #ffffff;
  text-decoration: none;
}


/* Infos sur le coté gauche */

div#col_gauche {
  position: absolute;
  top: 516px;
  left: 3px;
  text-align: center;
  width: 235px;
/*  border: 1px solid red;*/
}

div#col_gauche h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #000066;
  padding: 0px;
  margin: 0px;
/*  border: 1px solid red;*/
}

div#col_gauche h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
  padding: 0px;
  margin: 0px;
}

div#col_gauche p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000066;
  padding: 3px 0px 10px 0px;
  margin: 0px;
}

div#col_gauche a {
/*  border: 1px solid red;*/
  display: block;
  padding: 10px 0px 0px 0px;
}

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

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

div#col_gauche a:active {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #333399;
  text-decoration: none;
}

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


/* iconographiques */

div#cadre_icones {
  display: block;
  position: absolute;
  top: 660px;
  left: 3px;
  text-align: center;
  width: 235px;
  margin : 0px;
  padding: 0px;
  text-align: center;
/*  border: 1px solid red;*/
}


/* contenu */

div#contenu {
  display: block;
  position: relative;
/*  width: 515px;*/
  width: 520px;
  top: 205px;
  left: 255px;
  text-align: left;
  margin : 0px;
  padding: 0px;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
/*  border: 1px solid red;*/
/*  border: 1px solid green;*/

}


/*---------------------------*/
/* Formatage de textes       */
/*---------------------------*/

/* Couleurs de textes */

.couleur1 {
  color: #0000CC;
}

.couleur2 {
  color: #000099;
}

.couleur3 {
  color: #FF0000;
}

.couleur4 {
  color: #0000FF;
}

.engras {
  font-weight: bold;
}

.plusgrand {
  font-size: 14px;
}


/*
  font-size: 11px;
  font-weight: normal;
*/

/* Liens invisibles */
a.invisibles:link {
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  text-decoration: none;
}

a.invisibles:visited {
  color: black;
  text-decoration: none;
}

a.invisibles:active {
  color: black;
  text-decoration: none;
}

a.invisibles:hover {
  color: black;
  text-decoration: none;
}


em.u {
  font-style: normal;
  text-decoration: underline;
}

div#contenu h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: black;
}

div#contenu h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: black;
}

div#contenu h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: black;
}


div#contenu h1.text {
  display: block;
  height: 35px;
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: black;
/*  border: 1px solid red;*/
}


div#contenu h1.titre {
  font-weight: bold;
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  color: #000080;
  letter-spacing: 0px;
  text-align: center;
/*  
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
*/

/*  border: 1px solid red;*/
}


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

a.pdp:visited {
  color: #333399;
  text-decoration: none;
}

a.pdp:active {
  color: #333399;
  text-decoration: none;
}

a.pdp:hover {
  color: #CC0000;
  text-decoration: underline;
}

div#contenu p.text {
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: black;
  text-align: justify;
  padding-left: 10px;
/*  border: 1px solid red;*/
}

div#contenu .legende {
  font-weight: normal;
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: black;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 0px;
}

div#contenu .adroite {
  float: right;
}

div#contenu .agauche {
  float: left;
}




div#contenu .margeagauche {
  margin-left: 10px;
}

div#contenu .margeadroite {
  margin-right: 10px;
}

div#contenu .marge_cote_XS {
  margin: 0px 1px;
}

div#contenu .marge_cote_S {
  margin: 0px 2px;
}

div#contenu .marge_cote_M {
  margin: 0px 5px;
}

div#contenu .marge_cote_L {
  margin: 0px 8px;
}

div#contenu .marge_cote_XL {
  margin: 0px 10px;
}

div#contenu .marge_cote_XXL {
  margin: 0px 15px;
}

div#contenu .marge_cote_XXXL {
  margin: 0px 20px;
}


div#contenu .centrer {
  text-align: center;
/*  margin: 0px auto;
  padding: 0px;*/
}

div#contenu .text_agauche {
  text-align: left;
}

div#contenu p.text_adroite {
  text-align: right;
}


div#contenu .bordure_1px {
  border: 1px solid;
}

div#contenu .separation {
  clear: both;
  visibility: hidden;
}

div#contenu .aligner {
  display: block;
  float: left;
}





#liens_bas_de_page b {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
}


/**************************************/
/**************************************/
/* Partie spécifique aux pages        */
/**************************************/
/**************************************/


/* Accueil */

div#contenu h1#accueil_normal {
  display: block;
  height: 35px;
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: black;
/*  margin: 0px 0px 0px 10px;*/
  margin: 0px;
  padding: 20px 0px 0px 10px;
/*  border: 1px solid red;*/
}


div#contenu p.textliste {
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: black;
  text-align: left; 
  line-height: 18px;
}


div#contenu p#fin_accueil {
  padding-bottom: 90px; /* bug safari : à cause de la taille des police mal respectée, on est obligé de donner du padding ...*/
/*  border: 1px solid red;*/
}


/* Particuliers */
div#contenu h1#titre_au_centre {
  padding: 10px 0px 0px 10px;
  height: 20px;
}

/* produits */

div#contenu div.petite_colonne {
  width: 165px;
}

div#contenu div.grande_colonne {
  width: 340px;
}

/* monte meubles */

/* bug safari et firefox - opéra et ie gérent correctement le <br /> */
div#contenu img.enblock {
  display: block;
}

/* page devis */
div#contenu .obl {
  font-family: arial, tahoma, verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #006600;
  text-align: left; 
  text-decoration: underline;
}

div#contenu div.case_taille1 {
  width: 73px;
}
div#contenu div.case_taille2 {
  width: 208px;
}
div#contenu div.case_taille3 {
  width: 80px;
}

div#contenu div.case_taille4 {
  width: 49px;
}
div#contenu div.case_taille5 {
  width: 150px;
}
div#contenu div.case_taille6 {
  width: 155px;
}
div#contenu div.case_taille7 {
  width: 150px;
}



div#contenu div.marges {
  display:block;
  height: 4px;
  margin: 0px;
  padding: 0px;
}

/* plan du site */
p#plan_site a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

p#plan_site a:visited {
  color: #000000;
  text-decoration: none;
}

p#plan_site a:active {
  color: #000000;
  text-decoration: none;
}

p#plan_site a:hover {
  color: #000000;
  text-decoration: underline;
}


p#plan_site a span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #0000CC;
  text-decoration: underline;
}

p#plan_site a:link span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #0000CC;
  text-decoration: underline;
}

p#plan_site a:visited span {
  color: #0000CC;
  text-decoration: underline;
}

p#plan_site a:active span {
  color: #0000CC;
  text-decoration: underline;
}

p#plan_site a:hover span {
  color: #0000CC;
  text-decoration: none;
}

/* Pages de france */
.cotegauche {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000066;
  text-align: center;
}


/* carte de France */
div#cartefrance {
  position: relative;
  display: block;
  height: 520px;
  width: 500px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/carte_de_france_demenagement.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

div#cartefrance a#iledefrance {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 140px;
  width: 500px;
  margin: 0px;
  padding: 0px;
}

div#cartefrance a#province {
  display: block;
  position: absolute;
  left: 0px;
  top: 140px;
  height: 250px;
  width: 500px;
  margin: 0px;
  padding: 0px;
}

div#cartefrance a#grandesvilles {
  display: block;
  position: absolute;
  left: 0px;
  top: 390px;
  height: 130px;
  width: 260px;
  margin: 0px;
  padding: 0px;
}

div#cartefrance a#paris {
  display: block;
  position: absolute;
  left: 260px;
  top: 390px;
  height: 130px;
  width: 240px;
  margin: 0px;
  padding: 0px;
}

