@CHARSET "utf-8";
body {
  margin: 0px;
  font-family: Arial,Verdana, Sans-serif;
  font-size: 0.8em;
  color: #444;
  background: url('images/body_bg.jpg') repeat-x #fff;
}

a {
  color: #666;
  font-weight: normal;
}
a img {
  border:none;
}
h1,h2,h3,h4,h5,h6 {
  margin : 0px;
  padding : 0px;
}
h2 {
  color:#068B7A;
  font-size:1.4em;
  padding:10px 0 0;  
}
p {
  margin: 0;  
}
code {
  font-family: Monaco, system, Sans-serif;
  font-size: 1em;
  background-color: #f9f9f9;
  border: 1px solid #D0D0D0;
  color: #002166;
  display: block;
  margin: 14px 0 14px 0;
  padding: 12px 10px 12px 10px;
}

.xx-small {font-size: 0.7em;}
.x-small {font-size: 0.8em;}
.small {font-size: 0.9em;}
.medium {font-size: 1em;}
.large {font-size: 1.4em;}
.x-large {font-size: 1.8em;}
.xx-large {font-size: 2.5em;}

input {
  font-family: Arial,Verdana, Sans-serif;
  padding: 0px 1px;
  margin: 0px 0px 0px 0px;
  font-size: 1em;
}

textarea {
  font-family: Arial,Verdana, Sans-serif;
  font-size: 1em;
}

.noborder {
  border:none;
  margin:0px;
  padding:0px;
}

#pre-conteneur {
  background: url('images/pre_conteneur_bg.jpg') no-repeat 50% 0;  
  margin:0px;
  padding-top: 50px;
}

#conteneur {
  margin : 0px auto 0px auto;
  width : 1016px;
  background: #fff url(images/conteneur_bg.gif) repeat-y;
  position:relative;
}

#entete {
  height: 195px;
  background : url('images/header_bg.jpg') no-repeat top right #fff;
}

#entete h1 {
  padding-top: 20px;
}
#entete h1 a{
  display:block;
  width : 320px; 
  height: 70px;
  margin: 100px 0px 0px 20px;
  text-indent:-5000px;
  overflow:hidden;
}

#menu-accessibilite {
  background: #A94D26 url('images/accessibilite_bg.gif') repeat-x 0 0 ;
  color:#FFFFFF;
  margin-top:-2.1em;
  position:absolute;
  right:50px;
  width: 44em;  
}

#accessibilite-liens {
  float: left;
  line-height: 2.0em;
  padding: 0px 0px 0px 7px;
  background: url('images/accessibilite_gauche.gif') no-repeat 0 0;
  
}
#menu-accessibilite a {
  color: #fff;
  text-decoration:none;
  font-size: 0.85em;
  font-weight: bold;
}

#menu-langue {
  text-align : right;
  display:none;
}

#form-recherche {
  background: url('images/accessibilite_droite.gif') no-repeat top right;
  text-align: right;
  padding: 0px 0px ;
  position:absolute;
  right: -0px;
  width : 25em;
  height:2.2em;
}

#form-recherche form {
  margin: 4px 1px 0px 0px;
  background : none;
}
#form-recherche label {
  font-size: 0.9em;  
  display:inline !important;
  float:none;
  color: #fff;
}
#form-recherche input {
  font-size:0.85em;
  display: inline;
}
.accessibilite-submit-ok{
  border: none;
  background: transparent url('images/accessibilite_submit_ok.gif') no-repeat 0px 1px;
  width: 30px;
  height: 19px;
  cursor: pointer;
  text-indent: -5000px;
}

#menu-haut-conteneur {
  background: url('images/menu_haut_bg.jpg') no-repeat bottom left #068D7C;
  padding: 0px 0px 5px 0px;
}

#menu-haut { 
  
  height: 2.7em; 
  padding: 0px 0px 0px 0px;
  position:relative;
  z-index: 1000;
}
#menu-haut *:hover { 
  /*background-color: none; */
}
#menu-haut a , #menu-haut span { 
  border-right: 1px solid #046A5D;
  color: white; 
  font-size: 0.95em; 
  padding: 0.7em 7px 0.8em 7px;
  line-height: 1em; 
  text-decoration: none;
  font-weight: bold ;
}

#menu-haut .sous-menu a,#menu-haut .sous-menu span{
  /*background: #068D7C;*/
  border: 0px !important;
  border-bottom: 1px solid #fff !important;
  margin: 0px !important;
  padding: 5px !important;
  font-weight: normal;
}

/* ELEMENT CLIQUABLE DU MENU */
#menu-haut li.hover a  { 
  /*text-decoration: underline; */
}

/* Element cliquable survolé */
/*
.sous-menu a:hover {
  background: #F89B33 ;  
}
*/
/* Element non cliquable survolé */
/*
.sous-menu span:hover {
  background: #F89B33 ; 
  cursor: text !important;
}
*/
#menu-haut .sous-menu-niveau-1 { 
  top: 2.4em !important;
  border:1px solid #ddd;
}

#menu-haut ul { 
  top: 0px;
  background: #068D7C;
}
.menu-ouvrable{
  background: #068D7C url('images/menu_ouvrable.gif') no-repeat right 3px !important;
}
.menu-ouvrable:hover {
  background: #F89B33 url('images/menu_ouvrable.gif') no-repeat right 3px!important;
}

.menu-non-ouvrable{
  background: #068D7C !important;
}
.menu-non-ouvrable:hover {
  background: #F89B33 !important;
}

#fil-arianne {
  font-size: 0.85em;
  margin: 5px 0px 0px 10px;
  color: #048D79;
  float:left;
}
#fil-arianne a{
  color: #048D79;
  text-decoration: none;
}

#menu-social {
  margin: 15px 3px 0px 0px;
  text-align: right;
}
#menu-social img {
  margin: 0px 8px 0px 0px;
}

#contenu {
  padding : 5px 10px;
  margin-top: 0px;
  /*background: url(images/960grid.png) no-repeat ;*/
  height: 500px;
}
html>body #contenu {
  height: auto;
  min-height: 500px;
}
#contenu-col-gauche {
  width: 420px;
  float:left;
  border-right: 1px dotted #333;
  margin-left: 5px;
}
#contenu-col-milieu {
  width: 330px;
  margin: 0px 0px 0px 10px;
  float:left;
  border-right: 1px dotted #333;
}
#contenu-col-droite {
  margin: 20px 0px 0px 770px;
  width: 220px;
  overflow: auto;
}

#menu-pied-page {
  clear:both;
  background: url(images/conteneur_fin_bg.gif) no-repeat top left #fff;
  padding-top:20px;
  text-align:center;
  font-size:0.85em;
}
#menu-pied-page a {
  text-decoration: none;
  color: #666;
}

h3 {
  color: #EC9933;
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em
}
.lien-rapide {
  font-size: 0.8em;
  text-align:right;
}
.lien-rapide a{
  text-decoration: none;
}

.agenda {
  border:1px solid #828282;  
  width: 210px;
  background: #fff;
  font-size: 0.9em;
  color: #999;
}
.agenda a {
  text-decoration: none;
}
.agenda .tr-week {
  background : #6AC8C4 ;
  color: #fff;
}
.agenda-titre {
  font-size: 0.9em;  
}
.agenda td {
  width: 27px;
  height:20px;
  text-align:center;
}
.agenda td a {
  width: 27px;
  display:block;
  color: #3FABA6;
  font-weight: bold;
  font-size:1.2em;
  text-decoration: none;
}
#accueil-agenda {
  margin: 15px 0px 0px 0px;
}
#accueil-agenda h3 {
  margin: 10px 0px 0px 5px;
}
#accueil-agenda h3, #accueil-agenda li a  {
  color : #048D7B;
}
#accueil-agenda h3 a {
  padding: 0px;
}
#accueil-agenda .agenda {
  margin: 10px 0px 0px 10px;
}
#accueil-agenda ul {
  border: 1px solid #828282;
  border-top: 0px;
  margin: 0px 0px 0px 10px;
  width: 187px;
  padding: 0px;
  list-style-type: none;
  font-size: 0.8em;
}
#accueil-agenda li {
  padding:0;
  margin:0;
}
 #accueil-agenda li a {
  text-decoration: none;
}

/*******************************************************************************
                            COINS ARRONDIS
********************************************************************************/
.rounded-orange-trait-top-left {
  background: url('images/orange_trait-top-left.gif') top left;
  height:10px;
  font-size:1px;
  margin-right:10px;
}
.rounded-orange-trait-top-right {
  background: url('images/orange_trait-top-right.gif')  top right;
  height:10px;
  width:10px;
  font-size:1px;
  margin-top:-10px;
  float:right;
}
.rounded-orange-trait {
  border: 1px solid orange;
  border-top: 0px;
  border-bottom: 0px;
  margin:0px;
  padding:0px 5px;
}
.rounded-orange-trait-bottom-left {
  background: url('images/orange_trait-bottom-left.gif') ;
  font-size: 1px;
  height:10px;
}
.rounded-orange-trait-bottom-right {
  background: url('images/orange_trait-bottom-right.gif') no-repeat 100% 0;
  font-size: 1px;
  height:10px;
  width: 10px;
  margin-top:-10px;
  float:right;
}

.rounded-gris-trait-vert-plein-top-left {
  background: url('images/gris_trait_vert_plein-top-left.gif') top left;
  height:10px;
  font-size:1px;
  margin-right:10px;
}
.rounded-gris-trait-vert-plein-top-right {
  background: url('images/gris_trait_vert_plein-top-right.gif')  top right;
  height:10px;
  width:10px;
  font-size:1px;
  margin-top:-10px;
  float:right;
}
.rounded-gris-trait-vert-plein {
  border: 1px solid #36A495;
  border-top:0;border-bottom:0;
  background: #D8EBFC ;
  margin:0px;
  padding:0px 5px;
}
.rounded-gris-trait-vert-plein-bottom-left {
  background: url('images/gris_trait_vert_plein-bottom-left.gif') ;
  font-size: 1px;
  height:10px;
}
.rounded-gris-trait-vert-plein-bottom-right {
  background: url('images/gris_trait_vert_plein-bottom-right.gif') no-repeat 100% 0;
  font-size: 1px;
  height:10px;
  width: 10px;
  margin-top:-10px;
  float:right;
}

.rounded-vert-plein-top-left {
  background: url('images/vert_plein-top-left.gif') top left;
  height:10px;
  font-size:1px;
  margin-right:10px;
}
.rounded-vert-plein-top-right {
  background: url('images/vert_plein-top-right.gif')  top right;
  height:10px;
  width:10px;
  font-size:1px;
  margin-top:-10px;
  float:right;
}
.rounded-vert-plein {
  background: #DDF0EE;
  border: 1px solid #048D7B;
  border-top: 0px;
  border-bottom: 0px;
  margin:0px;
  padding:0px 5px;
}
.rounded-vert-plein-bottom-left {
  background: url('images/vert_plein-bottom-left.gif') ;
  font-size: 1px;
  height:10px;
}
.rounded-vert-plein-bottom-right {
  background: url('images/vert_plein-bottom-right.gif') no-repeat 100% 0;
  font-size: 1px;
  height:10px;
  width: 10px;
  margin-top:-10px;
  float:right;
}

.rounded-bleu-plein-top-left {
  background: url('images/bleu_plein-top-left.gif') top left;
  height:10px;
  font-size:1px;
  margin-right:10px;
}
.rounded-bleu-plein-top-right {
  background: url('images/bleu_plein-top-right.gif')  top right;
  height:10px;
  width:10px;
  font-size:1px;
  margin-top:-10px;
  float:right;
}
.rounded-bleu-plein {
  border: 1px solid #225F95;
  background: #D8EBFC;
  border-top: 0px;
  border-bottom: 0px;
  margin:0px;
  padding:0px 5px;
}
.rounded-bleu-plein-bottom-left {
  background: url('images/bleu_plein-bottom-left.gif') ;
  font-size: 1px;
  height:10px;
}
.rounded-bleu-plein-bottom-right {
  background: url('images/bleu_plein-bottom-right.gif') no-repeat 100% 0;
  font-size: 1px;
  height:10px;
  width: 10px;
  margin-top:-10px;
  float:right;
}

/*******************************************************************************
                            FIN COINS ARRONDIS
********************************************************************************/

#debug {text-align:center;}

.pagination {
  text-align: center;
}
.pagination a {
  color: #999;
  text-decoration: none;
}
.pagination strong {
  color: #FA9B2D;
  font-size: 1.4em;
}


/*******************************************************************************
                              FORMULAIRE
******************************************************************************/
form {
  
  
}
fieldset{
  border:0;
  border-top: 2px solid orange;
  margin: 10px 0px;
  /*background:transparent url(images/titre_bg_vert_degrade.gif) repeat-x scroll left top;
  padding: 0px 0px 0px 0px;*/
  
}
legend, .zone-champ-submit label{
  color: #078a7a;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0px 5px;
  font-style: italic;
  /*display: block;
  position: absolute;
  top: 8px;
  left: 5px;*/
}

.zone-champ {
  border-bottom: 2px solid #ecf6f5;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}
.zone-champ-submit {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  background:transparent url(images/submit_bg_vert_degrade.gif) repeat-x scroll left bottom;
  height: 50px;
}

.zone-champ-submit input {
  background: url(images/submit.gif) no-repeat;
  border: 0px solid red;
  height: 32px;
  width:154px;
  color: #fff;
  padding: 0px;
  text-align:center;
}

.champ-erreur {
  color: red; 
  font-style: italic
}

label {
  float:left;
  clear: left;
  width:250px;  
  padding-left: 2px;
  color: #666666;
  font-size: 1.1em;
  font-weight: bold;
}
.label-required {
  color: #DB8822;
}

input,select,textarea {
  display: block;
}

.field-help {
  font-style: italic;
  padding: 1px 3px;
  margin: 0px 2px 0px 250px;
  color: #aaa;
}
.form-erreurs {
  color : red;
  margin: 10px ;
}
/*******************************************************************************
                              FIN FORMULAIRE
******************************************************************************/


/*******************************************************************************
                              ENVOI AMI
******************************************************************************/
.envoiami-titre {
  font-size:1.2em;
  color: #F39933;
}
.envoiami-form
{
  margin: 50px auto;  
}


/*******************************************************************************
                            DIALOG
*******************************************************************************/
.ui-dialog {
  z-index: 5005 !important;  
}
.ui-widget {
  font-size: 1em;
  font-family: inherit;
}
.ui-widget-overlay {
  opacity: 0.5 !important;
}
.ui-widget-header 
{
  background: url('images/accessibilite_bg.gif') repeat-x #A94D26;
  color: #fff;
}
.ui-widget-content {
  border:1px solid #D8851F;
}

/*******************************************************************************
                            tinyMce
*******************************************************************************/
.colonne {
border: none !important;
}
.layout-colonne {
clear: both;
}