/* ========================
	STRUCTURE
========================*/
@import "layout-page.css";

/* ==============================
	STYLE COMMUN ACCUEIL + PAGES
================================= */
  @import "style-global.css";
  
 /* ==============================
	STYLE SPECIFIQUE AUX PAGES
================================= */

table td, table th { vertical-align:top; }
table h4 { margin:0 0 20px 0; }
#logo { float:left; }
#main { clear:both;}
#mentions, #mentions p{color:#FFF; }
/* PNG FIX 
img, ul { behavior: url(../images-utils/win_png.htc); }
*/
#intro {  border-bottom:#f3f3f3 1px solid; margin:0 0 20px 0; background:url(img/fond-intro.gif) no-repeat bottom; padding:0 0 10px 0; }
.demandeDevis span { display:none; }
#menu-contact { border-left:#CCC solid 1px; padding-left:20px; width:200px;  }
h1 { margin:40px 30px 0px 30px; padding:10px 0 40px 0; background:url(img/ombre-titre.gif) no-repeat left bottom; color:#FF6600; }
#sousMenu { margin:0;  }
#sousMenu h3 { margin:20px 0 0 30px; }
#sousMenu ul { font-size:14px; margin:10px 0 0 30px; padding:5px 5px 5px 35px; background-color:#f3f3f3; }
#sousMenu ul li { list-style:none; list-style-image:none; margin:0 0 0 -30px; list-style-position:inside; background:url(img/fond-sousMenu.gif) no-repeat bottom left; }
#sousMenu ul li a { display:block; width:95%; height:30px; padding:10px 0 0 10px; border-bottom:#CCCCCC 1px dotted;}
#sousMenu ul li a:link { text-decoration:none; }
#sousMenu ul li a:visited { text-decoration:none; color:#006600; }
#sousMenu ul li a:hover { text-decoration:underline; color:#000000; }
#sousMenu ul li a.selected, #sousMenu ul li a:visited.selected { background:url(img/fond-sousMenu-selected.gif) no-repeat bottom right; font-weight:bold; color:#000000; }
#content h2 { margin-top:10px; }

#intro.site-vitrine { padding:10px 0 10px 120px; background:url(img/fond-intro-vitrine.gif) no-repeat bottom; }
#intro.site-catalogue { padding:10px 0 10px 100px; background:url(img/fond-intro-catalogue.gif) no-repeat bottom; }
#intro.site-ecommerce { padding:20px 0 25px 200px; background:url(img/fond-intro-ecommerce.gif) no-repeat bottom; }
#intro.site-evenementiel { padding:10px 0 10px 120px; background:url(img/fond-intro-evenementiel.gif) no-repeat bottom; }
#intro.site-iphone { padding:1px 0 10px 40px; background:url(img/iphone.jpg) no-repeat top left; }

#intro.blog-entreprise { padding:10px 0 10px 100px; background:url(img/fond-intro-blog.gif) no-repeat bottom; }

#intro.definition-projet { padding:10px 0 10px 100px; background: url(img/fond-intro-projet.jpg) no-repeat bottom; }
#intro.architecture { padding:10px 0 10px 100px; background: url(img/fond-intro-architecture.jpg) no-repeat bottom; }
#intro.ergonomie { padding:10px 0 10px 100px; background: url(img/fond-intro-ergonomie.jpg) no-repeat bottom; }
#intro.web-design { padding:10px 0 10px 100px; background:url(img/fond-intro-web-design.jpg) no-repeat bottom; }
#intro.site-web-flash { padding:10px 0 10px 100px; background:url(img/fond-intro-site-web-flash.jpg) no-repeat bottom; }
#intro.audit-site { padding:10px 0 10px 100px; background:url(img/fond-intro-audit-site.gif) no-repeat bottom; }
#intro.logo { padding:0px 0 10px 100px; background:url(img/fond-intro-logo.gif) no-repeat bottom; }
#intro.charte { padding:10px 0 10px 100px; background:url(img/fond-intro-charte.jpg) no-repeat bottom; }

.titre-tarifs { padding:20px 0 50px 100px; background:url(img/fond-intro-tarifs.gif) no-repeat bottom; }

.presentation h2 { color:#006699; }
.presentation h3 { color:#003366; }
.ecommerce h2{ color:#669900; }
.ecommerce h3 { color:#336600; }
.site-evenementiel h2, .site-evenementiel h3{ color:#660099; }
.communautaire h2{ color:#990000; }
.communautaire h3 { color:#660000; }
.site-iphone h2{ color:#990000; }
.site-iphone h3 { color:#660000; }

#tarifs { background:url(img/fond-encarts.gif) bottom no-repeat; padding-bottom:1px;}
#tarifs h4 { margin:0 0 10px 0; }
#encart-tarif { background:#f3f3f3; width:200px; padding:0 10px 10px 10px; }
#tarifs h2 { margin-top:0; }
.prix { color:#FF6600; font-weight:bold; }
#encartContact p { margin-top:-20px; }

#sondage { background:url(img/fond-encarts.gif) top no-repeat; padding-top:30px;}
#sondage h2 { background:url(img/ico-sondage.gif) top right no-repeat; height:35px; padding-top:10px; margin:10px 0 0 0; }
#encartAide h4,#encartContact h4  { margin:-20px 0 0 0; }
#encartAide h2, #encartContact h2 { margin-top:20px; }
#encartAide h2 { background:url(img/ico-conseil.gif) top right no-repeat; height:40px; padding-top:10px; }
#encartContact h2 { background:url(img/ico-contact.gif) top right no-repeat; height:40px; padding-top:10px; }
#ico-vcard{ float:left; margin-right: 5px;}
/* Quand c'est le 1er bloc*/
#encartAide h2.clearHaut, #encartContact h2.clearHaut, #encartAide h2.clearHaut { margin-top:0; }

.encart-cahier-charges { height:230px; padding-left:180px; background:url(../images/cahier-charges.gif) no-repeat left; }
.encart-plan-site { height:250px; padding-left:260px; background:url(../images/prestations/plan-site.gif) no-repeat left; }
.encart-ergonomie { height:250px; padding-left:260px; background:url(../images/prestations/zoning.gif) no-repeat left; }
.encart-web-design { height:250px; padding-left:260px; background:url(../images/prestations/photoshop.jpg) no-repeat left; }
.encart-logo { height:320px; padding-left:260px; background:url(../images/prestations/recommandations-logo.gif) no-repeat top left; }
.encart-charte { height:320px; padding-left:260px; background:url(../images/prestations/illustrations-charte.jpg) no-repeat top left; }

.arrondi-haut, .arrondi-bas { width:200px; height:5px; padding:10px;}
.arrondi-haut { background:#f3f3f3 url(img/arrondi-haut.gif) no-repeat top;  }
.arrondi-bas { background:#f3f3f3 url(img/arrondi-bas.gif) no-repeat bottom;}

.legende {
	color:#999;
	margin-top:35px;
}
.auteur { font-weight:normal; font-style:italic; }
.center { text-align:center; }
.box { border-bottom:#999999 1px dotted; }

.full{margin-right:30px;}
.ref { background:url(img/fond-intro.gif) no-repeat bottom; padding:0 0 20px 0; }
.ref h2 { font-size: 1.4em;}
.ref h4 { margin:0; }
.ref img { margin:-10px 0px 0 -10px; float:left; }
.ref .info { float:right; width:220px;}
.lien { margin:10px; background:url(img/ecran.gif) no-repeat ; padding:3px 0 0 40px; height:40px; }

.liste-tarifs h3 { margin:0; font-size:1.2em; }
.liste-tarifs table { border:#f5f5f5 1px solid; }
.liste-tarifs table td { border-bottom:#f5f5f5 1px solid; }
.liste-tarifs table a { display:block; width:100%;}
.liste-tarifs table tr { background:#EEE; }
.liste-tarifs table tr.degrade, .degrade { background:#FFF url(img/fond-degrade-v.jpg) repeat-x bottom left; }

/* Formulaire --------------------- */
#formulaire { margin:10px 0 0 0; }
#formulaire h3, #formulaire h2 { margin-top:0px; }
#formulaire label { display:block; }
#envoyer_btn { display:block; }
fieldset { border:none; margin:0; }
#formulaire input { margin-bottom:10px; padding:2px; background:url(img/fond-degrade-v.jpg) repeat-x bottom; border:#CCCCCC 1px solid; padding:5px; background-position:-40px; }
fieldset { border:none; margin:0; }
#formulaire input.noborder { border:none;}

#formulaire.formTesteur { background:#F8F8F8; margin-left:250px; border:#DDD solid 1px; }

#internet label.question { font-weight:bold; margin-top:10px; }
h4.profil-user { border-bottom:#BBB 1px solid;  padding:10px 0 0 60px; margin-bottom:5; background:url(../images/utilisateur.gif) no-repeat; height:42px; }
h4.internet-user { border-bottom:#BBB 1px solid; padding:10px 0 0 60px; margin-bottom:5; background:url(../images/ordinateur.gif) no-repeat; height:42px; }
#setCoords{ width:210px; }
#demande{
	/*width:390px;*/
}

#vous { float:left; margin-left:40px; }
#internet { float:left;  margin-left:30px; }

.obl{ color:#FF3333; }
#envoyer_btn {  border:none; background:none; }
textarea { font-family: Helvetica, sans-serif ;}
#illust-devis { margin:-10px 0 0 0; }

.haut { display:block; width:100%; text-align:center; border:#f5f5f5 1px solid; }

#listeLogos { text-align:center; }
#listeLogos p.legende { margin:0 0 20px 0; color:#000000; margin-bottom:10px; padding-bottom:20px; border-bottom:#CCCCCC 1px solid; }
a.lienLogoSite { display:block; }
.nomarginb { margin-bottom:0; }
.first { margin-top:0; }
.bordD { border-right:#CCCCCC 2px dotted; }
.temoignage { background:#e7e7e7 url(img/bulle-bas.gif) no-repeat bottom center; padding:10px 10px 30px 10px; margin-bottom:-10px; border-top:2px #ddd solid; } 
.diagnostic { padding-left:80px; height:65px; background:url(../images/test-diagnostic.gif) no-repeat left center; }