/*reset*/
*     { list-style-type: none; margin: 0; padding: 0 }
img { border-style: none; }
ul {  }
li {  }
body    { color: #131313; font-size: 0.7em; font-family: Tahoma, "Trebuchet MS", Arial, sans-serif; line-height: 130%; background-color: #d8dce0; text-align: center  }
a { outline:0; }
.noir { color: #131313; }
/*structure*/
.right { text-align: right; }
#page  { background-color: white; text-align: left; margin-top: 5px; margin-right: auto; margin-left: auto; width: 768px; border: solid 1px #b7b7b7 }
.loupe a { background-image: url(images/loupe.gif); background-repeat: no-repeat; padding-left: 16px; }
.clear { width: 90%; clear: both; display: inline-block; }
.clear_ref { width: 90%; height: 20px; clear: both; display: inline-block; }

#col1   { width: 232px; float: left ; }
#col2  { background-color: white; width: 535px; float: right ; }
.bloc_2col { width: 512px; float: right ; }
.bloc_2col strong { font-weight: normal; }
#content a:link, #content a:visited, .bloc_2col a:link, .bloc_2col a:visited, .right a:link, .right a:visited { color: #131313; text-decoration: underline; }
.right a:hover, #content a:hover { background-color: #dae1e9; text-decoration: none; }
.sep_home1 { background-image: url(images/sep_bloc_col1.gif); background-repeat: repeat-y; background-position: center 0; }
.sep_home2 { background-image: url(images/sep_bloc_col2.gif); background-repeat: repeat-y; background-position: center 5px; }
.sep_home3 { background-image: url(images/sep_bloc_col3.gif); background-repeat: repeat-y; background-position: 255px 0; width: 510px; }
#bloc_content2-tit { float: left; clear: right; padding-left: 25px; }
hr { background-color: #e7e7e7; color: #e7e7e7; width: 100%; height: 2px; float: right; clear: both; margin-top: 10px; margin-bottom: -3px !important; margin-bottom: -9px; border-style: none; }
.col2a { width: 240px; float: left; padding-left: 8px; }
.specialist { background-image: url(images/expert-demenagement-informatique.jpg); background-repeat: no-repeat; background-position: right center; float: left; }
.col2a p { width: 180px; }
.col2b { width: 234px; float: right; padding-right: 8px; padding-left: 10px; }
#footer  { color: #e7e7e7; background-color: #455a77; width: 755px; height: 14px; clear: both  ; padding: 6px; border-top: 10px solid white; }
#footer li { float: left; display: inline; }
#footer li.right { float: right; }
/*nav haut*/
#nav_haut ul { height: 46px; margin-bottom: 4px; }
#nav_haut li { height: 46px; float: left; display: block; }
#nav_haut a { color: #676767; font-size: 10px; text-decoration: none; text-align: center; text-indent: 8px; width: 70px; padding-top: 25px; display: block; }
#nav_haut .acc { background-image: url(images/bg_accueil.jpg); background-repeat: no-repeat; width: 72px; display: block; }
#nav_haut .con { background-image: url(images/bg_contact.jpg); background-repeat: no-repeat; width: 80px; display: block; }
#nav_haut .map { background-image: url(images/bg_sitemap.jpg); background-repeat: no-repeat; width: 80px; display: block; }
#logo { margin-bottom: 4px; width: 232px; height: 146px }
#menu     { font-size: 12px; font-family: verdana; background-color: #344d8e; margin-bottom: 4px; padding-top: 8px; padding-bottom: 8px; }
#menu li    { background-image: url(images/menu_liseret.gif); background-repeat: no-repeat; background-position: 15px bottom; text-align: right; padding-right: 15px; padding-bottom: 15px ; padding-left: 25px; }
.boost { margin-left: -30000px; display: none; }
#menu li a:link,#menu li a:visited   { color: white; text-decoration: none; background-image: url(images/arrow_off.gif); background-repeat: no-repeat; background-position: right center; display: block; padding-right: 20px  }
#menu li a:hover, #menu li a.current  { color: #f5dc54; background-color: inherit; text-decoration: none; background-image: url(images/arrow_on.gif); background-repeat: no-repeat; background-position: right center; padding-right: 20px   }
/*http://www.sovavsiti.cz/css/hr.html*/
/*http://www.blog-and-blues.org/weblog/2004/08/19/277-mettre-un-titre-en-image*/
/*http://www.stopdesign.com/articles/replace_text/ex_hello.html*/
span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
.cache { position: absolute; top: -500px; left: 0; width: 1px; height: 1px; overflow: hidden; }
#bloc { background-color: #bac3cd; margin-bottom: 4px; padding: 8px; }
#col1 h3 { color: #383f62; font-size: 12px; font-weight: bold; padding-bottom: 7px; padding-left: 10px; }
#bloc ul { padding-top: 4px; }
#bloc li { background-image: url(images/puce4.gif); background-repeat: no-repeat; background-position: left 6px; margin-bottom: 5px; padding-left: 10px; }
#bloc li li { background-image: url(images/puce5.gif); background-repeat: no-repeat; margin: 0 0 0 -10px; }
#bloc2 { background-color: #aab6c2; padding: 8px; }
#bloc2b { background-color: #dbdddf; padding: 8px; }
#photo_home { background-image: url(images/photo_home.jpg); background-repeat: no-repeat; width: 530px; height: 236px; float: right; margin-top: 5px; padding-bottom: 4px; }
#header { width: 534px; height: 245px; }
#photo1 { background-repeat: no-repeat; width: 248px; height: 238px; float: left; margin-top: 5px; margin-bottom: 4px; }
.server1 { background-image: url(images/photo1_salle_serveur.jpg); }
#photo2 { background-repeat: no-repeat; width: 141px; height: 101px; float: left; margin-top: 5px; margin-left: 1px; }
.server2 { background-image: url(images/photo2_salle_serveur.jpg); }
#photo3 { background-repeat: no-repeat; width: 141px; height: 101px; float: left; margin-top: 5px; margin-left: 1px; }
.server3 { background-image: url(images/photo3_salle_serveur.jpg); }
#bloc_titre { background-color: #526ba4; width: 251px; height: 104px; overflow: hidden; float: left; margin-top: 1px; margin-left: 1px; padding: 16px; }
#bloc_titre h1 { color: white; font-size: 14px; font-family: "Lucida Grande"; margin-bottom: 4px; }
#bloc_titre strong { color: #f5dc54; font-size: 12px; font-family: "Lucida Grande"; }
#bloc_titre p { color: white; font-size: 11px; margin-top: 4px; }
#submenu { line-height: 300%; background-color: #e6e6e6; width: 527px; float: right; clear: both; margin-bottom: 8px; padding-left: 3px; }
#contact_2col { background-color: #e6e6e6; width: 505px; float: right; clear: both; padding: 15px; display: inline; }
.contact_col1 { float: left; }
.contact_col2 { float: left; margin-left: 100px; }
#bloc1 { background-color: #ebebeb; margin-bottom: 4px; padding-left: 12px; width: 521px; float: right; clear: both; padding-bottom: 12px; }
#bloc1 a { color: black; text-decoration: none; }
#bloc1 strong { font-weight: normal; }
em { font-style: normal; }
#submenu a:link, #submenu a:visited { color: #131313; text-decoration: none; }
#submenu a:hover { background-color: #dae1e9; text-decoration: underline; }
#submenu ul li { font-size: 11px; background-image: url(images/puce3.gif); background-repeat: no-repeat; background-position: left center; margin-right: 18px; margin-left: 5px; padding-left: 10px; display: inline; }#content { float: right; padding-right: 8px; }
.retrait_15px { padding-left: 25px; }
.retrait_8px { padding-left: 8px; }
.img_left_10px { float: left; margin-right: 10px; }
.img_right_10px { float: right; padding-left: 10px; }
#content ul {  }
#content li { background-image: url(images/puce4.gif); background-repeat: no-repeat; background-position: left 8px; padding-left: 8px; }
#content h3 { color: #5f6588; font-size: 12px; font-weight: normal; padding-top: 8px; }
h1 { color: #545470; font-size: 18px; }
h1 a:link, h1 a:visited, h1 a:hover { color: #545470 !important; text-decoration: none !important; }
h2 { color: #545470; font-size: 14px; background-image: url(images/puce1.gif); background-repeat: no-repeat; background-position: 0 19px; padding-top: 14px; padding-bottom: 4px; padding-left: 20px; }
h2 a { color: #545470 !important; background-color: white !important; text-decoration: none !important; }
h3 b { text-transform: uppercase; }
.col2a p { padding-top: 6px; }
/*rollover logo home page*/
.logo_ref { }
.logo_ref a:hover { background-color: white !important; }
a.edf { background-image: url(images/logo_edf_s.gif); background-repeat: no-repeat; display: block ; width: 39px ; height: 53px; float: left; margin-top: 10px; margin-left: 15px; padding-right: 69px; }
a:hover.edf { background-image: url(images/logo_edf_s.gif); background-repeat: no-repeat; background-position: 0 -53px; }
a.sncf { background-image: url(images/logo_sncf_s.gif); background-repeat: no-repeat; display: block; width: 68px; height: 36px; float: left; margin-top: 20px; }
a:hover.sncf { background-image: url(images/logo_sncf_s.gif); background-repeat: no-repeat; background-position: 0 -36px; }
a.cic { background-image: url(images/logo_cic_s.gif); background-repeat: no-repeat; display: block; width: 69px; height: 31px; float: left; clear: both; margin-top: 13px; margin-right: 33px; }
a:hover.cic { background-image: url(images/logo_cic_s.gif); background-repeat: no-repeat; background-position: 0 -31px; }
 a.loreal { background-image: url(images/logo_loreal_s.gif); background-repeat: no-repeat; display: block; width: 116px; height: 39px; float: left; margin-top: 12px; margin-bottom: 10px; }
a:hover.loreal { background-image: url(images/logo_loreal_s.gif); background-repeat: no-repeat; background-position: 0 -39px; }
a.club-internet { background-image: url(images/logo_club-internet_s.gif); background-repeat: no-repeat; display: block; width: 60px; height: 49px; float: left; margin-top: 17px; margin-right: 30px; }
a:hover.club-internet { background-image: url(images/logo_club-internet_s.gif); background-repeat: no-repeat; background-position: 0 -49px; }
a.cegid { background-image: url(images/logo_cegid_s.gif); background-repeat: no-repeat; display: block; width: 100px; height: 35px; float: left; margin-top: 21px; }
a:hover.cegid { background-image: url(images/logo_cegid_s.gif); background-repeat: no-repeat; background-position: 0 -35px; }
a.daikin { background-image: url(images/logo_daikin_s.gif); background-repeat: no-repeat; display: block; width: 42px; height: 45px; float: left; clear: left; margin-top: 12px; }
a:hover.daikin { background-image: url(images/logo_daikin_s.gif); background-repeat: no-repeat; background-position: 0 -45px; }
a.ing { background-image: url(images/logo_ing.gif); background-repeat: no-repeat; display: block; width: 122px; height: 31px; float: left; margin-top: 20px; margin-right: 45px; }
a:hover.ing { background-image: url(images/logo_ing.gif); background-repeat: no-repeat; background-position: 0 -31px; }
a.nestle { background-image: url(images/logo_nestle-waters.gif); background-repeat: no-repeat; display: block; width: 80px; height: 52px; float: left; margin-top: 12px; margin-right: 45px; }
a:hover.nestle { background-image: url(images/logo_nestle-waters.gif); background-repeat: no-repeat; background-position: 0 -52px; }
a.meetic { background-image: url(images/logo_meetic.gif); background-repeat: no-repeat; display: block; width: 145px; height: 38px; float: left; margin-top: 20px; }
a:hover.meetic { background-image: url(images/logo_meetic.gif); background-repeat: no-repeat; background-position: 0 -38px; }
a.cram { background-image: url(images/logo_cram.gif); background-repeat: no-repeat; display: block; width: 79px; height: 78px; float: left; clear: left; margin-top: 12px; margin-right: 25px; }
a:hover.cram { background-image: url(images/logo_cram.gif); background-repeat: no-repeat; background-position: 0 -78px; }
a.price { background-image: url(images/logo_price.gif); background-repeat: no-repeat; display: block; width: 203px; height: 23px; float: left; margin-top: 35px; padding-right: 50px; }
a:hover.price { background-image: url(images/logo_price.gif); background-repeat: no-repeat; background-position: 0 -23px; }
a.ministere-agriculture { background-image: url(images/logo_ministere-agriculture.gif); background-repeat: no-repeat; display: block ; width: 71px ; height: 89px; float: left; margin-top: 10px; margin-right: 20px; }
a:hover.ministere-agriculture { background-image: url(images/logo_ministere-agriculture.gif); background-repeat: no-repeat; background-position: 0 -89px; }
a.echiquier { background-image: url(images/logo_financiere-echiquier.gif); background-repeat: no-repeat; display: block ; width: 76px ; height: 88px; float: left; margin-top: 10px; margin-right: 20px; }
a:hover.echiquier { background-image: url(images/logo_financiere-echiquier.gif); background-repeat: no-repeat; background-position: 0 -88px; }
a.altadis { background-image: url(images/logo_altadis.gif); background-repeat: no-repeat; display: block ; width: 126px ; height: 52px; float: left; margin-top: 10px; margin-left: 15px; }
a:hover.altadis { background-image: url(images/logo_altadis.gif); background-repeat: no-repeat; background-position: 0 -52px; }
a.credit-suisse { background-image: url(images/logo_credit-suisse.gif); background-repeat: no-repeat; display: block ; width: 174px ; height: 39px; float: left; margin-top: -5px; margin-left: 15px; }
a:hover.credit-suisse { background-image: url(images/logo_credit-suisse.gif); background-repeat: no-repeat; background-position: 0 -39px; }
.toutes_ref { background-image: url(images/puce2.gif); background-repeat: no-repeat; background-position: left 4px; float: right; clear: left; padding-left: 12px; }
#bloc_bleu { background-color: #dae1e9; width: 520px; float: right; margin-top: 10px; padding-bottom: 10px; }
#bloc_bleu h2 { margin-left: 10px; }
#bloc_amenagement { background-color: #ebebeb; width: 216px; height: 198px; margin-top: 4px; padding: 8px; }
#bloc_travail_nuit { background-image: url(images/travail_nuit.jpg); margin-top: 4px; padding: 8px; width: 216px; height: 198px; }
#bloc_travail_nuit h3 { color: #e0e1e3; }
#bloc_nettoyage { background-color: #e2e3e8; margin-top: 4px; padding: 8px; width: 216px; height: 185px; margin-bottom: 4px; }
#bloc_amenagement p { position: relative; }
#bloc_amenagement img { width: 200px; height: 140px; margin-left: 10px; }
ul.retrait_50px { margin-left: 108px; }
.parc1 { background-image: url(images/photo1_parc.jpg); }
.parc2 { background-image: url(images/photo2_parc.jpg); }
.parc3 { background-image: url(images/photo3-parc.jpg); }
.otsi1 { background-image: url(images/photo1_otsi.jpg); }
.otsi2 { background-image: url(images/photo2_otsi.jpg); }
.otsi3 { background-image: url(images/photo3_otsi.jpg); }
.ref1 { background-image: url(images/photo1_ref.jpg); }
.ref2 { background-image: url(images/photo2_ref.jpg); }
.ref3 { background-image: url(images/photo3_ref.jpg); }
.audit1 { background-image: url(images/photo1_audit.jpg); }
.audit2 { background-image: url(images/photo2_audit.jpg); }
.audit3 { background-image: url(images/photo3_audit.jpg); }
.clean1 { background-image: url(images/photo1_nettoyage.jpg); }
.clean2 { background-image: url(images/photo2_nettoyage.jpg); }
.clean3 { background-image: url(images/photo3_nettoyage.jpg); }
.contact1 { background-image: url(images/photo1_contact.jpg); }
.contact2 { background-image: url(images/photo2_contact.jpg); }
.contact3 { background-image: url(images/photo3_contact.jpg); }
/*Formulaire contact*/
#contact fieldset { padding-top: 10px; padding-left: 15px; border-style: none; }
#contact legend { display: none; }
.contact p {
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 155px;
border-top: 1px solid #dadada;
height: 1%;
}
.contact label{ font-weight: bold; float: left; margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.contact  textarea{
width: 250px;
height: 150px;
}
.contact #prenom,#nom,#raison_sociale,#tel,#email  {width: 250px}

#retrait_button { padding-left: 155px; }
.form { width: 510px; }
em a { text-decoration: none !important; }
#bloc_titre a { color: white; text-decoration: underline; }
cite { color: #454545; font-weight: 700; font-style: normal; }