/*************************************************************************
general.css
general CSS description
Some of the images adjustement, for example, have to be done in the XHTML page directly,
taking care of the XHTML and the CSS validator.
*************************************************************************/

/*************************************************************************
Description for global element, used in the whole page
*************************************************************************/

#base{
	position: relative;min-height: 100%;height: auto !important;height: 100%; margin-left:auto; margin-right:auto;
}

#baseline{ text-align:center; color:#666666;position:absolute;bottom: -65px !important;bottom: -1px;height:40px; margin-left:auto; margin-right:auto;}
#baseline a{text-decoration:none; color:#a6d514; font-weight:500; margin-left:auto; margin-right:auto;}
#baseline a:hover{text-decoration:underline;}

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

body{background-color:#fff; font-family:Arial, Helvetica, sans-serif;color:#000; font-size:1em; margin:25px 0 0 0;}
.carreGris{background:url(../images/carre-gris.png) repeat;}
.carreVert{background:url(../images/carre-vert.png) repeat;}
.carreRouge{background:url(../images/carre-rouge.png) repeat;}
.borderGreenRight{border-right:1px solid #a6d514;}
.borderGreenTop{border-top:1px solid #a6d514;}
.noBorder{border:0;}
.clearFloat{clear:both;height:0px;}
.greenBgColor{background-color:#a6d514;}
.noBorder{border:none;}
span.puce{display:block; float:left; width:11px; height:11px; margin:2px 5px 0 0;}
a, a:visited, a:hover, a:active{text-decoration:underline; color:#a6d514;}

/*general colors for services*/

.s0BgColor{background-color:#ea573c;}
.s1BgColor{background-color:#9edaf6;}
.s2BgColor{background-color:#c663a4;}
.s3BgColor{background-color:#c0cf02;}
.s4BgColor{background-color:#fbc000;}
.s5BgColor{background-color:#89cab4;}

.sBgColor{background-color:#CCCCCC;}

.anpeBgColor{background-color:#ea573c;}
.cramBgColor{background-color:#9edaf6;}
.cafBgColor{background-color:#c663a4;}
.caf_63BgColor{background-color:#c663a4;}
.msaBgColor{background-color:#c0cf02;}
.udafBgColor{background-color:#fbc000;}
.urssafBgColor{background-color:#89cab4;}
.edfBgColor{background-color:#ea573c;}
.cpamBgColor{background-color:#9edaf6;}
.mission_localeBgColor{background-color:#fbc000;}
.cidfBgColor{background-color:#c0cf02;}

/*************************************************************************
Carte
*************************************************************************/
.carte {
	position: absolute;
	z-index: 1;
	overflow: inherit;
}
.carte_over {
	position: absolute;
	display: none;
	z-index: 5;
	overflow: inherit;
}

div#map span {color:white;}
/*************************************************************************
Description for left part of the page
*************************************************************************/
div#leftBlock{width:325px; float:left;}

div#leftLogoPvp{width:324px; border-right:1px solid #a6d514;}
div#leftLogoPvp img{border:none;}
img.gif{margin-left:20px;}

/*the left menu needs a hack for the gray squares to be well positionned*/
div#leftMenu{width:66px; border-top:1px solid #a6d514; padding:38px 0 0 0; float:left;}
div#leftBlock>/**/div#leftMenu{padding-top:32px;}   /*going throught IE*/
div#leftMenu a.menuItemOn, div#leftMenu a.menuItem, div#leftMenu a.menuItem:visited, div#leftMenu a.menuItem:hover, div#leftMenu a.menuItem:active{display:block; width:60px; padding:30px 0px 30px 0; margin:3px; text-decoration:none; color:#c3c5c8; background:url(../images/fond_bouton.gif) no-repeat 0 2px; margin:0 0 10px 0; line-height:15px; font-size:17px; font-weight:bold;}
div#leftMenu a.menuItem:hover, div#leftMenu a.menuItemOn{background:url(../images/carre-vert.png) repeat;}
div#leftMenu a.menuItem img, div#leftMenu a.menuItemOn img{border:none; background:#fff; margin:0; padding:0;}

/*the left content needs a hack for the gray squares to be well positionned*/
div#leftContent{width:258px; float:left; border-left:1px solid #a6d514;}
div#leftContent div.ligneSepar{height:15px; width:257px; margin-left:1px; clear:both;}
div#leftContent div.content1{width:239px; padding:0px 0px 0 17px; margin-left:1px;}
div#leftContent div.content1_1{width:216px; background:#fff; padding:5px 15px 5px 5px; color:#a6d514; text-align:justify; font-size:0.8em;}
div#leftContent div.content2{width:222px; padding:0px 17px 0 17px; margin-left:1px;}
div#leftContent div.content2_2{width:216px; background:#fff; padding:3px; color:#a6d514; text-align:justify; font-size:0.8em;}
div#leftContent div#topSpacer{width:257px; height:25px;}
div#leftContent>/**/div#topSpacer{height:18px;} /*going throught IE*/
div#leftContent div.topInfo{width:222px; padding:17px 17px 0 17px; margin-left:1px;}
div#leftContent div.topInfo div.imgPlus{width:220px; height:220px; background:#fff; padding:1px 16px 1px 1px;}
div#leftContent div.topInfo div.imgPlus a, div#leftContent div.topInfo div.imgPlus a:visited, div#leftContent div.topInfo div.imgPlus a:hover, div#leftContent div.topInfo div.imgPlus a:active{display:block; width:234px; text-align:center; font-size:1.3em; margin:5px 0 0px 0; color:black; text-decoration:none;}
div#leftContent div.topInfo div.infoPratique{width:220px; height:175px; background:#fff; padding:1px 16px 1px 1px;}
div#leftContent div.topInfo div.infoPratique a, div#leftContent div.topInfo div.imgPlus a:visited, div#leftContent div.topInfo div.infoPratique a:hover, div#leftContent div.topInfo div.imgPlus a:active{display:block; width:234px; text-align:center; font-size:1.3em; margin:5px 0 0px 0; color:black; text-decoration:none;}
div#leftContent div.content3{width:243px; padding:0px 0px 0 13px; margin-left:1px;}
div#leftContent div.content3 div.content3_1{background:#fff; width:87px; height:15px; font-size:0.8em; padding:0 0 0 5px;}
div#leftContent div.content3 div.content3_2{width:219px; background:#fff; padding:5px 17px 0px 5px; color:#a6d514; text-align:justify; font-size:0.8em;}

div#leftContent div.content4{width:222px; padding:0px 17px 0 17px; margin-left:1px;}

div#leftContent div.content4_1{width:197px; background:#fff; padding:3px 9px 7px 16px; color:#a6d514; text-align:justify; font-size:0.8em;}

div#leftContent a.info, div#leftContent a.infoOn{display:block; border:1px #C2C4C8 solid; border-left:1px #fff solid; width:254px; color:black; text-decoration:none; padding:0 0 6px 0;}
div#leftContent a.info span, div#leftContent a.infoOn span{display:block; cursor:pointer;}
div#leftContent a.info span.title, div#leftContent a.infoOn span.title{padding:0; margin:0 0 0 19px; height:21px;font-size:1.5em; color:gray; width:70px; float:left;}
div#leftContent a.info span.logo, div#leftContent a.infoOn span.logo{padding:0; height:21px; width:165px; text-align:right; float:left;}
div#leftContent a.info span.logo img, div#leftContent a.infoOn span.logo img{border:none;}
div#leftContent a.info span.detailInfo, div#leftContent a.infoOn span.detailInfo{padding:0 20px 0px 0; width:243px; position:relative; top:6px;}
div#leftContent a.info span.detailInfo span.container, div#leftContent a.infoOn span.detailInfo span.container{margin:0 0px 0 17px; width:237px; background:url(../images/carre-gris.png) -2px 2px repeat;}
div#leftContent a.info span.detailInfo span.container span.backTitle, div#leftContent a.infoOn span.detailInfo span.container span.backTitle{width:221px; background-position:-2px 2px;}
div#leftContent a.info span.detailInfo span.container span.backTitle span.textTitle, div#leftContent a.infoOn span.detailInfo span.container span.backTitle span.textTitle{background:#fff;}
div#leftContent a.info span.detailInfo span.container span.textInfo, div#leftContent a.infoOn span.detailInfo span.container span.textInfo{background:#E6E6E6; width:215px; font-size:0.9em; padding:3px;}
div#leftContent a.info span.detailInfo span.bottomInfo, div#leftContent a.infoOn span.detailInfo span.bottomInfo{background:#fff; width:253px; height:5px;}
div#leftContent div.infoEnd{width:264px; height:10px; margin:0 0 20px 0; position:relative; top:-1px;}
/*special description for red info link*/
div#leftContent a.redInfo:hover{border:1px #b30004 solid;}
div#leftContent a.redInfoOn{border:1px #b30004 solid;}
div#leftContent a.redInfo:hover span.title, div#leftContent a.redInfoOn span.title{color:#b30004;}
div#leftContent a.redInfo:hover span.detailInfo span.container, div#leftContent a.redInfoOn span.detailInfo span.container{background:url(../images/carre-rouge.png) -2px 2px repeat;}
div#leftContent a.redInfo:hover span.detailInfo span.container span.backTitle span.textTitle, div#leftContent a.redInfoOn span.detailInfo span.container span.backTitle span.textTitle{color:#b30004;}
div#leftContent a.redInfo span.detailInfo, div#leftContent a.redInfoOn span.detailInfo{border-top:1px #b30004 solid; border-right:1px #b30004 solid;}
div#leftContent div.redInfoEnd{border-right:1px #b30004 solid;}
/*special description for green info link*/
div#leftContent a.greenInfo:hover{border:1px #008f39 solid;}
div#leftContent a.greenInfoOn{border:1px #008f39 solid;}
div#leftContent a.greenInfo:hover span.title, div#leftContent a.greenInfoOn span.title{color:#008f39;}
div#leftContent a.greenInfo:hover span.detailInfo span.container, div#leftContent a.greenInfoOn span.detailInfo span.container{background:url(../images/carre-vert2.png) -2px 2px repeat;}
div#leftContent a.greenInfo:hover span.detailInfo span.container span.backTitle span.textTitle, div#leftContent a.greenInfoOn span.detailInfo span.container span.backTitle span.textTitle{color:#008f39;}
div#leftContent a.greenInfo span.detailInfo, div#leftContent a.greenInfoOn span.detailInfo{border-top:1px #008f39 solid; border-right:1px #008f39 solid;}
div#leftContent div.greenInfoEnd{border-right:1px #008f39 solid;}
/*special description for orange info link*/
div#leftContent a.orangeInfo:hover{border:1px #FF9900 solid;}
div#leftContent a.orangeInfoOn{border:1px #FF9900 solid;}
div#leftContent a.orangeInfo:hover span.title, div#leftContent a.orangeInfoOn span.title{color:#FF9900;}
div#leftContent a.orangeInfo:hover span.detailInfo span.container, div#leftContent a.orangeInfoOn span.detailInfo span.container{background:url(../images/carre-orange.png) -2px 2px repeat;}
div#leftContent a.orangeInfo:hover span.detailInfo span.container span.backTitle span.textTitle, div#leftContent a.orangeInfoOn span.detailInfo span.container span.backTitle span.textTitle{color:#FF9900;}
div#leftContent a.orangeInfo span.detailInfo, div#leftContent a.orangeInfoOn span.detailInfo{border-top:1px #FF9900 solid; border-right:1px #FF9900 solid;}
div#leftContent div.orangeInfoEnd{border-right:1px #FF9900 solid;}
/*special description for blue info link*/
div#leftContent a.blueInfo:hover{border:1px #004a9e solid;}
div#leftContent a.blueInfoOn{border:1px #004a9e solid;}
div#leftContent a.blueInfo:hover span.title, div#leftContent a.blueInfoOn span.title{color:#004a9e;}
div#leftContent a.blueInfo:hover span.detailInfo span.container, div#leftContent a.blueInfoOn span.detailInfo span.container{background:url(../images/carre-bleu.png) -2px 2px repeat;}
div#leftContent a.blueInfo:hover span.detailInfo span.container span.backTitle span.textTitle, div#leftContent a.blueInfoOn span.detailInfo span.container span.backTitle span.textTitle{color:#004a9e;}
div#leftContent a.blueInfo span.detailInfo, div#leftContent a.blueInfoOn span.detailInfo{border-top:1px #004a9e solid; border-right:1px #004a9e solid;}
div#leftContent div.blueInfoEnd{border-right:1px #004a9e solid;}

/*description used for selected info page (from infos in left part)*/
/*div#leftContent div.infoOnContainer{width:358px;}
div#leftContent div.infoOnLeft{float:left;}
div#leftContent div.infoOnRight{width:90px; margin:31px 0 0 3px; position:relative; top:0px; float:left;}
div#leftContent div.infoOnRight div.backInfoRight{width:60px; padding:30px 0px 30px 0; float:left;}
div#leftContent div.infoOnRight div.backInfoRight img{border:none; background:#fff; margin:0; padding:0;}
div#leftContent div.infoOnRight div.cubeInfoRight{width:30px; height:30px; position:relative; top:31px; float:left;}
div#leftContent div.infoOnContainer div.redOnBg{background:url(../images/carre-rouge.png) repeat;}
div#leftContent div.infoOnContainer div.blueOnBg{background:url(../images/carre-bleu.png) repeat;}
div#leftContent div.infoOnContainer div.greenOnBg{background:url(../images/carre-vert2.png) repeat;}*/
div#leftContent div.infoOnContainer{width:/*358*/254px;}
div#leftContent div.infoOnLeft{float:left;}
div#leftContent div.infoOnRight{width:90px; margin:31px 0 0 3px; position:relative; top:0px; float:left;}
div#leftContent div.infoOnRight div.backInfoRight{width:60px; padding:30px 0px 30px 0; float:left;}
div#leftContent div.infoOnRight div.backInfoRight img{border:none; background:#fff; margin:0; padding:0;}
div#leftContent div.infoOnRight div.cubeInfoRight{width:30px; height:30px; position:relative; top:31px; float:left;}
div#leftContent div.infoOnContainer div.redOnBg{background:url(../images/infoRedOn.png) repeat; width:90px; height:90px;position:absolute; margin-left:269px; margin-top:32px;}
div#leftContent div.infoOnContainer div.blueOnBg{background:url(../images/infoBlueOn.png) repeat; width:90px; height:90px;position:absolute; margin-left:269px; margin-top:32px;}
div#leftContent div.infoOnContainer div.greenOnBg{background:url(../images/infoGreenOn.png) repeat; width:90px; height:90px;position:absolute; margin-left:269px; margin-top:32px;}
div#leftContent div.infoOnContainer div.orangeOnBg{background:url(../images/infoOrangeOn.png) repeat; width:90px; height:90px;position:absolute; margin-left:269px; margin-top:32px;}

/*see XHTML for more description of this part*/
div#financialFooter{width:251px; clear:both; padding:10px 0;font-size:0.7em;text-align:center;margin-left:70px;}
div#financialFooter img{display:inline;border:none;}

/*************************************************************************
Description for right part of the page
*************************************************************************/
div#rightBlock{width:65%; border-top:1px solid #a6d514; float:left;}

div#rightBlock div#upperZone{float:right; margin:0 0 25px 0;}
/*graphHighRight is used for graphical green bar in the up-right corner. can be filled with any img, needed for some specific region logo*/

div#rightBlock div#upperZone div#graphHighRight{border-bottom:1px solid #a6d514; text-align:right;float:right;}
/*div#rightBlock div#upperZone div#graphHighRight img{padding:3px 0 3px 0; position:absolute; right:5px;z-index:10;}*/
div#rightBlock div#upperZone div#graphHighRight img{padding:3px 0 3px 0;}
div#rightBlock div#upperZone div#textHighRight{ text-align:left; font-size:1.50em; color:#a6d514; float:left; width:205px; line-height:47px; height:47px;}


/*optionnal zone, used for baseline and some title for example. 
topInfo2 is redescription for namming area (ex: Haute Combraille when selected on map).
topInfo3 is redescription for info title (info from left zone menu)*/
div#rightBlock div.topInfo{clear:both;padding:0px 10px 10px 10px; text-align:right;}
div#rightBlock div.topInfo span.vert, div.topInfo span.noir{font-size:1.25em; color:black;}
div#rightBlock div.topInfo span.vert{color:#a6d514;}

div#rightBlock div.topInfo2{clear:both;padding:0px 395px 3px 3px; text-align:left; font-size:0.9em; font-weight:bold;text-align:right;}

div#rightBlock div.topInfo3{clear:both; padding:0px 0px 1px 1px; width:570px; clear:both; height:27px; margin:0 0 0 53px; text-align:left; color:#fff; font-size:1.7em;}

div#rightBlock div.redTopInfo{background:#b30004;}
div#rightBlock div.blueTopInfo{background:#004a9e;}
div#rightBlock div.greenTopInfo{background:#008f39;}
div#rightBlock div.orangeTopInfo{background:#FF9900;}
div#rightBlock>/**/div.topInfo3{margin:0 0 0 61px;}

div#rightTextePlus{float:right; width:234px; padding-right:5px; color:#a6d514; text-align:justify; font-size:0.8em;}

/*leftInfo is the left part of the rightBlock zone. headed by a green border*/
div#leftInfo{float:right; border-top:1px solid #a6d514;}

div#leftInfo div.content{width:175px; padding:15px 17px 13px 17px;}
div#leftInfo div.content img.idx2{background:#fff; padding:2px 3px 0px 1px;}
div#leftInfo div.content img.idx3{background:#fff; padding:3px 3px 4px 1px; margin:15px 0 0 0;}
div#leftInfo div.content span.BonWtext{display:block; font-size:0.8em; height:15px; background:#fff;}
div#leftInfo div.content p{background:#fff; margin:13px 0 17px 15px; padding:0px 2px 11px 2px; font-size:0.8em; color:#a6d514;width:157px; letter-spacing:-0.04em;}
div#leftInfo div.content p span{position:relative; left:-17px;}
div#leftInfo div.content p a{color: black;letter-spacing:0;}

/*content3 in leftInfo was designed to display information abour a PVP valid area(name, services, opening hours, ...)*/
div#leftInfo div.content3{width:192px; padding:0px 17px 0 0px;}
div#leftInfo div.content3 span.detailComm{display:block; font-size:0.8em; height:15px; margin:0 0 0 17px;}
div#leftInfo div.content3 h5{width:204px; padding:0 0 0 3px; margin:-1px 0 0 2px; font-size:0.8em; font-weight:bold;}
div#leftInfo div.content3 div.service{width:177px; padding:0 17px 0 13px; margin:0px 0 0 2px; font-size:0.9em;}
div#leftInfo div.content3 div.service div.serviceFd{background:#fff; width:180px;}
div#leftInfo div.content3 div.service div.detailService{background:#fff; width:180px; line-height:0.95em;}
div#leftInfo div.content3 div.service div.logo{margin-top:3px; margin-left:3px; float:left; width:180px;}
div#leftInfo div.content3 div.service div.detailService div.horaires{float:left; padding:1px 0 1px 0px; text-align:center; letter-spacing:-0.05em;}
div#leftInfo div.content3 div.service div.detailService div.horaires_jours{float:left; width:70px; text-align:left; padding-left:10px;}
div#leftInfo div.content3 div.service div.detailService div.horaires_heures{float:right; width:100px;}
div#leftInfo div.content3 div.service div.detailService div.horaires_spacer{float:left; width:180px; height:5px;}
div#leftInfo div.content3 p{padding:17px 0 0 3px; font-size:0.8em; font-weight:bold; margin:-4px 0 0 0; letter-spacing:-0.05em;}


div#leftInfo div.content2 a.service_on:link, div#leftInfo div.content2 a.service_on:visited, div#leftInfo div.content2 a.service_on:hover, div#leftInfo div.content2 a.service_on:active{ width:206px; height:26px; display:block; margin:0px 1px 5px 2px; text-decoration:none; color:black;}
div#leftInfo div.content2 a.service_on span{height:26px; display:block; margin:0 0 0 13px; cursor:pointer; color:black; font-size:0.9em; font-weight:bold; text-decoration:none; padding:0 0 0 3px; background-position:1px -2px;}


div#leftInfo div.content2{width:209px; height:432px; padding:32px 0px 13px 0px;}
div#leftInfo>/**/div.content2{padding:17px 0px 13px 0px;}

/*general description of the links to services available*/
div#leftInfo div.content2 a.service, div#leftInfo div.content2 a.service:visited, div#leftInfo div.content2 a.service:hover, div#leftInfo div.content2 a.service:active{height:12px; display:block; margin:0px 1px 3px 2px; text-decoration:none; color:black;}

div#leftInfo div.content2 a.service:hover{width:206px;}

div#leftInfo div.content2 a.service span{height:12px; display:block; margin:0 0 0 13px; cursor:pointer; color:black; font-size:0.7em; font-weight:bold; text-decoration:none; padding:0 0 0 3px; background-position:1px -2px;}

/*specific description for each link to service*/

div#leftInfo div.content2 a.s0{width:132px;}
div#leftInfo div.content2 a.s0 span{width:164px;}
div#leftInfo div.content2 a.s1{width:177px;}
div#leftInfo div.content2 a.s1 span{width:149px;}
div#leftInfo div.content2 a.s2{width:147px;}
div#leftInfo div.content2 a.s2 span{width:164px;}
div#leftInfo div.content2 a.s3{width:192px;}
div#leftInfo div.content2 a.s3 span{width:164px;}
div#leftInfo div.content2 a.s4{width:162px;}
div#leftInfo div.content2 a.s4 span{width:134px;}
div#leftInfo div.content2 a.s5{width:192px;}
div#leftInfo div.content2 a.s5 span{width:164px;}

/*
div#leftInfo div.content2 a.edf{width:102px;}
div#leftInfo div.content2 a.edf span{width:74px;}
div#leftInfo div.content2 a.cram{width:192px;}
div#leftInfo div.content2 a.cram span{width:164px;font-size:0.7em; letter-spacing:-0.05em;}
div#leftInfo div.content2 a.cpam{width:117px;}
div#leftInfo div.content2 a.cpam span{width:89px;}
div#leftInfo div.content2 a.caf{width:102px;}
div#leftInfo div.content2 a.caf span{width:74px;}
div#leftInfo div.content2 a.msa{width:102px;}
div#leftInfo div.content2 a.msa span{width:74px;}
div#leftInfo div.content2 a.cidf{width:117px;}
div#leftInfo div.content2 a.cidf span{width:89px;}
div#leftInfo div.content2 a.udaf{width:117px;}
div#leftInfo div.content2 a.udaf span{width:89px;}
div#leftInfo div.content2 a.urssaf{width:147px;}
div#leftInfo div.content2 a.urssaf span{width:119px;}
div#leftInfo div.content2 a.mission_locale{width:192px;}
div#leftInfo div.content2 a.mission_locale span{width:164px;font-size:0.7em; letter-spacing:-0.05em;}*/

/*content4 in leftInfo was designed to display detail about info from left menu info*/
div#leftInfo div.content4{border-top:none; width:520px; padding:0 0 10px 0px; margin:0 28px 0 0;}
div#leftInfo div.redBorder{border:1px #b30004 solid;}
div#leftInfo div.blueBorder{border:1px #004a9e solid;}
div#leftInfo div.greenBorder{border:1px #008f39 solid;}
div#leftInfo div.orangeBorder{border:1px #FF9900 solid;}

div#leftInfo div.content4 div.content4Right{float:left; width:100px; margin:15px 0 10px 0;}

div#leftInfo div.content4 div.content4Right img{position:relative; left:-50px;}

div#leftInfo div.content4 div.content4Left{float:left;width:420px;}

/* barre en dessous du titre ds info_cc.php */
div#leftInfo div.content4 div.content4Left h3{height:17px; font-weight:bold; font-size:1em; font-family:Arial, Helvetica, sans-serif; border-bottom:#C2C4C8 1px solid; margin:15px 0 10px 0; width:420px;}


div#leftInfo div.content4 div.content4Left div.longText{color:#9f9f9f; font-size:0.9em; padding:0 5px 0 0;}

/* Titre de l'edito conseil general (info_cg.php) */
div#leftInfo div.content4 div.redContent h3{color:#b30004;}

/* Titre de l'edito communauté de commune (info_cc.php) */
div#leftInfo div.content4 div.blueContent h3{color:#004a9e;}

/* Titre de l'edito conseil regional (info_cr.php) */
div#leftInfo div.content4 div.greenContent h3{color:#008f39;}

/* Titre de l'edito etat (info_etat.php) */
div#leftInfo div.content4 div.orangeContent h3{color:#FF9900;}

/*content5 was fist designed for legal content*/
div#leftInfo div.content5{width:567px; padding:15px 17px 13px 17px;}
div#leftInfo div.content5 div{background:#fff; padding:10px;}
div#leftInfo div.content5 h2{color:#a6d514; font-size:1.3em; margin:0; padding:0 0 5px 0; font-weight:normal;}
div#leftInfo div.content5 p{font-size:0.8em;padding:0 0 5px 0;}

div#leftInfo div.content6{width:507px; padding:15px 17px 13px 17px;}
div#leftInfo div.content6 div{background:#fff; padding:7px 10px 5px 7px;}

/*menu zone for connecting extranet or going to legal*/
div#leftInfo div#pdpLinks{color:#a6d514; text-align:left; margin:0 0 0 5px;}
div#leftInfo div#pdpLinks a{color:#a6d514; font-size:0.7em;}
div#leftInfo div#pdpLinks a:visited,div#leftInfo div#pdpLinks a:hover,div#leftInfo div#pdpLinks a:active{color:#a6d514;}

#nbBornes{
display:block;
color:#a6d514;
font-size:12px;
text-align:center;
width:375px;
}

#nbBornesDevelop{
display:block;
color:#FF9900;
font-size:12px;
text-align:center;
width:375px;
}

/*rightInfo is the right part of the rightBlock zone.*/
div#rightInfo{float:right; margin-top:1px;}
div#rightInfo div.content{width:175px; padding:17px 17px 13px 0;}
div#rightInfo div.content img.idx1{background:#fff; padding:4px 3px 5px 3px; margin:60px 0 0 0;}
/*btnDecouvrez : green spot linking the map, on the index page*/
div#rightInfo div.content div#btnDecouvrez{margin:0; background:#fff; width:175px; padding:9px 3px 0px 3px; text-align:center;}
div#rightInfo div.content div#btnDecouvrez a{display:block; width:171px; height:47px; background:url(../images/btn-vert.jpg) no-repeat; text-align:center; font-size:0.6em; line-height:0.9em; padding:2px 1px 1px 1px; color:black; text-decoration:none;}
div#rightInfo div.content div#btnDecouvrez a:visited,div#rightInfo div.content div#btnDecouvrez a:hover, div#rightInfo div.content div#btnDecouvrez a:active{color:black;}
div#rightInfo div.content div#btnDecouvrez a:hover {background:url(../images/btn-vert_.jpg) no-repeat;}
div#rightInfo div.content div#btnDecouvrez a span{font-size:1.8em; font-weight:bold;line-height:1.1em;}
/*content2 in rightInfo was originaly made for containing the map*/
/*div#rightInfo div.content2{width:375px; padding:17px 0px 17px 17px;}*/
div#rightInfo div.content2{width:375px; height: 482px; padding:0px 0px 17px 17px; }
/*content2 in rightInfo was originaly made for containing the informations about services*/
div#rightInfo div.content3{width:381px; padding:32px 0 0 10px;}
div#rightInfo div.content3 div.infoBackground{width:362px; padding:10px 2px 2px 17px;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock{width:362px; background:#fff;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.spacer{height:13px; float:left;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.borderedSpacer{border-bottom:1px solid #C2C4C8; height:13px; float:left;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock h3{padding:5px 0px 5px 50px; font-size:1em; font-weight:normal;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText{border-left:1px solid #C2C4C8; float:left; width:311px; padding:15px 0 0 0;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText h4{position:relative; left:-6px; font-size:0.8em; color:#C2C4C8; font-weight:normal;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText h4 span{display:block; float:left; width:11px; height:11px; margin:2px 5px 0 0;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText p{font-size:0.8em; margin:0 5px 20px 20px;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText ul{list-style:none; position:relative; left:10px;  padding:0; margin:0;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText img.bottomLogo{position:relative; top:-5px; float:right; padding:3px; border-top:1px solid #d3d3d3;border:none;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText a#retour{position:relative; top:20px; left:10px; color:#999999; text-decoration:none; font-size:12px;}
div#rightInfo div.content3 div.infoBackground div.infoWhiteBlock div.infosText>/**/img.bottomLogo{bottom:0px;}

#myimg{margin-left:20px; width:73px; height:73px;}