* { margin:0; padding:0; }

.fixIE { behavior: url(style/iepngfix.htc); }

a, button, label { cursor:pointer; }
a:active, a:focus { outline:none; }
a img { border:none; }
a { text-decoration:none; color:#747477; }

a:hover { text-decoration:underline; }

.calage {
	clear:both;
	width:100%;
	height:0px;
	line-height:0px;
	font-size:1px;
}

.justify { text-align:justify; }
.bold { font-weight:bold; }
.underline { text-decoration:underline; }

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:white;
	background:url(../img/commun/bg_header.gif) repeat-x;
}

h1 {
	font-size:24px;
	color:#636366;
	margin-bottom:16px;
}

h2 {
	font-size:18px;
	color:#636366;
	margin-bottom:16px;
}
/* rajouté le 15 juillet pour les mentions légales */
#mentions-legales {
	margin-left:20px;
}
#mentions-legales p{

	color:#636366;
}

/* fin des mentions légales */
#conteneur {
	width:981px;
	margin:auto;
	color:#747477;
}

#header {
	height:125px;
	padding:0 0 0 0;
	background:url(../img/commun/bg_header.gif) repeat-x;
	margin:20px 0 0 24px 0;
}

#logo_accueil {
	width:194px;
	height:79px;
	margin:20px 0 0 0;
	float:left;
	background:url(../img/commun/logo01.png);
}

/* Conteneur du menu de navigation */
#conteneur_nav {
	margin-top:18px;
	height:105px;
	float:left;
}
#news{
	/*margin-top:8px;
	padding-left:3px;
	height:35px;
	float:left;
	padding:0 0 0 0;*/
}

/* Arrière plan navigation gauche */
#nav_gauche {
	width:24px;
	height:105px;
	background:url(../img/commun/bg_nav_gauche.jpg) repeat-x;
	float:left;
}

/* Arrière plan navigation */
#nav {
	width:763px;
	height:105px;
	background:url(../img/commun/bg_nav.gif) repeat-x;
	float:left;
}

/* Bloc de newsletter */
#news {
	margin-top:16px;
	height:20px;
	padding:0 0 8px 546px;
}

#txt_mail_news { width:181px; }

#sbm_inscription_news {
	width:29px;
	height:16px;
	border:none;
	background:url(../img/commun/btn_news_ok.gif) no-repeat;
}

/* Conteneur des éléments de menu */
#menu_niv1 {
	margin:8px 0 0 0;
	height:35px;
}

.item_menu_niv1 {
	height:35px;
	padding-left:26px;
	border-right:1px solid #747477;
	float:left;
}

.item_menu_niv1.menu_niv1_droite { border:none; }

.item_menu_niv1.menu_niv1_gauche { padding-left:0; }

.item_menu_niv1.menu_niv1_actif {
	border-bottom:4px solid gray;
	height:31px;
}

.item_menu_niv1 a {
	line-height:31px;
	font-size:14px;
	color:#EEEEEE;
	font-weight:bold;
	padding-right:26px;
	background:url(../img/commun/fleche_bas.png) no-repeat center right;
	margin-right:26px;
}

.item_menu_niv2 a.lien_menu_niv2_actif {
	color:#FFFFFF;
}
.item_menu_niv2 a {
	color:#EEEEEE;
}

#conteneur_menu_niv2 {
	height:26px;
	font-size:13px;
	font-weight:bold;
	list-style-type:none;
	display:none;
}

.item_menu_niv2 {
	display:block;
	height:26px;
	line-height:26px;
	background:url(../img/commun/fleche_droite_grise.png) no-repeat left center;
	padding-left:17px;
	margin:0 28px 0 0;
	float:left;
}

.item_menu_niv2 a , .item_menu_niv2 a:hover {
	text-decoration:none;
}

.item_menu_niv2.menu_niv2_actif {
	background:url(../img/commun/fleche_droite_blanche.gif) no-repeat left center;
}

.item_menu_niv2.menu_niv2_droite {
	margin-right:0;
}

.conteneur_menu_niv3 {
	position:absolute;
	z-index:1;
	top:123px;
	margin:0 0 0 -22px;
	width:209px;
}

.conteneur_menu_niv3.menu_niv3_droite {
	margin-left:-73px;
}

.corps_menu_niv3 {
	width:209px;
	background:url(../img/commun/menu_niv3_corps_long.png) repeat-y; /* TODO: Changer le nom de l'image de background */
}

.menu_niv3_bas {
	width:209px;
	height:14px;
	background:url(../img/commun/menu_niv3_bas.png) no-repeat;
}


ul.menu_niv3 {
	list-style-type:none;
	position:absolute;
	z-index:1;
	top:125px;
	margin:0 0 0 -22px;
	width:195px;
	padding-left:7px;
}

ul.menu_niv3 li {
	height:20px;
	line-height:20px;
}

ul.menu_niv3 li  a { display:block; }

ul.menu_niv3 li  a {
	width:181px;
	padding-left:7px;
	padding-right:7px;
}

ul.menu_niv3 li  a:hover { background-color:#666666; }

ul.menu_niv3.menu_niv3_droite {
	margin-left:-73px;
}

ul.menu_niv3 li a.oxxo_clarte, ul.menu_niv3 li a.oxxo_integrale, ul.menu_niv3 li a.oxxo_confort, ul.menu_niv3 li a.oxxo_eclipse, ul.menu_niv3 li a.oxxo_eveil{
	width:131px;
	padding-left:57px; 
	padding-right:7px;
}
#page {
	margin:24px 0 0 5px;
	background-color:green;
}

#centre_page {
	width:630px;
	float:left;
	min-height:483px;
	height:expression(this.scrollHeight < 483 ? "483px" : "auto");
	margin: 0 0 0 5px;
	padding:0 38px 0 0;
	background:url(../img/commun/sep_centre.jpg) right top no-repeat;
}

#centre_page td {
	color:#000000;
}
#centre_page td a{
	color:#000000;
}
#centre_page th {
	color:#FFFFFF;
	background-color:#000000;
}

#breves {
	width:292px;
	float:left;
	margin-left:6px;
	color:#222222;
	font-size:11px;
	text-align:justify;
}
#breves td{
	color:#222222;
	font-size:11px;
	text-align:justify;
}


/******************************* Diaporama page d'accueil ********************************/

#diapo_nouveautes {
	width:620px;
	height:600px;
	border:3px solid #CCCCCC;
}

#diapo_nouveautes #slider_images {
	position:absolute;
	z-index:0;
	height:600px;
	width:620px;
	overflow:hidden;
	background: #111;
}

#diapo_nouveautes #slider_images li {
	float:left;
	margin-right:5px;
	list-style-type:none;
}

#fond_legende_diapo {
	position:absolute;
	background-color:black;
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
	margin-top:235px;
	width:620px;
	height:52px;
	z-index:0;
}

#conteneur_desc_diapo {
	position:absolute;
	margin-top:235px;
	width:620px;
	height:52px;
	z-index:2;
}

#diapo_prec, #diapo_suiv {
	width:37.5px;
	height:37.5px;
	margin-left:18.5px;
	margin-top:14.5px;
}

#diapo_prec {
	background:url(../img/commun/diapo_prec.png) no-repeat;
	float:left;
}

#diapo_suiv {
	background:url(../img/commun/diapo_suiv.png) no-repeat;
	float:right;
}

#centre_desc_diapo {
	height:42px;
	width:508px;
	padding:4px 0 6px 0;
	float:left;
	overflow:hidden;
}

#centre_desc_diapo a {
	color:white;
	text-decoration:none;
}

#titre_diapo { font-weight:bold; }

#txt_diapo {
	font-size:11px;
	height:28px;
	overflow:hidden;
}


/********************************* Oxxo proche de vous **********************************/

/*#transaction {
	width:272px;	
	height:183px;
	/*margin-top:13px;*/
	font-size:11px;
	color:#444444;
	float:left;
	background:url(../img/commun/last-news.png) no-repeat;
	/*margin-top:30px;
	margin-left:10px;
	margin-right:5px;*/
	margin:13px 0 0 10px;
}*/
#transaction {
	width:500px;	
	height:183px;
	font-size:11px;
	color:#444444;
	float:left;
	margin:13px 0 0 10px;
}
#transaction #texte{
	/*margin:35px 10px 0 8px;*/
}

#transaction #carte{
	margin:15px 14px 0 0;
	width:125px;
	height:113px;
	float:left;
}

#txt_localisation {
	margin:22px 0 0 14px;
	text-align:justify;
}

#titre_localisation {
	width:212px;
	height:15px;
	margin-top:12px;
	/*background:url(../img/commun/oxxo_proche.gif);*/
}


/******************************* Formulaire de connexion ********************************/

#login {
	width:304px;
	height:183px;
	background:url(../img/commun/joueur-semaine.png) no-repeat;
	/*margin:13px 0 0 17px;*/
	margin:13px 0 0 0;
	float:left;
padding-left:10px;
}

#titre_login {
	width:187px;
	height:15px;
	margin:12px;
	/*background:url(../img/commun/espace_menuisier.gif);*/
}
/* ex connexion :*/
#evaluation {
	color:#444444;
	font-size:11px;
	/*margin:13px 0 0 26px;*/
	margin:0 0 0 0;
	
}

#connexion label {
	color:#747477;
}

#connexion #identifiant, #connexion #mot_de_passe {
	margin:4px 0 5px 0;
	width:181px;
}

#connexion #btn_connexion {
	border:none;
	width:45px;
	height:31px;
	background:url(../img/commun/btn_connexion.png);
	position:absolute;
	top:533px;
	margin-left:213px;
}

#connexion #lien_deconnexion {
	font-size:11px;
	font-style:italic;
}

#memoriser_infos { margin-top:3px; }

#chk_memoriser_infos {
	margin-right:5px;
	vertical-align:bottom;
}

#chk_memoriser_infos {
	width:14px;
	height:14px;
}

#demander_identifiants  { margin:10px 0 0 100px; }

#demander_identifiants a {
	font-weight:bold;
	text-decoration:none;
	color:#535355;
}


/************************************** Actualités ***************************************/

ul#actualites {
	width:285px;
	background:url(../img/commun/actus_oxxo.gif) no-repeat;
	padding-top:23px;
	list-style-type:none;
}

.date_actualite {
	color::#333366;
	margin:0 0 0 26px;
}

.titre_actualite {
	margin-left:7px;
	font-size:12px;
	font-weight:bold;
	background:url(../img/commun/fleche_droite_grise.png) no-repeat;
	line-height:11px;
	text-indent:19px;
}

.description_actualite {
	margin:9px 0 9px 26px;
	padding-bottom:9px;
	border-bottom:1px solid #e1e1e1;
}


/********************************* PVC et Environnement **********************************/

#environnement {
	background:url(../img/commun/classement.png) no-repeat;
	padding-top:23px;
}
#environnement th{
background-color:#000000;
color:#ffffff;
font-size:10px;}
#environnement td{
background-color:#ffffff;
color:#222222;}
a#txt_environnement {
	display:block;
	margin:9px 0 9px 26px;
	padding-bottom:9px;
	border-bottom:1px solid #e1e1e1;
}


/*********************************** Chantier du mois ************************************/

#chantier_du_mois {
	background:url(../img/commun/chantier_du_mois.gif) no-repeat;
	padding-top:23px;
}

#txt_chantier {
margin:0 0 8px 0;
color:#222222;
}

#txt_chantier th{
background-color:#000000;
color:#ffffff;
font-size:10px;
}

#txt_chantier td{
background-color:#ffffff;
color:#222222;}

#img_chantier {
	width:259px;
	border:5px solid #e5e5e5;
}

#footer {
	margin:15px 0 0 0;
	background:url(../img/commun/bg_contenu_footer.jpg) repeat-x #5f5f5f;
	height:173px;
	overflow:hidden;
}
#footer-news {
	margin:15px 0 0 0;
	background: #5f5f5f;
	height:100%;
	overflow:hidden;
}
#footer-news a{
	color:#FFFFFF;
	
}

#contenu_footer {
	width:981px;
	margin:auto;
	margin-top:29px;
}
.categorie_footer {
	width:180px;
	height:119px;
	margin-right:15px;
	border-right:1px solid #5f5f5f;
	float:left;
	line-height:11px;
}

.categorie_footer.categorie_footer_droite { margin-right:0px; }

.categorie_footer.inactif {
	/*color:#919192;*/
	color:#a9a9aa;
}

.categorie_footer ul {
	list-style-type:none;
	margin:5px 0 0 29px;
	width:152px;
}

.categorie_footer li { margin-bottom:5px; }

.categorie_footer span.titre_categorie {
	background:url(../img/commun/fleche_droite_blanche.gif) no-repeat 0 2px;
	color:#ffffff;
	/*color:#fed000;*/
	font-size:13px;
	font-weight:bold;
	padding-left:18px;
}

.categorie_footer a {
	color:white;
}

#copyright {
	background:url(../img/commun/bg_copyright.gif) repeat;
	height:82px;
	margin:auto;
	overflow:hidden;
	border:3px solid #b3b3b5;
}

#contenu_copyright a, #contenu_copyright span {
	float:left;
	margin-right:22px;
	padding-right:22px;
	border-right:1px solid #babcbf;
	color:#d9dcdf;
}

#copyright a.copyright_droite{ margin-right:0; }

#contenu_copyright #logo_copyright { color:#b3b6b8; }

#contenu_copyright{
	width:737px;
	margin:auto;
	margin-top:21px;
	text-align:center;
}