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

/*------------------------------------------------------   Typographie générale   */
body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;line-height:14px; color:#064673; background:url(../images/mep/fondMilieubleu.jpg) top center no-repeat; }
h2 { color:#064673;  margin:0;font-size:1.5em; line-height:1.2em; }
h1 {font-size:14px;; color :#000; margin:0; line-height:1.1em; }
h3 {font-size:10px;; color :#000; margin:0; line-height: 2em; }

a{text-decoration:none;color:#064673; outline:none;}
a:hover{ color:#CA003E;}

#ariane { padding-top:5px; padding-left:15px;}
#ariane a{text-decoration:none;color:#064673}
#ariane a:hover{color:#CA003F}

#presse { margin:25px 0; }
#presse li { display:inline;margin-right:5px;}
#presse li a{text-decoration:none;color:#064673}
#presse li a:hover{color:#CA003F}


.label {display:block;padding:0 0 0 10px;}
.imgborder {border:1px solid #D4D4D4;padding:0;margin:0}
.carre{padding:0 0 0 0;margin:0}
.active{color:#F1B661;}

/*div{border: 1px dotted #000;}*/

/*------------------------------------------------------   Mise en page générale   */
#haut{background:#064673; }
#bandeau {background: #003366 url(../images/bandeaux/cross/special11.jpg) no-repeat left; height:165px; width:1000px; cursor:pointer;  margin:0 auto; border-bottom: 5px solid #CC0033;}
#bandeau_message { height:20px; width:1000px;margin:0 auto; color:#FFFFFF; text-align:center;  }
#conteneur{width: 1000px;margin:0 auto; }
#colonneGauche{width:183px; float:left;color:#FFF;background-color:#919AA2; min-height:375px; _height:375px;  }
#colonneGauche h3, #colonneGauche h4 { background-color:#064673; text-align:right; text-transform:uppercase; border-top:#FFFFFF solid 1px; color:#FFFFFF; }
#colonneGauche a{color:#FFFFFF;}
#colonneGauche a:hover{color:#ca003e;}

#menu{ text-align:center; list-style:none;  width:1000px; height:28px; height:50px; background-color:#000000; overflow:hidden; z-index:10; position:relative; margin:0 auto;}
#menu li{ display:block; margin:0 10px;  padding:0; float:left ; cursor:pointer;  }
#menu li a{margin:5px 0 5px 0; padding:0; display:inline-block; text-decoration:none; color:#FFF;}


.colonne{width:183px; float:left;color:#FFF;background-color:#919AA2; min-height:375px; _height:375px; }
.colonne h3, .colonne h4 { background-color:#064673; padding-right:20px; text-align:right; text-transform:uppercase; border-top:#FFFFFF solid 1px; color:#FFFFFF; }

#colonneD {width:183px; float:right;color:#FFF;/*background-color:#919AA2;*/ background:#e5e5e5 url(../images/mep/bas_ColD.jpg) bottom center no-repeat; min-height:670px; _height:670px; }
#colonneD a{color:#ffffff;}
#colonneD a:hover{color:#ca003e;}
#colonneD h3, .colonne h4 { background-color:#064673; padding-left:20px; text-align:left; text-transform:uppercase; border-top:#FFFFFF solid 1px; color:#FFFFFF; }

.rejoindre {background: url(../images/mep/rejoindre.jpg) top left no-repeat; height:33px; width:180px; display:block;}
.procuration {background: url(../images/mep/procuration.jpg) top left no-repeat; height:33px; width:180px; display:block;}
.journal {background: url(../images/mep/btn_journal.jpg) top left no-repeat; height:33px; width:180px; display:block;}

#colGImg{margin-top:25px;}
#colGImg img {margin-left: 14px; padding-bottom:10px; }
#menu h1 {font-size:12px;margin:0 0 4px 0;padding:0;font-weight:normal;}
.sousMenu{margin:0;padding:0;}

#contenu {margin-left:185px;width:610px; padding: 0 5px; min-height:327px; _height:327px; }
#contenu_histoire {width:575px; margin: 60px 50px 0 180px;padding: 0 0 0 0;min-height:327px; _height:327px; }


#titre { width:260px; float:right; border-bottom:#F1B661 1px solid; background:url(../images/mep/carre2.jpg) no-repeat bottom left; min-height:19px;height:auto !important; height:19px; padding-left: 160px; margin-top:-25px;}
#titre2 { width:250px; float:right; margin:2px 15px 0 100px;}
#titrePhoto { width:205px; float:right;margin-top:-40px;margin-right:30px;height:72px;display:inline }
#titrePhoto img{margin-left:2px;}

#contenuImage { margin: 10px 0 0 30px; }
#descriptif { margin: 0 0 0 0;  padding:0 20px 10px 0;}
#descriptif ul { list-style-image: url("../images/mep/carreR.jpg"); padding-left:20px; padding-top:10px;  } 
#descriptif ul ul{ list-style:disc; } 
#descriptif ul ul ul{ list-style:circle; } 

#descriptif a {color:#000}


#menuBas{padding:0; text-align:center; clear:both; margin-top:20px; border-top: 4px solid #003366;  }
#menuBas ul{margin:10px 0 5px 0;}
#menuBas a {color:#003366}
#menuBas a:hover {color:#ca003e;}
#menuBas li{display:inline; text-align:center;  padding:0 0;}

#logoBas{padding:0; text-align:center; clear:both; margin-top:5px; }
#logoBas ul{margin:10px 0 5px 0;}
#logoBas a {color:#003366}
#logoBas a:hover {color:#ca003e;}
#logoBas li{display:inline; text-align:center;  padding:0 0;}



#ulPlanSite { float:left; width:250px;  }
#ulPlanSite ul { list-style-image: url("../images/mep/carreV.jpg"); }
#ulPlanSite li {margin-bottom:5px}
#ulPlanSite li a{color:#000000;margin-bottom:4px}
#ulPlanSite li a:hover{color:#D4532F}

#ulPlanSiteD ul { list-style-image: url("../images/mep/carreO.jpg"); }
#ulPlanSiteD li {margin-bottom:5px}
#ulPlanSiteD li a{color:#000000;margin-bottom:4px}
#ulPlanSiteD li a:hover{color:#D4532F}

.ulPlanSiteSOus{ margin-left:15px;   }
.ulPlanSiteSOusD{ margin-left:265px;   }


#menuBas p { padding:0 0 10px 10px;color:#C14444;letter-spacing:0.8em; margin:0;}

#site a{color:#BB3333;}

.titreActu{text-decoration:underline; }
.premiereLettre{font-size:2.0em;}


/* ----------------------------------------------------- MENU ---------------*/
.accordion_content{
	overflow: hidden;
	margin:0;
	padding:0;
	z-index:5;
	position:relative;
	list-style:square}
	
.accordion_content{/*background:url(../images/mep/fd6.png) no-repeat top center;*/margin-left:-4px; background-color:#B56665;padding-left:20px;}
.accordion_content li{background:url(../images/mep/flecheMenu.gif) no-repeat left;margin-bottom:2px;color:#999999; list-style:none}
.accordion_toggle_active {
display:block;
height:auto;
/*background-color:#3399CC;*/}
input, textarea{ border:solid 1px #000000;}
#centreDroite_thematique{float:right; width:150px;}
#colonneGauche .ssPage{margin:3px 0;}
table#blockDepartement {width:100%; text-align:right;}
table#blockDepartement td{vertical-align:top;}
.rougeSite{color:#cb003f;}
.vertSite{color:#339933; font-weight:bold;}
.stitre{ font-size:9px; }

#contenu2 a.lien_video{ display:inline-block; background:url(/images/mep/control_play.png) top left no-repeat; padding-left:20px; line-height: 16px; height:16px; margin-top:5px;}

#contenu2 a.lien_video2{ display:inline-block; background:url(/images/mep/control_play.png) top left no-repeat; padding-left:20px; margin-top:5px;}


.fleche{ display:inline-block; background:url(/images/mep/fleche.jpg) top left no-repeat; padding-left:20px; margin-top:5px; margin-left:20px;}
.telechargement{ display:inline-block; background:url(/images/mep/telecharger.jpg) center left no-repeat; padding-left:80px; padding-top:30px; padding-bottom:30px;  margin-top:5px; margin-left:20px; }
.ebooklet{ display:inline-block; background:url(/images/mep/book.jpg) center left no-repeat; padding-left:80px; padding-top:30px; padding-bottom:30px;  margin-top:5px; margin-left:20px; }
.carre{ display:inline-block; background:url(/images/mep/carre.jpg) top left no-repeat; padding-left:25px; margin-top:5px; margin-left:40px;}
.surligne_gras{ display:block; font-weight:bold; border-bottom: 1px solid #064673; font-size:12px; line-height:20px;}



#contenu2 .TitreBleu{ display:block; background-color:#064673; color:#FFFFFF; line-height: 24px; height:24px; margin-top:5px; font-size:12px; padding:5px; font-weight:bold;}

#contenu2 h4{ font-size:12px;}