/* CSS Document */

#titre
{
	background-image: url(img/bar_bicolor.gif);
	background-repeat:repeat-x;
	height:52px;
	width:100%;
}
#logo
{
	background-image:url(img/logo_devea.gif);
	width:347px;
	height:52px;
	margin-left: 5%;
	float:left;
}
#menu_pilote
{
	width: 280px;
	float:right;
	margin-top:3px;
	margin-right:8px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:none;
}
#menu_pilote span
{	
	cursor: pointer;
}

#gens
{
	background-image:url(img/gens.gif);
	width:73px;
	height:25px;
	float :right;
	margin-top:3px;	
	margin-right:12px;
}
body
{
	/*font:Arial, Helvetica, sans-serif;*/
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#9a9ba0;*/
	background-image: url(img/back_bleu_prog.gif);
	background-repeat:repeat-x;
	background-color:#ededed;
	border: 0px;
	padding: 0px;
	margin: 0px;
	color: #333;
	
}
h3
{
	font-size:13px;
	font-weight:bold;
	border: 0px;
	padding: 4px,
}
h4
{
	font-size:12px;
	font-weight:normal;
	border: 0px;
	padding: 4px,
}

.logo
{
 	background:url(img/topBar_image_ci.gif);
	background-repeat:no-repeat;
	height:115px;

}
.pagination
{
	text-align:center;

}

.pagination a:hover
{
	color:#009900;
	font-size:16px;
}
.pagination .page_courant
{
	font-weight:bold;
	font-size:16px;
}




.class_1
{
	background-color:#f5f9fd;
}

.class_2
{
	background-color:#fcfffc;

}
th
{
	font-variant:small-caps;
	background-color:#0084c4;
	color:#FFFFFF;
}
th:hover
{
	color:#FFCC00;

}
.title
{
	text-align:center;
	font-weight:bold;
	color : #07519a;

}
.title a
{
	color : #07519a;
}
.title a:hover
{
	color:#2989ff;

}
.class_2:hover, .class_1:hover, .spa:hover td
{
	background-color:#ceced1 ;
}
.spa:hover th
{
	color:#FFCC00;
}
.class_2 .photo, .class_1 .photo
{
	border-right: black 1px solid;
	width:135px;
	height:102px;
	border-bottom: black 1px solid;
}
.class_2 .photo img, .class_1 .photo img
{
	width:132px;
	height:99px;
}
.class_2 .photo:hover  img, .class_1 .photo:hover  img
{
	margin-top:-70px;
	margin-left:-30px;
	width:200px;
	height:150px;
	position:absolute;
}

.class_2 .marque_et_reference .marque, .class_1 .marque_et_reference .marque
{
	font-weight:bold;
}

.class_2 .marque_et_reference .reference, .class_1 .marque_et_reference .reference
{
	font-variant:small-caps
}
.class_2 .designation, .class_1 .designation
{
	text-align: justify;

} 
.class_2 .designation a:hover, .class_1 .designation a:hover
{
	/* RIEN */
	color: #47739c;
} 
.class_2 .disponibilite, .class_1 .disponibilite
{
	text-align:center;

}
.class_2 .prix, .class_1 .prix
{
	text-align:center;
}
.prix
{
	font: Arial, Helvetica, sans-serif;
	font-weight:bolder;
}
.prix:hover
{
	color:#66CC99;
}
form
{
	display:inline;

}
#recherche
{
	position:absolute;
	float:right;
	top:29px;
	right:150px;
}
.box
{
	font-size:9px;
	color:999999;
	width:85px;
	height:12px;
	text-align:center;
}
.box2
{
	font-size:9px;
	color:999999;
	width:100px;
	height:12px;
	text-align:center;
}
.box3
{
	font-size:9px;
	color:999999;
	width:150px;
	height:12px;
	text-align:center;
}
.password
{
	font-size:9px;
	color:999999;
	width:85px;
	height:12px;
	text-align:center;
}
.box:focus, .password:focus, .box2:focus
{
	background-color:#ffffe0;
	
}
#head
{
	background-image:url(img/bg_head.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;

}
#tete, #pied
{
	/*height:52px;*/
	width:100%;
}

#hg{background-image:url(img/boite2/hg1.gif);width:7px;height:8px; background-position:left; background-repeat:no-repeat;}
#hd{background-image:url(img/boite2/hd1.gif);width:7px;height:8px;background-position:right; background-repeat:no-repeat;}
#bg{background-image:url(img/boite2/bg1.gif);width:7px;height:8px; background-position:left; background-repeat:no-repeat;}
#bd{background-image:url(img/boite2/bd1.gif);width:7px;height:8px;background-position:right; background-repeat:no-repeat;}


#corp
{
	background-image: url(img/f_gauche.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	width:100%;
	float:left;

}

#page
{
	width:760px;
	margin:auto;

}
#categorie_principale
{
	width:100%;
}
#categorie_principale td a
{
	color: black;
	text-decoration:none;
	
}

a
{
	color:#000000;
	text-decoration:none;

}
#categorie_principale td:hover a
{
	color: black;
	text-decoration:none;
}
#categorie_principale .categorie
{
	/* background-image:url(img/menu2-background.gif);*/
	/*
	vertical-align:middle;
	text-align:center;
	
	background-color:#336600;
	background-repeat:repeat-x;
	color:white;
	font-weight: bold;
	*/
/*
	background-image: url(img/bg_menu.png);
	height: 39px;
	*/
		/*background-image: url(img/menu-background.gif);*/
		background-image: url(img/bordure_transparence.gif);
		background-repeat:no-repeat;
		
		
		
		

	background-color: #bccfdc;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #AAAAAA;
	text-align:center;
	padding-right: 2px;
	padding-left:9px;
}
#categorie_principale .categorie:hover
{
		background-color: #AAAAAA;

}
#categorie_principale .categorie_choisie
{
	/*background-image:url(img/fond_prog_2.gif);*/
	background-image: url(img/bordure_transparence.gif);
	background-repeat:no-repeat;
	
	color:black;
	background-color:#99CCCC;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #AAAAAA;
	text-align:center;
	padding-right: 2px;
	padding-left:9px;

}
.interligne
{
	width:1px;
	background-image:none;
}
#categorie_principale .interligne
{
	background-color:white;
}

#table_contenu_page_et_menu_gauche .interligne
{
	width:16px;
	background-image:url(img/background-main.gif)
}

.fond_prog
{
	padding-top:5px;
	padding-bottom: 5px;
	text-align:center;
	/*
	background-image:url(img/fond_prog.gif);
	background-repeat: repeat-x;
	background-image:url(img/ariere_cadriller.gif);*/
	border: #aaccee 1px solid;
	background-color:#ebf3fb;
	/*float:left;*/
}

.sous_categorie
{
	background-image:url(img/f_gauche.gif);;
	background-repeat:repeat-y;
	width:124px;
}
#table_contenu_page_et_menu_gauche 
{
	width:100%;
}
#menu_gauche
{
	width:124px;
	vertical-align:top;
}
.categorie_principale_du_menu_de_gauche
{
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	width:124px;
	padding-left:3px;
	padding-right:3px;
}
.categorie_liste
{
	width:124px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
}
.categorie_liste:hover
{
	background-color:#FFCC00;
	width:124px;
}
.categorie_liste_s
{
	width:124px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	text-decoration:underline;	
	text-transform:uppercase;
}
.categorie_liste_s:hover
{
	background-color:#FFCC00;
	width:124px;
}


.categorie_liste2 a
{
	margin: 0;
	padding: 0;
	float:left;
	width:96%;
	text-decoration:none;
	display: block;
	padding: 1px 1px 1px 2px;
	/*background-color: #CCCCCC;*/
	background-color: #ebf3fb;
	border-top: 1px solid #aaccee;
	border-left: 1px solid #aaccee;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	text-align:center;
}
.categorie_liste2 a:hover
{
	background-color: #7393c6;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

.categorie_choisie
{
	text-align:center;
	background-color: #7393c6;
	color:white;	
	/*font-weight:bolder;
	font-size: 14px;*/
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}
#menu_gauche .categorie_choisie
{
	background-color:#99cccc;
	text-decoration:underline;
	color:black
}
.categorie_choisie a
{
	color:black;
}


#contenu_donnee
{
	/*width:635px;*/
	vertical-align:top;

}
.descriptionP
{
	width:auto;
	background-color:#FFFFFF;
	color:black;
	font-weight:normal;
	font-variant:normal;
}
.photoP
{
	float:left;
	width:200px;
	background-color:#FFFFFF;
	color: black;
	font-weight:normal;
	font-variant:normal;
}
img 
.inti_dispo,.inti_prix
{
	text-align:right;
	width:50%;
	font-weight:bold;
}

/* tableau*/
.hg
{
	background-image:url(img/top_lef.gif);
	background-repeat:no-repeat;
	width :16px;
	height :16px;
}
.hc
{
	background-image:url(img/top_mid.gif);
	background-repeat:repeat-x;
	height :16px;
}
.hd
{
	background-image:url(img/top_rig.gif);
	background-repeat:repeat-y;
	width :24px;
	height :16px;
}
.cg
{
	background-image:url(img/cen_lef.gif);
	background-repeat:repeat-y;
}
.cc
{
	
}
.cd
{
	background-image:url(img/cen_rig.gif);
	background-repeat:repeat-y;
}
.bg
{
	background-image:url(img/bot_lef.gif);
	background-repeat:no-repeat;
	height :16px;
}
.bc
{
	background-image:url(img/bot_mid.gif);
	background-repeat:repeat-x;
	height :16px;
}
.bd
{
	background-image:url(img/bot_rig.gif);
	background-repeat:no-repeat;
	height:16px;
}
/* fin tableau*/

.boite
{
	background-image:url(img/boite.gif);
	background-repeat: no-repeat;
	width:190px;
	height:265px;
}
.boite .cel1
{
	width:5px;
}
.boite .cel2
{
	width:5px;
}
.ok
{
	background-image: url(img/menu-background.gif);
	color:black;
	font-size:10px
}
select, option
{
	font-size:9px;
}

.log_et_com
{
	padding-left:2px;
}
.log_et_com a
{
	font-weight:bold;
	
}
.log_et_com a:hover
{
	color:#00CC00;
}
.commande .commande_id
{
	text-align:center;
	font-weight:bold;

}
#connection, #mon_compte, #commercial
{
	display:none;
}
img
{
	border: none;

}
.btn_rech
{
	border:0px;
	background-image:url(img/btnSearch.gif);
	width:21px;
	height:19px;
}
.panier
{
	cursor: pointer;

}


#form_add_basket
{
	border: 3px double black;
	text-align:center;
	position: absolute;
	left:40%;
	top:40%;
	width:200px;
	z-index:2;
	background-color:white;
	display:none;
	background-image: url(img/f_gauche.gif);
	background-repeat:repeat-y;

}
#form_add_basket .a
{
	background-image:url(img/ariere_cadriller.gif);
	font-weight:bold;
	color:white;
}
#form_add_basket .b
{
	font-variant:small-caps;
	color:#000000;
}
#form_add_basket .c
{

}
#mon_panier
{
	color:#FF9900;
}
.case_de_quantite
{
	width:30px;
	font-size:9px;
}
.case_de_quantite:focus
{
	background-color:#ffffe0;;
}

/* DEBUT COMPLETION */
.update{
        position:absolute;
        width:250px;
        background-color:white;
        border:1px solid #888;
        margin:0px;
        padding:0px;
}

ul.contacts {
        list-style-type: none;
        margin:0px;
        padding:0px;
        text-align: left;
}
ul.contacts li.selected { background-color: #ffb; cursor: pointer; }
li.contact {
        list-style-type: none;
        display:block;
        margin:0;
        padding:2px;
        height:32px;
}
li.contact div.image {
        float:left;
        width:32px;
        height:32px;
        margin-right:8px;
}
li.contact div.nom {
        font-weight:bold;
        font-size:12px;
        line-height:1.2em;
}

#reference
{
}

.menu_admin
{
	font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
	font-size: small;
	font-weight:bold;
	font-variant:small-caps;
	color: #333;
	cursor: pointer;
}
.menu_admin2
{
	font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
	font-size: small;
	font-weight:bold;
	font-variant:small-caps;
	color: #de1010;
	cursor: pointer;
}
/* FIN COMPLETION*/