*{
margin : 0;
padding : 0;
}

body {
padding-top : 10px;
font-family : trebuchet ms, verdana, cursive, georgia, sans-serif ;
background : #E6DDD4 url(../img/bgBody.jpg) repeat-x;
background : white url(../img/bgBody.jpg) bottom left repeat-x;
}

#page{
width : 100%;
}

#conteneurPrincipal {
width : 950px;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
background : url(../img/banniere2.jpg) 5% 0% no-repeat;
}

/**************************** cadre haut page ******************************/

#cadreHautPage {
height : 200px;
text-align : right; 
margin-right : 10px;						
}

#cadreHautPage img{
margin-top : 20px;
margin-left : 10px;	
border : none;					
}

/**************************** cadre bandeau ******************************/        


#cadreBandeau {
width : 100%; 
height : 40px;
}

#cadreBandeau img{
border : none;
}

#cadreBandeau span#menu {
float : right;
margin-right : 25px;
padding-bottom : 2px;
font-weight : bold;
color : white;
}

#cadreBandeau span#menu a{
color : #414143;
font-size : 9pt;
text-decoration : none;
}

#cadreBandeau span#menu a:hover{
color : #898989;
}


/******************  conteneur secondaire   *************************************/

#conteneurSecondaire {
position : relative;
width : 100%;
background : white url(../img/bgCont2.jpg) top right no-repeat;
padding-bottom : 20px;
border: 1px solid #cdcdcd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
box-shadow:0px 0px 0px #ababab;
-webkit-box-shadow:0px 0px 0px #ababab;
-moz-box-shadow:0px 0px 0px #ababab;
}

/******************  conteneur secondaire  arborescence **************************/

#arborescence {
font-size : 8pt;
color : #565656;
margin-left : 25px;
}

#arborescence a{
color : #565656;
}

/****************************  contenuGauche **********************************/                                

#contenuGauche{
position : relative;
float : left;
width : 199px;
font-size : 9pt;
padding-left : 10px;
}

#contenuGauche h2{
color : #343150;
font-size : 13pt;
padding-left : 18px;
padding-bottom : 12px;
border : 0px solid red;
background : white url(../img/bgCont3.jpg) bottom left no-repeat;
border-left : 1px solid #efefef;
border-top : 1px solid #efefef;
}

#contenuGauche img{
border : none;
}


	
/****************************  contenuGauche listes **********************************/                                

#contenuGauche ul{
margin-bottom : 25px;
color : #ababab;
border-left : 1px solid #efefef;
}
#contenuGauche ul span { margin-left:8px; color:#555; font-weight:bold; }


#contenuGauche ul a{
color : #565656;
text-decoration : none;
}	

#contenuGauche a:hover{
color : #343434;
}				

#contenuGauche li{
margin-left : 25px;
border-bottom : 0px solid #ababab;
}


/****************************  contenuGauche panier ******************************/    

#contenuGauche div#panier{
margin-top : 10px;

}

#contenuGauche div#panier a{
color : #414143;
font-size : 9pt;
text-decoration : none;
font-weight : bold;
}

#contenuGauche div#panier img{
border : none;
float : left;
}

/***********************  contenuGauche module rechercher *************************/  

#contenuGauche div#recherche {
margin-top : 10px;
padding : 5px;
border-top : 1px solid #800080;
margin-bottom : 20px;
}

#contenuGauche div#recherche input{
float : left;
color : #565656;
margin-right : 5px;
background : #F2F2F0;
border : 1px solid #acacac;
padding-left : 5px;
}
#chpRecherche { font-size:9pt; }

/*************************** conteneur droit  ************************************/

#petitetaille{
position : absolute;
top :360px;
left : 55px;
width :170px;
height :250px;
border : 0px solid #ababab;
}


#grandetaille{
position : absolute;
top :360px;
left : 410px;
width :170px;
height :250px;
border : 0px solid #ababab;
}

#accessoires{
position : absolute;
top :730px;
left :55px;
width :170px;
height :80px;
border : 0px solid #ababab;
}

#conteneurDroit{     
position : relative;
float : left;                                            
margin-right : 0px;
width : 78%;
background : url(images/bgArticle.jpg) top right repeat-x;
}

	#conteneurDroit ul{
margin-bottom : 25px;
color : #ababab;
border-left : 1px solid #efefef;
}
#conteneurDroit ul span { margin-left:8px; color:#555; font-weight:bold; }


#conteneurDroit ul a{
color : #565656;
text-decoration : none;
}	
			
#conteneurDroit li{
margin-left : 25px;
border-bottom : 0px solid #ababab;
}

#conteneurDroit .lienOffres {
font-size : 8pt;
color : #565656;
margin-left : 25px;
}

#lienOffres a{
color : #565656;
}


#conteneurDroit h1 {
font-size : 22pt;
font-weight : normal;
width : 90%;
padding : 5px;
border : 0px solid #cdcdcd;
margin-top : 30px;
margin-left : 20px;
color : #343150;
text-shadow: 1px 2px 2px #9F9F9F;
}

#conteneurDroit #gestionImages {
float : left;
width : 420px; 
margin : 10px;   
}

#conteneurDroit  #gestionImages #miniatures {
float : left;
width : 400px;
margin : 0 0 20px 20px;
border : 0px solid blue;
}

#conteneurDroit  #gestionImages #miniatures img{
border : 1px solid #cdcdcd;
width : 70px;
height : 70px;
}

#conteneurDroit  #gestionImages img#imagePrincipale {
float : left;
margin : 20px;
margin-right : 0;
border : 1px solid #cecece;    
width : 400px;     
}

#conteneurDroit #gestionInfos{
float : left ;
width : 280px;
margin-right : 10px;}

#conteneurDroit #gestionInfos p#presentation{
font-size : 10pt;
margin-top : 20px;
padding-left : 20px; 
color : #414143;
width : 260px;
text-align : justify;
}

#conteneurDroit #gestionInfos p#presentation img{
border : none;                          
}


#conteneurDroit #gestionInfos span#prix{
color : #993300;
font-size : 16pt;
}




/****************** conteneur droit catalogue  ************************************/


#conteneurDroit .catalogue{  
position : relative;
float : left;                                            
margin-left : 15px;
margin-top : 20px;
width : 165px;
height : 275px;
border : 0px solid #e2e2e0;
background : #FFFFFF;
}

#conteneurDroit .catalogue img.offre {
position : absolute ;
width : 40px;
height : 40px;
top : 10px;
left : 120px;
margin:0px;
border : 0px solid #FFFFFF;                        
}


#conteneurDroit .catalogue img {
width : 150px;
height : 175px;
margin : 5px 0 0 6px;
border : 1px solid #cecece;                         
}

#conteneurDroit .catalogue p {
font-size : 8.5pt;
font-weight : normal;
padding : 5px;
color : #2f2e2f;
height : 40px;
}

#conteneurDroit .catalogue span#prix {
margin-left : 5px;
color : #B68A9B;
font-size : 12pt;
}

#conteneurDroit .catalogue span#prixPromo {
margin-left : 5px;
color : #99CC00;
font-size : 12pt;
text-decoration : line-through;
}

#conteneurDroit .catalogue a#plusInfos {
margin-left : 5px;
color : #ffffff ;
font-size : 10pt;
border : 1px solid #969696;
background : #636363;
padding : 0 3px 0 3px;
text-decoration : none;
}

		
	#old_prix { color : #993300; font-size : 10pt; text-decoration:line-through; }
	#promo { color:#99CC00; font-size : 14pt; }

/****************** présentation article   ************************************/


#presentationArticle{  
/*   
position : relative;
float : left;                                            
margin-right : 0px;
width : 78%;
background :  url(images/bgArticle.jpg) top right repeat-x;
*/
	width:100%;
	
}

#presentationArticle h1 {
font-size : 22pt;
font-weight : normal;
width : 90%;
padding : 5px;
border : 0px solid #cdcdcd;
margin-top : 30px;
margin-left : 20px;
color : #2f2e2f;
text-shadow: 1px 2px 2px #9F9F9F;
}


#presentationArticle img#imagePrincipale {
float : left;
margin : 20px;
margin-right : 0;
border : 1px solid #cecece;                              
}

#presentationArticle p#presentation{
/*float : left;*/
font-size : 10pt;
margin-top : 20px;
padding-left : 20px; 
color : #414143;
border : 0px solid #cecece; 
}

#presentationArticle p#presentation img{
border : none;                          
}


#presentationArticle span#prix{
color : #993300;
font-size : 18pt;
}


#presentationArticle #miniatures {
width : 400px;
margin : 0 0 20px 20px;;
}

#presentationArticle #miniatures img{
border : 1px solid #cdcdcd;
}

/*********************  box contenant animation articles croisés ****************/    

#presentationCroise{  
padding : 10px;     
margin : 10px; 
margin-top : 0; 
border : 0px solid #cfcfcf;
height : 160px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


/****************************  pied de page **********************************/    

#pied {
padding : 0px 0 10px 0;
border-top : 4px dashed #ababab;
background : url() repeat-x;
margin-top : 5px;
}

#pied .box{
float : left ;
width : 31%;
color : #898989;
border-right : 0px solid #acacac;
padding : 10px;
font-size : 9pt;
}

#pied .box a{
color : #565656;
text-decoration : none;
}

#pied .box h3{
color : #343150;
font-size : 12pt;
}


/****************************  utiles **********************************/    

.clear {
clear : both;
}
span.left{
float : left;
}

span.right{
float : right;
}


	/* ------------------------------------------------------------- LIGNE_BOX */
	.ligneBox {
		width:95%;
		margin:0 0 20px 20px;
		padding:10px 0;	padding-left:30px;
		border:0px solid #999999;
		font-size:10pt;
		
		/*background-color:#F1F3E2;*/
	}
	
	.ligneBox a { color:#0000EE; text-decoration:none; font-size:10pt; }
	.ligneBox img { border-width:0px; }
	.ligneBox .information { margin-left:20px; }
	
	.ligneBox h1, .ligneBox h3 { 
		margin:0 10px 5px 0px; 
		color:#78AE00; 
		border-bottom:1px solid #343150; 
		padding-bottom:5px;
	}
	.ligneBox input, .ligneBox select, .ligneBox textarea { margin-left:30px; }
	label.ligneBox_lbl { color:#444444; font-size:1.1em; font-weight:normal; float:none; margin-left:39px; }
	.ligneBox_col { float:left; margin-bottom:8px; border:0px solid red; }
		
	#cnilContent { background-color:#EFEFEF; border:1px dashed #CCCCCC; margin-top:40px; margin-right:20px; }
	#cnilContent h1 { margin:10px; margin-top:20px; }
	#cnilContent p { margin:0 10px 20px 10px; }