/***************************** PARAMETRE GENERAUX ***************************/
/* couleurs : bleu #006600 rouge #BA3216 BA3216 vert #D1D8B0*/
body{font-size:12px;font-family:Helvetica, sans-serif, Arial;background-image: url(../interfacejmi/fond.gif);background-position:left;background-repeat:repeat-y;}
#conteneur{width:980px;text-align: left;background-color:#f4f8f2;;background-image: url(../interfacejmi/fond-haut.jpg);background-position:top left;background-repeat: no-repeat;
}
#corps {}
.arborescence {padding-right:5px;text-align:right;}
.arborescence-fiche {clear:both;border-bottom:solid 1px #F0EFEF;text-align:right;}
#contenu-2col{width:782px;float:right; padding-top:30px;}
/********************* MISE EN FORME ********************/
body, h1, h2, h3, h4, h5, h6, p, form {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;}
ul, li, img {margin:0px; padding:0px;}
li{ list-style-type:none;}
h1{font-size: 160%;color: #BA3216;padding-left:30px;margin-bottom:10px;font-weight:normal;}
h2, h6{font-size: 140%;color: #006600;margin:10px 0px;font-weight:normal;}
h5{font-size: 90%;}
h3{ margin-bottom:10px; color:#006600; font-size:100%;}
h4 {margin: 0px 0px 0px 5px; float:right; font-size:10px;}
.gauche{float:left;width:49%;border-bottom:1px solid #ccc;}
.droite{margin-left:2px;float:right;width:50%;border-bottom:1px solid #ccc;border-left:2px solid #BA3216;}
.bloc{padding:10px;margin-bottom:10px;}
#col-droite .bloc{margin-bottom:20px;}
#col-droite h3{background-image:url(../interfacejmi/fond-h-d.gif); background-position:center; background-repeat:repeat-x;}
p {padding:10px 15px;;text-align:justify;background-color:#FFF;}
#ville-proxi, .intro{border:1px solid #F0EFEF;padding:10px;}
h2.intro {border:1px solid #F0EFEF;padding:10px; font-size:12px;}
#ville-proxi{font-weight:bold;}
#ville-proxi b{font-weight:normal; color:#666666}
.separateur-inv {clear:both;width: 100%;padding:0px;height:10px;margin:5px 0px;border-top:1px solid #FFF;}
.separateur{clear:both;width: 100%;padding:0px;height:10px;margin:5px 0px;border-top:1px solid #E8F2DA;}
.marge{padding:0px 10px; background-color:#FFFFFF;margin-left:30px;}
.carteville{ height:400px; width:450px}
/* liens */
a {color: #006600; text-decoration:none;}
a.proxi{padding-left:15px;background-image:url(../interfacejmi/lien.gif);font-weight:bold;background-position:left center; background-repeat:no-repeat;}
a.fleche, a.previewlink{padding-left:15px; font-size:110%; font-weight:bold;background-image:url(../interfacejmi/lien-g.gif); background-position:left center; background-repeat:no-repeat;}
a:hover.fleche{padding-left:15px; font-size:110%; font-weight:bold;background-image:url(../interfacejmi/lien-d.gif);}
a:hover {text-decoration:underline;}
a.lien{font-weight:100;font-style:italic; color:#000000;font-size:100%;}
a.lien:hover{text-decoration:none;cursor:text;color:#006600}
strong a, strong a.lien{font-weight:bold;}
#col-droite h2 a{color:#fff}
#col-droite a.fleche{color:#BA3216;background-image:url(../interfacejmi/lien.gif);font-size:100%;}
#col-droite a.fleche:hover{background-image:url(../interfacejmi/lien-g.gif);font-size:100%;}
.lien-ville{}
.title{padding-left:15px; color:#006600; font-size:110%; font-weight:bold;background-image:url(../interfacejmi/lien-g.gif); background-position:left center; background-repeat:no-repeat;}
a.gauche:hover,a.droite:hover{ display:block;background-color:#BA3216;color:#FFFFFF;text-decoration:none;}
/********************************* MISE EN PAGE BLOCK CONTENU ******************************/
#contenu-2col #col-gauche{float:left;width:470px;}
#gauche p{text-align:left;}
#col-gauche{float:left;width:47%;}
#contenu-2col h2{background-image:url(../interfacejmi/fond-h.gif); background-position:center; background-repeat:repeat-x;}
#contenu-2col .vert{background-image:url(../interfacejmi/fond-h-d.gif); background-position:center; background-repeat:repeat-x;}
#col-droite{float:right;width:47%;}
#contenu-2col #col-droite{float:right;width:300px;}
#col-droite p{padding-left:6px;}
#col-droite h2, #col-droite h6, #col-droite .titre {background-color:#006600;color:#FFFFFF;
padding-left:30px;}
/************************************* IMG *******************************************************/
#contenu img {margin:0px 5px 5px 0px;}
.accueil-decouverte-img {float:left;margin-right:10px;}
.img {float:left;width: 380px;overflow:hidden;}
img a{border:0px;}
.logo{ float:right; width:150px;}
.pub{ float:right; width:210px; text-align:right;}
/***************************************** MENUS GAUCHE *************************************************/
#gauche{float:left;margin:0px 0px 20px 0px;width:190px;padding-bottom:18px;}
#titre-menu{font-size:12px;color:#FFF;font-weight:bold;padding:3px 0px 4px 10px;text-transform:uppercase; background-color:#BA3216;}
.menu{padding-bottom:35px;}
.menu ul{margin : 10px 10px 0px 10px;background-color:#FFF;; padding: 10px 0px 10px 5px;background-image:url(../interfacejmi/mn-bas.gif);background-position:right bottom; background-repeat:no-repeat;}
.menu li{border-bottom:dashed 1px #F0EFEF;}
.menu a{ display:block;padding-left:15px;background-image:url(../interfacejmi/lien.gif);background-position:left center; background-repeat:no-repeat; color:#000000;}
.menu a:hover{background-image:url(../interfacejmi/lien-g.gif);}
.ssrub{margin-left:10px;}
.rub{font-weight:bold;}
.menu strong{ font-weight:normal;}
/***************************************** MEMBRE *************************************************/
#membre #titre-menu{}
#membre a{ background-image:none;padding-left:0px; display:inline;}
/***************************************** VILLES *************************************************/
#ville {color:#005A64;background-image:url(../interfacejmi/ville.gif);background-repeat:no-repeat; background-position:top right;text-align:center;
height:93px;text-transform:uppercase;font-weight:bold;}
.ville{padding-top:20px;}
#ville a{color:#005A64;display:block;}
#plan-ville{ text-align:center;padding-bottom:10px;}
/***************************************** Meteo ************************************************/
#meteo .gauche, #meteo .droite{border:0px;}
#meteo .titre{font-size: 120%;color: #006600;text-align:center;font-weight:bold;margin-bottom:10px;}
/***************************************** HAUT rouge BA3216 vert 006600 *************************************************/
#haut{height:230px;}
#haut-corps{ float:right; width:760px;}
#haut h1, #haut h2 {padding: 5px 0px 0px 105px;font-size:100%;display:inline;border:none;color:#333;text-transform:none;}
#menu-haut{position:absolute;top:205px;left:0px;text-align:center; background-color:#006600; width:980px;}
#annonce{position:absolute;top:198px;left:220px;text-align:right;width:420px;}
#menu-haut a, .arborescence-fiche a{padding:4px 5px;font-weight:bold; background-color:#FFF; color:#BA3216;}
#menu-haut a:hover, .arborescence-fiche a:hover{color:#FFF;background-color:#006600;}
#icone-haut{position:absolute;top:160px;left:740px;}
#icone-haut img{margin:0px 1px;}
/***************************************** PIED *************************************************/
#bas-page{ text-align:right;}
#bas {clear:both;background-color:#006600;color:#FFF;}
.copyright {text-align : center;}
.copyright a{color:#FFF;}
table.carnet {border-left:solid 5px #000;}
.carnet-titre{border-left:solid 5px #000; text-align:center;}
.carnet-lien{border-left:solid 5px #000;}