@charset "utf-8";
/* CSS Document */


/*********************************** RESET CSS  *******************************/
body{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/*font: 13px "inherit 1em inherit";*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}



html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/************************* FIN REET CSS ***************************************************/

img{border:none;}

#conteneur {
	min-width:700px;
}
/*********************************************************   HEADER   ************************************************/
#conteneur #header {
	background-image: url(images/header_bg.jpg);
	height: 130px;
}
#conteneur #header #titre {
	width:960px;
	height: 130px;
	margin:0 auto;
	background:url(images/slamlila3.png) 770px 45px no-repeat;
}
#conteneur #header h1{
	margin:0 0 10px 10px;
	width:270px;
	height:83px;
	background: url(images/logo2.png) no-repeat                ;
	float:left;
}
#conteneur #header span{
   display:none;
}
#conteneur #header h2{
	margin:0px 0 0 200px;
	width:270px;
	height:83px;
	/*background: url(images/librairie_orientaliste_fr.png) no-repeat   */             ;
	float:left;
	}


#top_connexion {
	float:left;
	margin:0px 0 0 20px;
	width:115px;
	height:37px;
	background:url(images/topbar_bg.png);
	text-align:center;
	line-height:37px;
	visibility: visible;
		
}
#top_bloc_connexion_panier {
	float:left;
	margin:0px 0 0 20px;
	width:120px;
	height:37px;
	line-height:37px;
	background:url(images/topbar_bg_p.png);
	text-align:left;
	visibility: visible;
	
	
}
#top_bloc_connexion{
	float:left;
	color:#CCC;
	margin:0px 0 0 20px;
	width:325px;
	height:27px;
	background:url(images/topbar_bg.png);
	text-align:center;
	visibility: visible;
	
}
#top_bloc_lang{
	position:absolute;
	top:2px;
	left:2px;
	padding-top:5px;
	color:#CCC;
	margin:0px;
	width:50px;
	height:22px;
	background:url(images/topbar_bg.png);
	text-align:center;
	visibility: visible;
	
}

#top_connexion a, #top_bloc_connexion a, #top_bloc_connexion_panier a {
	color:#CCC;
	line-height:27px;
	text-decoration:none;
	font-size:1em;
	
}
#top_connexion a:hover,#top_bloc_connexion a:hover, #top_bloc_connexion_panier a:hover {
	text-decoration:underline;
	
	
}




/*********************************************************   NAV   ************************************************/
#conteneur #nav {
	background-color:#C7C7B7;
	height: 50px;
	background-image: url(images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}

#conteneur #nav ul {
	list-style-type: none;
	width:980px;
	margin:0 auto;
	
}
#conteneur #nav ul li {
	float: left;
}

#conteneur #nav ul li .navigation {
	line-height: 44px;
	display: block;
	height: 50px;
	font-size: 1em;
	font-weight: bold;
	color: #2A2A2A;
	text-decoration: none;
	text-align:center;
	margin-right: 10px;
	margin-left: 12px;
	
}
#conteneur #nav ul li .navigation2 {
	line-height: 44px;
	display: block;
	height: 50px;
	font-size: 1em;
	font-weight: bold;
	color:#600;
	text-decoration: none;
	text-align:center;
	margin-right: 10px;
	margin-left: 12px;
	background-image: url(images/nav_bg_hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}



#conteneur #nav ul li .navigation:hover {
	background-image: url(images/nav_bg_hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	
	
	
}

#conteneur #nav #separateur {
	width:0px;
	float:left;
	height:45px;
	margin-right: 2px;
	margin-left: 0px;
	border-left:dotted 1px #666;
}
#conteneur #nav .long{
	width:160px;
	}

#conteneur #nav ul li .petit {
	display: block;
	height: 50px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	margin-right: 10px;
	margin-left: 12px;
	font-size: 0.9em;
	line-height: 45px;
	color:#806A28;
}
#conteneur #nav ul li .petit:hover {
background-image: url(images/nav_bg_hover_pt.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}

/******************************************  MENU RICHE    *************************************************/
#test_lien_menu{
	position:relative;
	}



#menu_oriens {
	position:absolute;
	display:none;
	width:520px;
	height:302px;
	z-index:2;
	left: 0;
	top: 40px;
	background: url(images/menu_riche.png) no-repeat;
}
#menu_oriens #up_menu{
	height:10px;
	margin-left:148px;
	
	}
	
#menu_oriens #left_menu{
	height:302px;
	width:10px;
	float:left;
}
#menu_oriens #right_menu{
	height:302px;
	width:10px;
	float:left;
}
#menu_oriens #bottom_menu{
	height:10px;
	clear:both;
}



#menu_oriens #colonne1 {
	float: left;
	width: 46%;
	
}
#menu_oriens #colonne2 {
	float: left;
	width: 46%;
	margin-left: 5px;
	
}
#menu_oriens .titre_riche  {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #900;
	border-bottom: 1px solid #666;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 0.8em;
	text-align:left;
}
#menu_oriens  .titre_riche a {
	text-decoration:none;
	color: #900;
	margin:20px 20px 0px 0px;
	display:block;
	width:100%;
	
	
}
#menu_oriens  .italique {
	font-style: italic;
	
	}
	
#menu_oriens  .italique a{
	text-decoration:none;
	margin-left: 10px;
	margin-top: 0px;
	display:block;
	
	}
#menu_oriens  p  {
	color: #333;
	margin-left: 10px;
	margin-top: 0px;
	font-size: 0.9em;
	
	}
#menu_oriens  p  a{
	color: #333;
	margin-left: 10px;
	margin-top: 0px;
	text-decoration:none;
	display:block;
	}
#menu_oriens  h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0.1em;
	
}

#menu_oriens  h2 a{
	color:#171717;
	text-decoration:none;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0.1em;
	display:block;
}
#menu_oriens .catalogue {
	font-size: 1em;
	text-align: center;
	display:block;
	margin-top: 40px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	margin-right: 40px;
}


/********************************************************* CONTENU  ************************************************/
#conteneur #contenu {
	width: 900px;
	margin:0 auto;
}

/********************************************************* CONTENU GAUCHE ************************************************/
#conteneur #contenu #contenu_gauche {
	width:556px;
	float:left;
	padding:20px;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	
}
#conteneur #contenu #resultats_contenu_gauche {
	width:100%;
	float:left;
	padding:20px;
	
}
#conteneur #contenu #resultats_contenu_gauche .para_accueil {
	color:#5F5E5B;
	font-size:1em;
	margin-right: 40px;
	
}#conteneur #contenu #contenu_gauche h1,#conteneur #contenu #resultats_contenu_gauche h1 {
	border-bottom:1px solid #DEDDD3;
	font-weight:bold;
	color:#8E786E;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,verdana,sans-serif;
	font-size:1.3em;
	margin-bottom: 20px;

}
	
}#conteneur #contenu #contenu_gauche h2,#conteneur #contenu #resultats_contenu_gauche h2 {
	border-bottom:1px solid #DEDDD3;
	font-weight:bold;
	color:#8E786E;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,verdana,sans-serif;
	font-size:1.3em;
	margin-bottom: 20px;

}
#conteneur #contenu #contenu_gauche li {
	color:#660000;
	font-size:1em;
	line-height: 25px;
}
/********************************************************* CONTENU DROIT ************************************************/
#conteneur #contenu #contenu_droit {
	width: 260px;
	float:left;
	padding:20px;
	
}
/**************************************************SEPARATEUR FOOTER ************************************************/
#conteneur #separateur_footer {
	clear:both;
	background-color: #E0E0D6;
	height: 10px;
	font-weight:normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#999;
	margin: 0px;
	
}
/********************************************   CONTENU FOOTER GLOBAL   *********************************************/
#conteneur #content_footer {
	background-color:#EEEDE5;
	margin: 0px;
}


/*********************************************************FOOTER 1************************************************/
#conteneur #content_footer  #footer1{
	width: 900px;
	margin:0 auto;
	
}

#conteneur h3 {
	color:#956B58;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	margin:0px 7px 11px;
	padding:20px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCC;

}




/*********************************************************FOOTER 2************************************************/
#conteneur #contenu #contenu_droit #form_recherche #recherche fieldset {
	
	border:none;
}
#conteneur #contenu #contenu_droit #form_recherche #recherche fieldset legend {
	font-weight: bold;
	color: #333;
	
}

#conteneur #contenu #contenu_gauche .accueil {
	width: 98%;
	margin-left: 40px;
	margin-top: 20px;
}
#conteneur #contenu #contenu_droit #separateur_col_droite {
	/*background:url(images/home_guitareBlock_topbottom.png) no-repeat center center;*/
	/*background: url(images/separator-icones.png) no-repeat center center;*/
	height: 1px;
	width:100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
#conteneur #contenu #contenu_droit #annonce p {
	color: #900;
	margin: 0px 0px 10px 3px;
	font-size: 0.9em;
	text-align: center;
}#conteneur #content_footer #conteneur_bloc {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 60%;
}
#conteneur #content_footer #conteneur_bloc .bloc {
	float: left;
	height: 100%;
	width: 50%;
}
#conteneur #content_footer #footer2 {
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#conteneur #content_footer #conteneur_bloc .bloc .bloc_image {
	height: 100%;
	width: 30%;
	float: left;
}
#conteneur #content_footer #conteneur_bloc .bloc .bloc_texte {
	float: left;
	width: 60%;
}
#conteneur #content_footer #conteneur_bloc .bloc .bloc_texte p {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 0.9em;
	text-align: justify;
	color: #666;
}
#conteneur #content_footer #conteneur_bloc .bloc .bloc_texte p a {
	color: #666;
	text-align: right;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
#conteneur #content_footer #conteneur_bloc .bloc .bloc_texte p a:hover {
	color: #F30;
}
#conteneur #content_footer #conteneur_bloc .bloc .titre_bloc .annee_bloc {
	color:#478071;
	margin:0 0 10px;
	font: italic normal 1em/normal Georgia, "Times New Roman", serif;
}
#conteneur #content_footer #conteneur_bloc .bloc .titre_bloc h4 {
	margin-bottom: 3px;
}
#conteneur #contenu #contenu_gauche .accueil tr td ul li a {
	color: #600;
	text-decoration: none;
	display: block;
	width: 200px;
}
#conteneur #contenu #contenu_gauche .accueil tr td ul li a:hover {
	text-decoration: underline;
	}
#conteneur #content_footer #footer2 #footer .separateur {
	border-top: 5px solid #CCC;
	margin-top: 15px;
	padding: 15px;
	color: #666;
}
#conteneur #content_footer #footer2 #footer .separateur a img {
	text-decoration: none;
	vertical-align: bottom;
	border-style: none;
}
#conteneur #content_footer #footer2 #footer .separateur a {
	color: #8CAEBD;
	text-decoration: none;
}

#conteneur #contenu #contenu_droit #annonce p a {
	font-size: 1em;
	color: #900;
}

#conteneur #contenu #contenu_droit #annonce .bouton_rdv {
	text-align: center;
}
#conteneur #contenu #contenu_droit #form_recherche #recherche fieldset span {
	font-size: 0.8em;
	color: #999;
	margin-left: 3px;
}

#conteneur #contenu #contenu_droit #annonce .bouton_rdv a span {
	
}
#conteneur #contenu #contenu_droit #annonce .bouton_rdv a {
	background: url(images/bt_details.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	line-height:26px;
	display: block;
	height: 26px;
	width: 150px;
	margin-left: 40px;
}
#conteneur #contenu #contenu_droit #annonce .bouton_rdv a:hover {
	background: url(images/bt_details2.png) no-repeat;
	
}
#conteneur #contenu #resultats_contenu_gauche #resultats {
	display:block;
	margin: 20px 0px 60px 115px;
	list-style: none;
	color:#900;
	font-weight: bold;
	font-size:1.2em;
	color:#900;
	
}
#conteneur #contenu #resultats_contenu_gauche #resultats li {
	float: left;
}
#conteneur #contenu #resultats_contenu_gauche #resultats #label_titre {
	margin-right: 5px;
	width: 230px;
}
#conteneur #contenu #resultats_contenu_gauche #resultats #label_auteur {
	margin-right: 5px;
	width: 195px;
}
#conteneur #contenu #resultats_contenu_gauche #resultats #label_reference{
	margin-right: 5px;
	width: 130px;
}
#conteneur #contenu #resultats_contenu_gauche #resultats #label_annee {
	margin-right: 5px;
	width: 110px;
}



#conteneur #contenu #resultats_contenu_gauche #resultats  img {
	vertical-align: bottom;
	margin-left:5px
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche {
	height: 108px;
	width: 90%;
	margin:0 auto;
	border-top: 1px solid #D1D1D1;
}
/********************************************     PAGINATION FLICKR   *****************************************************/

.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

a.paginate {
	border: 1px solid #4F0000;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #4F0000;
}


a.paginate:hover {
	background-color: #B89640;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #4F0000;
	font: bold .7em Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#B89640;
	color: #FFF;
	text-decoration: none;
}

span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}

ul 
{ 
    border:0; 
    margin:0; 
    padding:0; 
	
}

	
#conteneur #contenu #resultats_contenu_gauche #pagination {
	width: 600px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	
}
#conteneur #contenu #resultats_contenu_gauche #separateur_pagination {
	border-top: 1px solid #D1D1D1;
	width:90%;
	margin:0 0 30px;
	clear: both;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_image {
	float: left;
	width: 75px;
	height: 108px;
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_auteur{
	float: left;
	width: 185px;
	padding-left:10px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_titre {
	float: left;
	width: 185px;
	margin-top: 10px;
	font-size:0.9em;
	padding-left: 10px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_titre a {
	color:#000;
	text-decoration:none;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_titre a:hover {
	color:#660;
	text-decoration:none;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_titre a:visited {
	color:#F30;
	
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_reference {
	float: left;
	width: 150px;
	padding-left: 30px;
	margin-top: 10px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_reference  a{
	color:#000;
	text-decoration:none;
}

#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_reference a:hover {
	color:#660;
	text-decoration:none;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_annee {
	float: left;
	width: 100px;
	margin-top: 10px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_prix {
	float: left;
	width: 60px;
	margin-top: 10px;
	font-weight: bold;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_item_commander {
	float: left;
	height: 26px;
	width: 150px;
	margin:40px 0px 0 0;
	

}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .c_voir_details {
	float: left;
	height: 26px;
	width: 150px;
	margin:40px 2px 0 10px;
	

}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche {
	height: 108px;
	width:465px;
	float:left;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_droit {
	height: 108px;
	width:340px;
	float:left;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_droit .c_item_commander a {
	background: url(images/bt_commander.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	height:26px;
	display: block;
	border-style: none;
	text-decoration: none;
	text-align: left;
	padding-top: 4px;
	padding-left: 40px;
	font-weight:bold;
	font-size:0.9em;
	color: #FFF;
	width:100%;
	margin-left:20px;
}

#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_droit .c_item_commander a:hover {
	background: url(images/bt_commander2.png) no-repeat;
	
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_droit .c_voir_details a {
	background: url(images/bt_details.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	height:26px;
	display: block;
	color: #FFF;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	font-size:0.9em;
	text-decoration: none;
	width:100%;
	margin-left:20px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_droit .c_voir_details a:hover {
	background: url(images/bt_details2.png) no-repeat;
;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche .c_item_auteur h1 {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche .c_item_auteur h1 a{
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche .c_item_auteur h1 a:hover{
	color:#630;
	
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche .c_item_auteur h1 a:visited{
	color:#F60;
	
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche .c_item_auteur p {
	font-size: 0.8em;
	color: #333;
	font-weight: bolder;
	line-height: normal;
	padding-left: 20px;
}
#conteneur #contenu #resultats_contenu_gauche .item_recherche .bloc_item_gauche .c_item_auteur .text_format {
	color: #666;
	line-height: 11px;
}
#conteneur #contenu #resultats_contenu_gauche h2 .retour_resultats {
	display: block;
}
#conteneur #contenu #resultats_contenu_gauche p .retour_resultats {
	display: block;
	margin-left:10px;
	color: #FFF;
	background: url(images/bt_details.png) no-repeat;
	height: 27px;
	width: 140px;
	text-decoration: none;
	padding-left: 14px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding-top: 5px;
	float: left;
}
#conteneur #contenu #resultats_contenu_gauche p .retour_resultats:hover {
	background: url(images/bt_details2.png) no-repeat;
	}
#conteneur #contenu #resultats_contenu_gauche p .commander {
	display: block;
	margin-left:30px;
	color: #FFF;
	background: url(images/bt_commander.png) no-repeat;
	height: 27px;
	width: 140px;
	text-decoration: none;
	padding-left: 14px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding-top: 5px;
	float: left;
}
#conteneur #contenu #resultats_contenu_gauche p .commander:hover {
	background: url(images/bt_commander2.png) no-repeat;
	
}
#conteneur #contenu #resultats_contenu_gauche #details_texte {
	float: left;
	width: 65%;
	padding: 10px;
}
#conteneur #contenu #resultats_contenu_gauche #details_image {
	float: left;
	width: 29%;

}
#conteneur #contenu #resultats_contenu_gauche .reference {
	font-size: 1.4em;
	margin-left: 0px;
	float: left;
	width: 220px;
	margin-right: 120px;
}
#conteneur #contenu #resultats_contenu_gauche .prix {
	font-size: 1.4em;
	margin-left: 0px;
	float: left;
	width: 200px;
	margin-right: 10px;
}
#conteneur #contenu #resultats_contenu_gauche .reference span {
	color: #900;
}
#conteneur #contenu #resultats_contenu_gauche .prix span {
	color: #F60;
	font-weight:bold;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte p .type_tab {
	display: table-caption;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte .titre {
	float: left;
	width: 60px;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte .type_tab_titre {
	float: left;
	width: 80%;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte p strong {
	font-weight: bold;
	color: #900;
	font-size: 1.1em;
	margin: 0px;
}

#conteneur #contenu #resultats_contenu_gauche #details_texte p .exergue {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}
#conteneur #contenu #resultats_contenu_gauche #details_image #img_gd {
	width: 245px;
	margin-top: 50px;
	padding:0 5px;
}
#conteneur #contenu #resultats_contenu_gauche #details_image #img_pts {
	float: left;
	height: 360px;
	width: 79px;
	margin-top: 50px;
}


/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
		left:140px;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
		line-height:15px;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte h4 a {
	color: #333;
	text-decoration: underline;
	margin-left: 5px;
	margin-right: 5px;
	line-height:20px;
}

#conteneur #contenu #resultats_contenu_gauche #details_texte h4 a:hover {
	color: #F60;
}


/*------------------------------------------------------------------
  Page panier
  ------------------------------------------------------------------*/

#panier_vide { 
	width:50%;
	margin:15px auto;
	height:300px;
	border: 4px solid #EEEDEC;
	background:url(images/panier_vide.gif) no-repeat 90px 100px;
	}
#home #panier_vide p{ 
	width:100%;
	margin:30px auto;
	text-align:center;
	color:#000000;
	font-size:2em;
	}
#home #panier_vide span{ 
	text-align:center;
	color:#660000;
	font-size:0.6em;
	font-style:italic;
	}


	
 #parcours_achat{
clear:both;
width:96%;
height:80px;
line-height:80px;
background:#FCF3ED;
margin:0px 20px 20px 20px;
border-bottom: 1px dotted #666666;
border-top: 1px dotted #666666;
}
 #parcours_achat .page_panier{
margin-left:20px;
font-size:1.1em;
color:#931212;
line-height:80px;
font-weight:bold;
}
 #parcours_achat .page_livraison{
font-size:1em;
color:#931212;
text-align:center;
}
 #parcours_achat p span{
font-size:1.7em;
color:#EC0004;
}
 .article{
	width:80%;
	margin:20px auto;
	border: 4px solid #EAEAEA;
	height: auto;
}


 #checkout{
width:158px;
height:42px;
margin:20px auto;
cursor:pointer;
}
 #checkout a{
display:block;
background:url(images/payer.gif) no-repeat                ;
width:158px;
height:42px;
margin:20px auto;
text-decoration:none;
}
 #checkout a:hover{
background:url(images/payer2.gif) no-repeat                ;
}

 #checkout span{
display:block;
font-size:1.2em;
line-height:30px;
margin-left:43px;
color:#FFF;
text-decoration:none;
}
 #checkout_confirme{
width:158px;
height:42px;
margin:20px auto;
cursor:pointer;
}
 #checkout_confirme a{
display:block;
background:url(images/je_confirme1_bis.gif) no-repeat    ;
width:158px;
height:42px;
margin:20px auto;
}
 #checkout_confirme a:hover{
background:url(images/je_confirme_bis.gif) no-repeat    ;
}

 #checkout_confirme span{
display:none;
}

/*------------------------------------------------------------------
   FIN Page panier
  ------------------------------------------------------------------*/
  
 /*------------------------------------------------------------------
 Blocs ariane livraison
------------------------------------------------------------------*/

 #ariane_achat .ariane_achat1 {
float:left;
width:2%;
height:40px;
color:#9F0A10;
font-size:1.2em;
margin:13px 15px 0 15px;
font-weight:bold;
}

 #ariane_achat .ariane_achat2 {
float:left;
width:auto;
height:30px;
margin:11px 0 0px 30px;
color:#999999;
font-weight:bold;
}
 #ariane_achat .ariane_achat_courrant {
float:left;
width:auto;
height:30px;
margin:13px 0 0 25px;
color:#000000;
font-weight:bold;
background:url(images/ariane_fleche.gif) no-repeat 50% 88%;
}




/*------------------------------------------------------------------
 Blocs checking out
------------------------------------------------------------------*/
.checking_out_info{
margin:30px 0px 10px 70px;
width:510px;
height:60px;
background: #F0F0F0;
border-bottom: dotted 1px #CCCCCC;
border-top: dotted 1px #CCCCCC;
line-height:60px;
font-size:1.4em;
font-weight:bold;
text-align:center;

}

#checking_out_member_yet{
	float:left;
	width:220px;
	background:#F0F0F0;
	margin:10px 0px 50px 20px;
	height:220px;
	border: 1px solid #CCCCCC;
}
#checking_out_register{
	float:left;
	width:220px;
	background:#F0F0F0;
	margin:10px 0px 50px 70px;
	height:220px;
	border: 1px solid #CCCCCC;
}

#checking_out_member_yet  .p_titre, #checking_out_register  .p_titre{
margin:20px 0px 20px 20px;
color:#0192B5;
font-size:1.1em;
font-weight:bold;
}
#checking_out_member_yet p .p_etiquette{
margin:40px 0px 0px 20px;
color:#DE5700;
font-size:1em;

}
#checking_out_member_yet input{
margin:0px 0px 15px 20px;
color:#000000;

}
#checking_out_register p{
margin:20px 0px 20px 20px;
color:#000000;
font-size:1em;
}


/*------------------------------------------------------------------
 registration form
------------------------------------------------------------------*/

#registerForm {
	width: 100%;
	margin-bottom: 10px;
	height:auto;
}


#registration_form_info{
margin:50px auto 0px auto;
width:80%;
height:60px;
border-top: dotted 1px #CCCCCC;
line-height:70px;
font-size:1.4em;
padding:0;
color:#640D13;

}


.registration_bloc_1 {
margin:0 0 0 46px;
float:left;
width:45%;
height:auto;
background:#F5F6F1;
border-top: dotted 1px #CCCCCC;
}


.registration_bloc_2 {
margin:0 0 0 0;
float:left;
width:44%;
height:auto;
border-top: dotted 1px #CCCCCC;

}
.registration_bloc_captcha {
margin:0 0 0 46px;
width:90%;
height:100px;
border-top: dotted 1px #CCCCCC;
border-bottom: dotted 1px #CCCCCC;
}

 .registration_bloc_1 .aide{
margin:2px 0 0 20px ;
font-size:0.9em;
color:#666666;
}

 .registration_bloc_1 .etiquette, .etiquette{
	margin:20px 0 0 80px;
	font-weight:bold;
	font-size:1.1em;
}
 #form #registerForm .etiquette .info_livrai {
	font-size: 0.8em;
	color: #990000;
}

 .registration_bloc_1 input{
margin:3px 0 0 20px ;
}
 .registration_bloc_1 input p{
margin:3px 0 0 20px ;
}

 .registration_bloc_2 ul{
	list-style-type: square;
	margin:15px 0 0 40px;

}
 .registration_bloc_2 ul li{
	list-style-type: square;
	margin:5px 0 0 0px;
	font-size:0.9em;
	color:#666666;

}
#registerForm input[type="checkbox"]
{
	border: #ddeeff 1px solid;
	width: 5%;
	margin:3px 0 0 20px;
}	
 #form  .form_submit{
clear:both;
	width:90%;
	margin:10px auto;
	height:auto;
	text-align:center;
	text-align:center;
	}
 #form input[type="submit"]{
	width:158px;
	margin:10px auto;
	height:42px;
	cursor:pointer;
	background:url(images/je_confirme1_bis.gif) no-repeat    ;
	border:none;
}

 #form input[type="submit"]:hover{
		background:url(images/je_confirme_bis.gif) no-repeat    ;
}


 /******************** Table fiche détails   *****************************************/

		
#details_texte {
	width:27%;
	background: #fff;
	font-weight:bold;
	line-height:10px;

}
#details_texte {background: #fff; font-weight:bold;}
#details_texte  tr{border-top: 1px dotted #ccc;	}
  
#details_texte table   a {
	color: #333;
	font-size: 1em;
}
#details_texte table  a:hover {
	color:#F60;
	
}

#details_texte #wrapper_question {
	width: 552px;
	display: none;
	height: 351px;
	
	
	
}
#details_texte #envoyer_question {
	width: 550px;
	height: 350px;
	border-left: 1px  solid #ccc;
	border-right: 1px solid #ccc;
	
	
}
#details_texte #envoyer_question #form #form_gauche {
	padding-left: 10px;
	float: left;
	width: 46%;
}
#details_texte #envoyer_question input[type=text] {
	border:1px solid #ccc;
	background-color:#E9E9E9;
	color:#900;
	
	}
#details_texte #envoyer_question textarea {
	border:1px solid #ccc;
	background-color:#E9E9E9;
	color:#900;
	
	}
#details_texte #envoyer_question #form #form_droit {
	padding-left: 10px;
	float: left;
	width: 50%;
}
#details_texte #envoyer_question #form #form_droit p label #envoyer {
	font-weight: bold;
	color: #FFF;
	background: #C4E1A6;
	border: 1px dotted #390;
	font-size: 1.6em;
}
#details_texte #envoyer_question h4 {
	font-size: 1.3em;
	color: #666;
	text-align: center;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte #question_top {
	background: url(images/question_arrondi_top.png) no-repeat;
	margin: 0px;
	height: 15px;
	width: 553px;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte #question_bottom {
	background: url(images/question_arrondi_bottom.png) no-repeat;
	margin: 0px;
	height: 15px;
	width: 553px;
}
#conteneur #contenu #resultats_contenu_gauche .nb_resultats {
	text-align: center;
	font-size: 1.3em;
	color: #333;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#conteneur #contenu #resultats_contenu_gauche .nb_resultats_zero {
	text-align: center;
	font-size: 1.3em;
	color: #333;
	background: #FA9AA9;
	border: 1px solid #900;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
#conteneur #contenu #resultats_contenu_gauche .nb_resultats span {
	font-weight: bold;
	color: #F30;
}
#conteneur #contenu #resultats_contenu_gauche h2 span {
	font-size: 1.2em;
	color: #900;
}

/* form oriens */

#formoriens{
	margin:1em 0;
	padding-top:10px;
	background:url(images/form_top.gif) no-repeat 0 0;
	
	}
#formoriens fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:320px;
	margin-left:25px;
	}		
#formoriens legend{display:none;}	
#formoriens p{margin:.5em 0;}	
#formoriens label{display:block; width:50%;}	
#formoriens input, #form1 textarea{		
	width:200px;
	border:1px solid #ddd;
	background:#fff url(images/form_input.gif) repeat-x;
	padding:3px;
	color:#F60;
	}	

#formoriens input[type="checkbox"]
     {		
	width:20px;
	padding:3px;
	display:inline;
	margin:0;
	padding:0;
	border:none;
	}		
#formoriens textarea{
	height:125px;
	overflow:auto;
	}					
#formoriens p.submit{
	background:url(images/form_bottom.gif) no-repeat 0 100%;
	padding:0 25px 20px 25px;
	margin:0;
	text-align:center;
	}
#formoriens select{
	color:#f60;
	font-size:0.9em;
	}	
#formoriens button[type="submit"]{
	width:150px;
	height:37px;
	line-height:37px;		
	border:none;
	background:url(images/form_button.gif) no-repeat 0 0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	text-align:left;
	margin-left:140px;
	}				
#formoriens p, blockquote, ul, ol, form{
margin:1em 0;

}
.pfloat{float:left; width:40%;}
#formoriens button[type="reset"]{
	  background-color:#DEDEDE;
	  border:4px solid #999999;
	  color:#666666;
	  display:block;
	  font-size:1em;
	  height:30px;
	  margin:0 0 0 80px;
	  text-decoration:none;}
/* // form oriens */
#formoriens fieldset p span {
	font-size: 0.8em;
}
#conteneur #contenu #resultats_contenu_gauche #form_recherche #formoriens fieldset p small {
	font-size: 0.8em;
}


 #checkout{
width:158px;
height:42px;
margin:20px auto;
cursor:pointer;
}
 #checkout a{
display:block;
background:url(images/commander.gif) no-repeat ;
width:158px;
height:42px;
margin:20px auto;
}
 #checkout a:hover{
	background:url(images/commander2.gif) no-repeat;
}


 #checkout_confirme_fr{
	width:158px;
	height:42px;
	margin:20px auto;
	cursor:pointer;
	background: url(images/je_confirme1_fr.png);
	border-style: none;
}
 #checkout_confirme_en{
	width:158px;
	height:42px;
	margin:20px auto;
	cursor:pointer;
	background: url(images/je_confirme1_en.png);
	border-style: none;
}
 #checkout_confirme a{
display:block;
background:url(images/je_confirme1_bis.gif) no-repeat ;
width:158px;
height:42px;
margin:20px auto;
}
 #checkout_confirme_fr a:hover{
background:url(images/je_confirme2_fr.png) no-repeat ;
}
 #checkout_confirme_en a:hover{
background:url(images/je_confirme2_en.png) no-repeat ;
}


 #checkout_confirme span{
display:none;
}
/*****************CAROUSEL********************************/
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 85%;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
}
#conteneur #contenu #resultats_contenu_gauche #details_texte h5 {
	font-size: 1.2em;
	font-style: italic;
	color: #666;
	margin-bottom: 20px;
	margin-left: 100px;
	margin-right: 100px;
	line-height: 20px;
	text-indent:20px;
}
#conteneur #contenu #contenu_gauche #ariane_achat {
	width: 98%;
	height:auto;
}
.premiere_colonne {
	width: 140px;
}
.cgv {
	font-weight: bold;
	color: #990;
	text-decoration: none;
}
.tropderesultas{
	
	font-size:0.6em}