/***************************** PARAMETRE GENERAUX ***************************/
/* vert PB #4B84C8 */
/* couleurs : bleu #4B84C8 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-image: url(../interfacejmi/fond-haut.jpg);background-position:top left;background-repeat: no-repeat;}
#corps {}
.arborescence {padding-right:5px;text-align:right;padding-bottom:10px;}
.arborescence-fiche {clear:both;border-bottom:solid 1px #F0EFEF;text-align:right;}
#contenu-2col{width:782px;float:right;}
/********************* 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: #4B84C8;padding-left:30px;margin-bottom:10px;margin-top:20px;font-weight:normal;}
h2, h6{font-size: 140%;color: #4B84C8;margin:10px 0px;font-weight:normal;}
h5{font-size: 90%;}
h3{ margin-bottom:10px; color:#4B84C8; 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;background-image:url(../interfacejmi/fond-bloc.gif); background-position:bottom left; background-repeat:no-repeat;}
#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-bottom:5px;text-align:justify;}
#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: #4273AE; 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; display:block;}
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:#7292B7}
strong a, strong a.lien{font-weight:bold;}
#col-droite h2 a{color:#fff}
#col-droite a.fleche{color:#7292B7;background-image:url(../interfacejmi/lien-d.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:#7292B7; 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.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 {color:#FFFFFF; font-size:120%;
padding:5px 0px 5px 40px;background-image:url(../interfacejmi/mn-droite.gif); background-position:top left; background-repeat:no-repeat;}
/************************************* 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;}
.spip_documents_left{margin-right:10px;}
.pub{ float:right; width:210px; text-align:right;}
#album{ float:left; width:100px; margin:5px;padding:5px 0px; background-color:#F0EFEF;}
/***************************************** MENUS GAUCHE *************************************************/
#gauche{float:left;margin:38px 0px 20px 0px;width:190px;padding-bottom:18px;background-color:#4B84C8;
background-image:url(../interfacejmi/mn-gauche-bas.gif);background-position:left bottom; background-repeat:no-repeat;}
#titre-menu{font-size:12px;color:#FFF;font-weight:bold;
padding:8px 0px 8px 30px;text-transform:uppercase;background-image:url(../interfacejmi/mn-gauche.gif);
background-position:top right;background-repeat: no-repeat;}
.menu{padding-bottom:35px;background-image:url(../interfacejmi/menu-bas.gif);background-position:right bottom; background-repeat:no-repeat;}
.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-d.gif);background-position:left center; background-repeat:no-repeat; color:#990000}
.menu a:hover{background-image:url(../interfacejmi/lien-g.gif);}
.ssrub{margin-left:10px;}
.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: #4273AE;text-align:center;font-weight:bold;margin-bottom:10px;}
/***************************************** HAUT *************************************************/
#haut{height:180px;}
#haut-corps{ float:right; width:760px;}
#haut h1, #haut h2 {padding: 5px 0px 0px 105px;font-size:100%;display:inline;border:none;color:#fff;text-transform:none;}
#menu-haut{position:absolute;top:145px;left:260px;text-align:right;}
#annonce{position:absolute;top:195px;left:220px;text-align:right;}
#menu-haut a, .arborescence-fiche a{padding:2px 3px;font-weight:bold; background-color:#F7F8F2;}
#menu-haut a:hover, .arborescence-fiche a:hover{color:#FFF;background-color:#4273AE;}
#icone-haut{position:absolute;top:125px;left:880px;width:150px;}
#icone-haut img{margin:0px 1px;}
/***************************************** PIED *************************************************/
#bas-page{ text-align:right;}
#bas {clear:both; height:130px;background-color:#597EAD;background-image:url(../interfacejmi/fond-bas.gif);background-position:top right;background-repeat: no-repeat;}
.copyright {text-align : center;}
table.carnet {border-left:solid 5px #000;}
.carnet-titre{border-left:solid 5px #000; text-align:center;}
.carnet-lien{border-left:solid 5px #000;}