/* CSS Document */

* {
  margin:0;
  padding:0;
  border:0}
  
body{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000;
	background:#e3e5e7 url(../images/mep/fond_site.jpg) center 150px no-repeat;
} 

a {outline:none;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:none;} 
a img{border:0;}

p{padding:0;line-height: 1.5em;}

ul{list-style:none;}
table{border-spacing:0}
object,embed{margin:0; padding:0; border:0;}

/*------------------------------  ------- BLOCS -------  ----------------------------
-----------------------------------------------------------------------------------*/
#conteneur{width:1000px;margin: 0 auto;height:auto !important; height:154px; min-height:154px;}
#top{height:127px; margin-bottom:4px}

#blocConnection{width:595px;float:right;color:#fff;}
#formCnx{width:400px;height:35px;float:left;margin-left:8px;padding-top:3px}
#accesSite{float:right;width:150px;height:60px;cursor:pointer;text-align:center;padding :5px 10px 0 0;}

#accesSiteFruit,#accesSiteIndustrie{cursor:pointer;float:left;}
#accesSiteFruit{background:url(../images/mep/logoFruit.png) no-repeat;width:50px;height:49px;margin-left:80px;margin-top:2px}
#accesSiteIndustrie{background:url(../images/mep/logoIndustrie.png) no-repeat;width:50px;height:46px;margin-left:80px;margin-top:3px}

.mdp{height:10px;margin:-3px 0 0 210px;}

#blocG{float:left;width:178px; height:auto !important; height:480px; min-height:480px; margin-top:-2px;}

#blocD{float:right;width:820px; /*height:200px;*/}

#contenu{border-top:2px solid #fff;height:auto !important; height:616px; min-height:616px; background-color:#fff;margin-top:3px;}

#contenuTop{height:20px; text-transform:uppercase;color:#FFFFFF;padding:0 0 0 10px;}
#contenuTopG{float:left;width:200px;}
#contenuTopD{float:right;margin-right:20px;}

#formMdp{margin:5px 0;font-size:10px;display:none;background-color:#CCCCCC;color:#000;padding:3px 0 3px 12px}
#erreur{margin:5px 0;font-size:10px;display:none;background-color:#CCCCCC;color:#000;padding:3px 0 3px 12px}
#cnxOk{margin-top:2px;}

#footer{height:20px;margin:0 0 30px 0; padding-top:30px; background:url(../images/mep/footer.gif) top left no-repeat;}

.wrap{height:auto !important; height:154px; min-height:154px; background-color:#FFFFFF;}
.wrapGauche{float:left;width:578px;padding-left:10px;margin-top:10px}
.wrapGaucheSalon{float:left;width:260px;padding-left:10px;margin-top:10px;}
.wrapGauche2{padding:10px;}
.wrapDroite{float:right;width:220px; text-align:center;}

.wrapDroiteSalon{float:right;width:520px;margin:2px 0 2px 0}

.blocActuText{height:auto !important; height:90px; min-height:90px; text-align:justify}
.footBlocActu{text-align:right;font-weight:bold;margin-right:55px;}

.top{margin-top:8px;}

.wrapRight{margin-right:2px;}

#formUtilisateur{padding:10px 0;}

.blocSalon{height:50px;}

.panelGauche{float:left;width:285px;margin-top:40px;height:auto !important; height:180px; min-height:180px;padding-bottom:10px}
.panelDroite{float:right;width:220px; text-align:center;height:auto !important; height:200px; min-height:200px;}
.panelGaucheText{text-align:justify; height:150px}


#blocCompteG{float:left;width:375px; width:320px; padding:5px 5px 5px 10px; background-color:#CCCCCC;margin:10px 0 0 0;}
#blocCompteD{float:right;/*width:370px;*/ width:348px;padding:5px 5px 5px 10px;background-color:#CCCCCC;margin-top:10px;}

#blocCompteG a,#blocCompteD a{color:#000000}
#blocCompteG img, #blocCompteD img{vertical-align:top}

#infoContact{ border:1px solid #CCCCCC;padding:8px;text-align:justify;margin:20px 0 20px 20px}
.indication{margin-left:250px}

#map_canvas{width:500px; height:360px;margin:20px auto 20px auto;}
#distributeurs #map_canvas{width:690px; height:370px;margin:20px auto 20px auto;}
#distributeurs #map_canvas div.carte{ text-align:center; min-height:110px;}
#distributeurs #map_canvas div.carte *{ text-align:center;}
#distributeurs #map_canvas div.carte p{ margin-bottom:10px;}
#distributeurs #map_canvas div.carte img{display:block; float:none; margin:5px auto;}
#distributeurs #map_canvas div.carte h3{ margin-bottom:10px; border:none;}

#retourAccueil{width:300px;height:100px;  cursor:pointer;position:absolute}

/*------------------------------  ------- STYLE -------  ----------------------------
-----------------------------------------------------------------------------------*/
h1,h2,h3,h4 {font-weight:bold;}
h1{font-size:18px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}

#contenu h2{text-transform:uppercase;padding:2px 0 2px 10px;color:#fff;border-bottom:2px solid #FFFFFF}
#contenu h3{text-transform:uppercase;color:#000;margin-bottom:10px}

.clear{clear:both;}

.acces1,.acces2{font-weight:bold; text-transform:uppercase}
.acces1{font-size:12px;}
.acces2{font-size:16px;}
#formCnx table{width:380px;height:18px;border-spacing:0}
#connecte a,#connecte{color:#fff;font-weight:bold;margin-left:5px;}
.annuler{float:right;margin: 0 14px 0 0; cursor:pointer;}
.rouge{color:red;text-decoration:underline;font-size:13px; text-transform:uppercase}

.prochainSalon{width:130px;float:left;margin:10px 0 0 10px;}
.bottom{margin-bottom:3px;}

.loading{background:url(../images/mep/loader.gif)  no-repeat center center;width:820px;height:400px;}
.hover{ background-color:#f2f2f2}*
.captchaImage { margin: 10px 2px;  }
.captchaImages { width:300px;margin-right:130px; border:1px solid #CCCCCC;text-align:center}

td.betterhover, .tableHover tbody tr:hover
{
	background:#6dc3f2;
}
.table th,.table td{border:1px  solid #333333;}
.table tr,.table td{ text-align:center; height:25px; border-collapse:collapse}
.table th.noBorder{border:0;}

#galerieFormation ul{ list-style:none;}
#galerieFormation li{ display:block; float:left; width:200px;text-align:center; height:200px; margin:0 5px 5px 0; padding:0; position:relative;}
#galerieFormation li a, #galerieFormation li a img{margin:0; padding:0;position:relative;}

#frise_fruit_une{background:url(../images/mep/fruit_01.jpg) bottom center no-repeat;height:97px;}
#frise_fruit_deux{background:url(../images/mep/fruit_02.jpg) bottom center no-repeat;height:97px;}
#frise_fruit_trois{background:url(../images/mep/fruit_03.jpg) bottom center no-repeat;height:97px;}
#frise_industrie_une{background:url(../images/mep/industrie_01.jpg) bottom center no-repeat;height:97px;}
#frise_industrie_deux{background:url(../images/mep/industrie_02.jpg) bottom center no-repeat;height:97px;}
#frise_industrie_trois{background:url(../images/mep/industrie_03.jpg) bottom center no-repeat;height:97px;}
#frise_industrie_quatre{background:url(../images/mep/industrie_04.jpg) bottom center no-repeat;height:97px;}

/*------------------------------  ------- LIENS -------  ----------------------------
-----------------------------------------------------------------------------------*/
#formCnx a {color:#fff}
.mdp a{font-style:italic;color:#CCCCCC;font-size:9px;}
.doc li a, #doc2 li a{color:#000000;font-weight:bold;}
.lien{font-weight:bold; background-color:#FFFFFF;margin:5px 0 0 0}
.allEvent{padding-left:10px}
.active{ color:#996600; text-transform:lowercase; font-weight:bold;}
.footBlocActu a{margin-right:10px}

#contenu h2 a {color:#fff}


/*------------------------------  ------- MENU -------  ----------------------------
-----------------------------------------------------------------------------------*/
#blocG h2{height:24px;width:158px;padding-right:20px;text-align:right;color: #fff;border-bottom:2px solid #fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; line-height:24px;}


/*------------------------------  ------- FORMULAIRES -------  ----------------------
-----------------------------------------------------------------------------------*/
#formLogin{width:280px;padding:0;margin:0;}
#formLogin label{font-size:11px;padding:0;margin:0;border:0;}
#formLogin input, #mdp input{color:#fff}
#emailFormLogin,#passFormLogin,#emailMdp{height:16px;vertical-align:top;}
.submit{color:#FFFFFF;height:18px;}

#formMdp input{ background-color:#737373;border:1px solid #e4e6e8;color:#fff}
#inscrireNewsletter input{background-color:#c7d0d8;border:1px solid #e4e6e8;color:#fff}

#formUtilisateur label{float:left;width:165px; font-weight:bold}
#formUtilisateur input{ background-color:#999999;color:#fff}

uploadUtilisateur textarea{}
#uploadUtilisateur{ background-color:#CCCCCC;padding:10px}
#uploadUtilisateur label{float:left;width:165px; font-weight:bold}
#uploadUtilisateur input,#uploadUtilisateur textarea{ background-color:#999999;color:#fff}

#formContact label{font-weight:bold;margin-right:5px}
.formContact{ background-color:white;border:1px solid #999999;color:#000;margin-bottom:3px;}

.submitContact{background-color:#666666;border:1px solid #999999;color:#fff;margin-left:100px}
textarea{overflow:auto;}

/*------------------------------  ------- LISTES -------  --------------------------
-----------------------------------------------------------------------------------*/

.doc{margin-top:5px;}

#blocG a{color: #fff}
#blocG a.activeLink{color:#000;font-weight:bold;}
#blocG ul{text-align:right;padding-right:15px;margin:0 0}
#blocG li{margin-bottom:3px;}
#blocG li a:hover{color:#000}

#footer ul{padding:0;text-align:center;}
#footer li{display:inline;}
#footer,#footer li a{color:#666666}

/* ----------------------------------------------   		PAGINATION
 -------------------------------------------------------------------------------------------------------------------*/
.pagination{
	clear:both;
	width:780px;
	margin:10px 0;
	text-align:left}

.pagination a{
	font-weight:normal;
	width:10px;height:10px;

	text-align:center;	
	padding:4px;
	margin-right:2px;
	background-color:#919aa2;
	color:#CCC;
	border:1px solid #000;
	text-decoration:none}
	
.pagination a:hover,.pagination a:active{
	border:1px solid #000;
	color:#fff}

.pagination span.current{
	
	text-align:center;
	width:10px;height:10px;
	padding:4px;
	margin-right:2px;
	border:1px solid black;
	font-weight:bold;
	background-color:#FF0000;
	color:#FFF}


/* ----------------------------------------------   		SLIDE SALON ACCUEIL
 -------------------------------------------------------------------------------------------------------------------*/

#featured{ 
	width:820px;
	background-color:#FFFFFF ;}
	
#featured ul.ui-tabs-nav{ 
	float:left; 
	list-style:none; 
	padding:0; 
	margin:0 0 0 0; 
	width:260px;}
	
#featured ul.ui-tabs-nav li{ 
	padding:0; padding-right:13px;  
	padding-left:10px;
	font-size:12px; 
	color:#666;}
	
#featured ul.ui-tabs-nav li img{ 
	float:left;
	margin:4px 2px 0 0; 
	background:#fff;}
	
	
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;
	background:#fff; 
	border-bottom:1px solid #ff0000;
	line-height:20px;}
	
#featured li.ui-tabs-nav-item a:hover{ 
	border-bottom:1px solid #ff0000;
	background:#f2f2f2;}
	
#featured li.ui-tabs-selected{background:url('../images/mep/selected-item.gif') top right no-repeat;}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc;}

#featured .ui-tabs-panel{ 
	width:520px;
	height:auto !important; height:250px; min-height:250px;
	float:right;}
	

#featured .ui-tabs-hide{display:none;}
#contenu div.contenu_texte{background-color:#FFFFFF; padding:10px 60px 20px 60px;}
#contenu div.contenu_texte h2{ margin-bottom:10px;}
#contenu div.contenu_texte h3, #contenu div.contenu_texte h4{ margin-top:10px;}
#contenu div.contenu_texte ul{ list-style:square; margin-left:20px;}
#contenu div.contenu_texte p{ margin:0 0 5px 0; text-align:justify;}
#contenu div.contenu_texte li{text-align:justify;}
.clearB{clear:both; height:1px; line-height:1px;}
.important{ text-align:center; font-weight:bold; font-size:1.2em; text-transform:uppercase;}
#contenu div.contenu_texte p.marginL40{ margin-left:40px;}
table.tabBorder{ width:100%; border-collapse:collapse;}
table.tabBorder td, table.tabBorder th{border: solid 1px #000000; text-align:center; padding:2px 4px;}
table.tabBorder tr.alternate_row td{ background-color:#CCCCCC;}

#blocG a{ display:block;}
#blocG h3.ui-state-active, #blocG h3.ui-state-default{ background: none; background-color:#004E55; text-align:right; font-size:12px; height:24px; line-height:24px; padding-right:20px; width:158px; border:none; -moz-border-radius:0; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #ffffff; margin-top:0;}
#blocG .ui-accordion .ui-accordion-header .ui-icon {right:0.4em;margin-top:-8px;position:absolute;top:50%;}
#blocG .ui-accordion .ui-accordion-content{padding:10px 0;}
#blocG .ui-widget-content{background:none; background-color:#919AA2; border:none;}
#blocG .ui-icon-triangle-1-e{ background-position:-96px -16px;}
#blocG .ui-state-active .ui-icon {background-image:url(images/ui-icons_888888_256x240.png);}
#blocG .ui-widget{font-size:1em; font-family: Arial, Helvetica, sans-serif;}

span.puce_tel{ display: inline-block; width:16px; height:16px; background:url(../images/mep/apple-iphone.png) top left no-repeat; line-height:12px; margin-right:5px;}
span.puce_fax{ display: inline-block; width:16px; height:16px; background:url(../images/mep/fax-materie.png) top left no-repeat; line-height:12px; margin-right:5px;}
span.puce_email{ display: inline-block; width:16px; height:16px; background:url(../images/mep/email-modifier.png) top left no-repeat; line-height:12px; margin-right:5px;}
div.carte span.puce_tel, div.carte span.puce_fax, div.carte span.puce_email{ line-height:normal;}
#formContact input, #formContact textarea{ padding-left:2px;}
#formContact .submitContact{ cursor:pointer; padding:2px 10px;}
ul.liens li a{color:#0178BC;}
.fond_gris{#CCCCCC}

#fournisseurs .fournisseurs{ display:none;}
#contenu #fournisseurs ul{list-style:none;}
#contenu #fournisseurs li{ margin-bottom:15px;}
#contenu #fournisseurs .fournisseurs h3{ text-transform:uppercase; color:#0079be;}
#contenu #fournisseurs .fournisseurs h3 .numero{ display:inline-block; padding:2px 2px; background-color:#0079be; color:#FFFFFF; text-align:center; width:16px;}
#contenu #fournisseurs .fournisseurs h4{ font-size:12px; text-transform:uppercase; text-decoration:underline;}
#contenu #fournisseurs .fournisseurs img{ display:block; margin-bottom:10px; margin-top:10px; }
#contenu #fournisseurs .fournisseurs table{ margin-left:40px;}
#contenu #fournisseurs .fournisseurs a{ color:#0079be;}

#map_canvas div.carte a{ color:#000000;}
#referenceslast .gauche, #referenceslast .droite{ float:left;}
#referenceslast .droite{ margin-left:10px;}
#referenceslast div.bloc_references{ width:320px; height:380px; background:url(../images/mep/bloc_references.gif) top left no-repeat; padding:10px 10px;}
#referenceslast div.bloc_references_es{ width:320px; height:460px; background:url(../images/mep/bloc_references_es.gif) top left no-repeat; padding:10px 10px;}
#referenceslast div.bloc_references h3{text-align:center; border-bottom:solid 1px #000000;}
#referenceslast div.bloc_references h4{ margin-top:10px; font-size:12px; text-transform:uppercase;}
#referenceslast div.bloc_references ul{ list-style:none; margin:0 0;}
#referenceslast div.droite li{ margin-bottom:5px;}

#contenu div.contenu_texte ul.pdf{ list-style-type:none;}
#contenu div.contenu_texte ul.pdf li{ background:none; margin-bottom:5px;}
#contenu div.contenu_texte ul.pdf li a{ background:url("/images/mep/icone_pdf.png") top left no-repeat; display:inline-block; padding-left:30px; height:24px; line-height:24px;}