/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/ballpark.woff') format('woff'),
         url('/polices/ballpark.ttf') format('truetype'),
         url('/polices/ballpark.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/dayrom.woff') format('woff'),
         url('/polices/dayrom.ttf') format('truetype'),
         url('/polices/dayrom.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Fertigo';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/Fertigo_PRO-webfont.woff') format('woff'),
         url('/polices/Fertigo_PRO-webfont.ttf') format('truetype'),
         url('/polices/Fertigo_PRO-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Mignone';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/mignone-webfont.woff') format('woff'),
         url('/polices/mignone-webfont.ttf') format('truetype'),
         url('/polices/mignone-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Shagadelic';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/shagade-webfont.woff') format('woff'),
         url('/polices/shagade-webfont.ttf') format('truetype'),
         url('/polices/shagade-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'HeavyHeap';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/heavy_heap-webfont.woff') format('woff'),
         url('/polices/heavy_heap-webfont.ttf') format('truetype'),
         url('/polices/heavy_heap-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'EastMarket';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/EastMarket-webfont.woff') format('woff'),
         url('/polices/EastMarket-webfont.ttf') format('truetype'),
         url('/polices/EastMarket-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'RareBlair';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/polices/rareblair-regular-webfont.woff') format('woff'),
         url('/polices/rareblair-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Eléments principaux */

html
{
	background: url('/images/fond.png');
}

body
{
	font-family: 'Trebuchet MS', Arial, sans-serif;
	background-color: #EEEEEE;
	color: #181818;
	width: 1000px;
	margin: auto;
	padding: 10px;
}

.element_menu
{
	border: 1px solid black;
	border-radius: 5px;
	padding: 20px;
}

.element_menu_fb
{
	border: 1px solid black;
	border-radius: 5px;
	padding: 10px;
}

#menu_menu, #corps
{
	display: inline-block;
	vertical-align: top;
	margin: 20px 0px;
}

#menu_menu
{
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* En tête */

.titre_page
{
	height:65px;
	padding-top:30px;
	width: 102%;
	margin-left: -10px;
	position:relative;
}

.titre_page a
{
	color: #2435AA;
	text-decoration: none;
}

.titre_page a:hover
{
	color: #7788FF;
	text-decoration: underline;
}

.titre_page img
{
	float:right;
	position:absolute;
	right: 10px;
	top:0;
}

.titre_page div
{
	height:50px;
	background:#D7CBE5;
	text-align:right;
	padding-right:172px;
	line-height:55px;
	font-size: 1em;
	font-weight: bold;
}

#banniere_menu
{
	margin-top: 10px;
	border: 2px solid black;
	border-radius: 5px;
}	

#banniere_image
{
	height: 264px;
	border-radius: 5px;
	position: relative;
}

#banniere_description
{
	position: absolute;
	bottom: 0;
	border-radius: 0px 0px 5px 5px;
	width: 99%;
	height: 30px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: rgb(24,24,24);
	background-color: rgba(24,24,24,0.8);
	color: white;
	font-size: 0.8em; 
}

.bouton_rouge
{
	display: inline-block;
	height: 25px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: url('/images/fond_degraderouge.png') repeat-x;
	border: 1px solid #760001;
	border-radius: 5px;
	font-size: 1.2em;
	text-align: center;
	padding: 3px 8px 0px 8px;
	color: white;
	text-decoration: none;
}

.bouton_rouge img
{
	border: 0;
}

/* Menu */

#menu
{
	display: inline-block;
	width: 950px;
	text-align: right;
	margin: -10px;
}

#menu ul
{
	list-style-type: none;
	font-size: 1.3em;
}

#menu li
{
	display: inline-block;
	margin-right: 5px;
}

#menu_menu h3
{
	font-family: EastMarket, Arial, sans-serif;
	font-weight: normal;
}

#menu_menu h1
{
	font-family: "Fertigo", serif;
	font-weight: normal;
	margin-left: 20px;
	visibility: hidden;
}

#menu_menu a
{
	color: #2435AA;
	text-decoration: none;
}

#menu_menu a:hover
{
	color: #7788FF;
	text-decoration: underline;
}

#menu a
{
	color: #181818;
	padding-bottom: 3px;
	text-decoration: none;
	font-family: EastMarket, Arial, sans-serif;
	font-weight: normal;
}

#menu a:hover
{
	color: #7C5917;
	border-bottom: 3px solid #E19B15;
}	

#panier, #admin
{
	width: 200px;
	margin-left: 20px;
}

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

.element_menu, .element_menu_fb
{
	margin-bottom: 10px;
	background-color: #E6E6E6;
}

#menu_prix_p, #menu_tot_p
{
	display: inline-block;
}

#menu_prix_p
{
	width: 75%;
}

/* Corps */

#corps
{
	width: 700px;
	margin-left: 20px;
}

#corps a
{
	color: #2435AA;
	text-decoration: none;
}

#corps a:hover
{
	color: #7788FF;
	text-decoration: underline;
}

#corps h1
{
	font-family: "Fertigo", serif;
	font-weight: normal;
}

.news h1, .news h3
{
	text-align:center;
}

.news h3
{
	font-size:0.9em;
	margin-bottom:0px;
	border: 1px solid;
	background-color: #E6E6E6;
}

.news p
{
	box-shadow: 0px 1px 5px #1c1a19;
	border-radius: 5px;
	padding: 10px;
	background-color: #E6E6E6;
	text-align: justify;
	font-size: 0.9em;
}

.news
{
	width:95%;
	margin:auto;
}

.acher
{
	width: 50%;
	color: #E6E6E6;
}

.commentaire
{
	border: 1px solid;
	padding: 5px;
	margin-bottom: 10px;
}

table
{
	border-collapse: collapse;
}

.nothing
{
	border-style: none;
}

th, td, tbody th, tbody td
{
	border: 1px solid;
	text-align: center;
	font-weight: lighter;
	padding: 2px 5px;
}

thead th, tfoot th, .bolder
{
	font-weight: bolder;
}

.formulaire, .formulaire_connexion, .formulaire_commande, .formulaire_connexion_2
{
	border: 1px solid;
	padding: 10px;
	border-radius: 5px;
	background-color: #E6E6E6;
}

.formulaire label
{
	width: 100px;
	display: block;
	float: left;
}

.formulaire_connexion label
{
	width: 250px;
	display: block;
	float: left;
}

.formulaire_connexion_2 label
{
	width: 350px;
	display: block;
	float: left;
}


#disque
{
	border: 1px solid;
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
	background-color: #E6E6E6;
}

#disque_photo, #disque_texte
{
	display: inline-block;
	vertical-align: top;
}

#disque_texte, #disque_etat
{
	margin-left: 40px;
}

#disque_infos, #disque_etat
{
	display: inline-block;
	vertical-align: top;
}

#disque_infos
{
	width: 200px;
}

#disque_presentation
{
	width: 380px;
}

#plus_dinfos
{
	text-align: right;
}

#album_chopette
{
	text-align: center;
	width: 450px;
}

#album_panier_page
{
	text-align: right;
	margin-top: 20px;
	width: 230px;
}

#album_chopette, #album_panier_page
{
	display: inline-block;
	vertical-align: top;
}

.album_presentation
{
	border: 1px solid;
	padding: 20px;
	border-radius: 5px;
	text-align: justify;
}

#vider, #passer_achat
{
	display: inline-block;
	text-align: right;
	widht: 100px;
}

#passer_achat
{
	margin-left: 20px;
}

#vider
{
	margin-left: 55%;
}

#suivi_client, #suivi_commande
{
	display: inline-block;
	vertical-align: top;
	width:45%;
}

#suivi_commande
{
	text-align: right;
}

.suivi_infos th
{
	border-style: none;
	text-align: left;
}

.suivi_label
{
	width: 77px;
}

.ventes, .raison_vente
{
	display: inline-block;
	vertical-align: top;
}

.ventes
{
	width: 60%;
}

.raison_vente
{
	width: 27%;
	margin-left: 20px;
}

#gestion_prepare, #gestion_envoie
{
	display: inline-block;
	width: 45%;
	border: 1px solid black;
	border-radius: 5px;
	padding: 10px;
	vertical-align: top;
	background-color: #E6E6E6;
}

#gestion_prepare h1, #gestion_envoie h1, #gestion_cheque h1
{
	text-align: center;
}

#gestion_envoie
{
	margin-left: 20px;
}

#gestion_cheque
{
	margin-top: 20px;
	border: 1px solid black;
	border-radius: 5px;
	padding: 10px;
	background-color: #E6E6E6;
}

.boite_idee
{
	padding: 10px;
	border: 1px solid black;
	border-radius: 5px;
	background-color: #E6E6E6;
}

/* Pied de page */

#pied_de_page p
{
	text-align: center;
}

#pied_de_page
{
	clear: both;
}

#pied_de_page a
{
	color: #2435AA;
	text-decoration: none;
}

#pied_de_page a:hover
{
	color: #7788FF;
	text-decoration: underline;
}

#pied_de_page th, td
{
	border-style: hidden;
}

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #menu_menu, .old_ie #corps, .old_ie .bouton rouge, .old_ie #menu, .old_ie #menu li, .old_ie #menu_prix_p, .old_ie #menu_tot_p, .old_ie #disque_photo, .old_ie #disque_texte, .old_ie #disque_infos, .old_ie #disque_etat, .old_ie #album_chopette, .old_ie #album_panier_page, .old_ie #vider, .old_ie #passer_achat, .old_ie #suivi_client, .old_ie #suivi_commande, .old_ie .ventes, .old_ie .raison_vente, .old_ie #gestion_prepare, .old_ie #gestion_envoie
{
	display: inline;
	zoom: 1;
}