/**************************##########################**************************/
/************************** Mohamed Amine Arous Code **************************/
/**************************##########################**************************/
/**************************   Feuille de Style Css   **************************/
/**************************##########################**************************/

/*
 * ========================================
 * Style Global
 * ========================================
 */

body{
 text-align:left;
 background: #FFF; 
}

/*
 * ========================================
 * Style du contenu
 * ========================================
 */
#body_comparito{
width:1000px;
text-align:left;

}
#colonne_gauche{
width:260px;
float:left;
padding:0px;
}
#data{
width:550px;
float:left;
padding:0px;
}
#colonne_droite{
width:180px;
float:left;
}
#data_bas{
width:1000px;
float:left;
}
/*
 * ========================================
 * Style des box
 * ========================================
 */
#menu_gauche_box_comparito{
	
    
     margin-left:0px;  
     width:197px;
     font:bold 12px "Trebuchet MS";
     color:white;
     text-align:left; 
     
	 }
#menu_gauche_box_comparito_head{
width:197px;
margin:0px;
}
#menu_gauche_box_comparito_head_top{
width:197px;
height:13px;
}

#menu_gauche_box_comparito_head_bg{
float:left;
width:197px;
height:20px;
background: url(/img/box/menu_gauche_box_comparito_head_bg.gif) repeat-y; 
margin:0px;
padding-left:10px;
}
#menu_gauche_box_comparito_bg{
float:left;
width:197px;
margin:0px;
background: url(/img/box/menu_gauche_box_comparito_bg.gif) repeat-y; 
text-align:left;
padding-left:0px;
}

#menu_gauche_box_comparito_bottom{
float:left;
width:197px;
height:19px;
background: url(/img/box/menu_gauche_box_comparito_bottom.gif) no-repeat;  
}

#div_centrale{
font:normal 12px "Trebuchet MS";
width:730px;
}


#div_centrale_head{
font:normal 12px "Trebuchet MS";
width:730px;
height:39px;

}
#div_centrale_head_left{
width:15px;
height:39px;
background: url(/img/box/centrale_head_left.gif)  no-repeat;
margin:0px;
padding:0px;
float:left;
}
#div_centrale_head_bg{
height:39px;
background: url(/img/box/centrale_head_bg.gif)  repeat-x;
float:left;
}
#div_centrale_head_right{
width:12px;
height:39px;
background: url(/img/box/centrale_head_right.gif)  no-repeat;
margin:0px;
padding:0px;
float:left;
}

#menu_gauche_box_comparito ul, li{
	list-style:none;
	font:bold 12px "Trebuchet MS";
    width:100%;
	list-style-image:none;
	margin-left: -30px;
}
#menu_gauche_box_comparito li{

margin-left:0px;
margin-top:0px;
padding:2px;
width:90%;
text-align:left;
font:bold 12px "Trebuchet MS";
float:left;
border-bottom: 1px solid #FCB715;

}

#menu_gauche_box_comparito_bg li a { 
color : #696969; 
text-decoration : none; 
font-style : normal; 

}

#div_centrale ul, li{
	list-style:none;
	font:bold 12px "Trebuchet MS";
    width:100%;
	list-style-image:none;
	margin-left: -30px;
}
#div_centrale li{

margin-left:0px;
margin-top:0px;
padding:2px;
width:90%;
text-align:left;
font:bold 12px "Trebuchet MS";
float:left;
border-bottom: 1px solid #FCB715;

}

#div_centrale li a { 
color : #696969; 
text-decoration : none; 
font-style : normal; 

}
/*
 * ========================================
 * Style du Header
 * ========================================
 */


#header_comparito{
width:1000px;
height:70px;
}
#logo{
height:50px;
width:197px;
float:left;
}
#menu_comparito{
    
	width:1000px;
    margin-bottom:0px;
	
}
#menu_header_left{
height:50px;
width:15px;
background: url(../img/tpl/menu_head_left_comparito.gif) no-repeat; 	
float:left;
}
#menu_header_bg{
height:50px;
//background: url(../img/tpl/menu_head_bg_comparito.gif) repeat-x; 	
float:left;
}
#menu_header_right{
height:50px;
width:21px;
background: url(../img/tpl/menu_head_right_comparito.gif) no-repeat; 
float:left;	
}

/*
 * ========================================
 * Style du Footer
 * ========================================
 */

#footer{
     text-align:center; 
	 width:1000px;
	 background-color:#FFFFFF;	
	 font:bold 12px "Trebuchet MS";
     margin-top:20px;
	//border-left: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	//border-right: 1px solid #4F4F4F;
	border-bottom: 1px solid #4F4F4F;
	
	 }
	 /*
 * ========================================
 * Style des onglets
 * ========================================
 */

.mon_onglet{
	float: left;
	padding: 2px 10px;
	margin-right: 5px;
	color: #000000;
	background: #FFD700;
	border: 1px solid #FFD700;
	cursor: pointer;
	margin-bottom: -1px;
}	
.mon_onglet:hover{
	background: #b8efa1;
}				
.mon_onglet_selected{
	float: left;
	padding: 2px 0px;
	margin-right: 5px;
	color: #fff;
	background:  	#7093DB;
	border-top: 1px solid #7093DB;
	border-right: 1px solid #7093DB;
	border-left: 1px solid #7093DB;	
	border-bottom: 1px solid #7093DB;	
	cursor: pointer;	
	margin-bottom: -1px;
}					
.clear{
	clear: both;
}
.mon_contenu{
	color: #000;
	background: #fff;
	border: 1px solid #FFD700;
	padding: 0px;
	margin:0px;	
}
#mes_contenus, #mes_onglets{
	width: 570px;
}
/*
 * ========================================
 * Style de l'affichage de la page de comparaison
 * ========================================
 */



#des_produit{
      
	padding:5px;
	margin-top:5px;
	margin-left:5px;
    font-weight:bold;
	width:700px;
	height:220px;
	background-color:#FFFFFF; color:#000000;
	float:left;

    border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#des_produit img{
	margin:2px;width:150px;height:150px;float:left;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;

}

	
#milieu_desc{
margin:2px;
width:400px;
height:215px;
float:left;
}


#gauche_desc{
margin:2px;
width:160px;
height:215px;
float:left;
}

/*
 * ========================================
 * Style du AdSENSE
 * ========================================
 */

#adgoogle{
    overflow:hidden;
	padding:5px;
	margin-top:5px;
	margin-left:5px;
        font-weight:bold;
	width:545px;
	height:70px;
	background-color:#FFFFFF; color:#000000;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	float:left;
	}

/*
 * ========================================
 * Style des Notes
 * ========================================
 */
	
#note{
    font:bold 22px "Trebuchet MS";
	padding:50px;
	margin-top:20px;
	margin-left: auto;
        margin-right: auto;
        text-align:center;
	width:500px;
	height:300px;
	background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
	
	}

/*
 * ========================================
 * Style du Formulaire d'inscription
 * ========================================
 */
	
#inscription{
    font:normal 15px "Trebuchet MS";
	padding:50px;
	margin-top:20px;
	margin-left: auto;
    margin-right: auto;
    text-align:center;
	width:500px;
	background-color:#FFFFFF; color:#000000; border:#ECE8DB 1px solid;
	
	}

	
#inscription table{
    font:normal 15px "Trebuchet MS";
	
	}

/*
 * ========================================
 * Style d'affichage des produits
 * ========================================
 */
		
 #resultat{
    
	
	margin-top:5px;
	margin-left:5px;
    font-weight:bold;
	width:700px;
	height:120px;
	background-color:#FFFFFF; color:#000000; 
	float:left;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	overflow:hidden;
	}

#compare_produit{
    
	padding:5px;
	margin-top:5px;
	margin-left:5px;
    font-weight:bold;
	width:700px;
	height:60px;
	background-color:#FFFFFF; color:#000000; 
	float:left;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	overflow:hidden;
	}

	
#resultat img{
margin:2px;width:100px;height:100px;float:left;border:0;
border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}	



#titre{
    
     width:400px;
	 font-weight:bold;
	 text-align:left;
	 color:#0000FF;
     font:bold 12px/1.5 "Trebuchet MS";
	 margin:2px;
	 float:left;
	 padding-left:10px;
	 }
	 
#description{
    
	 width:400px;
	 text-align:left;
	 height:100px;
	 font:12px/1.5 "Trebuchet MS";
	 padding-left:10px;
	 float:left;
		}
#description img{
left: 50%; 
top: 50%;
 position:relative;
width:16px;
height:16px;
border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;

}		
#prix{
     text-align:right;
	 width:190px;
	 height:40px;
	 float:left;
	
	 font:bold 22px "Trebuchet MS";
	
	 }
#frais{
     text-align:right;
	 width:190px;
	 height:20px;
	 float:left;
	 font:bold 12px "Trebuchet MS";
	
	 }

#visite{
   
	
     width:190px;
	 height:20px;
	 float:left;
	 color:#FFFFFF;
	
	 }
	 
#visite img{
     width:100px;
	 height:30px;
	  
}

 
/*
 * ========================================
 * Style de l'affichage d'un produit
 * ========================================
 */

#milieu{
height:120px;
width:400px;
float:left;

}

#gauche{

width:100px;
height:120px;
float:left;
}

#droite{
float:left;
width:190px;
float:left;
height:120px;
}

/*
 * ========================================
 * Style de l'affichage des catégories
 * ========================================
 */


#niveau1{
 font:bold 14px "Trebuchet MS";
 text-align:left; 
 background-color:#FFFFFF;
 width:560px;
 float:left;
 color:#363636;
 padding:5px;
 

}

#niveau2{
 font:bold 12px "Trebuchet MS";
 width:545px;
 float:left;
 color:#363636;
 padding:5px;
 margin:10px;
}
#niveau3{ 
 width:545px;
 float:left;
 margin:5px;
 padding:10px;
}
#produit_entite{
width:300px;
height:10px;
float:left;
margin:5px;
}
#pniveau3{ 
 margin:5px;
 color:#0000FF;
 width:300px;
 float:left;
 overflow:hidden;
}
#titre_cat{
 font:bold 12px "Trebuchet MS";
 text-align:left; 
 margin:5px;
 color:#0000FF;
 width:300px;
 float:left;
}
#page_accueil{
  color:#00008B;
  width:530px;
  height:70px;
  float:left;
}
#image_page_accueil{
width:60px;
height:60px;
float:left;
}
#titre_page_accueil{
float:left;
height:20px;
width:500px;
}
#desc_page_accueil{
font:normal 10x/1.5 Verdana, Arial, Helvetica, sans-serif;
color:#B5B5B5;
float:left;
width:500px;
}