/* #1F6A2C, #004925 -> #006558 */
/***************************************
  Special stuff (IE fixes)
 ***************************************/

/* 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;
   color: #565656;
}

body,
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    font: normal normal 14px/20px  Arial,Helvetica,sans-serif;
}

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

h1	{
    font-variant:small-caps;
	color: #006558;
    font-size: 1.4em;
    margin: 0.8em 0 0.7em;
}
  
h2 {
    font-variant:small-caps;
   font-size: 1.25em;
   margin: 1em 0 0.7em 0;
   color: #006558;
}

#search_advanced_container h2 {
    border-bottom: 1px solid #CCCCCC;
}

h3 {
    font-variant:small-caps;
	font-size: 1.15em;
	margin: .6em 0;
	color: #565656;
}

h4 {
    font-variant:small-caps;
	font-size: 1em;
	margin: .6em 0;
	color: #565656;
}
p {
    margin: .7em 10px .7em 0;
    font: normal normal 14px/20px  Arial,Helvetica,sans-serif;
}

blockquote {
   margin: 0 0 0 2em;
}

li {
   margin: 0.6em 0 0.6em 2em;
   padding: 0;
    line-height: 20px;
}

ul, ol {
   margin: 0.9em 0;
} 

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

a {
	color: #006558;
	text-decoration: none;
}

a:hover, a:focus {
	color: #005448;
}

table {
   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;
}

pre {
    text-align: left;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #DDDDDD;
  border-image: none;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 12px 0 18px;
	
	color: #C6C6C6;
	background-color: #C6C6C6;
}

.hide {
   display: none;
}

legend {
  border: 0 none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
	font-size: 13px;
	line-height: 18px;
}
article.blog {
    margin-bottom: 30px;
}

article.blog h1 {
    margin: 0;
}

article.blog time {
    margin-bottom: 20px;
    display: block;
}

article.blog p img {
    margin: 0 10px;
}

.coolfieldset legend, .coolfieldset.expanded legend {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}

/***************************************
 Some predefined classes for the content, 
 accessible by the RTE
 ***************************************/

a#recordError {
    display: block;
    float: right;
}

div.field {
    margin-bottom: 10px;
}

textarea#message {
    width: 100%;
    height: 150px;
}

div.textarea {
    width: 100%;
    /*
        height: 150px;
        overflow: auto;
        background: #fff;
        border: 1px solid #ccc;
        padding: 5px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
    */
}
 
/* paragraphs */
 
p.bodytext{

} 

p.citation {
   padding: .7em 0;
   font-style: italic;
   font-size: 1.05em;
}

p.note {
   padding: .7em 1em;
   background-color: #E0E0E0;
   font-size: 1em;
}

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

span.codeSource {
   font-family: "Lucida Console", 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: transparent;
}

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 */
#logo {
    position: relative;
    text-align: left;
    margin: 0;
    display: block;
    color: #fff;
    width: 100%;
    font: 400 normal 16px/16px 'Open Sans', sans-serif;
    padding: 0;
    box-sizing: border-box;
}

#logo span.text {
    box-sizing: border-box;
    padding: 15px 20px;
    text-align: left;
    display: block;
    width: 100%;
    background: #006558;
    color: #fff;
}

#logo span.flsh {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
}

#logo #slogan a,
#logo #slogan a:hover,
#logo #slogan {
    color: #fff;
    font: 400 normal 29px/33px 'Open Sans', sans-serif;
    margin : 0;
    text-decoration: none;
}

#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: "Lucida Console", monospace;
}

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

.fieldQuery {
    border:medium none;
    color:#565656;
    font-family: "Lucida Console", monospace;
    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 {
    float: left;
    padding: 5px 10px;
    background: #CEE5E2; /* #B1CEA3 */
    margin-top:2px;
    margin-left:0px;
    width: 215px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */

    text-align: left;
}

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

div#sub_menu a:hover {
   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;
	padding: 0;
}

div#sub_menu li {
    margin: 0;
    list-style-type: none;
}

div#sub_menu li a {
   color: #565656;
	padding: .4em 0 .4em 5px;
}

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 {

}   

div#sub_menu li.sub_menu_opened {
   background-color:#DADB75;
   margin-left: 0;  
}

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

div#sub_menu .coolfieldset.expanded {
    border: none;
    padding: 5px 0;
}

.coolfieldset {
    border: none;
}

.userinfo {
    margin: 5px 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.stat_menu {
    text-align:right;
    background: #CEE5E2; /* #B1CEA3 */
    margin-right:0px;
    margin-top:2px;
    width:150px;
}

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: 710px;
    margin-left:5px;
    float: left;
    padding: 0px 0px 0px 0px;
    _overflow-x: auto;
}
/* narrow content (for 1 cols)*/
div.content_narrow2  {
   width: 710px;
   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 {
   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 {
   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: "Lucida Console", 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: #006558;
   font-size: 0.7em;
}

div.evenement-details {
   color: #006558;
   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: #006558;
   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: #006558;
   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: #006558;
}

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: #006558;
   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: #006558;
   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: #006558;
}

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: #006558;
   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: #006558;
   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: #006558;
   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: #006558;
}

div.list-browse a {
   font-weight: normal;
   color: #006558;
   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-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;
}

div#footer #logos {
    width: 100%;
}

div#footer #logos .logo {
    float: left;
}

div#footer #logos .logo-udes {
    float: right;
    position: relative;
}

div#footer #logos .logo-udes:hover span,
div#footer #logos .logo-udes span {
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    color: #444;
    font: 300 normal 12px/16px 'Open Sans', Arial, sans-serif;
    position: absolute;
    bottom: 0;
}

div#footer .content {
    border-top: 1px solid #C6C6C6;
    margin-top: 15px;
    padding-top: 15px;
}
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%;
}

fieldset.blocFormulaire {
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
}

fieldset.blocFormulaire input[type="password"],
fieldset.blocFormulaire input[type="text"],
fieldset.blocFormulaire label {
    text-align: left;
    margin: 0;
    box-sizing: border-box;
    width: 94%;
}


.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;
}

/* -------------------------------------
  Section contenu
  -------------------------------------*/
a.tool-tip:hover,
a.tool-tip {
    text-decoration: none;
}

.infos p {
    margin: 0;
    word-wrap: break-word;
}

.infos .subtitle {
	font-weight: bold;
	font-size: 16px;
	clear: both;
	margin: 5px 0 10px 0;
	color: #000000;
}

.infos .column .subtitle {
	font-size: 14px;
	margin: 3px 0 5px 0;
}

div.infos {
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;	
	padding: 5px 5px 10px 5px;  
}

div.infos.important {
	background: #C5D5C1;
}

div.infos .field {
	margin-bottom: 10px;
	display: block;
}

div.infos .field.fixedwidth > label, 
div.infos .field.fixedwidth > strong {
	font-weight: bold;
	float: left;
	width: 200px;
	padding-right: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align: right;
	font-size: 14px;
	margin-top: 0;
}

form div.infos .field.fixedwidth > label, 
form div.infos .field.fixedwidth > strong {
	margin-top: 8px;
}

div.infos .field.fixedwidth > div {
	float: left;
	width: 359px;
}

div.infos.important .field.fixedwidth strong {
	width: 100px;
}

div.infos.important .field.fixedwidth > div {
	width: 460px;
}

.line {
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 5px;
}

/*
.line .columns {
	padding: 5px;
}

.line.columnsLine .line:first-child,
.line.columnsLine .line:last-child, 
.line.columnsLine {
	padding-top: 0;
	padding-bottom: 0;
}
*/

.line.columnsLine .line {
	padding: 5px 0 0 0;
}

.line.columnsLine .line:first-child {
	padding: 0;
}

.line.columnsLine, 
.draggable .line {
	padding-left: 0;
	padding-right: 0;
}

div.infos.line .field {
	float: left;
	margin-right: 10px;
}

div.infos label {
	float: left;
	display: block;
	width: 200px;
	margin-top: 5px;
}

#search_advanced_container.infos label {
	float: none;
}

form div.infos label {
	float: none;
	width: auto;
}

div.infos .checkBoxList label {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}

div.infos.line label {
	float: right;
	display: block;
	width: auto;
	margin: 0 15px 0 10px;
}

div.infos textarea {
	width: 400px;
}

.detail-view.edit TH {
	padding: 9px 10px; 
}

div.infos .col {
	margin-left: 1%;
	float: left;
}

div.infos .col.alpha {
	margin-left: 0;
}

div.infos .col.omega {
	margin-right: 0;
}

div.infos .col2 {
	width: 48%;
}

div.infos .col4 {
	width: 22%;
	float: left;
}

div.infos .col input[type='checkbox'] {
	float: left;
	margin-right: 4px;
}

div.infos .col label {
	width: auto;
	margin-right: 10px;
}

div.infos .col2 label {
	width: 100%;
}

div.infos .col4 input[type='text'] {
	width: 75px;
}

div.infos .col4 textarea {
	width: 250px;
}

div.infos .col3 {
	width: 32.5%;
	float: left;
}

div.infos .col3 input[type='text'] {
	width: 150px;
}

.show-with-checkbox + .field.display-with-checkbox {
    display: none;
}

.show-with-checkbox:checked + .field.display-with-checkbox {
    display: block;
}

.mceEditor {
	clear: both;
	display: block;
}

section#boxes article {
    border: 1px solid #B3D6B9;
    margin-bottom: 20px;
    padding: 10px;

    -webkit-box-shadow:  0px 0px 3px 1px #006558;
    box-shadow:  0px 0px 3px 1px #006558;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    height: 195px;

    position: relative;
}

/*changer article pour item*/

section#boxes article h1 a, 
section#boxes article h1, 
section#boxes .item h4 a, 
section#boxes .item h4 {
	color: #006558;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	
	/*text-shadow: 0px 0px 4px #0F541A;*/
}

section#boxes article h1 a:hover, 
section#boxes .item h4 a:hover {
	color: #555555;
}

section#boxes .item .content {
	margin-bottom: 10px;
}


section#boxes .item .button, 
button, 
input[type=submit],
input[type=button], 
a.button {
	position: relative;
	font: normal normal 14px/20px   Arial,Helvetica,sans-serif !important;
	margin: 0;
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
	border: none;
	float: right;
    outline: none;
	
	/* CSS3 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: #6b9c74; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiOWM3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjZhMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #528E86 0%, #006558 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#528E86), color-stop(100%,#006558)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #528E86 0%,#006558 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #528E86 0%,#006558 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #528E86 0%,#006558 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #528E86 0%,#006558 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528E86', endColorstr='#006558',GradientType=0 ); /* IE6-8 */
	
	font-weight: normal;
}

input[type=submit],
input[type=button],
.fancybox-inner input[type=submit],
.fancybox-inner input[type=button] {
    margin-left: 5px;
}

input[type=reset] {
    font-size: 14px;
    line-height: 20px;
}

section#boxes .item .button:hover, 
button:hover, 
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover {
    padding: 6px 9px 4px 11px;

    background: #006558; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmNmEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjljNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #006558 0%, #528E86 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006558), color-stop(100%,#528E86)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #006558 0%,#528E86 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #006558 0%,#528E86 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #006558 0%,#528E86 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #006558 0%,#528E86 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006558', endColorstr='#528E86',GradientType=0 ); /* IE6-8 */
}

section#boxes article .button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#search_advanced_container {
	padding: 10px 0;
	display: none;
}

div.actions {
	float: right;
}
div.actions,
td.actions {
    white-space: nowrap;
}

div.actions > a {
    margin-right: 5px;
}
div.actions > a:last-child {
    margin-right: 0;
}

a.button.add {
	width: 16px;
	height: 16px;
	background: transparent url(../images/add.png) no-repeat center center;
	display: block;
	float: left;
}

a.button.add.loading {
    background: transparent url(../images/ajax-loader.gif) no-repeat center center;
    cursor: default;
}

a.button.view {
    width: 16px;
    height: 16px;
    background: transparent url(../images/view.png) no-repeat center center;
    display: block;
    float: left;
}

a.button.remove {
	width: 16px;
	height: 16px;
	background: transparent url(../images/remove.png) no-repeat center center;
	display: block;
	float: left;
}

a.button.more {
	width: 16px;
	height: 16px;
	background: transparent url(../images/more.png) no-repeat center center;
	display: block;	
}

a.button.delete {
	width: 16px;
	height: 16px;
	background: transparent url(../images/delete.png) no-repeat center center;
	display: block;	
}

a.button.copy {
	width: 16px;
	height: 16px;
	background: transparent url(../images/copy-button.png) no-repeat center center;
	display: block;	
}

a.button.paste {
	width: 16px;
	height: 16px;
	background: transparent url(../images/paste.png) no-repeat center center;
	display: none;	
}

.add_anywhere {
    height: auto;
}

.add_anywhere .aaright {
    min-width: 40px;
    float: right;
}

.add_anywhere .aaleft {
    float: none;
    width: auto;
    padding-right: 55px;
}

.add_anywhere a.button {
    margin-top: 3px;
    padding: 5px;
}

.preview a.button {
    cursor: auto;
    opacity: 0.50;
    filter:alpha(opacity=50);
}

#order table th label,
#order table th strong,
#order table th,
#formFields table th label, 
#formFields table th strong,
#formFields table th, 
#search_fields table th label, 
#search_fields table th strong,
#search_fields table th {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

#order table input,
#order table select,  
#order table label,
#formFields table input,
#formFields table select,  
#formFields table label,
#search_fields table input,
#search_fields table select,  
#search_fields table label {
	width: 100%;
	margin: 0;
	padding: 0;
}

#search_fields table .champ {
	width: 200px;
}

#order table .ordre,
#search_fields table .view_separator_id, 
#search_fields table .ordre {
	width: 75px;
}

#search_fields table .view_Style {
	width: 50px;
}

td.empty, 
.empty {
	background: #ffebe8;
	border: 1px solid #dd3c10;
}

#formFields table .nom {
	width: 150px;
}

#formFields table .formLabel {
	width: 250px;
}

a.ui-icon {
	cursor: pointer;
}

#formFields .ordre input {
	margin-right: -20px;
	position: relative;
	z-index: 0;
	padding-top: 1px;
}

/*
#formFields a.ui-icon {
	float: right;
	position: relative;
	z-index: 1;
	margin-top: 2px;
}
*/

#category .ui-state-highlight,
#order .ui-state-highlight,
#search_fields .ui-state-highlight, 
#formFields .ui-state-highlight {
	height: 35px;
}

.ui-sortable-helper {
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);

	-webkit-border-radius: 4px;
    border-radius: 4px;

	height: 35px;
	background: #FFFFFF;
	border: 1px dashed #006558;
}

div.error {
	color: #000000;
	background: #F4DCDC;
	border: 1px solid #CE2325;
	padding: 5px;
}

span.highlight {
	background: #FBFF11;
}

.cart {
	visibility: hidden;
}

div.print {
	display: block;
	float: right;
	text-align: right;
}

a.print {
	color: #000000;
	text-decoration: none;
	font: normal normal 14px/20px  Arial,Helvetica,sans-serif;
}

input#searchValue {
	padding: 5px 5px 5px 30px;
	background: #FFFFFF url(../images/search.png) no-repeat 5px center;
	display: block;
	width: 100%;
	height: 100%;
	
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.infos.search .actions {
	float: left;
	width: 5%;
}

.infos.search .content {
	float: none;
	margin-left: 5%;
	width: 95%;
}

.infos.search label {
	margin: 0;
	width: auto;
	display: inline;
	float: none;
	font-weight: bold;
}

div.searchitems {
	margin-left: 20px;
}

.quickSearch {
	padding: 0;
	margin: 5px 0 15px 0;
}

.quickSearch .button {
	width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.loadingImage {
	position: absolute;
	display: none;
}

.searchTime {
	margin-top: 20px;
	font-size: 10px;
	line-height: 14px;
}

/* -------------------------------------
  SiteModele
  -------------------------------------*/
#formFields .actions {
	float: none;
	margin: 10px 0 15px 0; 
}

#formFields .actions a.action {
	float: left;
	text-decoration: none;
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 5px 10px 0;

	border: 1px solid #000000;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

#formFields .actions a.action:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);

	border: 1px solid #006558;
}

#formFields .actions a.action-columns-3 {
	background: transparent url(../images/columns.three.png) no-repeat center center;
}

#formFields .actions a.action-columns-2 {
	background: transparent url(../images/columns.two.png) no-repeat center center;
}

#formFields .actions a.action-columns-1 {
	background: transparent url(../images/columns.one.png) no-repeat center center;
}

#formFields .actions a.action-columns-1\.2 {
	background: transparent url(../images/columns.1.2.png) no-repeat center center;
}

#formFields .actions a.action-columns-1\.3 {
	background: transparent url(../images/columns.1.3.png) no-repeat center center;
}

#formFields .actions a.action-columns-2-2-1 {
	background: transparent url(../images/columns.two.one.png) no-repeat center center;
}

#formFields .actions a.action-columns-2-1-2 {
	background: transparent url(../images/columns.one.two.png) no-repeat center center;
}

#formFields .actions a.action-updatefields {
	background: transparent url(../images/refresh.png) no-repeat center center;
}

#formFields .actions a.action-addfield {
	background: transparent url(../images/add.png) no-repeat center center;
}

#formFields .actions a.action-copyStructure {
    background: transparent url(../images/copy.png) no-repeat center center;
}

#formFields .actions a.action-preview {
    background: transparent url(../images/preview.png) no-repeat center center;
}

#formFields .msg-container {
	margin: 15px 0;
	min-height: 1px;
}

#formFields .msg {
	margin: 0;
}


#structure {
	border: 1px solid #CCCCCC;
}

#search_fields a.button,
#structure a.button {
	padding: 1px;
	margin: 3px 0 0 0;
	float: none;
}

#structure #head {
	background: #C3D9FF;
	font-weight: bold;
	padding: 5px;
}

#structure #head .column {
	text-align: center;
}

#structure #head label {
    font-size: 11px;
    line-height: 18px;
}

#structure #head label {
	vertical-align: middle;
}

#structure label {
	display: inline;
	float: none;
}

#structure .lines label {
	display: none;
}

#structure .line {
	border-bottom: 1px solid #cccccc;
	padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#structure .column.ordre {
	width: 5%;
}

.infos .line {
	margin: 0;
	display: block;
}

/* COLONNES TOUJOURS MEME HAUTEUR DANS VIEW ET FORM */
.line .columns {
	display: block;
	height: 100%;
}
.infos .sub-container {
	width: 100%;

	/* FOR FOOTER */
	min-height: 100%;
	height: auto !important;

	/* FOR FOOTER HEIGHT */
	margin: 0 auto -1px;
}

.infos .sub-pusher,
.infos .sub-footer {
	height: 1px;
	clear: both;
}
/* //COLONNES TOUJOURS MEME HAUTEUR DANS VIEW ET FORM */

.infos .line .line:last-child {
	margin: 0;
}

.infos .line label {
	font-weight: bold;
	float: none;
	display: inline;
	width: auto;
	margin-top: 0;
}

.infos .line label,
.infos .line > div, 
.infos .line.displayLeft > div, 
.infos .line.displayLeft > label {
	display: inline;
	color: inherit;
}

#search_advanced_container.infos .line > label,
#search_advanced_container.infos .line > div, 
form .infos .line > label,
form .infos .line > div, 
.infos #structure .line > label,
.infos #structure .line > div {
	display: block;
	margin: 0;
}

#search_advanced_container.infos .line.displayLeft > div, 
#search_advanced_container.infos .line.displayLeft > label,
form .infos .line.displayLeft > div, 
form .infos .line.displayLeft > label,
.infos #structure .line.displayLeft > div, 
.infos #structure .line.displayLeft > label {
	margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.infos .line .columns.textalign-right {
	text-align: right;
}

.infos .line .columns.textalign-right * {
	display: inline;
}

.infos .line.displayNone .columns.textalign-right > label, 
.infos .line.displayNone > label {
	display: none;
}

.infos .line.displayRight > div {
	float: left;
}

.infos .line.displayTop > label, 
.infos .line.displayTop > div {
	display: block;
}

.infos .line.displayRight > label:before {
	content: " ";
}

.infos .line.separatorTop {
	border-top: 1px solid #dddddd;
	padding-top: 1px;
}

.infos .line.separatorBottom {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 1px;
	margin-bottom: 1px;
}

.infos .line .columns, 
#structure .columns {
	margin: 0 1% 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.infos .line .columns .draggable, 
#structure .columns .draggable {
	min-height: 50px;
	border: 1px dashed #006558;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}

.infos .line .columns .draggable:last-child {
	margin: 0;
}

.infos .line .columns .draggable{
	min-height: auto;
}

.infos .line .columns .draggable {
	border: none;
	/*padding: 0;*/
}

.infos .line .columns .draggable:first {
	padding-top: 0;
}

.infos .line .columns.col2,
#structure .columns.col2 {
	width: 49%;
}

.infos .line .columns.col1,
#structure .columns.col1 {
	width: 100%;
}

.infos .line .columns .draggable .options,
#structure .columns .draggable .options {
	background: #F9F9F9;
	padding: 1px 2px;
	margin-bottom: 5px;
}

.option_supp > div {
    display: none;
}

.infos .line .columns.col1\.2.alpha,
#structure .columns.col1\.2.alpha {
	width: 33%;
}

#structure .columns.col1\.2 .draggable {
	border: 1px dashed #D19440;
}

.infos .line .columns.col1\.2.omega,
#structure .columns.col1\.2.omega {
	width: 66%;
}

.infos .line .columns.col1\.3.alpha,
#structure .columns.col1\.3.alpha {
	width: 66%;
}

#structure .columns.col1\.3 .draggable {
	border: 1px dashed #D19440;
}

.infos .line .columns.col1\.3.omega,
#structure .columns.col1\.3.omega {
	width: 33%;
}

.infos .line .columns.col3,
#structure .columns.col3 {
	width: 32%;
}

.infos .line .columns.alpha, 
#structure .columns.alpha {
	margin-left: 0;
}

.infos .line .columns.omega,
#structure .columns.omega {
	margin-right: 0;
}

/*elements dans une colonne*/
#structure .columns .line > .the-columns > .column {
	display: none;
}
#structure .columns .line > .the-columns > .column:nth-child(2) {
	display: block;
	width: 100%;
	margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#structure .columnsLine .line {
	border: 1px solid #CCCCCC;
	border-top: none;
	margin-bottom: 5px;
}
#structure .columnsLine .line:first-child {
	border-top: 1px solid #CCCCCC;
}
#structure .columnsLine .line > .column { /*premier element(ordre)*/
	width: 15%;
}
#structure .columnsLine .line > .the-columns { /*premier element(ordre)*/
	padding-left: 16%;
}

#structure .columns .line {
	border: 1px solid #CCCCCC;
}

#structure .column.nom {
	width: 23%;
}

#structure.cleared .column.nom {
	width: 100%;
}

.ajaxPopupSelect .field {
	width: 100%;
	display: block;
	padding: 10px 5px;
	border-top: 1px solid #cccccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ajaxPopupSelect .field:first-child {
	border: none;
	margin: 0;
}

.ajaxPopupSelect .field.selected,
.ajaxPopupSelect .field:hover {
	background: #f1f1f1;
	cursor: pointer;
}

.ajaxPopupSelect .field .info {
	float: left;
	width: 90%;
	text-align: left;
}

.ajaxPopupSelect .field .info p {
	font-size: 11px;
	margin: 0;
}

.ajaxPopupSelect .field .actions {
	float: right;
	width: 10%;
}

.ajaxPopupSelect .searchField {
	width: 100%;
	margin-bottom: 10px;
}

.ajaxPopupSelect .searchField input {
	width: 95%;
}

#copyStructure .section {
	background: #CCCCCC;
	border-bottom: 1px solid #000000;
}

#copyStructure .section.selected, 
#copyStructure .section:hover {
	background: #C4C4C4;
}

#more-options {
	text-align: left;
}

#more-options .option-section {
    padding: 3px;
    border: 1px solid #cccccc;
}

#more-options label {
	font-weight: bold;
}

#more-options .option {
	margin-bottom: 10px;
}

#more-options .option .colorpicker,
#more-options .option .colorpicker[readonly] {
	background: #ffffff;
	cursor: pointer;
}

#colorpicker {
	display: none;
	background: #C3D9FF;
	position: absolute;
	z-index: 9999; /* over fancybox */
	padding: 5px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
/*
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;

	-webkit-box-shadow:  0px 0px 10px 5px #2B382E;
	box-shadow:  0px 0px 10px 5px #2B382E;
*/
}

#colorpicker a.close {
	position: absolute;
	right: 0px;
	top: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #FFFFFF;
	background: #000000;
	color: #FFFFFF;
	font: normal bold 13px/20px "Lucida Console",  Arial,Helvetica,sans-serif;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	filter: alpha(opacity=100);
}

#colorpicker a.close:hover {
	background: #333333;
}

#colorpicker .leftblock {
	display: block;
	height: 52px;
	width: 50%;
	padding: 0;
	background: #C3D9FF;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -26px;
	z-index: 0;
}

#colorpicker svg {
	position: relative;
	z-index: 1;
}

#border .row {
	width: 100%;
	max-width: auto;
	margin: 0;
	min-width: auto;
	width: 210px;
    min-width: 0;
}

#border .row > div {
	float: left;
}

#border .row > div.right,
#border .row > div.left {
	width: 25px
}

#border .row > div.middle {
	width: 160px;
}

#border a {
	min-width: 25px;
	min-height: 25px;
	display: block;
	width: 100%;
}

#border a:hover {
	text-decoration: none;
	cursor: pointer;
	background: #ededed;
}

#border .top a {
	border-bottom: 1px dashed #ccc;
}

#border .bottom a {
	border-top: 1px dashed #ccc;
}

#border .left a {
	border-right: 1px dashed #ccc;
	height: 80px;
}

#border .right a {
	border-left: 1px dashed #ccc;
	height: 80px;
}

#border a.selected {
	border-color: #000;
	border-style: solid;
}

#border #click-border {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

#structure .column.formLabel {
	width: 32%;
}
#structure .column.more, 
#structure .column.recherche,
#structure .column.afficher,
#structure .column.afficher_vide {
	width: 12%;
}

#structure .line .column input {
    /*	width: 100%; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	height: auto; 
}

#structure #head .column label {
	display: inline;
	width: auto;
	margin: 0;
}

#structure .column {
	overflow: hidden;
	margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin-right: 1%;
}

#structure .column:last-child, 
[class*="column"] + [class*="column"]:last-child {
    margin-right: 0;
}

.autres_options {
	display: none;
}

.fancybox-inner .line .column {
	display: block;
	float: none !important;
	text-align: left;
	margin: 0 0 10px 0;
}

.fancybox-inner .line .column label {
	display: inline;
	font-weight: bold;
}

.fancybox-inner .line > .column:first-child {
	display: none;
}

.fancybox-inner .autres_options {
	display: block;
}

div.flash-error, div.flash-notice, div.flash-success {
	margin-top: 15px;
}

div.flash-error .title-alert, 
div.flash-notice .title-alert, 
div.flash-success .title-alert {
	font-style: italic;
	font-weight: bold;
}

.modeltitle {
    color: #006558;
    margin: 0;
}

.modeltitle {
    font: bold 16px/22px  Arial,Helvetica,sans-serif;
}

div#sub_menu .sidebarTitle a,
.sidebarTitle {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
}

div#sub_menu .sidebarTitle a {
    color: #555555;
    margin-right: 0;
    padding: 0;
    text-decoration: none;
}

div#sub_menu #login-form {
    margin: 0;
}

.the-columns {
	display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    float: none !important; /*override fondation*/
    padding-left: 6%;
}

.the-columns * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.fancybox-inner .the-columns {
    width: 400px;
}

.fancybox-inner .the-columns select,
.fancybox-inner .the-columns textarea,
.fancybox-inner .the-columns input {
    width: 100%;
    min-height: 28px;
}

.fancybox-inner .tmce-container .mce-tinymce {
    width: 100% !important;
}

.fancybox-inner .the-columns input[type='radio'],
.fancybox-inner .the-columns input[type='checkbox'] {
    width: auto;
    min-height: inherit;
}

#more-options {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    float: none !important; /*override fondation*/
    padding-left: 6%;
}

#more-options * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.fancybox-inner #more-options {
    width: 500px;
}

.fancybox-inner #more-options select,
.fancybox-inner #more-options textarea,
.fancybox-inner #more-options input {
    width: 100%;
    min-height: 28px;
}

.fancybox-inner #more-options input[type='radio'],
.fancybox-inner #more-options input[type='checkbox'] {
    width: auto;
    min-height: inherit;
}


.line .the-columns input {
	margin: 0;
}

.line .placeholder {
	display: none;
}

.fancybox-inner input, 
.fancybox-inner select {
	margin: 0;
	display: block;
}

.fancybox-inner input[type='checkbox'] {
	float: left;
	margin-right: 5px;
}

.page-content {
  margin: 15px;
}

.page-content h1 {
  color: #006558;
  font-size: 1.4em;
  margin: 0.8em 0 0.7em;
}

.page-content h2 {
  color: #006558;
  font-size: 0.95em;
  margin: 0.8em 0 0.7em;
}

.liste-membres img {
	max-width: 90px;
	float: left;
	margin: 0 15px 15px 0;
}

.membre {
	margin-bottom: 30px;
}

.tmce-container .mceEditor,
.tmce-container {
    position: relative;
    z-index: 0;
}

.tmce-container .mceEditor:hover,
.tmce-container:focus,
.tmce-container:hover {
    z-index: 10;
}


/* -------------------------------------
  Bootstrap override
  -------------------------------------*/
.items table {
    margin: 0 !important;
}
.items table td {
    padding: 1px 4px;
    position: relative;
}

.items table td .parent_sep {
    display: none;
}

.items table td.parent_1 {
    padding-left: 20px;
}

.items table td.parent_2 {
    padding-left: 40px;
}

.items table td.parent_3 {
    padding-left: 60px;
}

.items table td .content {
    border-left: 1px solid #CCCCCC;
    padding-left: 10px;
}

.carousel-caption {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75) !important;
	font-size: 14px;
	text-align: left;
	color: #000000;
}

.carousel-caption h4 {
	color: #006558;
	font-weight: bold;
}

.carousel-caption p {
	color: #000000;
}

.carousel-caption .content {
	width: 80%;
}

#sub_menu select {
    width: 100%;
}

div.form input, div.form textarea, div.form select {
	font-size: 14px;
}

div.form input[type='text'], div.form textarea, div.form select {
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	min-height: 28px;
}

.carousel > .carousel-inner >.item  {
	text-align: center;
}

.carousel > .carousel-inner > .item .carousel-caption {
	text-align: left;
}

.carousel .item > img {
    display: inline;
    line-height: 1;
}

a.button-list,
a.button-normal, a#search_advanced,
div#sub_menu a.button-bordered,
a.button-bordered {
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #006558;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #006558;
    background: #cee5e2;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div#sub_menu a.button-bordered {
    background-color: #a5cec8;
}

div#sub_menu a.button-bordered:hover,
a.button-bordered:hover {
    text-decoration: none;
}

div#sub_menu a.button-bordered {
    width: 100%;
    margin-bottom: 10px;
}

a#search_advanced {
    background: #cee5e2 url(../images/search-adv.png) no-repeat 5px center;
    padding: 5px 5px 5px 25px;
}

a#show_active,
a#show_inactive {
    margin-left: 5px;
}

#show_buttons {
    float: right;
    margin-top: -50px;
}

a.button-list:hover,
a.button-normal:hover,
a#search_advanced:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	text-decoration: none;
	background-color: #a5cec8;
}

.pager .next > a, .pager .next > span,
.pager .previous > a, .pager .previous > span {
    float: none;
}

.coolfieldset .yiiPager li {
	margin: 0 5px 0 0;
}

.coolfieldset .keys {
	display: none !important;
}

.coolfieldset {
	margin-bottom: 5px;
}

.list-view {
	padding: 20px 5px;
}

#popup form {
	text-align: left;
}

#popup label {
	font-weight: bold;
}

#popup input#email {
	float: left;
	width: 250px;
	height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin-right: 5px;
}

#popup input[type='submit'] {
	float: left;
	width: 75px;
	height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

form.modelGotoPage {
    float: right;
    margin: 0;
}

form.modelGotoPage input.small.button[type="submit"],
form.modelGotoPage input {
    height: 20px;
    line-height: 20px;
    padding: 0px 5px;
    margin: 0;
}

form.modelGotoPage input.small.button[type="submit"] {
    height: 20px;
}

.tri .orders {
	display: inline-block;
	margin-left: 5px;
}

.tri a.order {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

.tri a.order.selected {
	opacity: 1;
	filter:alpha(opacity=100);
}

.tri a.order.desc {
	background: transparent url(../images/orderby.png) no-repeat 0px 0px;
}
.tri a.order.desc.selected {
	background-position: 0px -32px;
}
.tri a.order.desc:hover {
	background-position: 0px -16px;
}

.tri a.order.asc {
	background: transparent url(../images/orderby.png) no-repeat -16px 0px;
}
.tri a.order.asc.selected {
	background-position: -16px -32px;
}
.tri a.order.asc:hover {
	background-position: -16px -16px;
}

.tri-sb {
    max-width: 300px;
}

input[type='text'].autocomplete {
	background: #ffffff url(../images/autocomplete-box.png) no-repeat right 0px;
	padding-right: 25px;
}

input[type='text'].autocomplete:hover {
	background: #ffffff url(../images/autocomplete-box.png) no-repeat inherit -24px;
}

input[type='text'].autocomplete.ac_loading {
    background: #ffffff url(../images/ajax-loader.gif) no-repeat 98% 50%;
}

/* -------------------------------------
  Search options
  -------------------------------------*/

#searchOptionsMenu {
    display: none;
    position: absolute;
    width: 235px;
    text-align: left;
}

#searchOptionsMenu ul {
    max-height: 180px;
    overflow: auto;
}

#searchOptionsMenu ul li {
    cursor: pointer;
}

a.optionsMenuButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCCCCC;

    width: 28px;
    height: 29px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    position: absolute;
    display: block;

    background: transparent url(../images/icon-options.png) no-repeat center center;

    opacity: 0.75;
    filter:alpha(opacity=75);
}

a.optionsMenuButton:hover {
    opacity: 1;
    filter:alpha(opacity=100);

    border: 1px solid #BBBBBB;
}

#searchForm input[type='text'],
#searchFormAdvanced input[type='text'] {
    padding-right: 30px;
}

/* -------------------------------------
  jQueryAutocomplete override
  -------------------------------------*/
.ac_results {
    background-color: #FFFFFF;
    border: 1px solid black;
    overflow: hidden;
    padding: 0;
    z-index: 99999;
}
.ac_results ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ac_results li {
    cursor: default;
    display: block;
    font: menu;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
}
.ac_loading {
    background: url("indicator.gif") no-repeat scroll right center white;
}
.ac_odd {
    background-color: #EEEEEE;
}
.ac_over {
    background-color: #0A246A;
    color: #FFFFFF;
}


/* -------------------------------------
  Structure options
  -------------------------------------*/
.sliding_options {
	position: absolute;
	z-index: 7000;
	left: -35px;
	top: -1px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;

	background: #F1F1F1;

	width: 35px;
	padding: 5px;
}

.lines > .line {
	top: 0px;
}

.draggable > .sliding_options {
	border-left: 1px dashed #006558;
	border-top: 1px dashed #006558;
	border-bottom: 1px dashed #006558;
}

.draggable.show_options,
.line.show_options {
	background: #F1F1F1;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.draggable.hide_options,
.line.hide_options {
	background: #FFFFFF;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	-ms-transition: background 200ms linear;
	transition: background 200ms linear;
}

#structure .draggable.show_options > div.sliding_options,
#structure .line.show_options > div.sliding_options{
	display: block;
}

#structure .draggable.hide_options > div.sliding_options,
#structure .line.hide_options > div.sliding_options{
	display: none;
}

.line,
.draggable {
	position: relative;
}

.infos .line .columns .draggable, 
#structure .columns .draggable {
	padding: 15px 5px 10px 5px;
}

.fancybox-inner .sliding_options {
	display: none;
}

.fancybox-inner .show_options {
	background: none;
}
/*
.many_many_in_form {
	border: 1px solid #cccccc;
	background: #fafafa;
	padding: 5px;
}
*/
.many_many_in_form.notsearch > .actions {
	float: none;
	display: block;
	clear: both;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 3px;
	padding: 0 0 3px 5px;
}

.many_many_in_form.notsearch .actions a {
	float: none;
}

.many_many_in_form .entry {
	padding-bottom: 5px;
	margin-bottom: 5px;
	position: relative;
}

.many_many_in_form.notsearch .entry {
    border-bottom: 1px solid #dddddd;
}

.many_many_in_form.notsearch .entry > header {
    background: #E3EFEE;
    color: #1d1d1d;
    font: 300 normal 14px/20px 'Open Sans', Arial, sans-serif;
    padding: 0;
    position: relative;
    border-left: 1px solid #006558;
}
.many_many_in_form.notsearch .entry > header > a.toggler {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 99% center;
}
.many_many_in_form.notsearch .entry.closed > header > a.toggler {
    background-image: url(../images/arrow_down.png);
}

.many_many_in_form.notsearch .entry.open > header > a.toggler {
    background-image: url(../images/arrow_up.png);
}

.many_many_in_form.notsearch .entry > header > a {
    color: #1d1d1d;
    font: 300 normal 16px/32px 'Open Sans', Arial, sans-serif;
    display: block;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
}

.many_many_in_form.notsearch .entry > header > a:focus {
    text-decoration: none;
}

.many_many_in_form.notsearch .entry > header:hover {
    background: #CEE5E2;
    color: #006558;
}
.many_many_in_form.notsearch .entry > header:hover > a {
    color: #006558;
}

.many_many_in_form.notsearch .entry > header > a:hover,
.many_many_in_form.notsearch .entry > header:hover > a {
    text-decoration: none;
}

.many_many_in_form.notsearch .entry > header .actions {
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	position: absolute;
	top: 5px;
	left: 5px;
    z-index: 1;
}

.many_many_in_form.notsearch .entry.closed > .infos {
    display: none;
}

.many_many_in_form.notsearch .entry.open > .infos {
    display: block;
    border-left: 1px solid #006558;
    background: #f9f9f9;
}

.many_many_in_form.notsearch .actions a {
	padding-left: 0;
	padding-right: 0;
}

.many_many_in_form.notsearch .entry:last-child,
.many_many_in_form .infos {
	margin: 0;
	padding-bottom: 0;
	border: none;
}

.many_many_in_form.search .infos {
    padding: 0;
}

/* Class override */
ul.yiiPager .first,
ul.yiiPager .last {
    display: inline;
}

.list-view-loading {
    background: transparent url("../images/ajax-loader.gif") no-repeat right top;
}

#search_advanced_container .fs-12,
.infos .fs-12,
.fs-12 {
    font-size: 14px;
    line-height: 20px;
}
#search_advanced_container .fs-14,
.infos .fs-14,
.fs-14 {
    font-size: 14px;
    line-height: 20px;
}
#search_advanced_container .fs-16,
.infos .fs-16,
.fs-16 {
    font-size: 16px;
    line-height: 22px;
}
#search_advanced_container .fs-18,
.infos .fs-18,
.fs-18 {
    font-size: 18px;
    line-height: 24px;
}
#search_advanced_container .fs-20,
.infos .fs-20,
.fs-20 {
    font-size: 20px;
    line-height: 26px;
}
#search_advanced_container .fs-22,
.infos .fs-22,
.fs-22 {
    font-size: 22px;
    line-height: 28px;
}
#search_advanced_container .fs-24,
.infos .fs-24,
.fs-24 {
    font-size: 24px;
    line-height: 30px;
}
#search_advanced_container .fs-30,
.infos .fs-30,
.fs-30 {
    font-size: 30px;
    line-height: 36px;
}
#search_advanced_container .fs-36,
.infos .fs-36,
.fs-36 {
    font-size: 36px;
    line-height: 42px;
}
#search_advanced_container .fs-48,
.infos .fs-48,
.fs-48 {
    font-size: 48px;
    line-height: 54px;
}

/* -------------------------------------
  User Permissions
  -------------------------------------*/
span.info {
    font-size: 11px;
    font-style: italic;
    border-left: 3px solid #00529B;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background: #BDE5F8;
    color: #00529B;
    padding: 2px;
}

table.permissionTable {
    width: 100%;
}

table.permissionTable th {
    background: #CEE5E2;
    font-weight: bold;
    text-align: center;
}

table.permissionTable .permissionOption {
    width: 60px;
    text-align: center;
}

table.permissionTable tr {
    display: none;
}

table.permissionTable tr:first-child,
table.permissionTable .all,
table.permissionTable .top,
table.permissionTable .permissionShowAll {
    display: table-row;
}

table.permissionTable .permissionShowAll td {
    text-align: center;
}

a#advPermissions {
    font-size: 14px;
    text-decoration: none;
    opacity: 0.8;
    filter:alpha(opacity=80);

    /*Button*/
    padding: 5px 5px 5px 5px;
    border: 1px solid #B1CEA3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #006558;
    background-color: #CEE5E2;
}

a#advPermissions:hover {
    opacity: 1;
    filter:alpha(opacity=100);
    text-decoration: none;
    background-color: #a5cec8;
}
a#advPermissions span.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../images/orderby.png") no-repeat 0 -32px;
    position: relative;
    top: 2px;
}
a#advPermissions:active span.icon {
    background-position: 0 0px;
}
a#advPermissions:hover span.icon {
    background-position: 0 -16px;
}
a#advPermissions span.icon {
    background-position: 0 -32px;
}
a#advPermissions.displayed:active span.icon {
    background-position: -16px 0px;
}
a#advPermissions.displayed:hover span.icon {
    background-position: -16px -16px;
}
a#advPermissions.displayed span.icon {
    background-position: -16px -32px;
}
.advPermissions {
    display: none;
}

#loader, #typeLoader {
    background: #fff;
    display: none;
}

#typeLoader {
    position: absolute;
}


/* -------------------------------------
  Timepicker
  -------------------------------------*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.list-view .items > div {
    padding: 5px 0;
}

.list-view .items > div:nth-child(2n) {
    background: #E1EDEB;
}


.twocolumns .row {
    margin-left: 0;
}

#header {
    border: none;
}

.content_area {
    text-align: left;
}

.sidebar {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    background:#CEE5E2;
    padding: 10px;
}

.sidebar h2 {
    margin-top: 0;
}

.logo {
    margin: 0.8em 0 0.7em;
}

#ydtb-toolbar {
    position: inherit;
}

ul.yiiPager a:link, ul.yiiPager a:visited {
    border: 1px solid #006558;
    color: #006558;
}

ul.yiiPager .selected a {
    background: #006558;
    color: #fff;
}

.viewitem {
    overflow: hidden;/* Makes #outer contain its floated children */
    width: 100%;
}

.viewitem .actions {
    float: left;
    margin-right: 5px;
}

.viewitem .item-data {
    overflow: hidden;
}

*.i_am_empty {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.old_modif {
    text-decoration: line-through;
    color: #bbb;
}

.max-size-300 {
    max-width: 300px;
    height: auto;
}

body.dev #page {
    padding-left: 18px;
    border-left: 2px solid #ffd324;
    border-top: 2px solid #ffd324;
    position: relative;
    padding-top: 45px;
}

body.dev #page > .flash-notice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    border-left: none;
    margin: 0;
}