/* PMP CONCEPT 07/2007 */

/* ------------------------------------ */
/*                                      */
/*            GENERAL                   */
/*                                      */
/* ------------------------------------ */
body, ul, li, p, fieldset, legend, h1, h2, h3, h4, form, select { padding:0; margin:0; text-indent:0; border:0; }

body { background:#fff; color:#3e6991; line-height:15px; font-family:Arial; font-size:12px; margin:0 0 20px 0; height:100%; }

.vide, legend { position:absolute; left:-5000px; }

p { text-align:justify; }

img { border:0 none; }
img.alignDroite, .alignDroite img { margin:0 0 5px 10px; float:right; }

input, textarea { font-size:11px; font-family:Arial; color:#2a2723; padding:2px; margin:1px; width:310px; background-color:#fff; border:1px solid #657d8b; }
input:focus, textarea:focus { background:#d6e6eb; }


#hautSiteAccueil, #hautSite,
#coeurSiteAccueil, #coeurSite,
#basSiteAccueil, #basSite { overflow:hidden; margin:0 auto; clear:both; }

.oenoprod { font-family:Verdana, Arial; font-weight:normal; color:#9b090e; }
.oenoprod b { font-weight:normal; color:#c93388; font-size:14px; }

.txt_Fort { font-family:Verdana, Arial; color:#9b090e; font-size:14px; font-weight:bold; }

.commentaire { font-size:10px; color:#aec6d6; clear:both; }

/*couleur*/
.rouge { color:#9b090e; }
.bleuFonce { color:#143d61; }
.rose { color:#c93388; }

.normal { font-weight:normal; }

.infos { padding:10px; border:1px solid #ffe100; background:#fffad7; clear:both; }

.visible { display:block; visibility:visible; }
.invisible { display:none; visibility:hidden; }


/* ------------------------------------ */
/*                                      */
/*            ACCUEIL                   */
/*                                      */
/* ------------------------------------ */
#hautSiteAccueil { width:581px; height:182px; background:#fff; background:#fff url(../_image/molecule.jpg) right top no-repeat;}
#hautSiteAccueil #logoAccueil { width:177px; height:121px; display:block; background:#fff url(../_image/logo_oenoprod_accueil-2014.png) 0 0 no-repeat; margin:14px 0 0 9px; position:absolute; }
#hautSiteAccueil a#accesPro { margin:0 0 0 440px; }

ul#menuAccueil { position:absolute; top:151px; width:581px; height:31px; background:#639dba; overflow:hidden; }
#menuAccueil li { list-style:none; float:left; }
#menuAccueil li a { display:block; height:31px; }
#menuAccueil li a#menu1:hover,
#menuAccueil li a#menu2:hover,
#menuAccueil li a#menu3:hover,
#menuAccueil li a#menu4:hover,
#menuAccueil li a#menu5:hover,
#menuAccueil li a#menu6:hover { background-position:0 -31px; }

#menuAccueil li a#menu1 { background:url(../_image/fr/menu_accueil/oenoprod.png) 0 0 no-repeat; width:97px; }
#menuAccueil li a#menu2 { background:url(../_image/fr/menu_accueil/oenologie.png) 0 0 no-repeat; width:97px; }
#menuAccueil li a#menu3 { background:url(../_image/fr/menu_accueil/qualite.png) 0 0 no-repeat; width:97px; }
#menuAccueil li a#menu4 { background:url(../_image/fr/menu_accueil/conseils.png) 0 0 no-repeat; width:97px; }
#menuAccueil li a#menu5 { background:url(../_image/fr/menu_accueil/actualites.png) 0 0 no-repeat; width:97px; }
#menuAccueil li a#menu6 { background:url(../_image/fr/menu_accueil/retd.png) 0 0 no-repeat; width:96px; }

#hautSiteAccueil ul#menuLangue { position:absolute; top:0; margin:5px 0 0 400px; }
#menuLangue li { list-style:none; float:left; margin-right:4px; }
#menuLangue li a { display:block; width:16px; height:14px; }

#hautSiteAccueil #deconnexion { margin-top:130px; width:404px; }

#coeurSiteAccueil { width:588px; padding:4px 0 0 0; }
#photoAccueil { width:587px; height:254px; background:#fff url(../_image/fr/auservicedesvinsdequalite.jpg) 0 0 no-repeat; }
#messageAccueil { padding:20px 20px 0 20px; font-size:14px; }
#messageAccueil p { padding-bottom:15px; line-height:17px; }

ul#gammeProduitsAccueil { width:582px; height:36px; background:url(../_image/fond_produits_accueil.png) 0 0 no-repeat; margin-top:20px; padding-left:5px; }
ul#gammeProduitsAccueil li { list-style:none; float:left; padding:10px 0 0 11px; color:#b7c2c9; }
ul#gammeProduitsAccueil li a { margin:0 11px 0 0; color:#657d8b; text-decoration:none; text-transform:lowercase; }
ul#gammeProduitsAccueil li a:hover { text-decoration:underline; }

#basSiteAccueil { width:587px; padding-top:20px; }


/*intro flash*/
.introFlash { width:0; height:0; position:absolute; top:0; left:50%; margin-left:-294px; }


/* ------------------------------------ */
/*                                      */
/*            HAUT SITE                 */
/*                                      */
/* ------------------------------------ */
#hautSite { width:748px; height:132px; background:#fff; background:#fff url(../_image/molecule.jpg) 0 -35px no-repeat; position:relative; }
#hautSite #logoAccueil { width:113px; height:77px; display:block; background:#fff url(../_image/logo_oenoprod-2014.png) 0 0 no-repeat; margin:6px 0 0 7px; position:absolute; }
a#accesPro { width:143px; height:49px; display:block; background:#fff url(../_image/fr/acces_pro.png) 0 0 no-repeat; position:absolute; top:0; }
a:hover#accesPro { background-position:0 -49px; }

#hautSite #accesPro { margin:0 0 0 612px; }
#hautSite ul#menuAccueil { position:absolute; top:93px; width:748px; height:39px; background:#639dba; overflow:hidden; }
#hautSite #menuAccueil li { list-style:none; float:left; }
#hautSite #menuAccueil li a { display:block; height:39px; }
#hautSite #menuAccueil li a#menu1:hover,
#hautSite #menuAccueil li a#menu2:hover,
#hautSite #menuAccueil li a#menu3:hover,
#hautSite #menuAccueil li a#menu4:hover,
#hautSite #menuAccueil li a#menu5:hover,
#hautSite #menuAccueil li a#menu6:hover { background-position:0 -39px; }
#hautSite #menuAccueil li.active a#menu1,
#hautSite #menuAccueil li.active a#menu2,
#hautSite #menuAccueil li.active a#menu3,
#hautSite #menuAccueil li.active a#menu4,
#hautSite #menuAccueil li.active a#menu5,
#hautSite #menuAccueil li.active a#menu6 { background-position:0 -78px; }
#hautSite #menuAccueil li a#menu1 { background:url(../_image/fr/menu/oenoprod.png) 0 0 no-repeat; width:125px; }
#hautSite #menuAccueil li a#menu2 { background:url(../_image/fr/menu/oenologie.png) 0 0 no-repeat; width:125px; }
#hautSite #menuAccueil li a#menu3 { background:url(../_image/fr/menu/qualite.png) 0 0 no-repeat; width:125px; }
#hautSite #menuAccueil li a#menu4 { background:url(../_image/fr/menu/conseils.png) 0 0 no-repeat; width:125px; }
#hautSite #menuAccueil li a#menu5 { background:url(../_image/fr/menu/actualites.png) 0 0 no-repeat; width:125px; }
#hautSite #menuAccueil li a#menu6 { background:url(../_image/fr/menu/retd.png) 0 0 no-repeat; width:123px; }

#hautSite ul#menuLangue { position:absolute; top:0; margin:5px 0 0 580px; }
#menuLangue li { list-style:none; float:left; margin-right:4px; }
#menuLangue li a { display:block; width:16px; height:14px; }

#deconnexion { width:635px; float:right; text-align:right; margin:70px 0 0 0 }
#deconnexion a { color:#ca3489; }
#deconnexion a:hover { color:#143d61; }

/*menuTop*/
#hautSite .menutop {
	position:absolute;
    top:10px;
	right:0;
}
#hautSiteAccueil .menutop {
	position:relative;
}
#hautSiteAccueil .menutop {
	margin:10px 0 0 415px;
	position:absolute;
}
.menutop A {
	color:#3e6991; padding:0 5px;
}
.menutop A:hover {
	color:#c93388;
}

/* ------------------------------------ */
/*                                      */
/*            BAS PAGE	                */
/*                                      */
/* ------------------------------------ */
#basSite { width:748px; padding-top:20px; }
#copyright { text-align:left; overflow:hidden; padding:7px 0 4px 0; color:#657d8b; font-size:10px;
	clear: both;
}
#copyright a { color:#657d8b; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }
#copyright #copy { width:350px; float:left; margin-top:5px; /*text-transform:lowercase;*/ }
#copyright #logopmp { width:100px; float:right; text-align:right; }
#copyright #logopmp a { width:73px; height:30px; display:block; background:transparent url(../_image/fr/logo_pmpconcept.png) no-repeat; float:right; }
#copyright #logopmp a span { display:none; }

/*lienexpress*/
.lienexpress {
	background: url(../_image/fond_produits_bas.png) no-repeat 0 0;
	width: 587px;
	height: 78px;
	overflow: hidden;
}
.lienexpress li {
	list-style-type: none;
	margin: 0;
	background: url(../_image/separateur.png) no-repeat 0 15px;
}
.lienexpress li.first {
	margin-left: 20px;
	background-image: none;
}
.lienexpress .niv1 {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 11px;
	padding-top: 15px;
}
.lienexpress h3 {
	color: #657d8b;
	font-size: 14px;
	margin-bottom: 4px;
}
.lienexpress a {
	text-decoration: none;
	color: #657d8b;
	font-size: 10px;
}
.lienexpress a:hover {
	color: #c93388;
}


/* ------------------------------------ */
/*                                      */
/*            COEUR PAGE                */
/*                                      */
/* ------------------------------------ */
#coeurSite { width:754px; padding-top:8px; }
#coeurSite h1 { line-height:normal; color:#9b090e; font-size:22px; margin-bottom:12px; }
#coeurSite h2 { font-size:14px; border-left:4px solid #ca3489; color:#143d61; padding-left:6px; margin-bottom:16px; clear:both; }
#coeurSite h3 { font-size:12px; color:#ca3489; margin-bottom:10px; }
#coeurSite li { list-style:none; text-indent:11px; margin-bottom:5px; }
#coeurSite p { margin-bottom:15px; }
#coeurSite ul { margin-bottom:10px; }

#bordureHaut { width:754px; height:17px; display:block; background:url(../_image/fond_haut.png) left top no-repeat; overflow:hidden; position:absolute; }
#bordureCentre { background:url(../_image/fond_centre.png) left top repeat-y; overflow:hidden; height:100%; }
#bordureBas { width:754px; height:16px; display:block; background:url(../_image/fond_bas.png) left bottom no-repeat; position:absolute; margin-top:-10px; clear:both; }

/*GAUCHE*/
#gauche { min-height:300px; padding:14px 18px 14px 18px; width:464px; float:left; }
#gauche a { color:#9b090e; text-decoration:underline; }
#gauche a:hover { color:#c93388; }
#gauche ul { margin:0 10px 15px 30px; }
#gauche li { background:url(../_image/puce01.png) 0 4px no-repeat; }

/*DROITE*/
#droite { width:246px; float:right; margin:17px 7px 16px 0; }
#droite p { text-align:left; }
#droite ul { margin:0 5px 15px 10px; }
#droite li { background:url(../_image/puce02.png) 0 4px no-repeat; }
#droite a { color:#3e6991; text-decoration:underline; }
#droite a:hover { color:#c93388; }

.txtDroite { padding:0 9px 0 9px; }

/*FORMULAIRE*/
#boutonForm { padding:10px 0 0 0; }
#boutonForm div { margin:0 auto; white-space:nowrap; }
#boutonForm a { float:left; margin:0 5px 0 5px; }

.pmpup-body div.formulaire { height:542px; }
.formulaire h3, #coeurSite .formulaire h3 { font-size:13px; font-weight:normal; color:#143d61; width:120px; float:left; margin:0; }
table.formulaire div { white-space:nowrap; }
.formulaire .erreurForm { border:1px dashed red; background-color:#fff5eb; padding:5px; margin-bottom:5px; }
.formulaire .erreurForm input, .formulaire .erreurForm textarea { /*width:300px;*/ }
.formulaire .erreurForm h3, #coeurSite .formulaire .erreurForm h3 { color:red; width:115px; }
.formulaire .autoWidth input { width:auto; border:none; }
.formulaire .form_cp input { width:90px; }
.formulaire .form_tel input { width:150px; }
.formulaire .connection h3 { width:130px; }
.formulaire .connection input { width:300px; }
.formulaire p { margin-bottom:15px; }
.formulaire ul, #coeurSite .formulaire ul { clear:both; overflow:hidden; padding:3px 0 0 120px; margin:0 0 5px 0; width:310px }
.formulaire li, #coeurSite .formulaire li { display:block; width:150px; height:21px; padding:0; background:none; float:left; text-indent:0; margin:0; }


/*bouton*/
#boutonEnvoyer { width:62px; height:18px; display:block; background:url(../_image/fr/bouton/envoyer.png) 0 0 no-repeat; }
#boutonOk { width:28px; height:18px; display:block; background:url(../_image/fr/bouton/ok.png) 0 0 no-repeat; } 
#boutonConnexion { width:73px; height:18px; display:block; background:url(../_image/fr/bouton/connexion.png) 0 0 no-repeat; }
#boutonCreezCompte { width:131px; height:18px; display:block; background:url(../_image/fr/bouton/creezcompte.png) 0 0 no-repeat; }
#boutonFermer { width:56px; height:18px; display:block; background:url(../_image/fr/bouton/fermer.png) 0 0 no-repeat; }
#boutonModifier { width:62px; height:18px; display:block; background:url(../_image/fr/bouton/modifier.png) 0 0 no-repeat; }
#boutonAnnuler { width:62px; height:18px; display:block; background:url(../_image/fr/bouton/annuler.png) 0 0 no-repeat; }

/*Point de vente*/
a#pointVente { width:246px; height:155px; background:url(../_image/fr/pointsdeventes.png) 0 0 no-repeat; display:block; margin:0 0 15px 0; }
a#prestataireProfenol { width:246px; height:98px; background:url(../_image/fr/prestataireprofenol.png) 0 0 no-repeat; display:block; margin:0 0 15px 0; }
.blockVente { width:215px; float:left; border:1px dotted #657d8b; padding:5px; margin-bottom:20px; }
.blockVente #boutonOk, .blockVente select { float:left; margin-left:4px; }

.titreListe { clear:both; }
#coeurSite .titreListe h2 { font-size:12px; color:#143d61; border:0; padding:4px 0 0 10px; margin:0 0 13px 0; font-weight:normal; background:url(../_image/fond_utilisation.png) 0 0 no-repeat; height:18px; clear:both; }
.revendeur { padding: 0 0 0 20px; }
.revendeur strong { text-transform:uppercase; }


/*Actualites*/
ul.actualite { margin:0 0 15px 0; }
.actualite li { font-size:10px; text-align:left; margin-bottom:5px; color:#657d8b; }
.actualite li a { font-size:12px; text-decoration:underline; color:#3e6991; }
.actualite li a:hover { color:#ca3489; }

#coeurSite .telechargeFichier { clear:both; }
#coeurSite .telechargeFichier h2 { font-size:12px; color:#143d61; border:0; padding:4px 0 0 10px; margin:0 0 13px 0; font-weight:normal; background:url(../_image/fond_utilisation.png) 0 0 no-repeat; height:18px; }

#coeurSite .telechargeFichier table { width:444px; border-collapse:collapse; color:#9b090e; margin:0 0 0 10px; }
#coeurSite .telechargeFichier td { border-top:1px solid #dfdfdf; vertical-align:top; }
#coeurSite .telechargeFichier .description { font-size:10px; line-height:11px; color:#657d8b; }
#coeurSite .telechargeFichier td.fichier { text-align:right; padding:3px 0 0 0; font-variant:small-caps; width:30px; }


/*Qualite*/
.blockQualite { width:224px; float:left; margin-bottom:3px; background:#f6ec5a; }
.blockQualite strong { color:#365a70; }
.blockQualite .txt { height:106px; padding:5px; border-right:1px solid #e6e17c; border-left:1px solid #fffa95; border-top:1px solid #fffa95; }
.blockQualite .ombre { height:11px; background:url(../_image/ombre.png) right top no-repeat; border-top:1px solid #e6e17c; }

h2#encourscertification { width:246px; height:90px; display:block; background:url(../_image/fr/iso14000iso22000.png) left top no-repeat; border:0; }


/*OenoProd*/
#competence { width:246px; height:133px; display:block; background:url(../_image/fr/competences3.png) left top no-repeat; margin-top:-3px; }


/*Oenologie*/
.introGamme {
	position: relative;
	min-height: 80px;
}
.introGamme h1, .introGamme p {
	margin-left: 73px;
}
.introGamme .imgTitre {
	position: absolute;
	top: 0;
	left: 0;
}
 #coeurSite .levure {
	color: #656699;
}
#coeurSite .enzymes {
	color: #99c01b;
}
#coeurSite .activateurs {
	color: #c03c8b;
}
#coeurSite .elevage {
	color: #a2a1a1;
}
#coeurSite .bonde {
	color: #f49d00;
}

/*menu de droite*/
#coeurSite .menuDroite { width:240px; margin-left:3px; }
#coeurSite .menuDroite h2.titre { height:20px; background:url(../_image/menu_droite_haut.png) 0 0 no-repeat; border:none; margin:0; color:#fff; font-size:14px; font-weight:normal; padding:5px 0 0 10px; }
#coeurSite .menuDroite ul { margin:0 0 15px 0; padding:0 0 7px 0; background:url(../_image/menu_droite_bas.png) 0 bottom no-repeat; }
#coeurSite .menuDroite li { background:url(../_image/menu_droite_centre.png) 0 0 no-repeat; margin:0; height:21px; padding:8px 0 0 19px; }
#coeurSite .menuDroite a { text-decoration:none; color:#143d61; display: block; }
#coeurSite .menuDroite a:hover { text-decoration:underline; }

#coeurSite .menuDroite h2.titre.levure {
	background-position: 0 0;
}
#coeurSite .menuDroite h2.titre.enzymes {
	background-position: 0 -25px;
}
#coeurSite .menuDroite h2.titre.activateurs {
	background-position: 0 -50px;
}
#coeurSite .menuDroite h2.titre.elevage {
	background-position: 0 -75px;
}
#coeurSite .menuDroite h2.titre.bonde {
	background-position: 0 -100px;
}


#schemaUtilisation { width:246px; height:90px; display:block; background:url(../_image/fr/schemasutilisation.png) left top no-repeat; margin-top:-3px; }


#coeurSite .utilisation { padding:6px 0 0 0; }
#coeurSite .utilisation h2 { font-size:10px; color:#657d8b; border:0; padding:4px 0 0 10px; margin:0 0 13px 0; font-weight:normal; background:url(../_image/fond_utilisation.png) 0 0 no-repeat; height:18px; }
#coeurSite .utilisation h2 strong { font-size:12px; color:#143d61; text-transform:uppercase; font-weight:normal; }
#coeurSite .utilisation ul, #coeurSite .utilisation p { margin:0 10px 10px 10px; }
#coeurSite .utilisation li { text-align:justify; }
#coeurSite .utilisation h3 { margin:0 0 0 10px; }

#coeurSite .utilisation table { width:444px; border-collapse:collapse; color:#657d8b; margin:0 0 15px 10px; }
#coeurSite .utilisation td { border-top:1px solid #dfdfdf; vertical-align:top; }
#coeurSite .utilisation td.titre { width:162px; padding:6px 0 0 0; }
#coeurSite .utilisation td.produit { width:130px; padding:6px 15px 0 15px; background-color: #f5f9fa; }
#coeurSite .utilisation td.fichier { text-align:right; padding:3px 0 0 0; font-variant:small-caps; }

.telechargerPMPUP { color:#657d8b; padding:3px 0 0 0; }
.telechargerPMPUP .fichier { text-align:right; font-variant:small-caps; width:160px; float:right; }
.telechargerPMPUP .produit { width:140px; padding:3px 0 0 0; float:left; }


/* PROCESS */
#coeurSite .processTitre { color:#3e6991; font-size:22px; font-weight:normal; background:url(../_image/processelaboration.jpg) 0 0 no-repeat; width:464px; padding:245px 0 0 0; }

/* NAVIGATION */
#coeurSite .navigation { float:right; line-height:28px; color:#c93388; font-size:11px; }
#coeurSite .navigation a { padding:1px 5px 1px 5px; border:1px solid #d6e6eb; text-decoration:none; color:#657d8b; margin:0 2px 0 2px; }
#coeurSite .navigation a:hover { padding:1px 5px 1px 5px; border:1px solid #9b090e; text-decoration:none; color:#9b090e; }
#coeurSite .navigation span { padding:1px 5px 1px 5px; border:1px solid #c93388; text-decoration:none; background-color:#fff }
#coeurSite .navigation a#precedent { padding:1px 5px 1px 5px; border:1px solid #d6e6eb; text-decoration:none; color:#657d8b; }
#coeurSite .navigation a:hover#precedent { padding:1px 5px 1px 5px; border:1px solid #9b090e; text-decoration:none; color:#9b090e; }
#coeurSite .navigation a#suivant { padding:1px 5px 1px 5px; border:1px solid #d6e6eb; text-decoration:none; color:#657d8b; }
#coeurSite .navigation a:hover#suivant { padding:1px 5px 1px 5px; border:1px solid #9b090e; text-decoration:none; color:#9b090e; }

/* ------------------------------------ */
/*                                      */
/*            ZOOM		                */
/*                                      */
/* ------------------------------------ */
.pmpup {
	cursor: url(../_scripts/pmpup/graphics/zoomin.cur), pointer;
    outline: none;
}
.pmpup span { display:none; }
.pmpup-image {
    border-bottom: 1px solid white;
}
.pmpup-image-blur {
}
.pmpup-caption {    
    border-bottom: 1px solid white;
    font-size: 10pt;
    padding: 5px;
    background-color: #fff;
	color:#3e6991;
    
    display: none;
}
.pmpup-caption a { color:#9b090e; text-decoration:underline; }
.pmpup-caption a:hover { color:#c93388; }
.pmpup-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(../_scripts/pmpup/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}

a.pmpup-credits,
a.pmpup-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.pmpup-credits:hover,
a.pmpup-credits:hover i {
    color: white;
    background-color: gray;
}
.pmpup-display-block {
    display: block;
}
.pmpup-display-none {
    display: none;
}
.pmpup-overlay {
	display: none;
	background:#fff;
}

.pmpup-html {
    background-color: white;
}
.pmpup-html-blur {
}
.pmpup-html-content {
	position: absolute;
    display: none;
}

/* Controlbar example */
.controlbar {	
	background:transparent url(../_scripts/pmpup/graphics/controlbar2.gif) no-repeat;;
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

.control {
	float: right;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 10px;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #9b090e;
}
.control:hover {
	color:#ca3489;
}

/* Necessary for functionality */
.pmpup-display-block {
    display: block;
}
.pmpup-display-none {
    display: none;
}
.pmpup-move {
    cursor: move;
	position: absolute;	
}

.pmpup-body { padding:10px; clear:both; }


/* ------------------------------------ */
/*                                      */
/*         	ICONE FICHIER               */
/*                                      */
/* ------------------------------------ */

.pdf {
	clear:none; 
	display: block;
	margin: 5px 5px 5px 5px;
	padding-left: 5px;
	background:url(../_image/icones_fichiers/pdf.jpg) 0 0 no-repeat;
	width:32px;
	height:32px;
}