/* CSS FICHIER */
	* { margin:0; padding:0; }
	
	body{
		font-family:"Times New Roman", Times, serif;
		font-size : medium;
		color : #333333;
		background : #EE9419 url(../images/fond3.jpg) repeat-x;
	}
	#conteneurPage{ width : 100%; }
	
	/* ---------------------------------- BALISE & CLASSE DE BASE ------------ */
	a { font-weight : 700; color : #790C77; }
	.clear { clear:both; font-size:2pt; }
	.attention { padding-left:5px; background-color:#CCCCCC; color : #790C77; font-weight:bold; font-size:10pt; }
	.alignCentre { text-align:center; }
	
	/* ------------------------------------ MENU & DIV EN ABSOLUE ------------ */
	#navigationHaute{
		width : 100%;
		height : 60px;
		text-align : right;
		color : #444444;
		font-size : x-small;
		font-family : sans-serif;
		background : white url(../images/logo.jpg) left 5px no-repeat;
		margin-bottom:2px;
	}

		#navigationHaute a {
			color : #444444;
			padding : 0 10px;
		}
		
		.divAbsolue {
			position : absolute;
			width :85px;
			height :85px;
			z-index : 2;
		}
			#menuInde{ top :220px; left:135px; }
			#menuDivers{ top :220px; left:220px; }
			#menuMaroc{ top :220px; left:315px; }
			#menuSud{ top :265px; left:405px; }
			#menuPeinture{ top :220px; left:492px; }
		
		a.menu {
			display : block;
			float : left;
			width : 80px;
			height : 40px;
			padding-top : 40px;
			text-align : center;
			text-decoration : none;
			border : 0px blue solid;
		}		
		a.menu:hover { background : url(../images/galet.png) 0px 5px no-repeat; }
	
	/* ------------------------------------ DIV DE CADRE DIVERS ------------ */
	#conteneurPrincipal{
		position : relative;
		width : 800px;
		margin : 5px auto;
		border : 1px solid #b1440b;
	}
	#cadreLien{
		width: 100%;                
		height : 20px;
	}  
	#cadreBandeau{
		width: 100%;
		padding-top:10px;
		background : white url(../images/bandeau1.jpg) 10px 10px no-repeat;
		height : 200px;
	}
	#cadreMenu{
		width : 100%;
		height : 100px;
		background : white url(../images/menu1.jpg) 10px 0 no-repeat;
	}
	
	#conteneurSecondaire{
		position : relative;
		width: 100%;
		background : white url(../images/fondBas3.jpg) repeat;
		border-top : 0px dashed #b1440b;
		padding-top : 0px;
		padding-bottom : 10px;
	}
                
	#colonneGauche{
		float : left;
		width : 25%;                  
	}
	
		#panier{
			width : 85%;
			margin-left : 10px;
			margin-bottom : 20px;
		}		
		#panier a{ font-weight : 700; color : #790C77; }
	
		#colonneGauche h1 {
			width : 85%;
			height : 25px;
			margin-left : 10px;
			background : #790c77 url(../images/h1gauche.jpg);
			font-size : 13pt;
			color : white;
			text-align : center;
			border : 1px solid #790c77;
			border-bottom : 0;
		}
		#colonneGauche p.violetGras { font-weight :bold; color :#790C77; }
	
	#compte {
		width : 85%;
		margin-left : 10px;
		border : 1px solid #790c77;
		margin-bottom : 20px;
		background : white;
		color : #333333;
	}	
		#compte p{
			padding : 5px;
			font-size : small;
		}
	
	.generique{
		width : 85%;
		margin-left : 10px;
		border : 1px solid #790c77;
		margin-bottom : 20px;
		background : white;
	}	
		.generique p{
			padding : 5px;
			color : #333;
			font-size : small;
		}
	
	#colonneDroite{
		float : left;
		width : 70%;
		margin-left : 3%;
	}
		#colonneDroite h1{
			margin-top : 20px;
			margin-bottom : 10px;
			font-size : 16pt;
			color : #b1440b;
			border-bottom : 1px dashed #ee9419;
		}
		
		#colonneDroite p#bienvenue{ text-align : justify; }		
			#colonneDroite p#bienvenue img{
				float : left;
				margin-right : 10px;
				border : 2px solid #b1440b
			}
		
		#colonneDroite #selection{
			margin-top : 20px;
			margin-bottom : 10px;
			color : #444;
			border : 1px solid #660b10;
			background : white;
		}
			#colonneDroite #selection h1{
				margin: 0px;
				height : 30px;
				width : 100%;
				font-size : 16pt;
				color : white;
				background : #660b10 url(../images/h1Droit.jpg) no-repeat;
				border-bottom : 0px solid #ee9419;
				text-align : center;                        
			}
	
	/* ------------------------------------ DIV DE PIED ------------ */
	#cadrePied {
		width : 100%;
		height : 60px;
		background : white url(../images/contBas1.jpg) no-repeat bottom right;
		margin-top:2px;
	}
		#cadrePied span#image { margin-left : 20px; }
		#cadrePied span#menu { margin-left : 160px; }
			#cadrePied span#menu a{
				color : #444;
				font-family : sans-serif;
				font-size: x-small;
			}
	
	div#copyright{
		position : relative;
		width : 800px;
		margin:3px auto;
		text-align : right;
		padding : 5px;
		color : white;
		font-size : x-small;
	}
		#copyright a{ color :white; }
	
	/* ------------------------------------------------------------- LIGNE_BOX */
	.ligneBox {
		width:100%;
		margin:0 0 20px 0px;
		padding:10px 0;
		border:0px solid #999999;
		background-color:#FFFFFF;
	}
	.ligneBox h3 { 
		margin:0 10px 5px 0px; 
		border-bottom:1px solid #C96510; 
		padding-bottom:5px;
	}
	.ligneBox input, .ligneBox select, .ligneBox textarea { margin-left:10px; }
	label.ligneBox_lbl { color:#444444; font-size:small; font-weight:normal; float:none; margin-left:19px; }
	.ligneBox_col { float:left; margin-bottom:8px; border:0px solid red; }
	
	.information { font-size:small; }
	
	/* ------------------------------------------------------------- BOX PROMO */
	#boxPromo { height:230px; }
		#boxPromo h4 { text-align:center; }
		#boxPromo img { border:1px solid #666666; }
		#boxPromo .prix { text-decoration: line-through; font-size:small; }
		#boxPromo .promo { color:#990000; font-weight:bold; }