body {
margin:0;
padding:0;
background:transparent url(/fileadmin/img-charte/ligne-vert2.jpg) 0 134px  no-repeat;
}
* {
font-family: Arial, Helvetica, sans-serif;
}
/* RTE */
.align-justify {text-align:justify;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-left {text-align:left;}

#page {
margin: 0 auto;
width: 760px;
background: #fff url(/fileadmin/img-charte/deco-sides.png) top repeat-y;
padding: 0;
text-align: left;
}
#pageHeader {
background: transparent url(/fileadmin/img-charte/billes-vert.jpg) top no-repeat;
height:225px;
}
#pageHeader #contact {
background-image: url(/fileadmin/img-charte/contact_on.png);
position:relative;
width:64px;
height:12px;
left:654px;
top:39px;
}
#pageHeader #contact span {
display:none;
}
#pageHeader #contact a {
display:block;
width:64px;
height:12px;
background:transparent url(/fileadmin/img-charte/contact_off.png) no-repeat;
}
#pageHeader #contact a:hover {
background:transparent url(/fileadmin/img-charte/contact_on.png) no-repeat;
}
#logo {
position:absolute;
top:110px;
}
h1 {
text-transform:uppercase;
margin:0 0 6px 0;
padding:0;
font-size:1.3em;
color:#789931;
}
h2 {
margin:0 0 6px 0;
padding:0;
font-size:0.9em;
color:#789931;
}
h2 a {
color:#789931;
text-decoration:none;
}
h2 a:hover {
text-decoration:underline;
}
#droite p {
text-align:justify;
font-size:0.8em;
margin:0;
padding:0;
}
#droite a, #droite ul li a, #droite th a, #droite td a {
color:#789931;
text-decoration:none;
}
#droite ul {
padding:0 0 0 8px;
list-style-type:circle;
list-style-position:inside;
}
#droite li {
font-size:0.8em;
}
.csc-textpic-caption {
margin: 0;
font-size: 60%;
color:#AAA;
text-align:center;
}

#gauche h2, #gauche .titregauche {
font-weight:bold;
font-size:0.8em;
color:#000;
margin:0 0 4px 0;
padding:0;
}
#gauche p {
font-size:0.7em;
margin:0;
padding:0;
font-weight:bold;
color:#789931;
}
#gauche a {
text-decoration:none;
color:#9C9C9C;
}
#gauche a:hover {
text-decoration:underline;
color:#789931;
}
#droite .contenttable {
border-collapse: collapse;
width:100%;
border:1px solid #CCC;
border-bottom:0;
border-right:0;
text-align:center;
margin-bottom:8px;
}
#droite .contenttable th {
width:auto;
font-size:0.75em;
letter-spacing:0.1em;
border:1px solid #CCC;
border-top:0;
border-left:0;
}
#droite .contenttable td {
font-size:0.7em;
border:1px solid #CCC;
border-top:0;
border-left:0;
}
#droite .contenttable caption {
font-size:0.7em;
font-weight:bold;
margin:0 0 6px 0;
}
#droite .contenttable .tr-odd {
background-color:#EEE;
}
#menuH {
position:relative;
top:123px;
left:6px;
width:240px;
z-index:1;
}
#menuH ul {
margin:0;
padding:0;
list-style-type:none;
width:200px;
font-size:0.7em;
}
#menuH ul li {
height:17px;
margin:0;
padding:1px 0 0 0;
}
#menuH a {
color: #757575;
text-decoration: none;
text-transform:uppercase;
padding:0 4px;
}
#menu a.nav-vert {
color:#283312;
}
#menu a.nav-rouge {
color:#DDD;
}
#menu a.nav-jaune {
color:#332601;
}
#menu a.nav-bleu {
/*color:#1a2433;*/
color:#DDD;
}
#menu a.nav-violet {
/*color:#331429;*/
color:#DDD;
}
#menu a:hover, #menuH a.menu-act:hover {
text-decoration:none;
background:#EEE;
color: #4D4D4D;
}
#menuH a.menu-act {
color:#FFF;
text-decoration:none;
font-weight:bold;
}
#bandonav {
background-image: url(/fileadmin/img-charte/deco-breadcrumb.png);
width:760px;
height:60px;
clear:both;
}
#lang {
text-transform:uppercase;
float:right;
position:relative;
padding:0;
bottom:10px;
top:24px;
left:80px;
height:15px;
font-size:0.6em;
margin:0;
}
#lang a {
text-decoration:none;
}
#lang a:hover {
text-decoration:underline;
}
/*  moteur  */
#recherche {
float:right;
position:relative;
padding:0;
bottom:10px;
right:10px;
height:15px;
font-size:0.6em;
margin:0;
}
#recherche .inputsearch {
padding:0 0 0 4px;
vertical-align:middle;
width:100px;
height:14px;
border:1px solid #E0E0E0;
background-color:#FFF;
color:#666;
font-size:1.1em;
}
#recherche .submitsearch {
vertical-align:middle;
}
#home {
float:left;
position:relative;
top:21px;
left:29px;
width:17px;
height:16px;
background-image: url(/fileadmin/img-charte/home-on.png);
}
#bandonav #home a:hover img {
visibility:hidden;
}
#breadcrumb {
float:left;
position:relative;
top:24px;
left:46px;
text-transform:uppercase;
font-size:0.6em;
}
#breadcrumb a {
text-decoration:none;
color:#789931;
}
.bread-act {
color:#333;
}
#breadcrumb a:hover {
color:#333;
}
#print {
background-image: url(/fileadmin/img-charte/print-on.png);
float:right;
position:relative;
right:30px;
top:22px;
height:15px;
width:19px;
}
#bandonav #print a:hover img {
visibility:hidden;
}
.hide {
display:none;
}

#gauche {
width:205px;
float:left;
background: transparent url(/fileadmin/img-charte/deco-separateur.png) left top no-repeat;
}
#gauche .pad {
padding:0 35px;
}
#droite {
width:520px;
float:left;
}
.clear {
width:100%;
clear:both;
height:0px;
overflow:hidden; /* pour IE */
}
/* menu gauche */
ul#nivo2 {
background: #FFF url(/fileadmin/img-charte/deco-separateur.png) left bottom no-repeat;
margin:0;
padding:0 0 22px 0;
}
ul#nivo2 li {
list-style-type:none;
}
ul#nivo2 li a {
display:block;
background: transparent url(/fileadmin/img-charte/ssmenugris.png) no-repeat;
width:156px;
height:16px;
margin-bottom:6px;
padding:1px 0 0 18px;
text-decoration:none;
text-transform:uppercase;
font-size:0.7em;
color:#000;
}
ul#nivo2 li.active a, ul#nivo2 li a:hover {
display:block;
background: transparent url(/fileadmin/img-charte/ssmenuvert.png) no-repeat;
width:156px;
height:16px;
margin-bottom:6px;
padding:1px 0 0 18px;
text-decoration:none;
text-transform:uppercase;
font-size:0.7em;
color:#FFF;
}
ul#nivo3 {
margin:0;
/*
padding: 0 0 9px 7px;
list-style:inside;
*/
padding:0 0 9px 21px;
}
ul#nivo3 li {
list-style-type:circle;
color:#789931;
padding:0 25px 0 0;
}
ul#nivo3 li.active {
list-style-type:disc;
color:#789931;
}
ul#nivo3 li a {
font-size:0.8em !important;
display:inline !important;
color: #757575 !important;
background:none !important;
padding:0 0 0 5px !important;
text-transform:none !important;
}
ul#nivo3 li.active a, ul#nivo3 li a:hover {
font-size:0.8em !important;
display:inline !important;
color: #789931 !important;
background:none !important;
padding:0 0 0 5px !important;
text-transform:none !important;
}

/* S�parateur d'articles */
#droite div.separateur {
height: 8px;
width:100%;
background-color:#E5E5E5;
margin:16px 0;
overflow:hidden; /* pour IE */
clear:both;
}
#gauche div.separateur {
display:none;
}

/* Footer */
#footer {
width:760px;
height:80px;
background: transparent url(/fileadmin/img-charte/deco-bas-couleurs.png) top no-repeat;
clear:both;
}
#oblady {
position:relative;
top:37px;
left:60px;
float:left;
color:#333;
text-transform:uppercase;
font-size:0.7em;
}
#oblady a {
text-decoration:none;
color:#333;
}
#oblady a:hover {
color:#000;
}
#pompom {
position:relative;
top:37px;
right:60px;
float:right;
font-size:0.7em;
color:#333;
text-transform:uppercase;
}
#pompom a {
text-decoration:none;
color:#333;
}
#pompom a:hover {
color:#000;
}
#totop {
width:61px;
height:16px;
position:relative;
float:left;
left:268px;
top:36px;
background-image: url(/fileadmin/img-charte/top-vert-on.png);
}
#totop a:hover img {
visibility:hidden;
}

/* Formulaire de contact */
.mailform {
font-size: 0.8em;
padding: 8px 10px;
vertical-align: top;
border:1px solid #73A607;
color:#577DAF;
clear:both;
/*width:450px;*/
margin-bottom:10px;
}
fieldset.radio {
border-width:0;
padding:0;
}
.ligneform, .lesradio, .divtextarea {clear:both; padding:2px 0; color:#333;}
.submit-around {clear:both; text-align:center; padding:4px 0 2px 0;}
.ligneform .champ, .divtextarea .textarea-champ, .radiolabel {width:120px; text-align:right; float:left; clear:left;}
.ligneform .champ-input, .divtextarea .textarea-input, .radiogroup {width:300px; float:right; clear:right;}
.form-text {}
.form-textarea, .form-text {font-size:1em; width:300px;}
.form-radio  {}
.form-check  {}
.form-submit {padding:2px 6px;}
.form-submit, .form-text, .form-textarea {background-color:#FFF; border:1px solid #73A607;}
.form-submit:hover {background-color:#73A607; border:1px solid #73A607; color:#FFF;}

.form-comment {
clear:both;
padding:4px 0;
}
/* Moteur de recherche */
.tx-indexedsearch {
font-size:0.8em;
}
.tx-indexedsearch h2 {
font-size:1.1em;
}
.tx-indexedsearch-searchbox-button {
background-color:#FFF;
border:1px solid #73A607;
padding:0 0 0 3px;
font-size:0.9em;
}
.tx-indexedsearch-search-submit {
text-align:center;
margin-top:1em;
}
.tx-indexedsearch fieldset {
border:1px solid #789931;
padding:10px;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
margin-top:10px;
margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
color:#D11700;
font-weight:normal;
}
.tx-indexedsearch ul.browsebox {
text-align:center;
}
.tx-indexedsearch ul.browsebox li {
font-size:1em !important;
display:inline;
margin-right:5px;
}
.tx-indexedsearch-res {
border:1px solid #577DAF;
padding:10px;
}
.tx-indexedsearch-res .res {
border:0;
padding:0;
margin:0;
border-bottom:1px solid #789931;
}
.tx-indexedsearch hr {
margin:0;
}
.tx-indexedsearch .tx-indexedsearch-noresults {
font-weight:bold;
color:#666;
font-size:1em;
}

.tx-indexedsearch .tx-indexedsearch-selectbox-lang, .tx-indexedsearch .tx-indexedsearch-searchbox-sword {
border:1px solid #789931;
width:150px;
margin:1px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }

/* loginbox */
.tx-newloginbox-pi1 p {
text-align:justify;
font-size:0.8em;
margin:0;
padding:0;
}

#formLogin, #passForgot {
font-size:0.8em;
}
/* Formulaires (contact + candidatures) */
.ligneform, .lesradio, .divtextarea {clear:both; padding:2px 0; color:#333;}
.submit-around {clear:both; text-align:center; padding:4px 0 2px 0;}
.ligneform .champ, .divtextarea .textarea-champ, .radiolabel {width:130px; text-align:right; float:left; clear:left;}
.ligneform .champ-input, .divtextarea .textarea-input, .radiogroup {width:350px; float:right; clear:right;}
.userlogged {color:#577DAF; font-weight:bold;}
#logout {
font-size:0.7em;
}
.form-submit {padding:2px 6px;}
.logout-submit, .form-submit, .form-text, .form-textarea {background-color:#FFF; border:1px solid #577DAF; color:#577DAF;}
.form-submit:hover {background-color:#577DAF; border:1px solid #577DAF; color:#FFF;}

.error {
color:#F00;
width:100%;
clear:both;
margin:0;
padding:5px 0 0 10px;
}

h3.mailformH3 {
color:#D11700;
font-size:1em;
}

/* liste de news */
.news-list-item{
list-style:none;
border-bottom:8px solid #E5E5E5;
font-size:1.2em;
padding-bottom:10px;
margin-left:0;
}

.news-list-container{
font-size:1.2em;
padding-left:0;
}
.news-image{
float:right;
margin-left:5px;
}

/*.news-cat-item{
list-style:none;
border-bottom:8px solid #E5E5E5;
font-size:1em;
padding-bottom:10px;
margin-left:0;
}*/
.news-cat-item{
list-style:none;
border-bottom:0;
font-size:0.8em;
padding-bottom:10px;
margin-left:0;
}
.news-single-img{
float:left;
margin-right:15px;
}
.news-single-img img{
margin-bottom:15px;
}
.news-single-additional-info{
float:right;
margin-left:15px;
width:250px;
}
.news-single-additional-info dt{
background:#E56102;
color:#fff;
padding:2px 0 2px 5px;
font-weight:bold;
}
.news-single-additional-info dd{
margin:0;
font-size:1em;
margin-top:5px;
}
.news-single-additional-info dd a{
line-height:0.6em;
}
.news-single-additional-info dl{
font-size:0.8em;
}
dl.news-single-links{
font-size:1em;
}
.news-single-links dt{
font-size:0.8em;
}