* { margin: 0px; border: 0px; }
html {background: #D7842E; }
body { background: transparent url(../IMG/ImgBackground.png) repeat-x top left; color: #00032B; text-align: left; font: normal normal 14pt/18pt Verdana, Georgia, Times, Arial, Helvetica, sans-serif; }
#Page { position: relative; background: transparent url(../IMG/ImgPageBackground.jpg) no-repeat top center; min-height: 655px; margin: 0px auto; border: 0px; padding: 0px; font-family: Verdana, Arial, Sans-serif; font-size: inherit; color: #000000; text-align: left; }
#AreaTop { clear: both; background: transparent url(../IMG/ImgLogo.gif) no-repeat left; width: 960px; height: 146px; margin: 0px auto; border: 0; padding: 0px; }
#AreaTopMenu { clear: both; background: transparent url(../IMG/ImgTopMenuBackground.jpg) no-repeat top center; width: 960px; height: 40px; margin: 0px auto; border: 0px; padding: 0px 0 0 0; overflow: hidden;}
#AreaSubMenu { clear: both; background: transparent url(../IMG/ImgSubMenuBackground.png) no-repeat top center; width: 960px; height: 69px; margin: 0pt auto; border: 0px; padding: 0; overflow: hidden; }
#AreaMiddle { clear: both; background: #FFFFFF url(../IMG/ImgMiddleBackground.jpg) no-repeat top center; width: 960px; min-height: 400px; margin: 0px auto; border: 0px; padding: 0px; }
#AreaBottom { clear: both; background: transparent url(../IMG/ImgFooter.png) no-repeat top center; width: 960px; margin: 0px auto; border: 0; padding: 290px 0 0; }
/* */
p { margin: 0px; padding: 0px; text-align: left; font-size: 1.0em; }
hr { background: transparent url(../IMG/ImgDividerFull.gif) no-repeat center; padding: 0.4em; clear: both;}
img { border: 0px; }
dl { text-align: left; font-size: 1.0em; }
ul { text-align: left; font-size: 1.0em; list-style-type: none; margin: 0; padding-left: 0; list-style: none inside none; }
ul.listItem { font: normal normal 1em Georgia, Geneva, Arial, Helvetica, sans-serif; list-style: none outside none; margin-left: 0;}
ul.lList { font: normal normal 1em Georgia, Geneva, Arial, Helvetica, sans-serif; list-style: none outside url(../IMG/ImgBullet.png); margin-left: 1.5em;}
ul li { line-height: 115%; margin-left: 0em;}
a { color: #CF7A30; text-decoration: none !important; }
/*a[href^="http://"] { background: transparent url(./../IMG/ImgUrlExternal.png) no-repeat left; padding-left:12px; }*/
ul.listItem li { margin: 0.5em 0.5em; padding-bottom: 0.5em; border-bottom: 5px dotted #fbefe4; }
a.listItem:before { content: '« ' !important; padding-left: 0 !important; }
a.more:before { content: '» ' !important; padding-left: 0.5em !important; }
a.more:after { content: ' ... ' !important; padding-right: 0.5em !important; }
a[href^="tel:"]:before { content: '\260f  ' !important; padding-left: 0.5em !important; }
/*a[href^="mailto:"]:before { content: '\2709  ' !important; padding-left: 0.5em !important; }*/
a:hover, a:active { color: #FFFFFF; background-color: #CF7A30; text-decoration: none; }
/*a:visited { color: #CF7A30; background-color: transparent; }*/
h1 { text-align: left; font-size: 1.4em; margin: 0; padding: 0 0 0.8em 0; color: #CF7A30; }
h2 { text-align: left; font-size: 1.2em; margin: 0; padding: 0.5em 0 0.5em 0; color: #3F4C57; }
h3 { text-align: left; font-size: 1em; margin: 0; padding: 0.5em 0 0.5em 0; color: #864B44; letter-spacing: 2px; }
h4 { text-align: left; font-size: 0.9em; font-weight: bold; margin: 0 0 0 -0.5em; padding: 0.5em 0 0.5em 2em; color: #55626D; letter-spacing: 2px; background: transparent url(../IMG/ImgBullet2.gif) no-repeat top left; line-height: 0.85em !important;}
input { font-family: Verdana, Arial, Sans-serif; font-size: 1.0em; background-color: #cccccc; border: solid #000000 1px; }
select { font-family: Verdana, Arial, Sans-serif; font-size: 1.0em; background-color: #cccccc; border: solid #000000 1px; }
textarea { font-family: Verdana, Arial, Sans-serif; font-size: 1.0em; background-color: #cccccc; border: solid #000000 1px; }
.column { width: 240px; margin: 0 0 10px 10px; display: block; overflow: show;}
.justified { text-align: Justify !important; }
.centered { text-align: center !important; }
.small { font-size: 86% !important; }
.strong { font-weight: bold !important; }
.warning { color: #CF7A30; }
.error { color:red !important; }
.reallyBig { font: normal normal 48pt/48pt Georgia, Geneva, Arial, Helvetica, sans-serif; color: #C4B7AD; margin-bottom: 36pt;}
.right {float:right !important;}
.left {float:left !important;}
.clear {clear:both;}
.odd { background-color: #F7F6F0; margin: 0 -0.3em; padding: 0.3em; }
.even { background-color: #FFFFFF; margin: 0 -0.3em; padding: 0.3em; }
.noprint { /* see print.css : display: none !important;*/ }
.top { background: transparent url(../IMG/ImgTop.gif) no-repeat top right; margin-top: 0.5em; padding-top: 10px; text-align:center; }
/* TOP BANNER */
#AreaTop p { font-size: 0.7em; color: #ffffff; text-align:right; margin-top: 10px; margin-bottom: 10px; }
#AreaTop a { color: #ffffff; background-color: transparent; text-decoration: underline; }
#AreaTop a:hover { color: #ffffff; background-color: transparent; text-decoration: none; }
/* TOP MENU */
#AreaTopMenu p { font-size: 0.6em; text-align: left; font-weight: bold; line-height: 30px; }
#AreaTopMenu a.aOn { float: left; margin: 0pt; padding: 5px 20px; text-decoration: none; background-color: transparent; color: #CF7A30; }
#AreaTopMenu a.aOn:hover { float: left; margin: 0pt; padding: 5px 20px; text-decoration: none; background-color: transparent; color: #CF7A30; }
#AreaTopMenu a.aOff { float: left; margin: 0pt; padding: 5px 20px; text-decoration: none; background-color: transparent; color: #ffffff; }
#AreaTopMenu a.aOff:hover { text-decoration: none; margin: 0pt; background-color: #3D2717; color: #FFFFFF; }
#TopMenuNav { padding: 0px 180px 20px 10px; }
/*.TopMenuItem { border-left: 1px solid #BA0D0C; }*/
.TopMenuItem { background: transparent url(../IMG/ImgMenuSeparator.gif) no-repeat right; padding-right:10px; }
/* SUB MENU */
#AreaSubMenu p { font-size: 0.6em; text-align: center; font-weight: bold; padding: 1px 0; line-height: 30px;}
#AreaSubMenu p a.subaOn { float: left; margin: 0px; padding: 5px 20px; text-decoration: none; background-color: transparent; color: #CF7A30; }
#AreaSubMenu p a:subaOn:hover { text-decoration: none; background-color: #3F4C57; color: #CF7A30; }
#AreaSubMenu p a.subaOff { float: left; margin: 0px; padding: 5px 20px; text-decoration: none; background-color: transparent; color: #FFFFFF; }
#AreaSubMenu p a.subaOff:hover { text-decoration: none; background-color: #3F4C57; color: #ffffff; }
#SubMenuNav { padding: 6px 50px; height: 42px;}
.SubMenuItem { background: transparent url(./../IMG/ImgMenuSeparator.gif) no-repeat right; padding-right:10px; }
/* MIDDLE - CONTENT */
#AreaMiddle p { font-size: 0.86em; font-weight: normal; line-height: 1.4em; }
#AreaMiddle p.pSmall { font-size: 0.7em; line-height: 1.3em; }
#AreaMiddle p.pSmallItalic { font-style: Italic; font-size: 0.7em; line-height: 1.3em; }
#AreaMiddle p.pPeopleName { text-align: left; font-size: 0.8em; font-weight: bold; color:#333333; }
#AreaMiddle p.pPeopleName > a:link { padding-left: 30px; line-height: 16px; background: transparent url(./../IMG/IconUser24.gif) no-repeat scroll top left; }
#AreaMiddle p.pPeopleName > a:hover, #AreaMiddle p.pPeopleName > a:active { color: #FFFFFF; background-color: #CF7A30; text-decoration: none; }
#AreaMiddle p.pPeopleFunction { text-align: left; font-size: 0.8em; color: #763C36; font-style: Italic; }
#ACForm { /* Form place holder */ }
.zoneLabel { color: #55626D; font: normal normal 1em "Courier New", Courier, monospace; }
.pBottinTitre { color: #394A59; font-size: 1em; line-height: 1.4em; margin: 0; padding: 1em 0 0.2em 0; font-weight: bold; }
.pBottinCoordonnee { font-size: 0.8em; line-height: 1.1em; color: #394A59; }
.pBottinDescription { font-size: 0.8em; line-height: 1.1em; color: #864b44; font-style: italic; }
.BottinZoneLabel { font-size: 0.8em; font-family: Courier, Verdana; color: #999999; font-style: normal; }
/* BOTTOM */
#AreaBottom p { font-size: 0.7em; color: #ffffff; margin: 1em 0 1em 0; }
#AreaBottom p.pBottomLeft { text-align: left; }
#AreaBottom p.pBottomCenter { text-align: center; }
#AreaBottom p.pBottomRight { text-align: right; }
#AreaBottom a { color: #ffffff; background-color: transparent; text-decoration: underline; }
#AreaBottom a:hover { color: #CF7A30; background-color:#33302B; text-decoration: none; }
/* */
.type-news { background: transparent url(./../IMG/ImgNews.png) no-repeat 0 bottom; padding: 0 0 -120px -50px; }
.type-doc { background: transparent url(./../IMG/ImgTypeDoc.gif) no-repeat left bottom; padding: 0px 16px 0px 24px; line-height: 16px !important; }
.type-pdf { background: transparent url(./../IMG/ImgTypePdf.gif) no-repeat left bottom; padding: 0px 16px 0px 24px; line-height: 16px !important; }
.type-form { background: transparent url(./../IMG/ImgTypeForm.gif) no-repeat left bottom; padding: 0px 16px 0px 24px; line-height: 24px !important; }
.type-url { background: transparent url(./../IMG/IconUrl24.gif) no-repeat left bottom; padding: 0px 30px 0px 30px; line-height: 24px !important; }
.colLeft { width: 540px; padding: 0.7em; vertical-align: top; }
.colRight { width: 344px; padding: 0.5em; vertical-align: top; background-color: #F7F6F0;}
.radius { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.radiusLarge { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
img.iThumb { background: transparent url(./../IMG/VignetteDiaporama2.png) no-repeat top center; padding: 12px 14px 15px 13px; }
img.vignette { background: transparent url(./../IMG/ImgVignette100x150.png) no-repeat top center; padding: 2px 16px 20px 2px; margin-bottom: -1em; }
img.vignetteLandscape { background: transparent url(./../IMG/ImgVignetteLandscape.png) no-repeat top center; padding: 15px 25px 21px 25px; margin-bottom: -1em; }
img.vignetteLarge { background: transparent url(./../IMG/ImgVignetteLarge.png) no-repeat top center; padding: 9px 19px 36px 18px; margin-bottom: -1em; }
img.vignetteSquare { background: transparent url(./../IMG/ImgVignetteSquare.png) no-repeat top center; padding: 29px 30px 33px 31px; margin-bottom: -1.2em; }
a:link img.iThumb { background: transparent url(./../IMG/VignetteDiaporama3.png) no-repeat top center; padding: 12px 14px 15px 13px; }
/*a:visited img.iThumb {background: transparent url(./../IMG/VignetteDiaporama1.png) no-repeat top center; padding: 12px 14px 15px 13px; }*/
a:hover img.iThumb { background: transparent url(./../IMG/VignetteDiaporama1.png) no-repeat top center; padding: 12px 14px 15px 13px; }
/* vCard */
div.vcard { display: bock; padding: 0.5em; margin: 0 0.5em; width: 300px; border: 1px dashed transparent; font: normal normal 12px/18px Arial, Helvetica, sans-serif; }
div.vcard h4 { padding-top: -2em; }
div.vcard a.url { /*text-decoration: none; color:blue;*/ }
div.vcard div.adr { display: block; padding-left: 30px; background: transparent /*url(./../IMG/IconHome24.gif)*/ no-repeat scroll top left; }
div.adr div.street-address { text-transform: uppercase; }
span.locality { }
span.country-name { display:none; }
div.adr span.postal-code { padding-left: 1em; }
div.hours { padding-left: 30px; line-height: 16px; background: transparent /*url(./../IMG/IconHours24.gif)*/ no-repeat scroll top left; }
div.tel { padding-left: 30px; line-height: 16px; background: transparent /*url(./../IMG/IconPhone24.gif)*/ no-repeat scroll top left; }
div.mobile { padding-left: 30px; line-height: 16px; background: transparent /*url(./../IMG/IconPhone24.gif)*/ no-repeat scroll top left; }
div.fax { padding-left: 30px; line-height: 16px; background: transparent /*url(./../IMG/IconFax24.gif)*/ no-repeat scroll top left; }
div.email { padding-left: 30px; line-height: 16px; background: transparent /*url(./../IMG/IconMail24.gif)*/ no-repeat scroll top left; }
div.geo { padding-left: 30px; line-height: 16px; background: transparent url(./../IMG/IconMap.gif) no-repeat scroll top left; }
div.url { padding-left: 30px; line-height: 16px; background: transparent /*url(./../IMG/IconMap24.gif)*/ no-repeat scroll top left; }
div.pickVcard { margin: -30px 2px 0 250px !important; line-height: 40px;}
div.pickVcard a[href^="http://"] { background: none !important; padding: 0 !important;}
div.vcard:hover div.pickVcard { display: block; width: 48px; background: /*url(./../IMG/ImgvCard.gif)*/ no-repeat bottom left; }
div.vcard div.pickVcard:hover { background-position: -48px bottom; }
div.vcard:hover { background-color: #f5f5f5; border: 1px dashed #cccccc;}
/* display: none for certain vcard elements */
div.adr span.country-name, div.vcard div.fn, div.vcard div.org, div.vcard div.org div.photo { display: none; }
div.vcard div.tel span.type, div.vcard div.fax span.type, div.vcard div.email span.type, span.latitude, span.longitude { display: none; }
/* vEvent (Calendar) */
.vevent { font-family: Verdana, Arial, sans-serif; color: #55626D; font-style: normal; }
p.vevent { background: transparent url(./../IMG/IconEvent24.gif) no-repeat top left; padding: 0px 24px 0 30px; margin-left: -0.5em;}
.vevent span.dtstart, .vevent span.dtend { display:none; }
.vevent span.summary { font-size: 1em; }
.vevent span.location { font-size: 1em; }
.pAgendaDate { font-size: 0.9em; color:#CF7A30; font-weight:bold; }
.pAgendaTitre { font-size: 1em !important; color:#3D2717; line-height: 1.3em; font-weight: bold !important; font-style: normal; padding: 0.3em 0;}
.pAgendaDescription { font-size: 0.8em; color: #864b44; }
.pAgendaInfo { color:#333333; font-size:0.7em; line-height:1.1em; padding-top:2px; }
/* FORMS */
#ACForm div { padding: 15px 10px; border: 0px solid #999999; border-top: 0; background-color: transparent; }
div.panes div { display: none; padding: 0 !important; border: 0px solid #999999 !important; border-top: 0 !important; /*background: transparent url(../IMG/ImgFormBackground.png) no-repeat bottom right !important;*/ }
div.panes div h3 span { font: normal bold 1em/1.2em Verdana; color: #666666; padding-left: 2em; }
div.panes label { display:block; margin-bottom:15px; }
div.formulaire { padding: 1em; font: normal normal 0.76em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
div.formulaire p.small { font-size: .86em !important; }
div.pWarning { background-color: #FFE8E1; padding: 0.5em 2em; -moz-outline: 1px dotted Red; }
#ACForm input, #ACForm textarea  { background: #F1F1F1 none repeat scroll 0 0; border: 1px solid #E2E2E0; padding: 3px; }
#ACForm input.button { background: #E2E2E0 none repeat scroll 0 0; border: 3px solid #F1F1F1; padding: 0.5em; -moz-border-radius: 0.5em; margin: 0 1em; }
#ACForm textarea { height: 10em; width: 400px; }
#ACForm textarea.small { height: 5em; width: 400px; }
#ACForm label, #ACForm input, #ACForm select {width: 200px; }
#ACForm label, #ACForm input, #ACForm select, #ACForm textarea { display: block; float: left; margin-bottom: 0.2em; }
#ACForm label { color: #55626D; font: normal normal 10pt "Courier New", Courier, monospace; text-align: left; padding-right: 1em; }
#ACForm br { clear: left; }
#ACForm input[type^="Hidden"] { display: none !important; }