body.carte-rubrique #page {background: #FFF url(images/page-x-carte-rubrique-bleu.gif) repeat-y 0px}
body.carte-projet #page {/*background: #FFF url(images/page-x-carte-projet.png) repeat-y 0px; height:596px*/}

body.carte-rubrique h3 {display:block; position:absolute; top:182px; left:185px; height:48px; width:565px; background:transparent url(images/h3-fond-carte.png) 0 0 no-repeat; color:#426AB3;z-index:203}

body.carte-rubrique #pieddepage {clear: both; border-top:solid #bfe0a0 3px; margin-left:185px; width:507px; background-color:#FFF}

body.carte-projet h3 {display:block; position:absolute; top:182px; left:185px; height:48px; width:565px; background:transparent url(images/h3-fond-carte.png) 0 0 no-repeat; color:#426AB3;z-index:203}

body.carte-projet #pieddepage {clear: both; border-top:solid #bfe0a0 0px; padding-top:145px !important; padding-top:150px; margin-left:185px; width:507px; background-color:#FFF}
/* --------------- #googlemap -----------*/


body.carte-rubrique #page #contenu #map {float:left; width: 503px !important; width:501px; height: 417px; margin-top:-8px; margin-left:2px;}
body.carte-projet #contenu #map {float:left; width: 501px; height: 417px; margin-top:-8px; margin-left:0px; border-bottom:solid #bfe0a0 3px; border-left:solid #bfe0a0 3px; border-right:solid #bfe0a0 3px;}

#page #contenu #googlemap {float: left; width: 564px; position:relative}
body.carte-projet #contenu #map2 { position:absolute ; top:0; left:185px; width: 501px; height: 417px; margin-top:-8px !important; margin-top:-8px; margin-left:0px; border-bottom:solid #bfe0a0 3px !important; border-bottom:solid #bfe0a0 1px; border-left:solid #bfe0a0 3px; border-right:solid #bfe0a0 3px; background-color:#CCCCCC}


#page #contenu #googlemap h4 {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#000 ; margin:0px 28px 0px 28px}
#page #contenu #googlemap h5 {display:block; font-size:1.1em; font-weight:bold; color:#426AB3; margin:15px 28px 2px 28px; padding-left:0px ; padding-top:1px}
#page #contenu #googlemap h5:before{content: '> '; color:#F99D1C}

* html #page #contenu #googlemap h5 {display:block; background:transparent url(images/h5-puce.png) 0 0 no-repeat; font-size:1.1em; font-weight:bold; color:#426AB3; margin:15px 28px 2px 28px; padding-left:11px ; padding-top:1px}

#page #contenu #maplinks {margin-left: 10px; padding-right: 10px; float: left; display: block; height: 350px; overflow: auto;}

#page #contenu #googlemap p {font-size:1em; line-height:1.1em; margin:0px 10px 0px 28px}
#page #contenu #googlemap ul {font-size:1em; line-height:1.1em; margin:0px 10px 0px 28px}
#page #contenu #googlemap ul li{margin:2px 0 2px 12px; list-style-type:disc}
#page #contenu #googlemap strong {font-weight:bold}


#page #contenu #image1, 
#page #contenu #image2, 
#page #contenu #image3 
{display:block; position: absolute; width:142px; height:118px; border:#80C342 2px solid; top:428px; background-color:#80C342; overflow:hidden; }

#page #contenu #image1 img, 
#page #contenu #image2 img, 
#page #contenu #image3 img 
{display:block;width:142px; height:118px;cursor:pointer}

#page #contenu #image1 { left:185px}
#page #contenu #image2 { left:365px}
#page #contenu #image3 { left:545px}



/* --------------- #extra ------------*/

body.carte-projet #page #contenu #extra { position:absolute; right:0; width: 227px ; height:auto; min-height:535px; margin-right:14px;  display:block; border:solid #bfe0a0 3px; padding-left:2px; padding-bottom:10px}

* html body.carte-projet #page #contenu #extra { position:absolute; right:0; width: 227px ; height:auto; min-height:535px; margin-right:14px;  display:block; border:solid #bfe0a0 3px; padding-left:2px; padding-bottom:10px}

body.carte-projet #page #contenu .contact { min-height:396px !important; min-height:396px}

body.carte-projet #page #contenu #extra h4{color:#000; font-size:1.3em; line-height:1.4em; margin:6px 2px 2px 10px; text-transform:uppercase }
body.carte-projet #page #contenu #extra h5{color:#426AB3; font-size:1.2em; padding: 0px 14px 2px 10px; line-height:1.2em;  background:transparent url(images/h5-puce.png) 0 0 no-repeat; margin:10px 0 0 10px}
body.carte-projet #page #contenu #extra p{color:#000; font-size:1.1em; padding: 0px 14px 2px 10px; line-height:1.3em}
body.carte-projet #page #contenu #extra li{color:#000; font-size:1.1em; padding: 0px 14px 2px 10px; line-height:1.3em;}


body.carte-projet #page #contenu #extra img{ position:relative; top:-5px; left:-5px;}

* html body.carte-projet #page #contenu #extra img{display:none}


/* --------------- #carte-projet ------------*/

body.carte-contact h3 {display:block; position:absolute; top:182px; left:185px; height:48px; width:565px; background:transparent url(images/h3-fond-carte.png) 0 0 no-repeat; color:#426AB3;z-index:203}
body.carte-contact #pieddepage {clear: both; border-top:solid #bfe0a0 0px; padding-top:10px !important; padding-top:20px; margin-left:185px; width:507px; background-color:#FFF}

body.carte-contact #contenu #map {float:left; width: 501px; height: 417px; margin-top:-8px; margin-left:0px; border-bottom:solid #bfe0a0 3px; border-left:solid #bfe0a0 3px; border-right:solid #bfe0a0 3px;}

body.carte-contact #page #contenu #extra {/*float: left;*/ position:absolute; right:0; width: 227px ; height:auto; min-height:535px; /*margin-left:14px;*/ margin-right:14px !important; margin-right:8px; display:block; border:solid #bfe0a0 3px; padding-left:2px; padding-bottom:10px}


body.carte-contact #page #contenu .contact { min-height:396px !important; min-height:396px}

body.carte-contact #page #contenu #extra h4{color:#000; font-size:1.3em; line-height:1.4em; margin:6px 2px 2px 10px; text-transform:uppercase }
body.carte-contact #page #contenu #extra h5{color:#426AB3; font-size:1.2em; padding: 0px 14px 2px 10px; line-height:1.2em;  background:transparent url(images/h5-puce.png) 0 0 no-repeat; margin:10px 0 0 10px}
body.carte-contact #page #contenu #extra p{color:#000; font-size:1.1em; padding: 0px 14px 2px 10px; line-height:1.3em}
body.carte-contact #page #contenu #extra li{color:#000; font-size:1.1em; padding: 0px 14px 2px 10px; line-height:1.3em;}


body.carte-contact #page #contenu #extra img{ position:relative; top:-5px; left:-5px}
* html body.carte-contact #page #contenu #extra img{display:none}
/* --------------- #extra ------------*/

span.majuscule { text-transform:uppercase}