@font-face {
    font-family: 'TwCenMTRegular';
    src: url('css/tcm_____-webfont.eot');
    src: url('css/tcm_____-webfont.eot?iefix') format('eot'),
         url('css/tcm_____-webfont.woff') format('woff'),
         url('css/tcm_____-webfont.ttf') format('truetype'),
         url('css/tcm_____-webfont.svg#webfonttuz71FmB') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0;
	padding: 0;
	background-color:#450F31;
	font-family: Verdana,Arial;
	font-size:11px;
	background-image:url('images/Interface/FondDuplick.jpg');
	/*background-image:url('images/Interface/fondJPOGaillac2011.jpg');*/
	background-repeat: no-repeat;
	background-position: top center;
}

p::selection {background-color: #C22D95;color: #FFF;}
p::-moz-selection {background-color: #C22D95;color: #FFF;}
p::-webkit-selection {background-color: #C22D95;color: #FFF;}
div::selection {background-color: #C22D95;color: #FFF;}
div::-moz-selection {background-color: #C22D95;color: #FFF;}
div::-webkit-selection {background-color: #C22D95;color: #FFF;}
td::selection {background-color: #C22D95;color: #FFF;}
td::-moz-selection {background-color: #C22D95;color: #FFF;}
td::-webkit-selection {background-color: #C22D95;color: #FFF;}
option::selection {background-color: #C22D95;color: #FFF;}
option::-moz-selection {background-color: #C22D95;color: #FFF;}
option::-webkit-selection {background-color: #C22D95;color: #FFF;}
h2::selection {background-color: #C22D95;color: #FFF;}
h2::-moz-selection {background-color: #C22D95;color: #FFF;}
h2::-webkit-selection {background-color: #C22D95;color: #FFF;}


form{margin:0;pading:0;display:inline;}
p  { font-family:  Verdana,Arial,sans-serif; font-size: 11px; color: #626262}
td { font-family:  Verdana,Arial,sans-serif; font-size: 11px; color: #626262}

img{border:0}
hr{padding:0;margin:0;}

h1 {display:inline;font-size:18px;font-weight:bold;color:#7d0852;padding:0;margin:0;}
h2 {display:inline;font-size:16px;font-weight:bold;color:#7d0852;padding:0;margin:0;}
h3 {display:inline;font-size:14px;font-weight:bold;color:#626262;padding:0;margin:0;}

#Entete {
	text-align:right;
	padding:2px;
	color:#FFFFFF;
	background-image:url("images/Interface/FondDuplick.jpg");
}

#Entete H1 {
	display:inline;
	color:#FFFFFF;
	font-size: 11px;
}

.ZoneText
{
	width:200px;
	background-color:#ffffff;
	border:solid 1px #b8b8b8;
	color:#626262;
	font-size:11px;
	height:19px;
	padding:2px 5px 0 5px;
}

.ZoneText2
{
	width:200px;
	background-color:#ffffff;
	border:solid 1px #b8b8b8;
	color:#9d9d9d;
	font-size:11px;
	height:19px;
	padding:2px 5px 0 5px;
}
.ZoneDeroulante{font-size:11px;background-color:#ffffff;border:solid 1px #b8b8b8;color:#626262;}
textarea{font-size:11px;font-family:Arial;padding:3px;background-color:#ffffff;border:solid 1px #b8b8b8;color:#626262;}

.pt  { font-family:  Verdana,Arial,sans-serif; font-size: 10px; color: #626262}
.gris {color:#aaaaaa;}
.grisfonce {color:#626262;}
.grisfonce2 {color:#484848;}
.blanc {color:#ffffff;}
.violet {color:#7d0852;}
.violet2 {color:#9e477e;}
.noir {color:#000000;}

.violetMois{
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	color: #9e477e;
	font-family: Arial, Helvetica, sans-serif;
}

.BorderGris{border: solid 1px #dddbdb}
.BorderBlanc{border: solid 1px #ffffff}
.BorderViolet{border: solid 1px #7d0852}
.TraitGris{border-bottom: solid 1px #dddbdb}
.FondGrisF{background-color:#787878;}

.txt13 {font-size: 13px;}
.txt14 {font-size: 14px;}

.tab{padding:0 5px 0 5px;}

a
{
	font-size:11px;
	text-decoration:none;
	color:#626262;
}
a:hover
{
	text-decoration:underline;
	color:#7d0852;
}

.CadreG
{
	background-image:url('images/Accueil/EncartGauche/CadreGDuplick.png');
	background-repeat:repeat-y;
	background-position:right top;
	width:3px;
}

.CadreD
{
	background-image:url('images/Accueil/EncartGauche/CadreDDuplick.png');
	background-repeat:repeat-y;
	background-position:left top;
	width:2px;
}

.CadreFond
{
	background-image:url('images/Accueil/EncartGauche/CadreFondDuplick.png');
	background-repeat:repeat-x;
	background-position:center top;
	height:76px;
	background-color:#e4e4e4;
}

.CadreJPO
{
	background-image:url('images/Accueil/EncartGauche/CadreJPODuplick.png');
	background-repeat:repeat-y;
	background-position:left top;
	height:76px;
}

.CadreGJPO
{
	background-image:url('images/Accueil/EncartGauche/CadreGDuplickJPO.png');
	background-repeat:repeat-y;
	background-position:right top;
	width:3px;
}

.CadreDJPO
{
	background-image:url('images/Accueil/EncartGauche/CadreDDuplickJPO.png');
	background-repeat:repeat-y;
	background-position:left top;
	width:2px;
}

.CadreFondJPO
{
	background-image:url('images/Accueil/Interface/FondDuplick.jpg');
	background-repeat:repeat-x;
	background-position:center top;
	height:76px;
	background-color:#830F70;
}


#global
{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#aaaaaa;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:30;
	display:none;
}
#globalContact
{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:30;
	display:none;
}

#popupconf
{
	position:fixed;
	width:100%;
	height:100%;
	z-index:99;
	top:40%;
	display:none;
}
#popupContact{
	background:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:99;
	top:20%;
	display:none;
	z-index:99;
}
#popupContactTab{
	background-image:url('images/Contact/popup_contemp.png') ;
	background-repeat: no-repeat;
	background-position:center;	
	width: 500px;
	padding: 63px 0 18px 108px;
	height: 300px;
	z-index:99;
}
#popupContactTab table{
	margin-right:80px;
	/*margin-top: -38px;*/
}
* html body #popupContactTab table{
	margin-top: -38px;
}

#popupContactTab table .labelTypeCatalogue{
	width: 20px;
}
.popupContactTxt_1{
	color:#7d0852;
	font-size:16px;
	font-weight:bold;
	
}
.popupContactTxt_2{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#PhotoCatalogue
{
	position:absolute;
	width:70px;
	height:86px;
	margin-left:180px;
	margin-top:-10px;
	z-index:2;
}

#PhotoPromo
{
	position:absolute;
	width:70px;
	height:80px;
	margin-left:167px;
	margin-top:12px;
	z-index:2;
}
#miniJPO{
	margin-top:20px;
}

#PointeBulle
{
	position:absolute;
	width:12px;
	margin-left:217px;
	margin-top:1px;
}

#Contenu
{
	width:952px;
	background-color:#ffffff;
	border:solid 1px #fff478;
	border-top:none;
}

#Logo
{
	width:310px;
	padding-top:20px;
}

#MenuHaut
{
	font-size:11px;
	color:#353535;
}

#ArbreG
{



	background-image:url('images/Interface/ArbreG.jpg');
	background-repeat:no-repeat;
	background-position:right top;
	height:595px;

}

#ArbreD
{


	background-image:url('images/Interface/ArbreD.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	height:595px;

}

#Definima
{
	position:absolute;
	margin-left:840px !important;
	margin-left:595px;
	margin-top:10px !important;
	margin-top:-5px;
}

.PiedPage
{
	border:solid 1px #fff478;
	border-top:none;
	background-image:url('images/PiedPage/PiedPageDuplick.png');
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#d3d2d2;
	
}

.DegradeGris
{
	background-image:url('images/Accueil/DegradeGris.png');
	background-repeat:repeat-y;
	background-position:right top;
	height:325px;
}

.DegradeGris2
{
	background-image:url('images/Accueil/DegradeGris.png');
	background-repeat:repeat-y;
	background-position:right top;
	height:260px;
}

.DegradeGris3
{
	background-image:url('images/Accueil/DegradeGris.png');
	background-repeat:repeat-y;
	background-position:right top;
	height:220px;
}

.OmbreGauche
{
	background-image:url('images/Interface/OmbreGauche.png');
	background-repeat:repeat-y;
	background-position:right top;
	width:204px;
}

.OmbreDroite
{
	background-image:url('images/Interface/OmbreDroite.png');
	background-repeat:repeat-y;
	background-position:left top;
	width:203px;
}

.OmbreBas
{
	background-image:url('images/Interface/OmbreBas.png');
	background-repeat:repeat-x;
	background-position:center top;
	height:8px;
}

.Fond
{
	background-image:url('images/Interface/FondDuplick.jpg');
	background-repeat:repeat-x;
	background-position:center top;

}

.FondJPO
{
	background-image:url('images/Accueil/Interace/fondJPO.jpg');
	background-position:center top;
	background-color:#450f31;
}
.ListeMenu{
	border: none;
	color: #7F7F7F;
	font-family: TwCenMTRegular;
	font-size: 14px;
	text-transform: uppercase;
}

.listeperso {
	background-image: url('images/magasin/nos_magasins.png');
	cursor: pointer;
	width: 125px;
	height: 20px;
	position: absolute;
	top: 0;
	z-index: 26;
}

.listeperso_content {
	background-image: url('images/magasin/nos_magasins_bg.png');
	border: 1px solid #700158;
	width: 113px;
	height: 75px;
	position: absolute;
	top: 0;
	z-index: 25;
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 5px;
	display: none;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.listeperso_content table tr td {
	color: #711154;
	font-family: CenturyGothicRegular, Arial;
	font-size: 12px;
	text-shadow: 1px 1px 0 #cd1294;
	text-transform: uppercase;
}

.listeperso_content table tr td a {
	color: #FFF;
	font-family: CenturyGothicRegular, Arial;
	text-shadow: 0px 0px 0;
	text-transform: uppercase;
}

.listeperso_content table tr td a:hover {
	color: #FFF;
	font-family: CenturyGothicRegular, Arial;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
	text-transform: uppercase;
}


.borderbottom {
	border-bottom: 1px solid #AE0180;
}

.bordertop {
	border-top: 1px solid #80015F;
}

#tableFoire td{
	padding-left: 5px ;
	padding-right: 5px ;
}