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

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#ffffff url(..//images/mep/bgBody.gif) repeat-x;
	overflow:auto;
	}
	
/* ----------------------------------------------   LES BLOCS
 -----------------------------------------------------------------------------------------------------------------*/
#conteneur{
	margin:0 auto;
	width:1000px;background-color:#FFFFFF;
	min-height:800px;
	_height:800px;}
	
#top{
	position:absolute;
	
	height:200px;}
	
#bandeau{
	float:left;
	height:134px;
	margin-right:1px;
	background:url(../images/mep/logo.jpg) no-repeat;width:770px;}
	
#animFlash{
	position:absolute;
	margin: 0 0 0 337px;
	height:134px;
	width:433px;}

#jeu{
	float:left;
	/*width:338px;*/
	width:228px;
	height:134px;}
	
#contenu{
	position:absolute;
	margin:140px 0 20px 0;
	width:1000px;
	min-height:400px;
	_height:400px;}

#colG{
	float:left;
	width:190px;}
	
#visuelHVA{
	margin:5px 0 0 0;
	height:278px;}
	
#colD{
	float:right;
	width:800px;}
	
#guide{
	height:535px;
	background:url(..//images/fdGuide.jpg) no-repeat top center;
	margin-bottom:5px;
	padding:5px 0 0 17px;
	background-color:#F2F0F5;}
	
#banniere{
	position:absolute;
	width:565px;
	margin-right:5px;
	height:136px;}

#bdGab{
	position:absolute;
	text-align:right;
	margin-left:565px;
	width:235px;
	height:136px;}
	
#t{float:left;width:250px;height:525px;margin:0 10px 0 0px;text-align:center;}
#d{float:left;width:250px;height:525px;margin:0 10px 0 0;text-align:center;}
#s{float:left;width:250px;height:525px;margin:0 0 0 0;text-align:center;}
#clic{font-size:10px;color:#999999;}
	
/* ----------------------------------------------   LE MENU
 -----------------------------------------------------------------------------------------------------------------*/
#menu ul {list-style:none; margin:0;padding:0}
#menu li {margin:6px 0}
#menu li a {color:#000000}
#menu li a:hover {color:#CCCCCC;margin-left:1px;}
 
 /* ----------------------------------------------   LIENS
 -----------------------------------------------------------------------------------------------------------------*/
a{text-decoration:none; outline:none;}
a:hover{text-decoration:none;}


/*   Nouvelles pages   */
#bandeauNew{ background:url(../images/bandeau_tds_new.gif) no-repeat top center; height:115px; padding:0;}
#logoDSG{float:right; width:100px; height:115px; cursor:pointer;}
#imgTDS, #btn_piegeurs{float:right; overflow:hidden; height:115px; width:385px;}
#logged{ color:#fff; margin:0 0 0 315px; height:95px; background-color:#12343c; width:200px; padding-top:20px;}
#ssBandeau{ height:30px; background-color:#1e5449; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;}
#btnTDS{float:right;}
#btnTDS a img{ border:0; border-left:1px solid #FFF; border-right:1px solid #FFF;}

#conteneurSite{margin:0 auto;
	width:1000px;
}
#contenuSite{background:none; min-height:200px; padding:35px 0 0 0;}
#carte{float:right; margin:0 20px 0 0;}

.vert{color:#1e5449; font-weight:bold;}

#logosMF{width:500px; text-align:center;}
.formulaire{ width:545px; background:#fff; border:1px solid #fff;background:url(../images/fondForm.gif) #fff no-repeat center center ; overflow:auto; min-height:275px; margin:0 0 30px 0;}
.formulaire h2{ font-size:14px; color:#1e5449; margin:10px 0; }
.formulaire input, .formulaire select{ background:#363636; color:#fff; display:block; width:200px;}
.formulaire form{ margin:0; padding:0;}
.formulaire table td{ height:25px;}
.floatLeft{float:left; margin:5px;}
input.btn{ color:#1e5449; background:#FFF; border: 1px solid #1e5449; padding:7px 3px; font-weight:bold; text-align:center; margin: 10px 10px; display:block; width:520px}
hr.clear{clear:both; height:0; line-height:0; margin:0; padding:0; visibility:hidden;}
#bas{background:url(../images/bas.gif) bottom center no-repeat; height:125px; clear:both; margin:0 0 0 0 ; padding:20px 0 0 0;}
#bas a{color:#676767;}
#bas ul{ text-align:center; list-style:none;}
#bas ul li{display:inline; margin:0 10px 0 10px;}



/*   Observatoire   */
#menu_obs{ margin:0; padding:0; background-color:#366b85; background-color:#00725a; height:41px; color:#fff; border-left: 1px solid #FFF; border-right: 1px solid #FFF; width:997px;}
#menu_obs li a{display:block; color:#fff;  background:url(/images/mep/bouton_menu.png) no-repeat top center; width:160px; height:35px; padding-top:6px}
#menu_obs li a:hover{ background-image:url(/images/mep/bouton_menu_hover.png);}
#menu_obs li{ display:block; float:left; margin:0 2px; padding:0; text-align:center; text-transform:uppercase; }
#menu_obs li:hover{ background-image:url(/images/mep/bouton_menu_hover.png);}

#menu_obs li#choixCulture{background:url(/images/mep/bouton_menu.png) no-repeat top center; background-color:#91aebc;width:160px; height:34px; padding-top:7px}
#menu_obs li#prevMeteo{background-color:#4d99bd;}
#menu_obs li#observatoire{background-color:#114681;}
#menu_obs li#risque{background-color:#ff3600;}
#menu_obs li#bpa{background-color:#990069;}
#menu_obs li#rss{background-color:#dd6800;}

#menu_obs li#choixCulture select{font-size:0.8em;}


#contenuSiteObservatoire h2{ color:#FFF; font-size:18px; text-transform:uppercase; font-weight:normal; padding:5px}
#contenuSiteObservatoire h2 span{ font-size:0.6em;}
#contenuSiteObservatoire h2 a{ color:#FFF;}

h1.titreMeteo{ margin-top:1px; border-top:1px solid #fff; padding:0 5px; text-transform:uppercase; font-weight:normal; font-size:1.5em; width:987px;}
h1.titreMeteo, h1.titreMeteo a{color:#fff; background-color:#59A9C9;}
h1.troisJours{ padding:5px 5px 0 5px; height:29px;}

#logoVeritas{ position:absolute; margin:5px 0 0 240px;}
#logoDeSangosse{ position:absolute; margin:5px 0 0 262px;}
#logoMeteoFrance{ float:right; margin:-5px -5px -30px 0; }
ul#cartes, ul#cartesRegion, ul#cartesDepartement, ul#cartesMeteo{ margin:0; padding:0; list-style:none;}
ul#cartes li, ul#cartesRegion li, ul#cartesDepartement li, ul#cartesMeteo li{display:block; float:left; width:332px; height:555px; border-top:1px solid #fff; color:#fff;}
ul#cartesRegion li.double, ul#cartesDepartement li.double{width:664px;}


ul#cartes li ul li{ margin:5px 0; height:auto; border:0;}
li#carteMeteoFrance{ background-color:#59a9c9;}
li.observatoire{ background-color:#114681; border-left:1px solid #fff; border-right:1px solid #fff;}
li.risque{ background-color:#e83c17;}

li.observatoire .legende{ background-color:#114681;}
li.risque .legende{ background-color:#e83c17;}

li.observatoire .legende span, li.risque .legende span{ display:block; height:20px; }

/*.carteCD .legende, #carteCDObservatoire, #carteCDRisque{width:332px; }*/

#carteCDObservatoire, #carteCDRisque, #carteCDRisqueDiv, .carteMeteo{ overflow:hidden; height:350px;}
#carteCDRisqueDiv, #carteCDObservatoireDiv{ margin:-30px 0 0 -20px; height:382px;}
#cartesRegion #carteCDRisqueDiv, #cartesRegion #carteCDObservatoireDiv{ margin:-30px 0 0 0;}
#cartesDepartement #carteCDRisqueDiv, #cartesDepartement #carteCDObservatoireDiv{ margin:-30px 0 0 0;}

.escargots-descriptif{padding:0 10px 10px 10px; text-align:justify; background-color:#FFFFFF; background:url(/images/mep/bgBody.gif) top center repeat-x; }
.escargots-descriptif, ul#cartes .escargots-descriptif li{color:#000000;}
.escargots-descriptif h2{text-align:center;}
ul#cartes .escargots-descriptif ul {list-style:circle;}
ul#cartes .escargots-descriptif li{width:auto;}
.helix{float:left;}
.theba{float:right;}
.helix li{padding:0 8px 0 0; margin:0;}
.theba li{padding:0 0 0 8px; margin:0;}

.helix, .theba{width:50%;}
.colonnes{margin:20px 0 0 0; font-size:11px;}
.colonnes h3, .colonnes h4, .colonnes h5{text-align:center;}
.colonnes h5{ font-size:10px; margin:10px 0;}

p.sourceDSG{font-size:10px; position:absolute; margin:505px 0 0 5px; color:#FFFFFF;}
p.sourceDSG a{ }
.suite{text-align:right;}

.suite a, #ficheRetour {color:#000; font-size:11px;}

#tableP2 td{padding-top:3px;}

#moyenneObs h3{padding:0; margin:0;}
#moyenneObs{ position:absolute; z-index:11; text-transform:uppercase; padding:0 0 0 5px; line-height:0.9em;}

.carteCD .legende{ min-height:100px; position:absolute; margin-top:298px; /*height:130px; overflow:hidden;*/}

.cdHolder{ margin:0 0; overflow:hidden;}

#carteObservatoire .legende{padding:0 0 0 24px; background-color:#114681; width:308px;}
#carteRisque .legende{ padding:10px 0 0 10px; width:322px; }
#carteRisqueRegion .legende, #carteRisqueDepartement .legende{ padding:10px 0 0 10px;}

.legende .contenuLegende { float:left;}
.legende, .legende a { color:#fff;}
.legende p { margin:0 0 0 330px; color:#fff;}


.logosVerDSGGraph{ float:right; margin:20px 25px 0 0; }

#carteObservatoire .variete, #carteRisque .variete { position:absolute; margin:154px 0 0 13px;}

/* Région */
#cartesRegion #carteCDObservatoire, #cartesRegion  #carteCDRisque {height:405px;}
#carteRisqueRegion #carteCDObservatoire, #carteRisqueRegion #carteCDRisque{ width:670px;}
/*#cartesRegion .carteCD .legende{margin-top:353px;}
#carteRisqueRegion .legende{ width:654px;}*/
/* Départements */
#cartesDepartement #carteCDObservatoire, #cartesDepartement  #carteCDRisque, #cartesRegion #carteCDObservatoire, #cartesRegion  #carteCDRisque {height:415px;}


#carteRisqueDepartement #carteCDObservatoire, #carteRisqueDepartement #carteCDRisque{ width:670px;}
#carteRisqueDepartement .cdHolder, #carteRisqueRegion .cdHolder{ height:468px;}

#cartesDepartement .carteCD .legende, #cartesRegion .carteCD .legende{margin-top:353px; width:654px;}


#carteCDObservatoire object, #carteCDObservatoire embed, #carteCDRisque object, #carteCDRisque embed{ /*margin-top:-30px; margin-bottom:-20px; margin-left:-5px; margin-right:-20px;*/ margin:-30px -20px -20px -5px; }


#iframe{display:none;}


/*  Météo  */
ul#cartesMeteo li{ background-color:#59A9C9;}

ul.choixHeureCarte{ margin:0; padding:0; list-style-type:none;}
ul#cartesMeteo ul.choixHeureCarte li.heure, ul#cartesDepartement ul.choixHeureCarte li.heure, ul#cartesRegion ul.choixHeureCarte li.heure, li#carteMeteoFrance ul.choixHeureCarte li.heure{ margin:0; padding:0; width:50%; float:left; text-align:center; height:auto;}
ul.choixHeureCarte li a{ display:block; border: 1px solid #8dcbe4; line-height:25px; color:#fff;}
ul.choixHeureCarte li a.actif{ /*text-decoration:underline;*/ background-color:#8dcbe4;}

ul#cartesMeteo ul.choixHeureCarte li.heureLarge, ul#cartesDepartement ul.choixHeureCarte li.heureLarge, ul#cartesRegion ul.choixHeureCarte li.heureLarge, li#carteMeteoFrance ul.choixHeureCarte li.heureLarge{ margin:0; padding:0; text-align:center; height:auto;}


.carteMeteo{height:332px;}

/* ----------------------------------------------   IDENTIFICATION   -------------------------------------------------*/
#formLogin{ width:400px; margin:20px auto; text-align:center; line-height:20px;}
#formLogin table{ width:100%;}
#formLogin table tr th, #formLogin table tr td{width:50%;}

#logged a{color:#fff; text-decoration:underline;}


/* ----------------------------------------------   Shadowbox graph piégeur   -------------------------------------------------*/
#graphique{width:750px; margin:20px auto;}
.imageGraph{width:750px; margin:20px auto;}
.print_icon{float:right;}
.logosVerDSG{ position:absolute; margin:15px 0 0 680px;}

/*  Les formulaires  */ 
#contenuSiteObservatoire input, #contenuSiteObservatoire select, #contenuSiteObservatoire textarea{border:1px solid #bbb;}
#contenuSiteObservatoire form table{width:95%; margin:10px auto;}
#contenuSiteObservatoire form table tfoot{ text-align:center;}
#contenuSiteObservatoire form th{width:50%; text-align:right; padding-right:15px;}


/*  Les messages d'erreur et d'informations  */
.error-box, .notice-box{ /*display:none;*/}
.error-box{ color:#FF0000;}

.error_list li {color:red;}




/*  ------------------------  Compte  ------------------------*/
ul.checkbox_list{list-style:none;}
ul.checkbox_list li { display:inline-block; width:210px; padding: 0 10px;}


a#link_homepage {
	background:url("/images/mep/home.jpg") no-repeat scroll left top transparent;
	display:inline;
	height:30px;
	margin-left:25px;
	position:absolute;
	width:86px;
}

#contenuSiteObservatoire h2.titre_page{margin:0 2px 0 1px; font-size:14px; font-weight:bold;}
#contenuSiteObservatoire div.contenu_texte{ padding:30px 100px 0 100px;}
#contenuSiteObservatoire div.contenu_texte p{ line-height:1.4em; text-align:justify; margin-bottom:10px;}
div.delimitation{ margin:20px 250px; height:1px; line-height:1px; background-color:#066e54;}
.gras{ font-weight:bold;}
div.etat_connexion{ border:dashed 1px #ffffff; margin:0 10px; text-align:center; padding:10px 10px;}
div.etat_connexion .deconnexion{ font-size:10px;}
a.logo_bmv{ height:12px; width:32px; background:url(../images/mep/logo_BMV.gif) top right no-repeat; padding-right:35px;}

.submit, div#formulaire_modification_compte input[type=submit]{-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius:4px; background:#F6F6F6 none repeat scroll 0 0; border:1px solid #CCCCCC; cursor:pointer; line-height:1.4em; margin:0.5em 0.4em 0.5em 0; overflow:visible; padding:0.2em 0.6em 0.3em; color:#1e5449; cursor:pointer;}
.submit:hover, div#formulaire_modification_compte input[type=submit]:hover{ color:#c77405; background-color:#FDF5CE; border:solid 1px #fbcb09;cursor:pointer;}

div#formulaire_modification_compte form th{ width:310px; vertical-align:top; padding-bottom:5px;}
div#formulaire_modification_compte form td th{ text-align:left; width:150px;}
div#formulaire_modification_compte form ul.checkbox_list{ margin-bottom:5px; margin-top:5px; padding-bottom:10px; border-bottom:solid 1px #066e54;}
div#formulaire_modification_compte form ul.checkbox_list li{ width:150px; font-size:10px;}
div.contour_gris{-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-radius:4px; background:#F6F6F6 none repeat scroll 0 0; border:1px solid #CCCCCC; line-height:1.4em; margin:0.5em 0.4em 0.5em 0; overflow:visible; padding:0.2em 0.6em 0.3em;}

#oubli_password form#formLogin table tr th{ width:17%; padding-right:0;}
a.voir_graphique{ display:inline-block;width:60px; height:70px; background:url(../images/mep/bouton-voir-graphique.png) top left no-repeat; margin-left:45px; margin-top:20px;}
.legende p { margin:0 0 0 315px; color:#fff;}
span.legende_carte_observatoire{ border: solid 1px #646464; padding:5px 5px;}
span.legende_carte_observatoire_clair{ border: solid 1px #c1c1c1; padding:5px 5px;}


#visuelCarte{float:left; padding:30px 0 0 100px; /*background:url(/images/carte.gif) no-repeat center center; */}
#inscriptionForm{margin:30px 0 0 300px;}



/*         CGUBox             */
.padding15{ padding:15px;}
#acceptationCGU{text-align:center; padding:20px;}
.justifier{ text-align:justify;}
#shadowbox_content.html{background-color:#FFFFFF; background:url(/images/mep/bgBody.gif) top center repeat-x;}
#shadowbox_body{ background-color:#FFFFFF; background:url(/images/mep/bgBody.gif) top center repeat-x;}
#shadowbox_content.html #error{text-align:center; font-weight:bold; line-height:175px;}










/*		Partie Agriculteurs		*/
a#link_homepage_agri{
	background:url("/images/mep/home.jpg") no-repeat scroll left top transparent;
	display:inline;
	height:30px;
	margin-left:25px;
	position:absolute;
	width:86px;
	float:left;
}

#formChoixCultureAgri{ margin:7px 430px 0 115px; text-align:right; color:#fff;}

ul#cartes li.documentation{ background-color:#d6d6d6; color:#000;}

#bannierePubFlash{ margin:295px auto 0 auto; width:332px; }
.metarex, .affut, .agrilimace, .allowin, .clartex, .cover, .helimax{ background-position:center center; background-repeat:no-repeat;}
.metarex{
	background:url(/uploads/sachets/metarex.jpg)
}
.affut{
	background:url(/uploads/sachets/affut.jpg)
}
.agrilimace{
	background:url(/uploads/sachets/agrilimace.jpg)
}
.allowin{
	background:url(/uploads/sachets/allowin.jpg)
}
.clartex{
	background:url(/uploads/sachets/clartex.jpg)
}
.cover{
	background:url(/uploads/sachets/cover.jpg)
}
.helimax{
	background:url(/uploads/sachets/helimax.jpg)
}

#btn_piegeurs{background-color:#066e54;}
#bannierePubFlashTop{float:right;}

#logoBPA{
	text-align:right;
	margin:-20px 40px 0 0;
}
#logo_bpa_region{text-align:right; margin:45px 30px 0 0;}

#formInscriptionPiegeur .radio_list{list-style:none;}
#formInscriptionPiegeur .checkbox_list li, #formInscriptionPiegeur .radio_list li { width:auto; margin:5px 12px 0 0; padding:0; float:left; }