/* CSS Document - Walupack - walupack.be */
/* -------------------- edit nno  19 mai 2009 ------------------- */

#blocCatalogueCarrouselImg{
width:210px;
height:210px;
float:right;
margin:0;
}
/* -------------------- HTML ------------------- */
a, a:visited {
	color:#666666;
	font-weight:normal;
}
a:hover {
	color:#428dc6;
	text-decoration:underline;
}
a:visited{
text-decoration:underline!important;
}
h1 {
	color:#f25a2f;
	font-size:180%;
	margin:2px 0 5px 0;
	padding:0;
}

/* -------------------- GLOBAL ------------------- */
#menu {
	height:25px;
	background-color:#f25b30;
	margin:0;
	padding:0;
	vertical-align:top;
}

/* -------------------- contenu : ENTETE ------------------- */
#liensRapides {
	clear:left;
	float:left;
	width:184px;
}
#liensRapides a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#liensRapides a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#liensRapides a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#liens {
	float:left;
	color:#FFFFFF;
	font-size:85% !important;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:4px solid #a0c6e2;
}
#langues {
	float:left;
	color:#FFFFFF;
	font-size:75%;
	margin:0;
	padding:0;
}
#makeHP {
	clear:left;
	float:left;
	height:23px;
	width:180px;
	background-color:#a0c6e2;
	background-image:url(../images/entete_bckg_makeHP.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0;
	margin:10px 4px 0 0;
}
#makeHP p {
	color:#FFFFFF;
	font-size:70%;
	margin:0;
	padding:5px 0 2px 22px;
}
a.lienMakeHP, a.lienMakeHP:visited {
	color:#FFFFFF !important;
	text-decoration:none;
}
a.lienMakeHP:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#login {
	clear:left;
	float:left;
	height:23px;
	width:180px;
	background-color:#a0c6e2;
	background-image:url(../images/entete_bckg_login.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0;
	margin:0;
}
#login p {
	color:#37669a;
	font-size:70%;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	padding:6px 2px 2px 30px;
}
a.loginLien, a.loginLien:visited{
	color:#37669a;
	text-decoration:none;
	font-weight:bold !important;
}
a.loginLien:hover{
	text-decoration:underline;
}

/* -------------------- contenu : MENU ------------------- */

/* -------------------- contenu : CONTENU ------------------- */
/* Contenu ****************************************************/
#chemin p {
	color:#FFFFFF;
	font-size:75%;
	margin:0;
	padding:1px 0 0 3px;
}

/* Home page */
#zoneA_intro {
	float:left;
	width:98%;
	margin:0;
	padding:10px 0 1px 10px;
}
#zoneA_intro h1 {
	font-size:140%;
	letter-spacing:0.05em;
	font-weight:bold;
	color:#ffa207;
	margin:0;
	padding:0 0 10px 0;
}
a.titreIntro, a.titreIntro:visited {
	color:#ffa207;
	font-weight:bold !important;
	text-decoration:underline;
}
a.titreIntro:hover {
	color:#428dc6;
}
/* V1 
#ZoneA_intro a.txtLienHP, a.txtLienHP:visited {
	color:#666666;
	text-decoration:none !important;
	background-image:url(../images/picto_lienPlus.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
*/
#zoneA h2 {
	clear:left;
	color:#418dc5;
	font-size:130%;
	margin:0 0 2px 2px;
	padding:0;
}
#zoneA h2 a, a:visited {
	color:#ffa207;
	text-decoration:underline;
}
#zoneA h2 a:hover {
	color:#428dc6;
}
#zoneA h3 {
	color:#87361E;
	font-size:120%;
}
#zoneA h4 {
	font-size:110%;
	color:#ffa206;
}
#zoneA h5 {
	color:#37669a;
	font-size:100%;
}
h6 {
	font-size:100%;
	font-style:italic;
	background-color:#f5f9fc;
	color:#37669a;
	padding:2px;
}
/*h2.carroussel {
	clear:both !important;
	font-weight:normal !important;
	font-size:110% !important;
	margin:0 0 2px 10px !important;
}*/
#blocCarrousel {
	height:150px;
	width:100%;
	margin:0;
	padding:0 0px 0 0 !important;
}
#blocCarrousel img {
	border:1px solid #fff;
}
.infocarroussel {
	border:1px solid #ddd;
	width:200px;
	color:#666;
	padding:5px 4px 5px 4px;
	text-align:center;
	background-image:url(../images/images_walupack/fond_bouton_catalogue2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font-weight:bold;
}
.infocarroussel a {
	font-weight:bold;
	color:#418dc5;
}


/*a.lienVisserieCat, a.lienVisserieCat:visited {
	color:#fff;
	text-decoration:none;
	padding:5px 0 0 0;
}
a.lienVisserieCat:hover {
	text-decoration:underline;
	color:#fff !important;
}*/

/* MODIF A REFAIRE */
#blocCatalogue {
	width:100%;
	margin:4px 20px 0 0px;
	padding:0;
}
#blocCatalogueContent {
	/*height:119px;*/
	margin:0;
	padding:2px;
}
#blocCatalogueContent h2 {
	color:#ffa206;
	font-size:105%;
	margin:0 0 5px 5px;
	padding:0;
}
#blocCatalogueContent p {
	color:#666666;
	margin:0;
	padding:0;
}
#bouton_catalogue {
	width:130px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold !important;
	font-size:90%;
	background-color:#FFA206;
	margin:0 auto 0 auto;
	padding:22px 0 22px 0;
}
a.catalogueLien, a.catalogueLien:visited{
	color:#FFFFFF !important;
	text-decoration:none !important;
	font-weight:bold !important;
}
a.catalogueLien:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#blocCatalogueCarrousel {
	float:left;
	margin:0;
	padding:0;
	padding:8px;
	background-color:#d1d5d8;
	text-align:center;
	}
	/*border:8px solid #d1d5d8;
}
#blocCatalogueCarrousel a:link,  #blocCatalogueCarrousel a:visited
 { color:#000;
 text-decoration:none;
}
#blocCatalogueCarrousel a:hover {
text-decoration:underline;}
#blocCatalogueCarrouselImg {
	margin:0;
	padding:1px;
}*/

#lienCatalogue {
	clear:both;
	margin:10px 0 5px 0;
	width:99%;
	border:1px solid #d1d5d8;
}
#blocImgLienCatalogue {
	float:left;
	border:1px solid red;
}


/* Fin Home page */

/* Colonne droite ****************************************************/
#zoneB1 {
	float:left;
	width:170px;
	border:1px dashed #ffa206;
	margin:0;
	padding:7px 6px 7px 6px;
}
#zoneB1 h2 {
	color:#ffa206;
	font-size:100%;
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
}
#zoneB1 h3 {
	color:#f25a2f;
	font-size:85%;
	margin:0;
	padding:0;
	font-weight:bold !important;
}
#zoneB1 h3 a, a:visited{
	color:#666;
	text-decoration:underline;
	font-weight:bold !important;
}
#zoneB1 h3 a:hover{
	color:#428dc6;
	text-decoration:underline;
}
#zoneB1 p {
	color:#666666;
	font-size:85%;
	margin:0 !important;
	padding:0 !important;
}
#more {
	clear:left;
	float:right;
	margin:0;
	padding:10px 0 0 0;
}
a.more, a.more:visited{
	font-style:italic;
	color:#ffa206;
	text-decoration:underline;
}
a.more:hover{
	text-decoration:underline;
}
#zoneB2 {
	clear:left;
	float:left;
	width:175px;
	margin:2px 0 0 0;
	padding:3px 0 5px 9px;
	background-color:#e24415;
	>border-bottom:2px solid #fff;
}
#zoneB2 h2 {
	color:#FFFFFF;
	font-size:100%;
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
}
#zoneB2 p {
	color:#FFFFFF;
	font-size:85%;
	margin:0;
	padding:0 0 1px 0;
}
#form_zoneB2 {
	margin:0;
	padding:0;
}
#bouton_zoneB2 {
	height:20px;
	float:right;
	width:54px;
	color:#FFFFFF;
	font-size:70%;
	border:0;
	background-color:#f56d45;
	cursor:pointer;
	margin:3px 22px 0 0;
	>margin:3px 19px 0 0;
	padding:0;
}
.champ_zoneB2 {
	width:150px;
	font-size:70%;
	color:#000000;
}
.champMenu_zoneB2 {
	width:109px;
	font-size:70%;
	color:#000000;
	padding:0;
}
#zoneB3 {
	clear:left;
	float:left;
	width:184px;
	height:28px;
	margin:2px 0 0 0;
	padding:0;
	border-top:1px solid #b53615;
	background-color:#e24415;
	background-image:url(../images/images_codipro/zB3_Co_bckgrnd.gif);
	background-repeat:no-repeat;
}
#zoneB3 h2 {
	color:#FFFFFF;
	font-size:100%;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 0 0;
}
#zoneB3 a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#zoneB3 a:hover {
	text-decoration:underline;
}
#zoneB4 {
	clear:left;
	float:left;
	width:184px;
	height:78px;
	margin:0;
	padding:0;
	background-color:#fabdac;
}
#zoneB4 h2 {
	color:#424441;
	font-size:100%;
	text-align:center;
	margin:0;
	padding:2px 0 0 0;
	background-image:url(../images/images_codipro/zB4_Co_h2Bckgrnd.gif);
	background-repeat:no-repeat;
	height:28px;
}
#zoneB4 p {
	float:left;
	color:#424441;
	font-size:85%;
	margin:0;
	padding:2px 0 0 0;
}
#form_zoneB4 {
	margin:0;
	padding:0 0 0 10px;
}
.champMenu_zoneB4 {
	width:100px;
	font-size:70%;
	color:#000000;
	padding:0;
}
#bouton_zoneB4 {
	height:20px;
	clear:left;
	float:left;
	width:54px;
	color:#FFFFFF;
	font-size:70%;
	border:0;
	background-color:#f56d45;
	cursor:pointer;
	margin:5px 0 0 60px;
	padding:0;
}

/* Carrousel */
#zoneB6 {
	clear:both;
	width:182px;
	margin:2px auto 0 auto;
	padding:0;
	background-color:#F4F4F4;
	border:1px solid #d1d5d8;
	text-align:center;
}
.imageCarrousel {
	margin:12px 0 10px 0;
}
#zoneB6 p {
	color:#666666;
	font-size:90%;
	margin:0;
	padding:5px 0 1px 0;
	text-align:center;
	font-weight:bold;
}
#zoneB6 p a {
	color:#418dc5;
	font-weight:bold;
	text-decoration:none;
}
#zoneB6 p a:visited {
	color:#418dc5;
	font-weight:bold;
	text-decoration:none;
}
#zoneB6 p a:hover {
	color:#418dc5;
	font-weight:bold;
	text-decoration:underline;
}

/* ---------------- CATALOGUE ----------------------- */
#zoneC h2 {
	color:#FFFFFF;
	font-size:100%;
	margin:0;
	padding:4px 0 0 25px;
	background-color:#ffb538;
	background-image:url(../images/images_codipro/fond-catalogue.gif);
	background-repeat:no-repeat;
	height:23px;
	width:195px;
}
#zoneC h3 {
	color:#FFFFFF;
	font-size:100%;
	margin:0;
	padding:4px 0 0 25px;
	background-color:#e8eaec;
	background-image:url(../images/images_codipro/fond-catalogue-h3.gif);
	background-repeat:no-repeat;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	height:23px;
	width:194px;
}
#zoneC h3 a, a:visited{
	color:#666666;
	text-decoration:none;
}
#zoneC h3 a:hover{
	color:#ffb538;
	text-decoration:underline;
}

/*contenu pour la fiche Plan du site ---------------------- */


/* ? */
/*th {
	color:#FFFFFF;
	background-color:#418dc5;
}*/
#article{
	margin:0!important;
	padding: 0 0 0 0 !important;
	width:80%;
}
#article h1{
	margin:0 0 2px 5px;
}
#bouton_offre {
	width:200px;
	clear:left;
	float:left;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	background-color:#ffb538;
	margin:0;
	padding:5px 0 5px 0;
}
table#btSuivantPrecedentProduits {
	/*border:1px solid #ddd;*/
	margin:15px 0 0 0 !important;
	padding:0;
	width:100%;
	clear:both;
}
table#btSuivantPrecedentProduits td {
	width:12%;
	margin:0;
	padding:4px 0 4px 0;
}
td.indicePosition {
	text-align:center !important;
	border:1px solid #ddd;
	width:100px;
	font-weight:bold;
	color:#666;
}
table#btSuivantPrecedentProduits td.boutonDroite {
	text-align:right !important;
}
a.btProduitSuivant, a.btProduitSuivant:visited {
	padding:2px;
	background-color:#7e8081;
	color:#FFFFFF;
	text-decoration:none;
}
a.btProduitSuivant:hover {
	background-color:#d1d5d8;
}

/************** Pied **********************/
#pied {
	height:60px;
	background-color:#418dc5;
	margin:5px 0 0 0;
	padding:3px 0 3px 0;
	text-align:center;
}