/*  générals */ 
html{

	margin:0px;
	
	SCROLLBAR-ARROW-COLOR: #DD954A;
	SCROLLBAR-FACE-COLOR: #F4DFC8;
	SCROLLBAR-3DLIGHT-COLOR:#D3BA9A;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #E1C6A3;
	SCROLLBAR-DARKSHADOW-COLOR: #DD954A;
	SCROLLBAR-TRACK-COLOR: #EBE0D3;

}
body{ 
	
	background-image:url(../img/fonds0.jpg); 
	background-attachment:fixed;
	color:#333333;
	font-size:12px;
	font-family:"trebuchet MS", arial;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	
}
img{border:0px;}

#photo{
	background-color:#FFFFFF;
	padding:4px;
}

/**** liens généraux ***/
a{color:#7878DA;}
a:visited{color:#FF0000;}
a:hover{color:#EA652C;}


/******* pages generales******/
#contener{
	padding:5px;
	top:0px;
	width:100%;
	vertical-align:top;
}

.titre_general{
	/*color: #F48E3E;*/
	color: #FA7D01;
	font-weight: bold;
}
.astuce{
color: #0066FF;
font-weight: bold;
font-size:13px;
}
.print{
	display: none;
}

/*********** Menu **********/
ul#menu{
	margin:0px;
	padding:0px;
	position:absolute;
	top:36px;
	margin-left:99px;
	left:0px; 
	height:22px;
	font-size:12px;
}
ul#menu li{
	float:left;
	display:inline;
	list-style-type:none;
	height:22px;
	margin:0px;
	padding:0px;
}
ul#menu li a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	width:58px;
	display:block;
	background-repeat:no-repeat;
	height:22px;
	text-align:center;
	padding-top:5px;
	background-position:top;


	
}

ul#menu li.menu1 a{	background-image:url(../img/banniere/menu01.jpg);}
ul#menu li.menu2 a{	background-image:url(../img/banniere/menu02.jpg);}
ul#menu li.menu3 a{	background-image:url(../img/banniere/menu03.jpg);}
ul#menu li.menu4 a{	background-image:url(../img/banniere/menu04.jpg);}
ul#menu li.menu5 a{	background-image:url(../img/banniere/menu05.jpg);}
ul#menu li.menu6 a{	background-image:url(../img/banniere/menu06.jpg);}
ul#menu li.menu7 a{	background-image:url(../img/banniere/menu07.jpg);}
ul#menu li.menu8 a{	background-image:url(../img/banniere/menu08.jpg);}
ul#menu li.menu1 a:hover{background-image:url(../img/banniere/menu01a.jpg); padding-top:0px;}
ul#menu li.menu2 a:hover{background-image:url(../img/banniere/menu02a.jpg); padding-top:0px;}
ul#menu li.menu3 a:hover{background-image:url(../img/banniere/menu03a.jpg); padding-top:0px;}
ul#menu li.menu4 a:hover{background-image:url(../img/banniere/menu04a.jpg); padding-top:0px;}
ul#menu li.menu5 a:hover{background-image:url(../img/banniere/menu05a.jpg); padding-top:0px;}
ul#menu li.menu6 a:hover{background-image:url(../img/banniere/menu06a.jpg); padding-top:0px;}
ul#menu li.menu7 a:hover{background-image:url(../img/banniere/menu07a.jpg); padding-top:0px;}
ul#menu li.menu8 a:hover{background-image:url(../img/banniere/menu08a.jpg); padding-top:0px;}

/*****alfabe*******/

#alfabe ul{
	margin:0px;
	padding:0px;
	margin-left:20px;

}
#alfabe li{
 display:block;
 float:left;
 margin-left:0px;
 margin-right:0px;
 padding-right:7px;


}
#alfabe li a{
	padding-top:3px;
	display:block;
	float:left;
	color:#003399;
	font-weight:bold;
	text-decoration:none;
}
#alfabe li a:hover{
	background-image:url(../img/banniere/curseur.gif);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFFFFF;
}
span#recherche{
	padding-left:0px;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:30px;
	margin-top:3px;
}
input.search{
	height:13px;
	border:1px solid #B21200;
	margin-bottom:0px;
	width:115px;
	font-weight:normal;
	font-size:10px;
	margin-right:5px;
}




/******drapeau****/
ul#flag{
	margin:0px;
	padding:0px;
	position:absolute;
	top:35px;
	margin-left:6px;
}
ul#flag li{
	list-style-type:none;
	display:inline;
	margin-left:2px;
	margin-right:2px;
}


/*****Partie Admin****/
h1.titre_admin{
	font-size: 17px;
	color: #FF6600;
	font-weight: bold;
	padding-top: 12px;
	letter-spacing: 2px;
	text-align: center;
}

td.gauche_admin{
	padding-left:5%;
	padding-right:5%;
	text-align:justify;
	vertical-align:top;
	width:53%;
}
.notabene{
color:#FF3333;
font-size:11px;
font-weight:bold;
}
/******** Menu Admin *******/
ul#menu_admin, ul#menu_acheteur{
	right:0px; 
	position:absolute;
	height:22px;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	letter-spacing:0px;
	background-image:url(../img/banniere/ban_fd3.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
ul#menu_admin li, ul#menu_acheteur li{
	display:inline;
	padding:0px 0px 0px 0px;
	float:left;
	background-repeat:no-repeat;

}
ul#menu_admin li a{
	display:block;
	width:61px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	margin-top:5px;
	height:20px;
	background-image:url(../img/banniere/menu_admin00.gif);
	
}
ul#menu_admin li a:hover{
	margin-top:2px;
	background-image:url(../img/banniere/menu_admin00a.gif);
	height:20px;

}
ul#menu_admin li.moncompte a{
	background-image:url(../img/banniere/menu_admin01.gif);
	background-repeat:no-repeat;
	width:68px;
}
ul#menu_admin li.moncompte a:hover{
	background-image:url(../img/banniere/menu_admin01a.gif);
}

/******** menu admin acheteur ******/
ul#menu_acheteur li a{
	display:block;
	width:100px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	margin-top:5px;
	height:20px;
	letter-spacing:-0px;
	background-image:url(../img/banniere/menu_acheteur00.gif);
	background-repeat:no-repeat;
	background-position:top;
}
ul#menu_acheteur li a:hover{
	margin-top:2px;
	background-image:url(../img/banniere/menu_acheteur00a.gif);
	background-position:top;
	height:20px;

}

ul#menu_acheteur li span{ color:#FFFFFF; font-weight:100;}


/******* menu admin gauche ****/
ul#menu_gauche{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 3px;
	background-image:url(../img/fonds_blanc.jpg);
	border:1px solid #FAB375;
}
ul#menu_gauche li{border-bottom:1px dotted #FAB375;}
ul#menu_gauche li a{text-decoration:none;}
ul#menu_gauche li a:hover{margin-left:5px;}


/* Formulaire */
#formulaire .legende{
	background-color:#FAB375;
	margin-bottom:10px;
	color:#FFFFFF;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
	letter-spacing:3px;
	text-transform:capitalize;
	background-image:url(../img/banniere/ban_fd.gif);
}
table#formulaire {
	background-image:url(../img/fonds_blanc.jpg);
	padding:0px;
	border:2px solid #FFFFFF;
	padding-top:0px;
	text-align:left;
}

table#formulaire .label{
	text-align:right;
	color:#666666;
	padding-right:5px;
}
input, button{
	font-family:"trebuchet MS", arial;
	font-size:11px;
	height:14px;
	width:96%;
}
select , textarea{
	font-family:"trebuchet MS", arial;
	font-size:11px;
	height:19px;
	width:97%;
	cursor:pointer;
}
textarea{cursor:auto;}

input.bouton1, button.bouton1{
	height:20px;
	background-color:#FFFFFF;
	color:#EB9D77;
	font-weight:bold;
	border:1px #EB9D77;
	border-style:outset;
	cursor:pointer;
}

input.bouton2, button.bouton2{
	height:19px;
	font-size:11px;
	vertical-align:top;
	background-color:#FFF6EF;
	color:#F4523E;
	margin:0px;
	padding:0px;
	cursor:pointer;
}
input.bouton3, button.bouton3{
	height:20px;
	background-color:#EB9D77;
	color:#FFFFFF;
	font-weight:bold;
	border:1px #EB9D77;
	border-style:outset;
	cursor:pointer;
}
#formulaire hr{
	width:100%;
	border:1px solid #FBE9E0;
	height:1px;
}
input.radio, #formulaire input.radio{
	width:15px;
	height:15px;
	cursor:pointer;
}

#formulaire #editeur{
	background-color:#FFFFFF;
	font-family:arial;
	font-size:11px;
	border:1px solid #000000;
	margin:0px;
	padding:0px;
	width:100%;
}

.ko{
	background-color:#FFD9D9;
	color:#FF0000;
	font-size:10px;
	font-family:verdana;
	text-align:left;
}
.ok{
	background-color:#EAFFE2;
	color:#3CD300;
	font-size:10px;
	font-family:verdana;
	text-align:left;

}

/******tableau affichage******/
table#tableau1{
	border:1px solid #FAB375;
	margin-bottom:10px;
}

table#tableau1 .titre_tableau{
	background-image:url(../img/fonds_blanc.jpg);
	border-bottom:1px dotted #FAB375;
	font-weight:bold; color:#FF0000; padding-left:5px;
}
table#tableau1 .bas_tableau{
	background-color:#FEE7C2;
	font-size:11px;
	height:20px;
	padding:1px;
	background-image:url(../img/fdligne.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:1px solid #FFFFFF;
	color:#9E7A48;
}

/************infobullee*******/
#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: Yellow;
}

/******fil d'ariane********/
ul#ariane{
		background-image:url(../img/ariane.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		margin:0px;
		padding:0px 0px 0px 0px;
		margin-bottom:5px;
}

ul#ariane li{
	display:inline;
	width:80px;
	background-color:#F9E1CE;
	padding-left:6px;
	padding-right:6px;
	color:#F48E3D;
	border:1px solid #F48E3D;
	font-size:11px;
	margin-left:5px;
}

ul#ariane li.ariane{
	background-color:#FFFFFF;
	color:#F48E3D;
}
ul#ariane a{
	text-decoration:none;
	color:#F48E3D;
}


/******* Aide ******/
div#aide{
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
div#aide div{
	background-image:url(../img/fonds_jaune.jpg);
	border:2px solid #FDF493;
	padding: 10px;
	text-align: justify;
	font-size:11px;
	color:#705C45;
}

div#aide span{
	background-color:#FDF493;
	text-align:right;
	color:#DDC284;
	background-image:url(../img/aide.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #E8DA5B;
	border-right:1px solid #E8DA5B;
	
	

}
div#aide span a{
	text-decoration:none;
	letter-spacing:5px;
	font-weight:bold;
	margin-left:20px;
	margin-right:10px;
}
div#aide blockquote{
	margin-left:15px;
	margin-right:15px;
}


/****** autre ******/

#loinformatique{
	text-align:justify;
	font-size:9px;
	margin-left:auto;
	margin-right:auto;
	width:680px;
	letter-spacing:0px;
	font-family:verdana;
	border:1px solid #F1DECF;
	padding:5px;
	background-color:#FCFAF8;
	color:#999999;
}

#loinformatique b{ color:#FF6600;letter-spacing:0px;font-weight:normal;}

.voirmapage{
	font-size: 14px;
	letter-spacing: 1px;
	background-image:url(../img/fonds_blanc.jpg);
	font-weight:bold;
	text-decoration:none;
	border:1px solid #CCCCCC;
	padding-left:10px;
	padding-right:10px;
	border-bottom:2px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
}
.baspage{
text-align:center;
font-size:10px;
}
.baspage a{text-decoration:none;}
/****** pub ***/
#pubgauche{
	vertical-align:top;
	padding-left:5px;
	padding-top:0px;

}
#pubgauche img{ margin-bottom:5px; border:1px solid #FFFFFF; margin-right:5px; }


.pubroite{
	margin-top:3px;
	margin-bottom:3px;
	border:1px solid #FFFFFF;
}
	

/***** popup ***/

.popupfond{
	background-color:#000000;
	width:100%;
	height:100%;
	bottom:0px;
	position:fixed !important;
	position:absolute;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	top:0px;
	left:0px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}





#popupimg{
	position:absolute;
	display:block;
	margin-top:10px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	top:0px;
	left:0px;
}

#popupimg a{ color:#999999; font-weight:bold;}

/******** liste alfabetique****/

#listealfabetique li{
	list-style-image:url(../img/puce1.gif);
	margin-right:0px;
}
#listealfabetique a{
	text-decoration:none;
}
.classement{
	font-size:15px;
	color:#F5974E;
	font-weight:bold;
}


/*****info bulle***/
#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: Yellow;
}



/***** BOUTONS *****/
.btns {margin-top: 8px; margin-bottom: 4px;}
.btns a
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	padding-left: 9px;
	padding-right: 9px;
	border: solid;
	border-width: 1px;
	letter-spacing: 1px;
	background-color: #FFFFFF;
	text-decoration: none;
	-moz-border-radius: 5px;
}
#btn-inscription a {color: #7878DA; border-color: #7878DA;}
#btn-inscription a:hover {color: #FE3A14; border-color: #FE3A14;}
#btn-exposer {margin-top: 12px;}
#btn-exposer a {color: #3DAB3D; border-color: #3DAB3D;}
#btn-exposer a:hover {color: #FE3A14; border-color: #FE3A14;}
#btn-cms {display: inline;}
#btn-cms a {color: #3A87D5; border-color: #3A87D5;}
#btn-cms a:hover {color: #FE3A14; border-color: #FE3A14;}




/* BLOCS DE TEXTE */
#encadre{
	background-image:url(../img/encadr_fd.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:250px;
	background-color:#fcf9f4;
	

}
#encadre .encadre_titre{
	background-image:url(../img/encadr_hd.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:24px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
#encadre .encadre_titre h1{
	background-image:url(../img/encadr_hg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
	padding:0px;
	margin:0px;
	font-size:13px;
	padding-top:4px;
}
 
 #encadre .encadre_foot{
	 background-image:url(../img/encadr_bd.gif);
	 background-repeat:no-repeat;
	 background-position:right top;
	 height:20px;
 }
 #encadre .encadre_foot h1{
	 background-image:url(../img/encadr_bg.gif);
	 background-position:left top;
	 background-repeat:no-repeat;
	 height:20px;
	 padding:0px;
	 margin:0px;
	 font-size:0px;
 }
 #encadre .content{
	border-right:1px solid #efe1d9;
	padding:5px 15px 5px 15px;
	color:#54524f;
	text-align:justify;
 }
 #encadre .content li{
 	list-style-image:url(../img/puce1.gif);
 	margin:0px;
	padding:0px;
	margin-left:15px;

	
 }
 #encadre .content ul{ padding:0px; margin:0px;}
 #encadre .jaune{background-color:#fdf6dc; color:#5e5297;}

	








.txtframe .top, .txtframe .top_deco
{
	height:27px;
	padding-bottom:4px;
	background-image:url(http://www.artactif.com/img/frame-top.jpg);
	background-repeat:repeat-x;
	vertical-align:bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	word-spacing:2px;
	text-align:left;
}
.txtframe .top_deco {background-image:url(http://www.artactif.com/img/frame-top_deco.jpg);}
.txtframe .top-left {width:19px;background-image:url(http://www.artactif.com/img/frame-top-left.jpg);background-repeat:no-repeat;}
.txtframe .top-right {width:19px;background-image:url(http://www.artactif.com/img/frame-top-right.jpg);background-repeat:no-repeat;}
.txtframe .middle
{
	min-height:100px;
	background-image:url(http://www.artactif.com/img/frame-middle.jpg);
	background-repeat:repeat;
	vertical-align:top;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:left;
}
.txtframe .middle .content
{
	min-height:100px;
	background-image:url(http://www.artactif.com/img/frame-content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	color:#54524F;
}
.txtframe .middle .content_deco
{
	min-height:95px;
	background-image:url(http://www.artactif.com/img/frame-content_deco.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	color:#54524F;
}
.txtframe .middle ul
{
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-left:12px;
}
.txtframe .middle p
{
	margin:0px;
	padding-top:13px;
	text-align:justify;
}
.txtframe .middle p a
{
	text-decoration:none;
	font-weight:bold;
}
.txtframe .middle p strong a
{
	color:#FF3300;
}
.txtframe .middle-left {background-image:url(http://www.artactif.com/img/frame-middle-left.jpg);background-repeat:repeat-y;vertical-align:top;}
.txtframe .middle-left div {height:52px;background-image:url(http://www.artactif.com/img/frame-middle-left2.jpg);background-repeat:no-repeat;}
.txtframe .middle-right {background-image:url(http://www.artactif.com/img/frame-middle-right.jpg);background-repeat:repeat-y;vertical-align:top;}
.txtframe .middle-right div {height:52px;background-image:url(http://www.artactif.com/img/frame-middle-right2.jpg);background-repeat:no-repeat;}
.txtframe .middle-right_deco {background-image:url(http://www.artactif.com/img/frame-middle-right_deco.jpg);background-repeat:no-repeat;}
.txtframe .bottom
{
	height:20px;
	background-image:url(http://www.artactif.com/img/frame-bottom.jpg);
	background-repeat:repeat-x;
	text-align:left;
}
.txtframe .bottom-left {background-image:url(http://www.artactif.com/img/frame-bottom-left.jpg);background-repeat:no-repeat;}
.txtframe .bottom-right {background-image:url(http://www.artactif.com/img/frame-bottom-right.jpg);background-repeat:no-repeat;}




/* MINI-BLOCS DE TEXTE */
.miniframe .top {height:20px;background-image:url(http://www.artactif.com/img/frame-top.gif);background-repeat:repeat-x;}
.miniframe .top-left {width:20px;background-image:url(http://www.artactif.com/img/frame-top-left.gif);background-repeat:no-repeat;}
.miniframe .top-right {width:20px;background-image:url(http://www.artactif.com/img/frame-top-right.gif);background-repeat:no-repeat;}
.miniframe .middle
{
	background-image:url(http://www.artactif.com/img/frame-middle.gif);
	background-repeat:repeat;
	vertical-align:top;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
}
.miniframe .middle .content
{
	background-image:url(http://www.artactif.com/img/frame-content.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#54524F;
}
.miniframe .middle-left {background-image:url(http://www.artactif.com/img/frame-middle-left.gif);background-repeat:repeat-y;background-position:top;}
.miniframe .middle-right {background-image:url(http://www.artactif.com/img/frame-middle-right.gif);background-repeat:repeat-y;background-position:top;}
.miniframe .bottom
{
	height:20px;
	background-image:url(http://www.artactif.com/img/frame-bottom.gif);
	background-repeat:repeat-x;
}
.miniframe .bottom-left {background-image:url(http://www.artactif.com/img/frame-bottom-left.gif);background-repeat:no-repeat;}
.miniframe .bottom-right {background-image:url(http://www.artactif.com/img/frame-bottom-right.gif);background-repeat:no-repeat;}

/******** banniere AMAZON ********/
div#categorie_amazon{
	background-image:url(../img/fonds_blanc.jpg);
	padding:0px;
	border:2px solid #FFFFFF;
	width:176px;
	margin-right:2px;
}

div#categorie_amazon ul{
	margin:0px;
	padding:0px;
	margin-left:15px;
	font-size:11px;

}
div#categorie_amazon ul li{
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#666666;
	list-style-type:none;
	border-bottom:1px dotted #f2eadf;
	list-style-image:url(../img/puce1.gif);
	
	
}
div#categorie_amazon ul li a{
	text-decoration:none;
	font-weight:normal;
	display:block;
}
div#categorie_amazon ul li a.select{
	background-color:#ebe5d7;
	color:#333333;
	font-weight:bold;
	text-align:right;
	padding-right:10px;

}
div#categorie_amazon ul li a:hover{
	background-color:#e0dedc;
	color:#333333;
	font-weight:bold;
}

div#categorie_amazon hr{
	border:1px dotted #f7ae21;
	height:1px;
	margin:0px;
	padding:0px;


}
/********* balise select personnalisé*****/

.form_select{
	background-color:#FFFFFF;
	padding-left:2px;
	padding-right:30px;
	border:1px solid #a7a6aa;
	color:#000000;
	background-image:url(../img/select.gif);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
	width:100px;
	height:19px;
	
}
.form_select:hover{
		background-image:url(../img/select_hover.gif);
}
ul.form_option {
	position:absolute;
	width:150px;
	padding:0px;
	padding-left:3px;
	margin:0px;
	background-color:#FFFFFF;
	border:1px solid #a7a6aa;
	list-style-type:none;
	text-align:left;
	max-height:200px !important;
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	
	
}
ul.form_option li{
	padding:0px;
	margin:0px;
}
ul.form_option:hover{color:#000000;}
ul.form_option li a{
	text-decoration:none;
	color:#000000;
	display:block;
	width:100%;
}
ul.form_option li a:hover{
	background-color:#335ea8;
	color:#FFFFFF;
}

#pub-droite img{
margin-bottom:5px;

}