/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyrigth (c)
|		Webdesign : CalliWeb
|		http://www.calliweb.fr
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
/*  ---------------------  */
/*  MISE EN PAGE GENERAL */
/*  --------------------*/
body{ font-family: arial,helvetica,sans-serif; font-size: 12px; background:#575757; color:#707070; background-image:url(../img/motif.gif);}
#page{position:relative; width: 960px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; margin-left: auto; margin-right: auto; background:#fff}

#content{background: #fff; 	width: 935px; overflow: hidden; padding:0 10px 15px; margin-top:20px;}
#navigation {width: 190px;float: left;}
#contenu {margin-left: 210px; padding: 0;}

#h_index  { color:#9a0000; background:url(../img/puce_imp.gif) no-repeat; padding-left:52px;margin-top:7px;font-weight:bold;}

#footer{position:relative; width: 960px; height:50px; font-size:11px; text-align:center; margin-top:40px; padding-top:5px; background: url(../img/footer.gif) no-repeat bottom;}
#footer a{ color:#707070; text-decoration:underline }

#menu ul li strong{position:absolute; left:-7000px; top:-7000px;} 

/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu {border:1px solid #ececec; margin-top:20px; padding:10px  }
#menu li { margin-bottom:10px;  border-bottom: 1px solid #ececec; padding-bottom:5px}
#menu li a{padding:0 0 2px 12px !important; padding:0 0 2px 12px; background: url(../img/puce_grise.gif) no-repeat left; }
#menu li.active a, #menu li a:hover{ background: url(../img/puce_rouge.gif) no-repeat left; color:#e24211}
#menu li a{ color:#444444 }



/*  ----------------------------*/
/*  MISE EN PLACE CONTENU */
/*  --------------------------*/
/* h1 */
h1 span{ position:absolute; left:-7000px; top:-7000px; }
#reprographie{ width:720px; height:82px; background: url(../img/H1_reprographie.gif) no-repeat top left }
#offset{ width:720px; height:82px; background: url(../img/H1_offset.gif) no-repeat top left; margin-bottom:20px; }
#numerique{ width:720px; height:82px; background: url(../img/H1_numerique.gif) no-repeat top left; margin-bottom:20px; }    
#numerique2{ width:720px; height:55px; background: url(../img/H1_numerique2.gif) no-repeat top left; margin-bottom:20px; }         
#format{ width:720px; height:82px; background: url(../img/H1_format.gif) no-repeat top left; margin-bottom:20px; }
#preparer{ width:720px; height:82px; background: url(../img/H1_preparer_vos_fichiers.gif) no-repeat top left;}
#telechargement{ width:720px; height:82px; background: url(../img/H1_telechargement.gif) no-repeat top left;}
#devis{ width:720px; height:82px; background: url(../img/H1_devis.gif) no-repeat top left;}
#devis{ width:720px; height:82px; background: url(../img/H1_devis.gif) no-repeat top left;} 
#envoyer_fichier{ width:720px; height:82px; background: url(../img/H1_envoyer_vos_fichiers.gif) no-repeat top left;}
#pomotions{ width:720px; height:82px; background: url(../img/H1_promotions.gif) no-repeat top left;}
#liens{ width:720px; height:82px; background: url(../img/H1_liens.gif) no-repeat top left;}
#as_pao { width:720px; height:82px; background: url(../img/H1_PAO.gif) no-repeat top left;margin-bottom:20px;}
#as_scan{ width:720px; height:82px; background: url(../img/H1_archivage.gif) no-repeat top left;margin-bottom:20px;}
#as_dupli{ width:720px; height:82px; background: url(../img/H1_dupli.gif) no-repeat top left;}
#as_rout{ width:720px; height:82px; background: url(../img/H1_routage.gif) no-repeat top left;}
#lexique{ width:720px; height:82px; background: url(../img/H1_lexique.gif) no-repeat top left;} 
#livraison{ width:720px; height:82px; background: url(../img/H1_livraison.gif) no-repeat top left;} 
#contact{ width:720px; height:82px; background: url(../img/H1_nous_contacter.gif) no-repeat top left;}
#retour {position:absolute; margin-left:615px; margin-top:32px; color:#000; font-size:15px;}
/*h2*/
h2 { font-size:20px; color:#e24211; background: url(../img/puce-h2.gif) no-repeat left; padding-left:34px; font-weight:normal; margin-top:50px;margin-bottom:20px;margin-left:15px;}

h2.contact  { font-size:20px; color:#e24211; background: url(../img/puce-h2.gif) no-repeat left; padding-left:34px; font-weight:normal; margin-top:0px;margin-bottom:10px;margin-left:15px;}
h1.contact {margin-bottom:13px; margin-left:13px;}
h3 {margin-left:15px;margin-bottom:6px;margin-top:15px;}
/* ACCUEIL */
#right, #left{ float:left; }
#left{ margin-right:15px }
#form{ margin:12px 0 10px 0;}
#envoi_left {
  float:left;
  width:300px;
  margin-right:45px;
  margin-left:35px;
}
.lettres{
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
.lettres a {
margin-left:6px;
font-size:18px;
font-weight:bold;
color:#404040;
}

.lettres a:hover {
color:#E24211;
}

#envoi_image {margin-top:18px;}

#envoi{

  padding-bottom:32px;
  margin-bottom:20px;
}

#mail{margin-top:18px;margin-left:40px;}


#imdevis{ margin-bottom: 15px; }
#vid{ border:1px solid #ccc }
#vid h2{ margin:0;padding:5px 0 5px 5px; color:#333333; background:none; font-size:17px}
/* Page */
p.tete{ margin:20px; font-size:13px }
#diaporama{ float:right; margin:0 20px 0 5px} 
#service{ margin:0 0 0px 25px }
#service li{ margin-bottom:5px; color:#ff6e02; font-size:13px;font-weight:normal; }
#contenu .weight li{font-weight:bold;font-size:14px;}
#contenu {color:#404040;}
#contenu span {color:#e34413;}
#titre {color:#e34413;}
#contenu .important {color:#f50085;}
#contenu ul {margin-bottom:15px; margin-left:25px;}
#contenu p {margin-bottom:10px; margin-left:15px; margin-right:10px; line-height:16px;}
#exemple {color:#50ab00; font-weight:bold;}
#lien_contenu {  color:#e34413; text-decoration: underline;}
#lien_contenu2 {  color:#000088; text-decoration: underline;}
#sur {padding-left:50px;color:#864141;font-size:15px;} 
#pao {margin-left:60px;}
#pdf {margin-left:70px;}

#boutons{ width:230px; margin-top:10px}
#contenu .marg{ margin-bottom:40px }

/* CONTACT */
address{ line-height: 17px; margin-left:47px; margin-bottom:30px;}
#div_left_contact{ float:left; width:400px; margin-right:50px; }
#div_right_contact{ float:left; width:400px; padding-top:10px }
#div_right_contact h2{ padding-left:30px; margin-bottom:10px; font-size: 14px; background: url(../img/picto-infos-pratiques.gif) no-repeat left }
#div_right_contact #plan-acces h2{background: url(../img/picto-plan-acces.gif) no-repeat left }
#plan-acces{ margin-top:5px; margin-left:47px;}
#div_right_contact a{ text-decoration: underline; color:#474545 }
#div_right_contact a:hover{color:#000000 }
#div_right_contact #map{ width:350px; height:350px; }
#div_left_contact p{ font-size:13px; padding-right:10px; margin:0; }
#div_left_contact p.thankyou{ text-align: center; padding: 10px; margin: 20px 0 0 0; border: 1px dashed #CCC;}
#div_left_contact #errors{ color: red; background: #CCC; padding: 10px; font-size:11px; margin: 0 10px 10px 0;}
#clearcontact {clear:both; width:10px; height:1px; margin-top:-40px; padding:0; margin-bottom: 45px;}



/* INPUTS DU FORMULAIRE */
#left-form{ float:left;width:295px; }
#left-form p{ clear:both; }
#right-form{ float:left; margin:0 0 20px 40px; }
#errors{ height:65px;color: #FFFFFF; background: #db0404; padding: 10px; font-size:14px; margin: 0 10px 10px 0;border: 1px solid #db0404;}
p.thankyou{ text-align: center; padding: 10px; margin: 20px 0 40px 0; border: 1px dashed #CCC; font-size:14px; font-weight:bold}
 p.thankyou #dub{ padding-top:3px; text-decoration:underline; color:red; font-weight:normal; font-size:12px}
input{ font-size: 12px; height:15px; padding: 1PX 0 1PX 4px; border-top: 1px solid #ACA899; border-left: 1px solid #ACA899;border-bottom: 1px solid #E4E3DE; border-right: 1px solid #E4E3DE;   width: 200px; }
#code{ width:100px; background: #F9F9FF; }
.fild{height:25px;}
#carreful {
  float:left;
  margin-right:10px;
}

fieldset{
  border: 1px solid #EB5324;
  margin-bottom:12px;
  padding-top:6px;
}
legend {
  padding-left:5px;
  padding-right:5px;
  font-weight:bold;
  color:#EB5324;
}

#space {
  padding-bottom:34px;
}

* html #space{
  padding-bottom:20px;
}

*+html #space2 {
  width:365px;
}


textarea{ font-size: 12px; padding: 4px; border: 1px solid #7F9DB9; width: 330px; height:140px }
select{ border: 1px solid #C0C0C0; width: 60px;}
#valid {
clear:both;
background:transparent url(../img/bt.gif) no-repeat left top;
cursor:pointer;
display:block;
height:35px;
margin-left:250px;
margin-top:10px;
width:124px;
border:none;

}