/* RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px dotted #00344b;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.vbottom td {
vertical-align:bottom !important;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
  clear:both;
}
em {
  font-style: italic;
	font-weight:bolder;
}
strong {
	font-weight:bolder;
}
/* END RESET */

body {
  background-color  : #F5F5F5;
}

#page, #page-particulier {
  margin            : auto;
  width             : 984px;
  background-color  : #FFFFFF;
  background-repeat : no-repeat;
  background-position : 26px 93px;
}

#page{
  background-image  : url(../sepalumic-vous-etes-dans-l-espace-pro.png);
}
.page-uk{
  background-image  : none !important;
	background:#FFFFFF;
}
#page-particulier {
  background-image  : url(../sepalumic-vous-etes-dans-l-espace-particuliers.png);
}

#menu {
  position          : relative;
  background-color  : #1a87ac;
  color             : #FFFFFF;
  background        : url(../bg_menu.png) no-repeat center top;
  height            : 90px;
}

#logosepalumic {
  position          : absolute;
  left				      : 14px;
  top				        : 0;
}

#menu a {
  color             : #FFFFFF;
}

a#lang-fr, a#lang-en {
  position          : absolute;
  top               : 40px;
  right             : 15px;
  width             : 33px;
  height            : 22px;
}
a#lang-fr {background:url(../pro_drap_fr_off.gif) no-repeat center center;}
a#lang-fr:hover {background:url(../pro_drap_fr_on.gif) no-repeat center center;}
a#lang-en {background:url(../pro_drap_uk_off.gif) no-repeat center center;}
a#lang-en:hover {background:url(../pro_drap_uk_on.gif) no-repeat center center;}

#logo {
  position          : absolute;
}

.menu-level1 {
  margin-left       : 200px;
  height            : 72px;
}

.menu-level1 li {
  float             : left;
  display           : block;
  padding           : 0 15px;
  border-left       : 1px solid #006e98;
  background        : url(../bg_menu_li.png) no-repeat left center;
  font-size         : 12px;
  height            : 72px;
}

.menu-level1 li.first {
  border-left       : none;
  background        : none;
}

.menu-level2 {
  margin-top        : -3px;
  z-index           : 1;
}

.menu-level2 li {
  padding           : 0;
  float             : left;
  display           : block;
  border-left       : none;
  background        : none;
  font-size         : 8px;
  height            : 35px;
  margin            : 0 1px;
}

.menu-pro-produits {width:59px;background:url(../menu_pro/sepalumic_produits.gif) no-repeat center top;}
.menu-pro-creditdimpots {width:87px;background:url(../menu_pro/sepalumic_credit_d_impots.gif) no-repeat center top;}
.menu-pro-offrecouleur {width:78px;background:url(../menu_pro/sepalumic_offre_couleur.gif) no-repeat center top;}
.menu-pro-lentreprise {width:74px;background:url(../menu_pro/sepalumic_l_entreprise.gif) no-repeat center top;}
.menu-pro-recrutement {width:78px;background:url(../menu_pro/sepalumic_recrutement.gif) no-repeat center top;}
.menu-pro-contact {width:54px;background:url(../menu_pro/sepalumic_contact.gif) no-repeat center top;}
.menu-pro-actualites {width:65px;background:url(../menu_pro/sepalumic_actualites.gif) no-repeat center top;}
.menu-pro-press {width:49px;background:url(../menu_pro/sepalumic_presse.gif) no-repeat center top;}
.menu-pro-products {width:64px;background:url(../menu_pro/sepalumic_products.gif) no-repeat center top;}
.menu-pro-colors {width:51px;background:url(../menu_pro/sepalumic_colors.gif) no-repeat center top;}
.menu-pro-company {width:64px;background:url(../menu_pro/sepalumic_company.gif) no-repeat center top;}
.menu-pro-technologie {width:78px;background:url(../menu_pro/sepalumic_technologies.gif) no-repeat center top;}
.menu-pro-renovation {width:69px;background:url(../menu_pro/sepalumic_renovation.gif) no-repeat center top;}
.menu-pro-quellesouvertures {width:74px;background:url(../menu_pro/sepalumic_quelles_ouvertures.gif) no-repeat center top;}
.menu-pro-quelsvitrages {width:63px;background:url(../menu_pro/sepalumic_quels_vitrages.gif) no-repeat center top;}
.menu-pro-entreprise {width:66px;background:url(../menu_pro/sepalumic_entreprises.gif) no-repeat center top;}

.menu-gp-produits {width:58px;background:url(../menu_gp/sepalumic_produits.gif) no-repeat center top;}
.menu-gp-technologie {width:78px;background:url(../menu_gp/sepalumic_technologies.gif) no-repeat center top;}
.menu-gp-offrecouleur {width:81px;background:url(../menu_gp/sepalumic_offre_couleur.gif) no-repeat center top;}
.menu-gp-creditdimpots {width:88px;background:url(../menu_gp/sepalumic_credit_d_impots.gif) no-repeat center top;}
.menu-gp-renovation {width:69px;background:url(../menu_gp/sepalumic_renovation.gif) no-repeat center top;}
.menu-gp-quellesouvertures {width:74px;background:url(../menu_gp/sepalumic_quelles_ouvertures.gif) no-repeat center top;}
.menu-gp-quelsvitrages {width:63px;background:url(../menu_gp/sepalumic_quels_vitrages.gif) no-repeat center top;}
.menu-gp-entreprise {width:66px;background:url(../menu_gp/sepalumic_entreprises.gif) no-repeat center top;}
.menu-gp-contact {width:52px;background:url(../menu_gp/sepalumic_contact.gif) no-repeat center top;}



.menu-level2 li a {
  display           : block;
  height            : 35px;
}
.menu-level2 li a:hover, .menu-level2 li a:focus  {
  background-position : center -35px;
  outline           : none;
}
.menu-level2 li a:active, .menu-level2 li a.active,
.page-gp-produits .menu-gp-produits,
.page-gp-technologie .menu-gp-technologie,
.page-gp-offrecouleur .menu-gp-offrecouleur,
.page-gp-creditdimpots .menu-gp-creditdimpots,
.page-gp-renovation .menu-gp-renovation ,
.page-gp-quellesouvertures .menu-gp-quellesouvertures,
.page-gp-quelsvitrages  .menu-gp-quelsvitrages ,
.page-gp-entreprise  .menu-gp-entreprise ,
.page-gp-contact  .menu-gp-contact ,
.page-pro-produits .menu-pro-produits ,
.page-pro-creditdimpots  .menu-pro-creditdimpots  ,
.page-pro-offrecouleur .menu-pro-offrecouleur ,
.page-pro-lentreprise .menu-pro-lentreprise ,
.page-pro-recrutement .menu-pro-recrutement ,
.page-pro-contact .menu-pro-contact,
.page-pro-actualites .menu-pro-actualites ,
.page-pro-press .menu-pro-press,
.page-pro-products  .menu-pro-products  , 
.page-pro-colors .menu-pro-colors ,
.page-pro-company  .menu-pro-company ,
.page-pro-technologie  .menu-pro-technologie  ,
.page-pro-renovation  .menu-pro-renovation  ,
.page-pro-quellesouvertures .menu-pro-quellesouvertures ,
.page-pro-quelsvitrages .menu-pro-quelsvitrages ,
.page-pro-entreprise .menu-pro-entreprise 
 {background-position : center -70px;}
 

#menu a span {
  display           : none;
}

#footer {
  background        : url(../bg_footer.png) repeat-y center center;
  color             : #FFFFFF;
  background-color  : #0d7ba3;
  text-align        : right;
  position          : relative;
  line-height       : 26px;
  height            : 26px;
  font-size         : 12px;
  padding-right     : 28px;
}

#footer a {
  color             : #FFFFFF;
  margin-left       : 10px;
  text-decoration   : none;
}

#footer a:hover {
  text-decoration   : underline;
}

#footer-retour {
  position          : absolute;
  left              : 26px;
  top               : 0;
}

#footer-espaceparticuliers {
  position          : absolute;
  left              : 148px;
  top               : 0;
}

#subfooter {
  font-size         : 10px;
  padding           : 5px 0;
  text-align        : center;
}

#subfooter a {
  color             : #000000;
  text-decoration   : none;
}

#subfooter a:hover{
  text-decoration   : underline;
}

#content {
  padding           : 28px;
  font-size         : 0.8em;
}

#content p {
  margin            : 1em 0;
  color             : #384222;
  line-height       : 1.1em;
  font-size         : 12px;
}

.imagecol {
  width             : 471px;
  float             : left;
}

.contentcol {
  width             : 439px;
  float             : right;
}

.imagecol2 {
  width             : 300px;
  float             : left;
}

.imagecol2  img{
  width             : 300px;
}

.contentcol2 {
  width             : 600px;
  float             : right;
}

.contentcol-01 {
  width             : 439px;
  float             : left;
}

.smallcol {
  width             : 207px;
  float             : left;
}

.smallcol h1 {
  width             : 190px;
  float             : left;
  font-size         : 1.3em;
  font-weight       : bolder;
}

.largecol {
  width             : 694px;
  float             : right;
  font-size         : 0.8em;
}

.largecol h1 {
  line-height       : 80px;
  height            : 80px;
  text-align        : right;
  background-color  : #0facdc;
  font-size         : 40px;
  color             : #FFFFFF;
}

.colred h1  {
  background-color  : #c20c0a;
}

.colgreen h1  {
  background-color  : #1fb029;
}

.colyellow h1  {
  background-color  : #ead113;
}

.colgrey h1  {
  background-color  : #c6c7b7;
}

.largecol h2 {
  color             : #00b5e9;
  font-size         : 1.7em;
  font-weight       : bolder;
}

.largecol h3 {
  color             : #00b5e9;
  font-size         : 1.3em;
  font-weight       : bolder;
}

.largecol h5 {
  font-size         : 1.3em;
  font-weight       : bolder;
  margin-bottom		:10px;
}

.largecol h6 {
  color             : #00b5e9;
  font-size         : 2em;
  font-weight       : bolder;
}

.colred h6  {
  color             : #c20c0a;
}

.colgreen h6  {
  color             : #00a300;
}

.colyellow h6  {
  color             : #ead113;
}

.colgrey h6  {
  color             : #a9a78b;
}

.demicolleft{
  width             : 450px;
  float             : left;
  font-size         : 0.8em;
}

.demicolright {
  width             : 450px;
  float             : right;
  font-size         : 0.8em;
}

h4 {
	font-size:14px;
	color:#384222;
	font-weight:	bolder;
	border-top:1px dotted #384222;
	padding-top:1em;
	margin-top:1em;
}

.box {
  margin-bottom     : 2px;
  padding           : 12px 12px 7px;
  font-size         : 0.7em;
  color             : #FFFFFF;
  line-height       : 1.1em;
}

.box h1 {
  line-height       : 15px;
  text-transform    : uppercase;
}

.box ul {
  clear             : both;
}

.box li {
  background        : url(../bg_li.gif) no-repeat left center;
  padding-left      : 9px;
}
.box a {
  color             : #000000;
  text-decoration   : none;
  font-weight       : bolder;
}
.box a:hover  {
  text-decoration   : underline;
}

.blue {
  background-color  : #00b6ea;
}
.red {
  background-color  : #e60004;
}
.grey {
  background-color  : #a9a78b;
}
.green {
  background-color  : #00a300;
}
.yellow {
  background-color  : #ffed00;
}
.yellow h1 {
  color             : #afa300;
}

.lesplus li {
  color             : #00b5e9;
  font-size         : 1.3em;
  font-weight       : bolder;
  list-style-type   : disc;
  list-style-position : inside;
}

.lesplus2 li {
  color             : #00b5e9;
  font-size         : 1.2em;
  list-style-type   : disc;
  list-style-position : inside;
  padding-left      : 30px;
}

.colred .lesplus li, .colred .lesplus2 li {
  color             : #c20c0a;
}

.colgreen .lesplus li, .colgreen .lesplus2 li {
  color             : #00a300;
}

.colyellow .lesplus li, .colyellow .lesplus2 li {
  color             : #ead113;
}

.colgrey .lesplus li, .colgrey .lesplus2 li {
  color             : #a9a78b;
}

.largecol a {
  color             : #000000;
}

a.pdf {
  background        : url(../pdf.png) no-repeat left center;
  display           : block;
  line-height       : 24px;
  height            : 24px;
  padding-left      : 30px;
}

.gris10px{
font-family			:Arial, Helvetica, sans-serif;
font-size			:10px;
color				:#384222;
font-weight			:normal;
text-decoration		:none;
}

.gris11px{
font-family			:Arial, Helvetica, sans-serif;
font-size			:11px;
color				:#384222;
font-weight			:normal;
text-decoration		:none;
}
a.gris11px:hover{
font-family			:Arial, Helvetica, sans-serif;
font-size			:11px;
color				:#b8c1a3;
font-weight			:normal;
text-decoration		:none;
}

.gris12px{
font-family			:Arial, Helvetica, sans-serif;
font-size			:12px;
color				:#384222;
font-weight			:bolder;
text-decoration		:none;
}
a.gris12px:hover{
font-family			:Arial, Helvetica, sans-serif;
font-size			:12px;
color				:#b8c1a3;
font-weight			:bolder;
text-decoration		:none;
}

.gris14px{
font-family			:Arial, Helvetica, sans-serif;
font-weight			:bolder;
font-size			:14px;
color				:#384222;
font-weight			:normal;
text-decoration		:none;
}
a.gris14px:hover{
font-family			:Arial, Helvetica, sans-serif;
font-weight			:bolder;
font-size			:14px;
color				:#b8c1a3;
font-weight			:normal;
text-decoration		:none;
}

.img-left{
padding-bottom:10px;
}

#content table td {
vertical-align: top; padding-top:15px; padding-left:10px; color:#384222;
}

#content table td.img {
padding-top:0; padding-left:0;font-size:1px;
}

#content table td.img01 {
padding:10px;
}

#content table td.img02 {
padding-top:0; padding-left:0;
}

.champ{
	width: 80%;
	border:1px solid #000000;
	font-family: Arial;
	font-size: 11px;
	background-color : #FFFFFF;
}

.service_plus_i-process {
  width                     : 206px;
  height                    : 99px;
  background                : #e0f4f8 url(../bg_service_plus_i-process.jpg) no-repeat center center;
  padding                   : 13px;
  float                     : left;
  color                     : #00344b;
}

.service_plus_i-process a {
  text-decoration           : none;
  font-weight               : bolder;
  color                     : #00344b;
}

.service_plus_i-process a:hover {
  text-decoration           : underline;
}

.recrutement_title {
  background-color          : #384222;
  color                     : #FFFFFF !important;
  padding-left              : 5px;
  font-size                 : 11px;
  font-weight               : bolder;
  line-height               : 2em !important;
}

.entreprise {
  border-top                : 1px dotted #384222;
  clear                     : both;
  padding-top               : 30px;
}

.entreprise div {
  margin-bottom             : 30px;
}

.press {
  display                   : block;
  float                     : left;
  width                     : 295px;
  padding-left              : 12px;
  height                    : 20px;
  line-height               : 20px;
  background                : url(../puce01.gif) no-repeat 0 center;
  font-family			          : Arial, Helvetica, sans-serif;
  font-size			            : 11px;
  color				              : #384222;
  font-weight			          : normal;
  text-decoration		        : none;
}
a.press:hover{
  font-family			          : Arial, Helvetica, sans-serif;
  font-size			            : 11px;
  color				              : #b8c1a3;
  font-weight			          : normal;
  text-decoration		        : none;
}
.products a {
  text-decoration           : none;
  font-weight               : bolder;
  color                     : #00344b;
}

.black p{
  color                     : #000000 !important;
}

p.intro {
  color                     : #1583a9 !important;
  font-size                 : 1.3em !important;
  font-weight               : bolder;
}

.bleu12px {
  color                     : #014b69;
  font-family			          : Arial, Helvetica, sans-serif;
  font-size			            : 12px;
  font-weight			          : bolder;
  text-decoration		        : none;
}

.credit-impot-table {
  width : 902px;
}

.credit-impot-table td {
  color                     : #014b69 !important;
  padding-top               : 5px !important;
  padding-top               : 5px !important;
}

.tiers1, .tiers2, .tiers3 {
  width : 290px;
  float : left;
}

.tiers2{
  margin-left : 28px;
}

.tiers3 {
  float : right;
}

.fixedheight {
  height : 120px;
}

.greybox {
  background : url(../../menuiseries-aluminium-professionnels/images/greybox.gif) no-repeat 0 0;
  height : 160px;
  margin-bottom : 10px;
  padding : 10px;
}

.greybox ul li{
  list-style-type : disc;
  list-style-position:inside;
  line-height : 1.1em;
}