/* ------ Tags ------ */

html, body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin: 0px; padding: 0px; direction: ltr; background: white;}

table {width: 100%;}
table td {padding: 0px; margin: 0px; border: none; vertical-align: top;}

img {border: none;}

a {color: #5B9204; text-decoration: none;}
a:hover {text-decoration: underline; color: #5B9204;}

h1 {font-size: 14px; color: white; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 16px 0px 15px 20px; border: none;}
h2 {font-size: 1.15em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

/* ------ Areas ------ */

div#wrapper {background: url(img/backgroundV2.jpg) top left no-repeat; width: 700px; padding: 132px 95px 0px 105px; margin: 0px auto; position: relative;} /* This tag contains all blocks and main content. */

table#body {padding: 0px; width: 700px; position: relative; top: 0px; margin: 0px; padding: 0px; border: none; border-collapse: collapse;}

/* Main menu */

div#topcenter {display: table; width: 700px;}

a#home {position: absolute; top: 35px; left: 110px; width: 240px; height: 60px;}

div#topmenu {padding: 0px; font-weight: bold; letter-spacing: 0.05em; padding: 0px; white-space: nowrap;}
div#topmenu a, div#topmenu span.selected { white-space: nowrap; color: #53523F; text-decoration: none; padding: 12px 8px 11px;}
div#topmenu span.selected a {padding-left: 0px; padding-right: 0px;}
div#topmenu span.selected a:hover {background: none;}
div#topmenu a:hover, div#topmenu span.selected {background: url(img/color-828282-alpha25.png);}
div#topmenu a:hover {color: black;}
div#home-icon {position:absolute; width: 11px; top: 145px; left: 790px;}

/* Smartcontent submenus */
.smartcontent-mainmenu {padding: 0px; margin: 0px;}
.smartcontent-mainmenu a {display: block; padding-right: 10px;}
.smartcontent-mainmenu .selected {display: block; padding-right: 10px;}
.smartcontent-mainmenu a:active {color: black;}
.smartcontent-mainmenu li {list-style: none; margin: 0px; padding: 6px 0px;}
.level-0 {text-transform: uppercase; font-weight: bold;}
.level-0 .selected {padding-left: 15px;}
.level-0 a {padding-left: 15px; color: #4A6A09; text-decoration: none;}
.level-0 a:hover {text-decoration: none; color: black;}
.level-1 { text-transform: none; font-weight: normal;}
.level-1 .selected {padding-left: 30px;}
.level-1 a {padding-left: 30px; color: #4A6A09; text-decoration: none;}
.level-1 a:hover {text-decoration: none; color: black;}

/* Left column */
#leftcolumn {width: 185px; background: #DADBD3;}
#supporter-image {margin-bottom: 20px;}
#supporter-image p {margin: 0px;} /* TinyMCE adds <p> tag you want it or not. This is "damage control" */
#leftcolumn div.block {}
#leftcolumn h3 {}

/* Right column */
#rightcolumn {position: absolute; top: 0px; right: 0px; width: 200px;}
#rightcolumn div {}
#rightcolumn h3 {}

/* ------ Main content ------ */

#centercolumn {background: url(img/background-content_qui-sommes.png) top left no-repeat; vertical-align: top; padding-bottom: 5px;}
#content {}
#smartcontent-admin {}
#smartcontent-body {padding: 10px 15px 0px 20px;}
#smartcontent-body ul {margin: 0px; padding: 0px 0px 0px 20px;}
#smartcontent-body li {list-style-type: none; background: url(img/list-disc.png) 0px 0.5em no-repeat; padding: 0.1em 0px 0.1em 15px;}
#smartcontent-body ul.wide li {padding: 0.7em 15px 0.7em 50px; margin: 0px -15px 0px -40px; background-position: 38px 1.1em; position: relative;}
#smartcontent-body li.odd {background-color: white;}
a.pdf-icon-list {display: block; position: absolute; top: 0.9em; left: -42px; width: 25px;}
html > body a.pdf-icon-list {left: 7px;}

#smartcontent-body table.wide {width: 530px; margin: 0px -15px 0px -20px; position: relative;}
#smartcontent-body table.wide tr.odd {background-color: white;}
#smartcontent-body table.wide td {padding: 0.5em 0px;}
#smartcontent-body table.wide td.left {text-align: justify; padding: 0.4em 15px 0.4em 20px; }
#smartcontent-body table.wide td.right {padding-right: 20px; padding-top: 3.4em;}
#smartcontent-body table.wide td.right br {display: none;}

#smartsection-body {padding: 10px 15px 0px 20px;}
#smartsection-body h2 {margin: 0px 0px 1em; font-size: 1.25em;}
#smartsection-body .item {margin-bottom: 25px;}
#smartsection-body .date {font-size: 1.15em;}
#smartsection-body .read {text-align: right; margin: 1em 0px;}
#smartsection-body .itemInfo {margin: 0.5em 0px 0px; height: 15px;}

#smartsection-body .attached-file {margin: 1em 0px;}
#smartsection-body .attached-file img {vertical-align: middle; margin-bottom: 0.1em; margin-right: 3px; }

/* ------- Front page ------ */
#front {width: 700px; border-collapse: collapse; border: none; text-align:left;}
#front td {vertical-align: top; border: none;}
td#topleft-box {width: 100%; padding: 10px 0px 5px 140px; background: url(img/frontback-topleft-v2.jpg) bottom left no-repeat; color: #384000; font-size: 12px; vertical-align: bottom;}
#topleft-box h2 {margin-bottom: 7px; font-size: 12px; text-transform: uppercase; color: #4B4470;}
#topleft-box p {margin-bottom: 7px; margin-top: 0px;}
#topleft-box ul {padding: 0px; margin: 10px 0px 0px -35px; font-size: 12px;}
#topleft-box li {list-style: none; background: url(img/icon_dollar.png) -8px -4px no-repeat; margin-left: -15px; padding-left: 15px; margin-bottom: 0.25em;}
#topleft-box li#list-2 {background-image: url(img/icon_group.png)}
#topleft-box li#list-3 {background-image: url(img/icon_gri.png)}
#topleft-box p.footer {margin: 21px -5px 0px -40px; font-size: 9px;}

#topright-box {padding-bottom: 10px;}
#topright-box img {}
#middleright-box {padding: 5px 10px 0px; color: #5F604B; background: url(img/frontback-middleright.png) top left repeat-x #E1EDA9;}
#middleright-box h2 {font-size: 13px; margin: 0px 0px 10px;}
#middleright-box img {border: none; margin: 0px 10px 10px 0px; float: left;}
#middleright-box p.clickhere {height: 27px; line-height: 24px; display: block; color: white; background: url(img/click-Hre.jpg) bottom right no-repeat; margin: 12px -10px 0px; padding: 5px 35px 3px 0px; text-align: right;}
#middleright-box p.clickhere span {vertical-align: middle}
#middleright-box p.clickhere a {color: #C2F63E}
#middleright-box p.clickhere a: hover {color: #C2F63E}
#bottom-box {background: url(img/frontback-bottom.png); color: #5A5746; padding-right: 10px;}
#bottom-box h2 {margin: 0px 0px 15px; padding-top: 10px; color: white; font-weight: bold; font-size: 14px;}
#bottom-box img {float: left; padding-right: 10px;}
#bottom-box p {margin-bottom: 0px;}
.separator {font-size: 10px; padding-right: 10px; padding-top: 10px;}

/* ---------- Footer ---------- */

#footer {text-align: left; width: 495px; font-size: 10px; padding: 10px 95px 0px 205px; margin: 0px auto;}
#footer p {margin: 0px;}
#footer.frontpage {text-align: center; padding-left: 0px; padding-right: 0px; width: 700px;}

/* :: Zone-specific selectors :: */

body.root-1 #leftcolumn { background-color: #DADBD3;}
body.root-1 #centercolumn {background-image: url(img/background-content_qui-sommes.png);}

body.root-2 #leftcolumn, body.root-4 #leftcolumn {background-color: #D9E56A}
body.root-2 #centercolumn, body.root-4 #centercolumn {background-image: url(img/background-content_services.png);}
body.root-2 div#topmenu span.selected, body.root-4 div#topmenu span.selected {background: url(img/color-C9DA2A-alpha25.png);}
body.root-2 #leftcolumn ul.level-1 li.odd {background-color: #E6EF96;}

body.root-3 #leftcolumn, body.root-5 #leftcolumn {background-color: #EDCF3C}
body.root-3 #centercolumn, body.root-5 #centercolumn {background-image: url(img/background-content_partenariats.png);}
body.root-3 div#topmenu span.selected, body.root-5 div#topmenu span.selected {background: url(img/color-F0D94D-alpha35.png);}

body.root-6  #centercolumn {background-image: url(img/background-content_contacteznous.jpg);}

/* :: Page specific selectors :: */

body.page-20 #centercolumn {background: url(img/background-content_economique.png) no-repeat;}
body.page-21 #centercolumn {background: url(img/background-content_environnementale.png) no-repeat;}
body.page-22 #centercolumn {background: url(img/background-content_sociale.png) no-repeat;}

body.root-2 .level-1 li#item-0 {background: url(img/bullet-economique.png) 27px 0.8em no-repeat;}
body.root-2 .level-1 li#item-1 {background: url(img/bullet-environnementale.png) 27px 0.8em no-repeat;}
body.root-2 .level-1 li#item-2 {background: url(img/bullet-sociale.png) 27px 0.8em no-repeat;}
body.root-2 .level-1 li#item-0 a, body.root-2 .level-1 li#item-0 span,
body.root-2 .level-1 li#item-1 a, body.root-2 .level-1 li#item-1 span,
body.root-2 .level-1 li#item-2 a, body.root-2 .level-1 li#item-2 span {padding-left: 40px; }

div#user_css_circles {position: relative; width: 307px; margin: 0px auto;}
div#user_css_circles img {display: block; margin: 0px auto;}
div#user_css_circles a {color: black; text-transform: uppercase; font-weight: bold; position: absolute; display: block;}
div#user_css_circles a:hover {color: black; text-decoration: none;}
div#user_css_circles a:visited {color: black;}
div#user_css_circles a.link-0 {top: 100px; left: 105px;}
div#user_css_circles a.link-1 {top: 200px; left: 20px; width: 80px; text-align: center;}
div#user_css_circles a.link-2 {top: 200px; left: 240px;}
/* :: Main menu coloured hovers :: */
div#topmenu a.root-2:hover, div#topmenu a.root-4:hover {background: url(img/color-C9DA2A-alpha25.png);}
div#topmenu a.root-3:hover, div#topmenu a.root-5:hover {background: url(img/color-F0D94D-alpha35.png);}

/* IE6 hacks */
body {behavior: url(/themes/neuvaction_layered/csshover.htc);} /* Whatever_hover fix for IE6/7 */
body.root-0 div#topmenu a {zoom: 1} /* Give links layout (IE6) */
body.root-0 div#topmenu img {vertical-align: 75%;}
span.selected, div#topmenu a, div#topmenu a:hover, #smartobject_print_button img, #smartobject_mail_button img, td#centercolumn, #frontpage td {behavior: url(/themes/neuvaction_layered/iepngfix.htc);} /* PNGFix */

html > body.root-0 div#topmenu a {zoom: normal} /* Removes links layout  for IE7 */
html>body div#topmenu {padding: 12px 0px 11px;}
html>body.root-0 div#topmenu img {vertical-align: baseline;}

/* ----------  mode debug  ---------- */
#xo-logger-output {font-size: 80%;}
/* Nav Table */
#user_css_nav-table{
width:475px;
margin:0 auto;
}
#user_css_nav-table td{
padding:0.5em;
}
.head-dark{
background-color:transparent;
background-image:url(img/th-bak-drk.jpg);
padding:0.5em;
font-size:1.25em;
color:black;
width:50%;
vertical-align:bottom;
}
.head-light{
background-image:url(img/th-bak-lght.jpg);
padding:0.5em;
font-size:1.25em;
width:50%;
vertical-align:bottom;
}
#content .head-light a:link,
#content .head-light a:visited{
background-color:transparent;
color:#5A7B00;
}
#content .head-light a:hover,
#content .head-light a:active{
background-color:transparent;
color:#333333;
}
.dark-odd{
background-color:#E5E5E5;
color:#333;
}
.dark-odd a:link,
.dark-odd a:visited{
background-color:#E5E5E5;
color:#5A7B00;
}
.light-odd{
background-color:#EAEAE8;
color:#A9A9A9;
}
.light-odd a:link,
.light-odd a:visited{
background-color:#EAEAE8;
color:#5A7B00;
}
.dark-odd a:hover,
.dark-odd a:active,
.light-odd a:hover,
.light-odd a:active{
background-color:transparent;
color:#5A7B00;
}
.dark-even{
background-color:#F6F3ED;
color:#333;
}
.dark-even a:link,
.dark-even a:visited{
background-color:#F6F3ED;
color:#5A7B00;
}
.light-even{
background-color:#F9F8EF;
color:#A9A9A9;
}
.light-even a:link,
.light-even a:visited{
background-color:#F9F8EF;
color:#5A7B00;
}
.dark-even a:hover,
.dark-even a:active,
.light-even a:hover,
.light-even a:active{
background-color:transparent;
color:#5A7B00;
	}