/* CSS Document */
@import url(modules.css);
/*
-- Subject : CSS AVRIL - PRINT
-- Historique : Création le 6 juin 2007
-- Author : 
-- Évolubiz
*/

/**********Couleur***********/
/*
	Noir: #000000
	Gris foncé: #494949
	Gris moyen foncé: #808080
	Gris moyen pâle: #C3C3C3
	Gris pâle: #F0F0F0
	Vert: #A5C706
*/

/********************************************** Container *************************************************/
BODY{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

#container{
	position: relative;
	font-size: 0.625em;
	width: 100%;
	margin: 0 auto 0 auto;
	background: #F0F0F0 url(../images/header-bg.gif) repeat-x 0 0;;
}

BUTTON{
	border: 1px solid #E0E0E0;
}
/**********************************************************************************************************/

/************************************************ Header **************************************************/
#header{
	position: relative; z-index: 10;
	height: 95px;
}

#header .logo, #header .logo_print{
	padding: 12px 0 0 22px;
}

#header .logo{
	display: none;
}

#header A.home{
	display: none;
}
#header A.home:hover{ text-decoration: underline; }

/* MENU */
#header DIV.menu, #header DIV.sousmenu{
	display: none;
}

/* UTILZ */
#header DIV.account{
	position: absolute; top: 5px; right: 25px;
	color: #FFFFFF;
	font-size: 110%;
}

#header DIV.account A{ color: #FFFFFF; text-decoration: none; }
#header DIV.account A:hover{ color: #FFFFFF; text-decoration: underline; }

#header DIV.account A.login{ font-weight: bold; background: url(../images/header_user.gif) no-repeat 100% 1px; padding: 0 13px 0 0; }

#header DIV.account A.changeuser{ font-size: 95%; }

#header DIV.account A.user{ color: #A5C706; font-weight: bold; background: url(../images/header_user.gif) no-repeat 0 1px; padding: 0 0 0 13px; }
#header DIV.account A.user:hover{ color: #A5C706; text-decoration: none; }

/* LANGUAGES */
#header DIV.languages
{
	display: none;
}

/**********************************************************************************************************/

/*********************************************** Middle ***************************************************/
#row_middle{
	position: relative; z-index: 5;
	padding: 0 23px 25px 22px;
}

#row_middle.fullwidth{
	padding-right: 23px;
}

#row_middle .trail{
	position: relative;
	display: block;
	font-size: 95%;
	font-weight: bold;
	margin: -2px 0 5px 0; padding: 8px 10px 1px 10px;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
}

#row_middle .trail A{ color: #808080; text-decoration: none; }
#row_middle .trail A:hover{ text-decoration: underline; }
#row_middle .trail A.actif{ font-size: 135%; color: #A5C706; }
#row_middle .trail A.actif:hover{ color: #A5C706; text-decoration: none;  }
/**********************************************************************************************************/

/******************************************** Colonne gauche **********************************************/
#column_left{
	position: relative;
	float: left;
	width: 185px;
}

#column_left H2{ position: static; }

#column_left DIV.menu{
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	margin: 0 0 3px 0;
}

#column_left DIV.menu UL{
	list-style-type: none;
	font-weight: bold;
	margin: 0 0 10px 0; padding: 0;
}

#column_left DIV.menu UL LI{
	
}

#column_left DIV.menu UL LI A{ position: absolute; top: 0; left: 0; margin-left: -1px; color: #A5C706; background-color: #F0F0F0; border-left: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; text-decoration: none; }
* html #column_left DIV.menu UL LI A{ top: 1px; margin-left: -2px; }
#column_left DIV.menu UL LI.first A{ border-left: none; margin-left: 0; }
#column_left DIV.menu UL LI A SPAN{ display: block; padding: 3px 5px; }
#column_left DIV.menu UL LI.actif A{ color: #A5C706; background-color: #FFFFFF; border-bottom: none; }
#column_left DIV.menu UL LI A:hover{ color: #A5C706; }

#column_left DIV.menu UL LI A.parcategories{ left: 0; width: 53%; }
#column_left DIV.menu UL LI A.parmarques{ left: 53%; width: 47%; }


#column_left DIV.menu LI UL{
	position: relative; top: 20px;
	display: none;
	font-size: 100%;
	font-weight: normal;
	margin: 0; padding: 20px 0 20px 0;
	/*width: 183px;*/
}

#column_left DIV.menu #menu_parmarques{ *margin-top: -12px; }

#column_left DIV.menu LI LI{	
	position: relative;
	width: auto;
	margin: 0; padding: 0;
	border-bottom: 1px solid #E5E5E5;
}

#column_left DIV.menu LI LI A { position: static; top: auto; left: auto; display: block; width: 100%; color: #848484; background: none; text-decoration: none; border: none; margin: 0; }
#column_left DIV.menu LI LI A SPAN { display: block; padding: 2px 10px; }
#column_left DIV.menu LI.actif LI A:hover { color: #FFFFFF; background-color: #A5C706; }
#column_left DIV.menu LI.actif LI.actif A { color: #FFFFFF; background-color: #A5C706; }
#column_left DIV.menu LI.actif LI.actif A:hover { color: #FFFFFF; background-color: #A5C706; }

#column_left DIV.menu DIV.liste{
	position: relative;
	clear: both;
	margin: 0 0 25px 10px;
}

#column_left DIV.menu BUTTON{
	width: 70%;
}
#column_left DIV.menu BUTTON .right{ right: 4px; *right: -1px; }

#column_left DIV.addresses {
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	padding: 10px;
}

#column_left DIV.addresses .adresse { padding-top: 10px; border-top: 1px solid #808080; }

#column_left DIV.addresses .first { padding-top: 0; border: none; }
/**********************************************************************************************************/

/*********************************************** Content **************************************************/
#column_content{
	
}

#content{
	position: relative;
	margin-left: 192px;
}
* html #content{ margin-left: 0; width: 100%; }

#content.fullwidth{ margin-left: 0; }

#content.departement DIV.titre H1{ display: block !important; }

#content DIV.content{
	position: relative;
	float: left;
	width: 100%;
}

#content DIV.content DIV.texte{
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	margin: 0 0 5px 0; padding: 10px;
}

#content DIV.content DIV.texte H2{
	color: #A5C706;
	font-size: 130%;
	text-transform: none;
	background-color: transparent;
	border: none;
	margin: 20px 0 10px 0; padding: 0;
}

#content DIV.content DIV.texte H3{
	margin-top: 15px;
}

#content DIV.content DIV.texte P{
	font-size: 110%;
}

#content DIV.content DIV.texte BUTTON .left, #content DIV.content DIV.texte BUTTON .left{ background-color: #FFFFFF; }

DIV.jsunabled{
	background-color: #FFF3F3;
	border: 1px solid #A42424;
	font-size: 110%;
	margin: 0 0 5px 0; padding: 5px;
}
/**********************************************************************************************************/

/******************************************** Colonne droite **********************************************/
#column_right{
	display: none;
}
/**********************************************************************************************************/

/*********************************************** Footer ***************************************************/
#footer{
	position: relative;
	clear: both;
	width: 100%;
	color: #494949;
	background: #FFFFFF url(../images/footer-bg.jpg) repeat-x 0 0;
	border-top: 2px solid #606060;
}

#footer DIV.links{
	position: relative;
	margin: 0 185px 0 22px;
}

#footer DIV.links UL{
	list-style-type: none;
	margin: 0; padding: 0;
	font-weight: bold;
	width: 100%;
}

#footer DIV.links LI{
	float: left;
	/*width: 19%;
	*width: 18.5%;*/
	width: 24%;
	*width: 23.5%;
	margin: 0 1% 0 0; padding: 10px 0 15px 0;
}

#footer DIV.links LI A{ color: #494949; text-decoration: none; }
#footer DIV.links LI A:hover{ text-decoration: underline; }
#footer DIV.links LI A.title{ color: #494949; text-decoration: none; }

#footer DIV.links UL UL{
	margin: 5px 0;
	font-weight: normal;
}

#footer DIV.links LI LI{
	float: none;
	width: auto;
	padding: 0 0 7px 0;
	line-height: 95%;
}

#footer DIV.ccbox{
	position: absolute; top: 10px; right: 64px; width: 100px;
	color: #FFFFFF;
	background-color: #848484;
	border: 1px solid #D4D4D4;
	text-align: center;
}

#footer DIV.ccbox DIV.top, #footer DIV.ccbox DIV.bottom{ position: relative;  }
#footer DIV.ccbox .left, #footer DIV.ccbox .right{ position: absolute; top: -1px; width: 7px; height: 7px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
#footer DIV.ccbox .left{ left: -1px; }
#footer DIV.ccbox .right{ right: -1px; }
#footer DIV.ccbox DIV.top .left{ background-image: url(../images/boxcc_coin-topleft.gif); }
#footer DIV.ccbox DIV.top .right{ background-image: url(../images/boxcc_coin-topright.gif); }
#footer DIV.ccbox DIV.bottom .left{ top: -6px; background-image: url(../images/boxcc_coin-botleft.gif); }
#footer DIV.ccbox DIV.bottom .right{ top : -6px; background-image: url(../images/boxcc_coin-botright.gif); }

#footer DIV.ccbox DIV.ccbox_content{
	text-align: center;
	padding: 5px 2px 3px 2px;
	*padding-bottom: 5px;
}
* html #footer DIV.ccbox DIV.ccbox_content{ padding-bottom: 5px; }

#footer DIV.ccbox IMG{
	margin: 3px 2px 2px 2px;
}

#footer DIV.copyright{
	float: left;
	color: #808080;
	font-size: 95%;
	margin: 0 30px 0 22px; padding: 2px 0 10px 0;
	width: 50%;
}
* html #footer DIV.copyright{ margin-left: 11px; }

#footer DIV.credits{
	color: #808080;
	font-size: 95%;
	border-top: 1px solid #C3C3C3;
	text-align: right;
	margin: 0 30px 0 22px; padding: 2px 0 10px 0;
}

#footer DIV.credits A, #footer DIV.credits A:hover{ color: #808080; text-decoration: none; }
/**********************************************************************************************************/

/*********************************************** Popup ****************************************************/
BODY.popup{
	background-color: #F0F0F0;
}

#popup{
	font-size: 0.625em;
}

#popup A.close{
	position: absolute; top: 2px; right: 5px;
	color: #FFFFFF; 
	text-decoration: none;
}
#popup A.close:hover{ text-decoration: underline; }

#popup DIV.content_photo DIV.photo{
	text-align: center;
	margin: 10px; padding: 10px 10px 0 10px;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
}

#popup DIV.content DIV.infos{
	margin: 10px;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
}

#popup DIV.content DIV.choice{
	margin: 10px;
}

#popup DIV.content DIV.choice #frm_livraison DIV.champ{
	clear: both;
	border-bottom: 1px solid #C3C3C3;
	margin: 0 0 3px 0; padding: 0 0 3px 0;
	*margin-bottom: 0;
}

#popup DIV.content DIV.choice #frm_livraison INPUT{
	margin-right: 3px;
	*margin-right: 0;
	*margin-top: -3px;
}

#popup DIV.content DIV.choice #frm_livraison P{ margin: 0; padding: 0; }

#popup DIV.content DIV.choice #frm_livraison .cost{
	float: right;
	font-weight: bold;
	margin-right: 5px;
}

#popup DIV.content DIV.choice #frm_livraison DIV.action DIV.champ{
	border: none;
}
/**********************************************************************************************************/