/* Clearfix hack */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
/* Fix for IE Mac */
.clearfix {
   display: inline-block;
}
/* Fix for IE6 Win */

* html .clearfix {
   height: 1%;
}
.clearfix {
   display: block;
}

/***************************************
  Site defaults
 ***************************************/

html {
   font-size: 100%;
}

* {
   padding: 0;
   margin: 0;
   outline: none;
}
  
body {
   background-color: #ffffff;
   background-repeat: repeat-x;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: .8em;
   text-align: center;
   color: #565656;
   min-width: 990px;
   behavior:url(/accueil/fileadmin/shared/template/csshover.htc);
}

div#main {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    text-align: left;
}

h1	{
   font-family: arial, helvetica, sans-serif;
   font-size: 1.4em;
   margin: .8em 0 .7em 0;
   color: #FF0000;
}  
  
h2 {
   font-family: arial, helvetica, sans-serif;
   font-size: 1.25em;
   margin: 1em 0 0.7em 0;
   color: #FF0000;
}

h3 {
   font-family: arial, helvetica, sans-serif;
	font-size: 1.15em;
	margin: .6em 0;
	color: #565656;
}

h4 {
   font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	margin: .6em 0;
	color: #565656;
}
p {
   margin: .7em 10px .7em 0;
}

blockquote {
   margin: 0 0 0 2em;
}

li {
   margin: 0.6em 0 0.6em 2em;
   padding: 0;
}

ul, ol {
   margin: 0.9em 0;
} 

ol li {
   padding-bottom : .5em;
   margin-left: 2.5em;
}

a {
   color: #004925;
   text-decoration: underline;
}

a:hover {
	color: #659265;
}

table {
   width: auto;
   margin: 0.5em 0;
   color: #565656;
   border: 1px solid #565656;
   border-collapse: collapse;
   font-size: 100%;
}

table caption {
   margin: .7em auto .3em 0;
   color: #565656;
   font-weight: bold;
   text-align: left;
}

td, th {
   padding: 0.2em 0.6em 0.2em 0.4em;
   vertical-align: baseline;
   text-align: left;
   border: 1px solid #565656;
   margin: 0;
}

thead, th {
   font-weight: bold;
   background-color: #FF0000;
}

td p:first-child, th p:first-child {
   margin-top: 0;
   margin-bottom: 0;
}

td p {
   margin-right: 0;
}

hr {
   color: #C6C6C6;
   background-color: #C6C6C6;
   height: 1px;
   border: 0;
   margin: 1.5em 0;
}

.hide {
   display: none;
}

/***************************************
 Some predefined classes for the content, 
 accessible by the RTE
 ***************************************/
 
/* paragraphs */
 
p.bodytext{

} 

p.citation {
   padding: .7em 0;
   font-style: italic;
   font-size: 1.05em;
	font-family: arial, helvetica, verdana, sans-serif;
} 

p.note {
   padding: .7em 1em;
   font-family: arial, helvetica, verdana, sans-serif;
   background-color: #E0E0E0;
   font-size: 1em;
}

p.codeSource {
   padding: .7em 1em;
   font-family: "Courier New", monospace;
   background-color: #F4F4F4;
}

span.codeSource {
   font-family: "Courier New", monospace;
}


/* images */

img { 
   border: none;
}

img.float_left {
   float: left;
   padding: 10px 10px 10px 0;
}

img.float_right {
   float: right;
   padding: 10px 0 10px 10px;
}

/* tables */

table.tableauInvisible {
   border-style: none;
}

table.tableauInvisible thead, table.tableauInvisible th {
   background-color: none;
}

table.tableauInvisible th, table.tableauInvisible td {
   border-width: 0;
}

/* tableau des formulaires */
table.csc-mailform {
   border-width: 0;
}

table.csc-mailform td, table.csc-mailform th {
   border-width: 0;
}

td.csc-form-labelcell {
   text-align: right;
   vertical-align: top;
}

/* fix for editor width and body centering */
body.htmlarea-content-body {
   width: auto;
   min-width: 90%;
   text-align: left;
   background-color: #FFFFFF;
   background-image: none;
}
 
/***************************************
  Structural divisions 
 ***************************************/

/* -------------------------------------
  top section
  -------------------------------------*/
div#header_top {
    background-color: #FFFFFF;   
}

div#header_menu {
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   text-align: right;
   padding: 0;
}

/* menu_header_top */
div#logo {
    float:left;
}

#change_font {
    float: right; 
    margin: 10px 10px 0 10px; 
    padding-top: 5px;      
}

#change_font a {
    width:35px;
    height:20px;    
    cursor: pointer;
}

/* search input */

div#chercher {
    margin-top: 10px;
    padding: 0;
    float: right;
    border: 1px solid #565656;
}

div#chercherMultiple {
    padding: 0;
    height: 24px;
    width: 173px;
    _width: 175px;
}

div#go {
    border-left:0;
    float:right;
    margin-top: -1px;
    height: 24px;
    width: 22px
}

input#btnChercher {
    margin:7px 3px;
}

div#formRecherche{
  border-right:1px solid #565656;
  height: 24px;
  width: 150px;
}

div#requete {
    color:#565656;
    float:left;
    position: relative;
    font-size:0.85em;
    z-index: 5;
}

div#requete ul {
    margin: 0;
    cursor:pointer;
    background-color: #FFFFFF;
}

div#requete li {
   list-style-type: none;
   margin: 0;
   float: left;
   position: relative;
   height:20px;
   padding-top:0.35em;
   padding-left:0.35em;
}

div#requete li:hover {
   background-color:#E0E0E0;
}

div#requete ul li ul {
   position: absolute;
   left: -0.1em;
   display: none;
   border:1px solid #565656;
   top: 100%;
}

div#requete ul li:hover ul {
   display: block; 
}

div#requete ul li:selected ul {
   display: none; 
}

div#requete ul li ul li {
   display: block;
   width: 146px;
}

div#requete ul li ul li img {
    float:left;
}

div#chercher #query {
    width: 74px;
    border: none;
    margin: 0.35em;
    #margin: 0 0.35em; 
    color:#565656;
    font-size: 0.85em;
    font-family: verdana, arial, helvetica, sans-serif;
}

div#motcle {
    position: relative;
    float:left;
}

.fieldQuery {
    border:medium none;
    color:#565656;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:0.85em;
    margin:0.35em;
    width:140px;
}

.arrow {
    padding-bottom:5px;
}

span.choiceText {
    float: left;
    padding-left: 2px;
}

/* acces_rapides */

div#acces_rapides {
    float: right;
    font-size: 0.85em;
    color: #565656;
    border: solid #565656 1px;
    margin: 10px 0 5px 10px;
    padding: 0 0.35em;
    position: relative;
    text-align: center;
    z-index: 100;
}

div#acces_rapides img {
    padding-left: .7em;
}

div#acces_rapides a {
    color: #565656;
    text-decoration: none;
}

div#acces_rapides ul {
    margin: 0;
}

div#acces_rapides li {
    margin: 0;
}

div#acces_rapides ul li {
    /*  padding: 0.35em 1.7em 0.35em 0; */
    padding: 5px 1.7em 5px 0;
    list-style-type: none;
    cursor: pointer;
    background: url(images/bas_gris.gif);
    background-position: center right;
    background-repeat: no-repeat;
}

div#acces_rapides:hover,
div#acces_rapides ul li:hover {
   background-color: #E0E0E0;
}

div#acces_rapides ul li:hover ul {
   display: block;
}

div#acces_rapides ul li ul {
   position: absolute;
   display: none;
   right: -1px;
   width: 14em;
   background-color: #FFFFFF;
   border: 1px solid #565656;
   top: 100%;
}

div#acces_rapides ul li ul li {
   text-align: right;
   list-style-type: none;
   width: 100%;
   margin: 0.1em 0;
   padding: 2px 0px;
   background: none;
}

div#acces_rapides ul li ul li a {
   padding: 2px 10px; 
   padding: 0 10px; 
   color: #565656;
   display: block;
   text-decoration: none;
}

div#acces_rapides ul li ul li a:hover {
   background-color: #E0E0E0;
}

div#acces_rapides ul li ul li.spacer:hover {
   background-color: #FFFFFF;
   cursor: default;
}

div#acces_rapides hr {
    margin: 5px 10px;
    #margin: 0 10px;
}

/* menu_header_bottom */

div#header_menu_bottom {
   padding: .22em 0 0.5em 0;
}

div#fil_ariane {
    width: 660px;
    /* padding: .8em 0 0.5em 0; */
    cursor:default;
    float: left;
    color: #565656;
    text-align: left;
}

div#fil_ariane a {
    font-size:0.85em;
    color:#565656;
    padding: 0 .4em;
    text-decoration: none;
}

div#fil_ariane a:hover {
    background-color: #E0E0E0;
}

div#bonjour p {
    font-weight: bold;
    color: #565656;
    margin: 0;
}

div.header_links {
   float: right;
   margin: 0;
   margin-top:-10px;
}

div.header_links a {
   padding: 0 0.5em 0 0.5em;
   font-size: 0.85em;
   font-weight: normal;
   color: #565656; 
   border-left:solid #565656 1px;
   text-decoration: none;
}

div.header_links a:hover {
	background-color: #E0E0E0;
	color: #565656; 
}

div.header_links div {
   float: left;
}

div#header_links_extern {
   border-left: solid #565656 2px; 
}

div#header_links_local {
   border-left: solid #565656 2px; 
   border-right: solid #565656 2px; 
}

div#header_links_extern div:first-child a {
   border-left-width : 0;
}

div#header_links_local div:first-child a {
   border-left-width : 0;
}


/* -------------------------------------
  header section
  -------------------------------------*/

div#header {
   position: relative;
   margin-bottom: 10px;
   _height: 105px;
}

div#header_title {
   position: absolute;
   top: 160px;
   left: 0; 
}

div#header_nav_title {
   position: absolute;
   top: 20px;
   left: 0;
}

/* -------------------------------------
  main menu 
  -------------------------------------*/

div#main_menu {
   font-size: 1.1em;
   background-color:#A1B776;
   padding: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

div#main_menu ul {
   margin: 0;
  
}

div#main_menu li {
   list-style-type: none;
   margin: 0;
   float: left;
   position: relative;
   padding: 6px 0;
   z-index: 1;
}

div#main_menu li.menu_selected {
   background-color: #FF0000;
}

div#main_menu li:hover {
   color: #565656;
   background-color: #FF0000;
   z-index: 20;
}

div#main_menu li a {
   color: #FFFFFF;
   text-decoration: none;
   padding: .6em 10px;
   white-space: nowrap;
}

div#main_menu li:hover a {
   color: #565656;
}

div#main_menu li.menu_selected a {
   color: #565656;
   text-decoration: none;
   padding: .6em 10px;
}

div#main_menu ul li ul {
   padding: 3px 3px 3px 7px;
   width: 14em;
   position: absolute;
   z-index: 100;
   left: 0;
   top: 100%;
   display: none;
   background-color: #FF0000;
}

div#main_menu ul li:hover ul {
   display: block;
   border-bottom: solid 1px #BABABA;
   border-right: solid 1px #BABABA; 
}

div#main_menu ul li ul li {
   display: block;
   width: 100%;
   padding: 0;
   z-index: 101;
}

div#main_menu ul li ul li a {
   display: block;
   padding: 3px !important;
   margin: 0;
   color: #565656;
   white-space: normal;
   margin-right: 5px; 
}

div#main_menu ul li ul li a:hover {
   background-color: #FFFFFF;
   z-index: 102;
}

/* -------------------------------------
  Columns containers
  -------------------------------------*/

div#columns_container_frontpage {
    padding: 0 10px;
}

div#columns_container_pages {
    margin: 0 10px;
    background-repeat:repeat-y;
}

/* -------------------------------------
  left sub menu 
  -------------------------------------*/

div#sub_menu {
    font-size: 1.0em;
    width: 230px;
    float: left; 
    margin-left : -50px;
    padding: 0px 0px;
    
}

div#sub_menu a {
    font-weight: normal;
    color: #DADB75;
    text-decoration: none;
    display: block;
    padding: .1em 10px .2em 10px;
    margin-right: 5px;
}

div#sub_menu a:hover {
   color: #645656;
   background-color: #FFFFFF !important;
}

div#sub_menu a.menu_item_selected {
    background-color:#FFFFFF !important;
    margin-right: 0 !important;
    padding-right: 10px;
    color:#DADB75;
}

div#sub_menu ul {
   margin: 0;
}

div#sub_menu li {
    margin: 0;
    padding: .4em 0;
    list-style-type: none;
    padding-left: 5px;
}

div#sub_menu li a {
   color: #565656;
   padding-left: 10px;
}

div#sub_menu ul ul {
    border-left: 1px solid #565656;
    margin: 3px 0 0 5px;
    padding-left: 0px;
}
div#sub_menu ul ul ul {
   margin-left: 10px;
}

div#sub_menu li.sub_menu_closed {

}   

a.with_sub_menu {
   background-image: url(/typo3_formation/fileadmin/templates/formation/images/plus.gif);
   background-repeat: no-repeat;
   background-position: 3px 0.5em;
}
   
div#sub_menu li.sub_menu_opened {
   background-color:#DADB75;
   margin-left: 0;  
}

div#sub_menu li.sub_menu_opened li {
	padding-left: 0;
}


/* -------------------------------------
  frontpage columns
  -------------------------------------*/

div#front_left {
   float: left;
   width: 230px;
}

div#front_center {
   width: 520px;
   _width: 500px;
   padding: 0 10px;
   float: left;
}

div#front_center img {
    margin: 0;
}

div#front_right {
   width: 200px;
   float: right;
}

/* -------------------------------------
  content area
  -------------------------------------*/

div#content_area {
   width: 730px;
   _width: 740px;
   float: left;
   padding: 0px 0px 0px 0px;
   _overflow-x: auto;
}

div.content_right {
   width: 160px;
   _width: 170px;
   margin-right: -6px;
   margin-top: 0px;
   padding: 0px 0px 0px 0px;
   float: right;
   _overflow-x: auto;
}
div.content_right2 {
   width: 160px;
   _width: 170px;
   margin-right: -6px;
    margin-left: -10px;
   margin-top: 0px;
   float: right;
  _overflow-x: auto;
}
/* narrow content (for 2 cols)*/
div.content_narrow  {
   width: 620px;
   margin-left:5px;
   float: left;
   padding: 0px 0px 0px 0px;
   _overflow-x: auto;
}
/* narrow content (for 1 cols)*/
div.content_narrow2  {
   width: 730px;
   margin-left:5px;
   float: left;
   padding: 0px 0px 0px 0px;
   _overflow-x: auto;
}
div.content_col1 {
   width: 360px;
   float: left;
   padding: 0px 10px 0px 0px;
}

div.content_col2 {
   width: 360px;
   float: right;
}

/* -------------------------------------
  Multiple home page templates
  -------------------------------------*/
.evenements_accueil div.event-list-section h3 {
    color:#FF0000;
    padding:0;
}

.evenements_accueil span.evenement-type {
    padding:0;
}

.evenements_accueil div.event-list-section p a {
    padding:0;
}

.evenements_accueil div.event-list-section p a:hover {
    background-color:#FFFFFF;
    color:#FF0000;
    text-decoration:underline;
}

.evenements_accueil div.evenements-liens {
    clear:both;
    margin-top:30px;
}

.evenements_accueil div.evenements-liens p {
    margin:0px;
}

.evenements_accueil div.evenements-udes {
    margin-top: 5px;
}
.evenements_accueil div.evenements-udes div.event-list-section span.evenement-type {
	padding-left: 10px;
}

.event-img {
    padding-right: 10px;
    display: table-cell;
    float: left;
}

.event-desc {
    display: table-cell;
    vertical-align: top;
}

div.toutes-nouvelles-lien {
  clear:both;
}

div.toutes-nouvelles-liens p, div.toutes-nouvelles-liens a {
  color:#FF0000;
  font-size:0.9em;
  font-weight:bold;
  margin:0.2em 0;
  text-decoration:none;
}

div.toutes-nouvelles-liens a:hover {
  color:#565656;
  text-decoration:underline;
}

div#container_text,
div#container_events,
div#container_bulletin {
   background-repeat:  repeat-y;
}

div.vide {
   float: left;
   font-size: 0.9em;
   width: 230px;
   height: 230px;
   background-repeat: no-repeat;
}

div#main_content {
   width: 770px;
   display: block;
   float:left;
}

div.bulletin_accueil {
   padding-top: 23px;
   background-repeat: no-repeat;
}
div.evenements_accueil {
   padding-top: 23px;
   background-repeat: no-repeat;
}


/* -------------------------------------
  Specific contents formatting
  -------------------------------------*/

/* liens contextuels */
div.context {
   background-color:#FF0000;
   margin: 0 0 5px 0;
}

div.context .menu_item_selected {
   background-color: #FFFFFF;
}

div.context a {
   color : #565656;
   padding: .2em 0;
   display: block;
   text-decoration: none;
   padding-left: 10px;
   margin: 2px 0;
}

div.context a:hover {
   background-color: #FFFFFF;
   text-decoration: none;
   color: #565656;
} 

div.context ul {
   margin: 0;
   padding: 10px 0; 
}

div.context ul li {
   list-style: none;
   margin: 0 5px 0 0;
   padding: 0;
}   

/* Permet a un element de contenu de se mettre sous une image float en ajoutant un titre de contenu */
div.csc-header {
   clear: both;
}  

/* liens externes */
div.externe {
   background-color: #FF0000;
   margin-bottom: 5px;
   background-repeat: no-repeat; 
   padding: 0;   
   color: #FF0000;
}

div.externe ul {
   margin: 0;
   padding-top: 30px;   
   padding-bottom: 10px; 
}

div.externe ul li {
   list-style: none;
   margin: 0 5px;
   padding: 0;
}    

div.externe ul li a {
   color : #565656;
   padding: .2em 5px;
   display: block;
   text-decoration: none;
   margin: 2px 0;
}

div.externe ul li a:hover {
   background-color: #FFFFFF;
   text-decoration: none;
   color: #565656;
} 

div.externe ul li strong {
   font-family: arial, helvetica, sans-serif;
   display: block;
   font-size: 1em;
   color: #565656;
   margin: .7em 5px .2em 5px;
}

/* Boutons */

div.boutons p {
    margin: 0;
}

div.boutons p a {
    display: block;
    padding: .3em 5px .3em 10px;
    margin-bottom: 5px;
    background-color:#FF0000;
    color: #FFFFFF;
    font-size: .95em;
    font-weight: bold;
    text-decoration: none;
}

div.boutons a:hover{
    background-color: #FF0000;
    text-decoration: none;
    color: #FFFFFF;
}

/* Liens vedette */
div.liens_context {
   background-color: #FF0000;
} 

div.liens_context h1 {
   color : #565656;
   font-size : 1.15em;
   padding: 0px 5px;
   margin: 0.4em 0;
}

div.liens_context ul {
   padding: 5px 0;
}

div.liens_context ul li {
   margin: 0 5px;
   list-style: none;
   padding: 0;
}

div.liens_context ul li a {
   text-decoration: none;
   color: #565656;
   font-family: arial,helvetica,sans-serif;
   padding: .2em 5px;
   display: block;
   margin: 2px 0;
}

div.liens_context ul li a:hover {
   background-color: #FFFFFF;    
   text-decoration: none;
   color: #565656;
}

div.liens_context ul li strong {
   font-family: arial, helvetica, sans-serif;
   display: block;
   font-size: 1em;
   color: #565656;
   margin: .7em 5px .2em 5px;
}

div#slideshow {
    margin-bottom: 5px;
}

/* image random a droite */
div.image_random {
   margin-bottom: 5px;
}


/* Module de recrutement */
#frame_recrutement {
    margin: 0;
    padding-top: 5px;
    height: 250px;
}

/* pour extension sema_sourcecode */
div.tx-semasourcecode-pi1 pre {
  font-family: "Courier New", courrier, monospace;
  font-size: 0.85em;
  max-height: 550px;
  overflow: auto;
  background-color: #F0F0F0;
  padding: 0.7em 1em;
  margin: 1em 0;
}

/* -------------------------------------
  Nouvelles et événements
  -------------------------------------*/

/* Evenements */
div.evenements {
   background-color: #FF0000;
   background-repeat: no-repeat;
   width: 230px;
   padding: 23px 0 10px 0;   
}

div.evenements_accueil {

}

div.evenements div.empty-list {
   margin-bottom: 0;
   padding-bottom: 0;
}

div.empty-list {
   background-color: #FF0000;
   padding: 10px;
   margin-bottom: 10px;
}

span.evenement-type {
   padding-left: 10px;
   color: #004925;
   font-size: 0.7em;
}

div.evenement-details {
   color: #004925;
   margin: 0.6em 0 0 0;
}

/* event image */
table.imageBox {
    border: 1px solid rgb(86, 86, 86); 
    font-size: 0.8em;
    border-collapse: collapse;
    float: right;
    margin: 5px 10px 10px 10px;
    width: 60px;
}

td.imageBoxImg {
    padding: 0px;
    width: 60px;
}

.event-single-item-content .img_titre {
    font-size: 1em;
    padding: 0.5em 0.3em;
    background-color:#E0E0E0;
    border-top:1px solid #565656;
    border-bottom: none;
    color: #565656;
    white-space: normal;
    word-wrap: break-word;
}

.event-single-item-content .img_credit {
    font-size: 0.9em;
    padding: 0.5em 0.3em;
    background-color:#E0E0E0;
    border: none;
    color: #565656;
    white-space: normal;
    word-wrap: break-word;
}

div.event-list-section div.evenement-details p {
   margin: 0 10px;
   font-size: 0.7em;
}

div.event-list-section div.evenement-details p.evenement-titre {
   margin: 0;
   font-size: 1em;
}

div.evenements-list-all div.evenement-details p {
   margin: 0;
}

div.event-list-section {
    margin-top: 10px;
}

div.event-list-section h3 {
    color: #FFFFFF;
    font-size: .95em;
    padding: 0 10px .1em 10px;
    margin: 0;
}
div.evenements-udes
div.event-list-section p {
    margin: 0.6em 0 0 0;
}

div.event-list-section p a {
    color: #565656;
    font-weight: normal;
    margin-top: 1px;
    font-size: 0.9em;
    padding: .1em 10px;
    display: block;
    text-decoration: none;
}

div.event-list-section p a:hover {
    background-color: #FF0000;
    text-decoration: none;
    color: #FFFFFF; 
}

div.evenements-list-all h3 {
   color: #FF0000;
   padding: 0;
}

div.evenements-list-all span.evenement-type {
   padding: 0;
}

div.evenements-list-all p a {
   padding: 0.1em 0;
}

div.evenements-list-all p a:hover {
   background-color: #FFFFFF;
   color: #004925; 
   text-decoration: underline;
}

div.evenements-menu {
   background-color: #FF0000;
   margin-bottom: 10px;
   padding: 10px 0;
}

div.evenements-menu h3 {
    margin: 0;
    padding: 0pt 10px;
}

div.evenements-udes {
   background-color: #EEEEEE;
   margin-bottom: 5px;
   padding: 5px 5px 10px 5px;
}

div.evenements div.evenements-udes {
   background-color: #FFFFFF;
   margin: 10px 5px 0 5px;
   padding: 0 0 10px 0;
}

div.evenements-udes h3 {
   color: #FF0000;
   padding: 10px 10px 0 10px;
   margin: 0;
}

div.evenements div.evenements-udes h3 {
   font-size: 1em;
}

div.evenements-udes div.event-list-section {
    margin-left: 10px;
}

div.evenements-udes div.event-list-section h3 {
   color: #565656;
   padding: 0;
}

div.evenements-udes div.event-list-section p a:hover {
   background-color: #EEEEEE;
   color: #004925; 
   text-decoration: underline;
}

div.evenements div.evenements-udes div.event-list-section p a:hover {
   background-color: #FF0000;
   color: #FFFFFF;
   text-decoration:none;  
}

div.evenements-udes div.evenement-details p {
    margin: 0;
}

div.evenements-udes div.evenement-details p a {
    padding: 0.1em 0;
}

div.evenements-liens {
   margin-top: 5px;
}

div.evenements-liens p {
   margin: 30px 0;
   font-weight: bold;
   color: #004925;
}

div.evenements div.evenements-liens p,
div.evenements-menu div.evenements-liens p {
   padding-top: 5px;
   margin: 0 10px;
}

div.evenements-liens p a {
   color: #004925;
   font-size: 0.8em;
   text-decoration: none;
}

div.evenements div.evenements-liens p a,
div.evenements-menu div.evenements-liens p a {
   display: inline;
   padding: 0;

}



div.evenements-liens p a:hover {

   color: #565656;
   background: none;
   text-decoration: underline;
}

div.events-ical {
   margin-top: 10px;
   clear: both;
}

div.events-ical img {
   padding-right: 5px;
   float: left;
   border: none;
}

div.events-ical a {
   font-weight: normal;
   color: #004925;
   font-size: 0.9em;    
}

div.events-ical a:hover {
   color: #565656;   
}

div.events-ical div {
   padding-top: 2px;
}

/* Nouvelles */

div.nouvelles_accueil {
    background-repeat: no-repeat;
    padding-top: 23px;
}

div.empty-news {
   margin-top: 10px;
}

div.content_right div.empty-news {
   background-color: #DADB75;
   padding: 10px;
   margin: 0 0 10px 0; 
}

p.nouvelle-date {
   font-size: 0.7em;
   color: #004925;
}

div.news-list-container h3 {
   font-size:0.85em;
   margin: 0;
}

div.news-list-container p {
   margin: 0pt;
}

div.news-list-container a {
    color: #FF0000;
    font-weight:bold;
    text-decoration: none;
}

div.news-list-container a:hover {
    color: #FF0000;
    text-decoration: underline;
}

div.news-list-container p.nouvelle-date {
   margin: 10px 0 0.2em 0;
}

/*list image*/

.news-list-image-elm {
    clear: both;
}

.news-list-image-img {
    float: left;
    margin: 10px 0px 20px 0px;
}

.news-list-image-img img {
    display: table-cell;
}

.news-list-image-img p {
    display: table-cell;
}

.news-list-image-img img {
    float: left;
    padding: 5px 10px 0px 0px;
}

div.news-list-important h3 {
   font-size: 1.1em;
}

div.news-list-important p a {
   font-size: 1.2em;
}

/* fin list image*/

div.nouvelles-udes {
   border: 2px solid #D75D0C;
   margin-bottom: 1em;
   text-align: center;
   padding: 0 10px 10px 10px;
}

div.nouvelles-udes h3 {
   margin-top: 0px;
   font-size: 0.9em;
   margin: 1em 0pt 0.1em;
}

div.nouvelles-udes p {
   margin:0.2em 0pt;
}

div.nouvelles-udes a {
   color: #004925;
   font-weight: bold;
   text-decoration: none;
}

div.nouvelles-udes a:hover {
   color: #D75D0C;
}

div.rubrique {
    background-color: #FF0000;
    margin-bottom: 10px;
    padding: 10px 0pt;
}

div.rubrique h3 {
    margin-top: 0pt;
    padding: 0pt 10px;
    text-decoration: none;
}

div.rubrique p {
    margin: 0pt 5px;
}

div.rubrique a {
    color: #565656;
    display: block;
    margin: 2px 0pt;
    padding: 0.1em 5px;
    text-decoration: none;
}

div.rubrique a:hover {
    background-color: #FFFFFF;
}

div.rubrique p.nouvelle-date {
   padding: 0 5px;
   margin-top: 10px;
}

div.lire {
    background-color: #FF0000;
    margin-bottom: 10px;
    padding: 10px 0pt;
}

div.lire h3 {
    margin-top: 0pt;
    padding: 0pt 10px;
    text-decoration: none;
}

div.lire p {
    margin: 0pt 5px;
}

div.lire a {
    color: #565656;
    display: block;
    margin: 2px 0pt;
    padding: 0.5em 5px;
    text-decoration: none;
}

div.lire a:hover {
    background-color: #FFFFFF;
}

div.context_news {
    background-color: #FF0000;
    margin-bottom: 10px;
    padding: 10px 0pt;
}

div.context_news h3 {
    color: #565656;
    margin-top: 0pt;
    padding: 0pt 10px;
    text-decoration: none;
}

div.context_news p {
    margin: 0pt 5px;
}

div.context_news a {
    color: #565656;
    display: block;
    margin: 2px 0pt;
    padding: 0.5em 5px;
    text-decoration: none;
}

div.context_news a:hover {
    background-color: #FFFFFF;
}

div.single-item h3 {
   margin: 0.3em 0pt 0pt;
}

div.single-item p.txt_date {
   font-size: 0.85em;
   font-style: italic;
   margin: 1em 0pt 0pt;
}

div.single-item p.auteur {
   font-size: 0.85em;
   font-style: italic;
   margin: 0pt;
   padding: 0.3em 0pt;
}

div.single-item em {
   font-size: 1em;
   font-style: italic;
   margin: 0pt;
   padding: 0.3em 0pt;
}

div.single-item h1 {
	margin:0.2em 0 0.7em;
}

div.nouvelles-liens {
   clear: both;
   margin-top: 30px;
}

div.nouvelles-liens p,
div.nouvelles-liens a,
p.nouvellesArchive,
p.nouvellesArchive a {
   font-size: 0.9em;
   color: #004925;
   font-weight: bold;
   text-decoration: none;
   margin: 0.2em 0pt;
}

div.nouvelles-liens a:hover,
p.nouvellesArchive a:hover {
   color: #565656;
   text-decoration: underline; 
}

div.rubrique div.nouvelles-liens {
   margin: 10px 5px 0;
}

div.rubrique div.nouvelles-liens p,
div.rubrique div.nouvelles-liens a {
   padding: 0;
   font-size: 0.9em;
   margin: 0;
   color: #004925;
   font-weight: bold;
}

div.rubrique div.nouvelles-liens a {
   display: inline;
}

div.rubrique div.nouvelles-liens a:hover {
   color: #565656;
   text-decoration: underline;
   background-color: #FF0000;
}

div.list-browse {
    margin-top: 20px;
    text-align: center;
    color: #004925;
}

div.list-browse a {
   font-weight: normal;
   color: #004925;
   font-size: 0.9em;
   text-decoration: underline;
}

div.list-browse a:hover {

   color: #565656;
}

table.rte_img {
   background-color:#E0E0E0;
   border:1px solid #565656;
   width:50px;

}



table.rte_img img {
   border:medium none;
}

table.rte_img td.img_titre {
   font-size:0.8em;
   padding:0.5em 0.3em;
}

table.rte_img td.img_titre sup {
   font-size:0.85em;
}

table.rte_img td.img_credit {
   font-size:0.75em;
   padding:0.5em 0.3em;
}

table.rte_img tr td {
   border:medium none;
   margin:0pt;
   padding:0pt;
}

table.rte_img tr {
   border:medium none;
   margin:0pt;
   padding:0pt;
}

div.encadre {
   background-color:#E3ECD8;
   font-family:arial,helvetica,verdana,sans-serif;
   font-size:1em;
   margin-bottom:2em;
   padding:0.7em 1em;
}

table.img_left {
   float:left;
   margin:1em 10px 5px 0pt;
}

table.img_right {
   float:right;
   margin:1em 0pt 5px 10px;
}

.img_left {
   float: left;
   margin: 0 10px 10px 0;
}

.img_right {
   float: right;
   margin: 0 0 10px 10px;
}

a.img_left,
a.img_right,
img.img_left,
img.img_right {
   border: 1px solid #565656;
}

/* -------------------------------------
  footer
  -------------------------------------*/

div#footer {
   width: 970px;
   margin: 30px auto 0;
   padding-bottom: 5px;
   font-size: 0.85em;
   text-align: center;
   border-top: 1px solid #C6C6C6;
}

div#footer_links {
    clear: both;
    text-align: center; 
    margin: 40px 0; 
    font-size: 0.85em;
}

div#footer_links span {
    border-right: solid #565656 1px; 
}

div#footer_links span:first-child {
    border-left: solid #565656 1px;
}

div#footer_links span a {
    text-decoration: none;
    color: #565656;
    padding: 0 5px;
}

div#footer_links span a:hover {
    background-color: #E0E0E0;
}

div#footer_links p {
    margin: 1em 0;
}

div#footerWide{
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    width: 990px;
    text-align: left;
}

div#footerLinks {
    padding-top: 40px;
}

div#footerLinks h1 {
    font-size:1.1em;
    font-weight: bold;
    color: #006633;
    margin: 0 0 5px 0;
}

div#footerLinks li {
    padding: 0 0 0.2em 0;
    margin: 0;
    font-size: 0.95em;
    font-weight: normal;
    list-style: none;
}

div#footerLinks ul {
    margin: 0;
}

div#footerLinks a {
    color: #565656;
    text-decoration: none;
}

div#footerLinks a:hover {
    color: #659265;
}

div.footerColumns {
    border-left: 1px solid #ddd;
    float: left;
    padding-left: 10px;
    height: 190px;
    overflow: hidden;
}

div#footerColumnFirst {
    width: 240px;
}

div#footerColumnSecond {
    width: 250px;
}

div#footerColumnThird {
    width: 250px;
}

div#footerColumnForth {
    border-right: 1px solid #ddd;
    width: 205px;
}

div#footerAddress {
    border: none;    margin: 30px 0 10px 0;
    font-size: 0.95em;
    width: 990px;
    padding: 15px 0;
    margin: 0;
    clear: both;
    float: none;
}

div#footerAddress p {
    text-align: center;
}

/* -------------------------------------
   print template 
   ------------------------------------*/

.bg_print {
   background-color: #FFFFFF;
   background-image: none;
}

div#page_print {
   width: auto;
   padding: 0pt 10px;
   text-align:left;
}

div#date {
   float: right;
   padding-top: 10px;
   font-size: 0.85em;
}

div#page_print div#fil_ariane {
   clear: both;
   width: 970px;
   padding: .8em 0 0.5em 0;
}

div#page_print div#header {
   clear: both;
   width: 990px;
}

div#pageUrl {
   font-size: 0.85em; 
   margin-bottom: 10px;
}

div#content_area_print .content_narrow {
   width: 100%;
}
div#content_area_print .content_narrow2 {
   width: 100%;
}
div#content_area_print .content_right {
   display: none;
}

div#page_print div#footer {
   margin: 30px 0 0 0;
   width: 990px;
}


/* -------------------------------------
  formulaire
  -------------------------------------*/

form fieldset.csc-mailform {
   border: none
}

.csc-mailform div.csc-mailform-field {
   margin: 1em 0; 
   clear: both; 
}

.csc-mailform fieldset {
   padding: 10px; 
} 

.csc-mailform fieldset legend {
   padding: 0 5px; 
}

.csc-mailform label {
   float:left;
   padding: 0pt 10px 10px 0pt; 
   text-align: right;
   width: 35%;
}


.csc-mailform div.csc-mailform-label {
   clear: both;
   padding: 0pt 10px 5px 0pt;
}

.csc-mailform input[type="text"],
.csc-mailform input[type="file"], 
.csc-mailform textarea, 
.csc-mailform select {
   width: 60%;
} 

.csc-mailform div.csc-mailform-radio {
   margin-bottom: 0.5em;
   clear: both;
}

.csc-mailform .csc-mailform-radio fieldset {
   float: left;
   width: 55%;    
   #padding-top: 0;  
}

.csc-mailform .csc-mailform-radio input {
   display: block;
   clear: both;
   float: left;
}

.csc-mailform .csc-mailform-radio label {
   width: auto;
   display: block;
   float: none;
   margin-bottom: 0.4em;
   margin-left: 0.4em;
   padding: 0pt 0pt 0pt 15px;
   text-align: left;
}

.csc-mailform div.empty-left {
   float:left;
   width: 35%;
   padding-right: 10px;
}

.csc-mailform div.csc-mailform-checkbox {
   margin-bottom: 0.5em;
   clear: both;
}

.csc-mailform .csc-mailform-checkbox input {
   display: block;
   float: left;
}

.csc-mailform .csc-mailform-checkbox label {
   display: block;
   float: left;
   padding: 0pt 0pt 5px 10px;
   text-align: left;
   width: 50%;
}

.csc-mailform .csc-mailform-submit {
   margin-left: 36.5%;
}


/* -------------------------------------
  Galerie photos
  -------------------------------------*/

div.wtgallery_categories {
   clear:both;
}

div.wtgallery_category_pic {
   float: left;

   margin-bottom: 1em;
   padding-right: 2em;
}

div.wtgallery_category_pic img {
   border: #565656 solid 1px;
   padding: 0.3em;
}

div.wtgallery_category_txt {
   padding-top: 2em;
   color: #565656;
}

p.wtgallery_category_pagebrowser {
   clear:both;
}

#wtgallery_singlepic_area {
   margin-bottom: 4em;
}

.wtgallery_singlepic_frame {
   border: #565656 solid 1px;
   text-align: center;
   margin-bottom: 1em;
}


div.wtgallery_singlepic {
   float: left;
   text-align: center;
   padding: 15px 0;
   width: 698px;
}

img.wtgallery_singlepic_pic {
   width: auto;
}

div.wtgallery_singlepic_back {
   float: left;
   width: 15px;
   text-align: center;
   padding-top: 30px;
}

div.wtgallery_singlepic_fwd {
   float: right;
   width: 15px;
   text-align: center;
   padding-top: 30px;
}

div.wtgallery_singlepic_comment {
   clear: both;
   margin: 1em 0;
}

.wtgallery_h2 {
   margin-bottom: 0.2em;
}

p.wtgallery_p {
   margin-top: 0;
}

div.wtgallery_listpic {
   padding: 4px;
   margin: 5px;
   border: #565656 solid 1px;
}

div.wtgallery_listpic:hover {
   border: 2px solid #565656;
   padding: 3px;
}

div.wtgallery_listpic_act {
   border: 2px solid #565656;
   padding: 3px;
}

.wtgallery_pagebrowser_sign {
   margin: 0.5em 0;
   float: left;
   padding-right: 1em;
}

.wtgallery_pagebrowser_page {
   margin-top: 0.3em;
}


/* -------------------------------------
  Text with image
  -------------------------------------*/
div.csc-textpic {
   margin: 0.7em 0;
}

div.csc-textpic div.csc-textpic-imagewrap {
   padding: 0 0 3px 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
   margin-top: 0.2em;
   margin-bottom: 0.5em;
}

dl.csc-textpic-image {
   background-color: #E0E0E0;
   border: 1px solid #565656;
}

dd.csc-textpic-caption {
   font-size:0.8em;
   padding:0.5em;
}


/* -------------------------------------
  Sitemap (index)
  -------------------------------------*/
  
.csc-menu-3 {
   clear: both;
   border-top: 1px solid #C6C6C6;
   border-bottom: 1px solid #C6C6C6;
   list-style: none;
   padding: 5px 0;
}

.csc-menu-3 li {
   margin-left: 0;
   padding: 0 5px;
}

.csc-menu-3 li a {
   font-size: 0.9em;
}

/* -------------------------------------
  Accodéon
  -------------------------------------*/
h2.accordeon {
   font-size: 1.15em;
   color: #659265;
   margin: 0.7em 0 0 0;
}

h2.closed,
h2.opened {
   background-repeat: no-repeat;
   background-position: 0 4px;
   padding-left : 15px;
   cursor: pointer;
}

/***************************************
  Special stuff (IE fixes)
 ***************************************/