/* CSS Document */

@font-face {
    font-family: 'ARDESTINE';
    src: url('../fonts/ardestine-webfont.eot');
    src: url('../fonts/ardestine-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ardestine-webfont.woff') format('woff'),
         url('../fonts/ardestine-webfont.ttf') format('truetype'),
         url('../fonts/ardestine-webfont.svg#ARDESTINERegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background:#333; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

.entete h1 { font-family:'ARDESTINE'; font-size:42px; }
h1, h2 { font-family:'Share',Helvetica, Verdana, Arial, sans-serif; color:#666; margin:20px 0 10px 0; letter-spacing: -1px; font-weight: normal;  }
h1 {  font-size:32px;}
h2 { font-size:28px;  }
h3 { font-size:14px; margin-bottom:20px; color:#666666; }
.page h3 { margin:20px 0 10px 0; }
#prelude_menu a, #social a, #flags a, #sousmenu a, article a, #footer a{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a { color:#336699; }
a:hover { color:#000; }
a span { display:none; }
/* pointilles */
a:focus { outline:0; } 
a:link, a:visited, a:hover, a:active { outline:none } 
.entete a:active { outline:none; }

li { list-style:url(puce.gif); }
frame { frameborder:0; }
#prelude {margin-left: 280px; }
	#prelude #flags { float:right; margin-right:25px; }
	#flags a { margin:0 5px; }
	#prelude #social{margin-left:60px;}
	#prelude_menu a { font-family:'Share',Helvetica, Verdana, Arial, sans-serif; margin:0 20px 0 0; padding-right:25px; background:url(puce.png) no-repeat center right; display:block; float:left; color:#333; text-decoration:none; } 
	#prelude_menu a:hover { color:#000; text-decoration:underline;  }
#bg { background:#eeeeee url(fond-bg.jpg) repeat-x; color:#444; }

#global { margin:0 auto; width:980px; padding-top:10px; padding-bottom:70px; }
.page #global { padding-bottom:0px; }

#logo { float:left; }

/* 
	MENU
*/
#menu { float:right; }
#menu li {display:inline; margin:0; }
#menu a { display:block; height:44px; float:left; }
#menu a span { display:block; text-indent:-9999px; }


/* PRELUDE */
#prelude aside { float:left; margin:0 20px 0 0; }

/* HEADER */
#header { clear:both; }


/* ENTETES */
.entete { color:#fff; padding:30px 10px 20px 30px; position:relative; height:132px; width:950px; margin-top:-10px; }
.config { padding:5px 0 5px 38px; background:url(ico-config.png)  3px center no-repeat; }
	.entete a, .entete h1, .entete h2 { color:#fff; }
	.entete h2, .entete a, /*article footer a*/ { -moz-text-shadow: 0px 1px 8px #666; -webkit-text-shadow: 0px 1px 8px #666; text-shadow: 0px 1px 2px #000; behavior: url(/skin/pie/PIE.php); }
	 .entete a:hover, article footer a:hover { text-decoration:none;}
#enteteEco { background:url(fond-entete-eco.png) no-repeat top center; }
#enteteHandicap { background:url(fond-entete-handicap.png) no-repeat top center; }
#entetePower { background:url(fond-entete-handicap.png) no-repeat top center; }
#enteteKARIC { background:url(fond-entete-gris.png) no-repeat top center; }
#enteteSenior { background:url(fond-entete-senior.png) no-repeat top center; }
/* Générique */
.enteteGenerique { color:#333; padding:20px 10px 0px 30px; position:relative; height:123px; width:950px; margin-top:10px; background:url(fond-entete-generique.png) no-repeat top center; }

	h1 span { display:none; }
	.entete h2 { margin:5px 0; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:0; }
	#accroche { width:360px; text-align:center; float:left; }
	.senior #accroche { margin-left: -10px; width:330px; }
		#accroche p { margin:10px 0 0 0; font-size:12px; }
	#acheter { display:block; float:right; text-align:center; margin-right:0; width:570px; }
	.senior #acheter { width:630px; margin-top:10px; }
		#liensAcheter { float:left; width:250px; }
		.senior #liensAcheter { width:180px; }
			#liensAcheter a { display:block; }
			#acheter_btn span { display:none; }
			
			#essayer, #telecharger { font-size:12px; }
			#essayer { margin:5px 0; }
			#telecharger { padding:15px 0; background:url(ico_telecharger.png) center left no-repeat; }
	
	#ecran { float:right; position:absolute; top:-20px; right:55px; z-index:200; }	
	#ecran2 { float:right; position:absolute; top:20px; right:55px; z-index:200; }	
	.handicap #ecran { top:-20px; right:30px; }
	
/* SOUS MENU */
#sousmenu { background:#333 url(ombre-sousmenu.png) repeat-x; padding:30px 15px 10px 15px; margin:0 4px 0 14px; font-size:12px; position:relative;}
#sousmenu  a { padding:10px 15px; }
.page #sousmenu { margin-top:-28px; z-index:100; }
	#sousmenu .selected a {font-size:16px; font-weight:bold; color:#fff; background:url(sousmenu-selected.gif) bottom center no-repeat; padding-bottom:25px;}	
	#sousmenu a { color:#ccc; text-decoration:none; margin-top:0px; font-size:14px; }
	#sousmenu a:hover{ color:#fff; }
	
	
/* CONTENU PRINCIPAL */
article { background:url(fond-article.png) repeat-y top center; margin-left:10px;padding:20px 10px; }
/* Pages génériques */
.page article { /*padding-top:0;*/ }
/* Pour le slide */
.index article { padding-top:80px; }

article ul{margin-left:20px; }
	#corps { margin:0 10px; position:relative; }	
		#corps h1 { margin:0 0 20px 0; }
		
		/* PICTOS */
		h1.pile { padding:15px 0 10px 50px; background:url(ico-pile.jpg) no-repeat center left; }
		h1.green { padding:15px 0 10px 40px; background:url(greenit.png) no-repeat center left; }
		h1.feuille { padding:10px 0 10px 66px; background:url(ico-feuille.jpg) no-repeat center left; margin-bottom:10px; }
		h1.vocal { padding:25px 0 20px 80px; background:url(ico-vocal.jpg) no-repeat center left; margin-bottom:10px; }
		h1.domotique { padding:25px 0 20px 80px; background:url(ico-domotique.gif) no-repeat center left; margin-bottom:10px; }
		#corps h1.pharmacie { padding:25px 0 20px 60px; background:url(ico-pharmacie.gif) no-repeat center left; margin-bottom:10px; }
		.icoTemps { padding:5px 0 5px 45px; background:url(ico-temps.gif) no-repeat center left; }
		#corps h1.facile {  padding:5px 0 10px 60px; background:url(ico-help.png) no-repeat center left; margin-bottom:10px; margin-top:10px; }
		
		#corps h1.arbre {  padding:20px 0 0px 60px; background:url(ico-arbre.jpg) no-repeat center left; margin-bottom:10px; margin-top:10px; }
		#corps h1.basedd {  padding:20px 0 0px 60px; background:url(bdd.jpg) no-repeat center left; margin-bottom:10px; margin-top:10px; }
		
		#corps h1.ico_loupe {  padding:20px 0 20px 70px; background:url(ico-loupe.png) no-repeat center left; /*margin-bottom:10px; margin-top:10px;*/ }
		#corps h1.computer {  padding:20px 0 20px 70px; background:url(computer.png) no-repeat center left; /*margin-bottom:10px; margin-top:10px;*/ }
		
		#corps h1.ico_recette {  padding:20px 0 30px 70px; background:url(ico-recette.png) no-repeat center left; margin-bottom:10px; margin-top:10px; }
		#corps .ico_lettre {  padding:20px 0 30px 70px; background:url(ico-lettre.png) no-repeat center left; margin-bottom:10px; margin-top:10px; }
		#corps .ico_mail {  padding:20px 0 30px 70px; background:url(ico_mail.png) no-repeat center left; margin-bottom:10px; margin-top:10px; }
		ul.star li { list-style:url(ico-star.png);}
		
		#corps p { margin:5px 0; }
		
		#corps li {margin:5px 0; }
		/* Menu des tabs jQuery */
		#corps .ui-tabs-nav li { margin:0; }
		
		#corps #dragon_logo { float:right; margin:-5px 40px 0 0; }
/* Mise en avant */
#corps div.panel, #corps p.panel { color:#000; border:#cfcfcf 1px solid; margin:10px 0; padding:10px; background:#ededed url(fond-encarts.jpg) repeat-x; }
#corps div.panel h1, #corps div.panel h2 { font-size:18px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; }

#panelCalculer { padding-left:120px; background:url(fond-panelCalculer.png) no-repeat left center; }
#panelCO2 { padding-right:120px; background:url(fond-CO2.png) no-repeat 310px center; }
#panelCO2 .alert { color:#990000; font-size:36px; }

#encartsBas {background:url(separateur-h.jpg) no-repeat center top; padding:60px 0 20px 0; }
#encartsBas img { margin-right:13px; }
#encartsBas img.omega { margin:0; }

hr.separation { background:url(separateur-h.jpg) no-repeat center top; padding:60px 0 0 0; }
/* Bas de l'article */
article footer { position:absolute; width:990px; margin:0 0 -110px -40px; font-size:12px; }

.eco article footer { background:url(fond-pied-eco.png) no-repeat top center; padding:20px; }
.handicap article footer { background:url(fond-pied-handicap.png) no-repeat top center; padding:20px; }
.senior article footer { background:url(fond-pied-senior.png) no-repeat top center; padding:20px; }
article footer h1 { width:100%; height:45px; margin:10px 0 5px 0; }
.senior article footer h1 { margin:10px 0 5px 70px; }

article footer a, article footer a:hover { color:#FFFFFF; }

#footerBoite, article footer div { float:left; }
#footerBoite { width:90px; margin:0px 10px 0 20px; }
#footerKAR { width:460px; }
.senior #footerKAR { width:380px; }
	.senior #famille { position:absolute; right:25px; top:-14px; }
	#footerConf { margin:0 0 0 180px; }
	.senior #footerConf { margin-left:150px; }
#footerAcheter { text-align:center; margin:15px 0 0 80px; width:160px; }
.senior #footerAcheter { margin-left:0; }
#footerAcheter_btn {display:block; width:135px; height:44px; margin:0 auto; }
#footerTelecharger { display:block; padding:15px 0 15px 40px; margin: 12px 0 0 30px; background:url(ico_telecharger.png) center left no-repeat; }				
/* PIED de page */
#footer { font-size:12px; position:relative; z-index:-1; background:#333 url(fond-footer.jpg) top left repeat-x; padding-top:40px; color:#999999; }
.page #footer { padding-top:0; padding-left:10px; }
.page #footer .inner { margin-top:0; padding-top:60px; background:url(fond-footer-generique.jpg) top center no-repeat; }


	#footer ul,#footer li{ list-style:none;}
	#footer a { color:#cccccc; text-decoration:none; -moz-text-shadow: 0px 1px 8px #666; -webkit-text-shadow: 0px 1px 8px #666; text-shadow: 0px 1px 2px #000; behavior: url(/skin/pie/PIE.php); }
	#footer a:hover { color:#fff; }
	#footer .inner { margin:10px auto; width:980px; }
	#paypal_verified { float:left; margin:20px 50px 0 0; }
	#dragon_btn { float:left; width:240px; padding-left:150px; padding-top:40px; background:url(../img/dragon.gif) no-repeat left center; height:93px; }
	#info_bas ul { float:right; margin-top:40px; }
	#menuBas, #epilogue { border-top:#5c5c5c 1px solid; }
		#menuBas ul{float:left; margin:20px 60px 20px 0; }
		#menuBas li { padding:4px 0; }
		#menuBas a.alpha { color:#fff; font-size:14px; }
	
	#epilogue { text-align:center; color:#555; font-size:12px; padding:10px; }

/* Grille -------------------------- */
div.grid { clear:both; margin: 0 0 10px 0; }
	.col2 { width:447px; float:left; margin-right:35px; }
	.col2_3 { width:613px; float:left; margin-right:17px; }
	.col1_3 { width:300px; float:left; margin-right:13px; }
	
	div.grid .omega { margin-right:0; }
	
/* ACCUEIL */
#illustrations img { margin-right:11px; }
#illustrations img.omega { margin-right:0px; }
#certif { margin:10px 0; text-align:center; }
	#spywareFree { float:left; margin-right:20px; }

/*
#contact_table td { padding:0 10px 5px 0; }
#contact_table h3 { margin:10px 0 0 0; }
#contact_table h3.first { margin:0; }
#contact_table p { margin:0px; }
#contact_table img  { margin-right:10px; }
*/


/*
	CONTACT
*/

/* Formulaire --------------------- */
#webform { }
#formulaire { margin:10px 0 0 0; }
#formulaire h3, #formulaire h2 { margin-top:0px; }
#formulaire label { display:block; }
#envoyer_btn { background:url(devis-envoyer.gif); width:215px; height:55px; margin:10px 0; color:#FFFFFF; display:block; cursor:pointer; border:none; color:#330000; font-size:16px;  -webkit-text-shadow:#fff 0 1px 1px; -moz-text-shadow: #fff 0 1px 1px; text-shadow: #fff 0 1px 1px;   }
#envoyer_btn:hover { background-position:center 55px; }
fieldset { border:none; margin:0; }
#formulaire input[type=text] { margin-bottom:10px; padding:2px; background:url(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;}
h2.ok, h3.ok { background:url(ok.png) left center no-repeat; padding:0 0 0 30px; color:#006600;  }
h2.ko, h3.ko  { background:url(ko.png) no-repeat left center; padding:0 0 0 30px; color:#990000; }


/* PAGES POP-UP : class='pop' --------------------------  */

body.popup { background:#eee; }
.popup #global { padding:10px 0; width:900px; }
.popup article { background:none; padding:20px 0; margin:0; }
.popup .col2 { width:420px; }

/* Utils -------------------------- */

.menu_h  {  margin:0; list-style-type:none; }
.menu_h  li {  display:inline; margin:0; }
.menu_h  li a { padding:10px 20px; text-decoration:none;  }
.first { margin-top:0; }
.left { display:block; float:left; }
.right { display:block; float:right; }
img.btn { margin:10px 0; }
.shadow {
  -moz-box-shadow: 0px 1px 8px #666;
  -webkit-box-shadow: 0px 1px 8px #666;
  box-shadow: 0px 1px 8px #666;
  behavior: url(/skin/pie/PIE.php);
}
.inv { display:block; height:0; text-indent:-9999px; }
hr { clear:both; height:0; }
.nomargin, #corps .nomargin { margin:0; }

.pdf { padding:5px 0 5px 30px; background:url(icone-pdf.gif) no-repeat center left; }
.pps { padding:5px 0 5px 30px; background:url(ppt.gif) no-repeat center left; }

#dewplayer { position:absolute; top:20px; right:0; }