/*===============================================================
      TEXTE : styles des textes (sert aussi à FCKeditor)         
================================================================*/

/*  --------------------------------------------------------------------
    1. Body, HTML
--------------------------------------------------------------------    */
html, body{
    margin:0;
    padding:0;
}
body { 
    color: #000; 
    font: 12px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

/*  --------------------------------------------------------------------
    2. Liens
--------------------------------------------------------------------    */
a:link {
	color  : #0077BB;
	text-decoration: none;
}
a:visited {
    color  : #0077BB;
    text-decoration: none; 
}
a:hover {
    color  : #0077BB;
    text-decoration: underline;   
}
a:active, a:focus {
    color  : #0077BB;
    text-decoration: underline;   
}

/*  --------------------------------------------------------------------
    3. Titres
--------------------------------------------------------------------    */
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    color: #0077BB;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color: #0077BB;
}
h1{
    font-size: 26px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 14px;
}

/*  --------------------------------------------------------------------
    4. Paragraphes
--------------------------------------------------------------------    */
p { 
	margin:10px 0;
	padding:0;
}

/*  --------------------------------------------------------------------
    3. Listes
--------------------------------------------------------------------    */
ol, ul {margin-left: 2em;} 
ol{ list-style-type: upper-roman;}
ol ol{ list-style-type: decimal;}
ul{ list-style-type: disc;}
ul ul{ list-style-type: circle;}


/*  --------------------------------------------------------------------
    4. Citation 
--------------------------------------------------------------------    */
blockquote {
    padding-left:2.2em;
    margin: 1.5em;
    color: #666;
    font-style: italic;
}
blockquote:before, blockquote:after { /*ajoute un guillemet CSS sur le premier élément*/
    font-size:2.5em;
    font-family:georgia,serif;
    padding-right:.2em;
    color:#aaa;
    line-height:0;
}
blockquote:before {
	content:"\201C";
    margin-left:-.62em;
}
blockquote:after {
	content:"\201D";
    margin-left:.4em;
    vertical-align: bottom;
}

/*  --------------------------------------------------------------------
    5. Formulaires 
--------------------------------------------------------------------    */
form input, textarea, select{
    font-size:13px;
    letter-spacing:1px;
}
fieldset {
    padding:10px;
    margin: 0 0 15px 0;
    border: 1px solid #ccc;
}
legend {
    font-weight: bold;
    font-size:12px;
}
label {
    font-weight:bold;
    font-size:11px;
}
input, select, button, label {
    cursor: pointer;
}
input[type='hidden'] {
    display:none;
}
input[type='text'],input[type='password'] {
    cursor: text;
}
input[type=text], input[type=password], textarea, select { 
    background-color:#fff; 
    border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { 
    border-color:#666;
    outline: 1px solid #0077BB;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
    border-color: #0077BB;
}
input[type=text], input[type=password], textarea, select {
    margin:3px 0;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio { 
    position:relative;
    top:.25em; 
}

/*  --------------------------------------------------------------------
    CKeditor 
--------------------------------------------------------------------    */
/*
.mise_en_avant1, .mise_en_avant1 a {
    font-size               :   14px;
    font-weight             :   bold;
    color                   :   #0077BB;
}
.mise_en_avant2, .mise_en_avant2 a {
    font-size               :   14px;
    font-weight             :   bold;
    color                   :   #EE7F00;
}
.mise_en_avant1 a:hover, a:hover .mise_en_avant1,
.mise_en_avant2 a:hover, a:hover .mise_en_avant2{
    text-decoration         :   underline; 
}*/

/* Récupération des styles V1 */
.titre_article, .titre_article a{
    font-size               :   14px;
    color                   :   #0077bb;    
}
.sous_titre_article, .sous_titre_article a{
    font-size               :   12px;
    color                   :   #0077bb;
}
.sous_titre_article_bis, .sous_titre_article_bis a{
    font-size               :   12px;
    color                   :   #ee7f00;
}


/*  ----------------------------------------------------------------------------
    MODULES STANDARD                                                            
    ------------------------------------------------------------------------- */
    
/* 404 */
#mod-404 .bloc-404{
	border                  :   1px dashed #0077BB;
    text-align              :   center;
    color                   :   #000000;
    padding                 :   5px;
    margin-bottom           :   10px;
}

/* no-data */
#no-data{
    text-align              :   center;
}
/* Contact + Formulaire (export CSV) */
#mod-contact #frm,
#mod-formulaire #frm{
    width                   :   88%;
    margin-bottom           :   30px;
    font-size               :   12px;
}
#mod-contact #formulaire,
#mod-formulaire #formulaire{
    width                   :   90%;
    margin                  :   0 auto;
}
#mod-contact #formulaire .champ,
#mod-formulaire #formulaire .champ{
    overflow                :   hidden;
    margin                  :   1px 0;
}
#mod-contact #formulaire .champ label,
#mod-formulaire #formulaire .champ label{
    display                 :   block;
    float                   :   left;
    width                   :   25%;
    text-align              :   right;
    vertical-align          :   middle;
    margin                  :   0;
    line-height             :   15px;
}

#mod-contact #formulaire .champ div.input, 
#mod-formulaire #formulaire .champ div.input{
    float                   :   right;
    width                   :   70%;
}
#mod-contact #formulaire .champ input, #mod-contact #formulaire .champ textarea, 
#mod-formulaire #formulaire .champ input, #mod-formulaire #formulaire .champ textarea {
    width                   :   95%;    
    padding                 :   0;
    margin                  :   0;
    margin-bottom           :   8px;
}
#mod-contact #formulaire .champ .input_checkbox,
#mod-formulaire #formulaire .champ .input_checkbox{
    width                   :   auto;
}
#mod-contact #formulaire .champ textarea,
#mod-formulaire #formulaire .champ textarea {
    height                  :   150px;
}
#mod-contact #crypto,
#mod-formulaire #crypto{
    overflow                :   hidden;
    margin                  :   0 20px;
    text-align              :   center;  
}
#mod-contact #crypto h4,
#mod-formulaire #crypto h4{
    font-size               :   12px;
    background-color        :   #0077BB;
    color                   :   #fff;
    padding                 :   2px 0 2px 0;
    margin-top              :   5px;
}
#mod-contact #crypto p,
#mod-formulaire #crypto p{
    margin                  :   5px 0 5px 0;
}
#mod-contact #crypto table,
#mod-formulaire #crypto table{
    margin                  :   0 auto;
}
#mod-contact #crypto input,
#mod-formulaire #crypto input{
    width                   :   25%;
    min-width               :   80px;
}
#mod-contact #boutons,
#mod-formulaire #boutons{
    margin-top              :   5px;
    text-align              :   center;
}
#mod-contact #boutons .contact-envoyer{
    background-image: url(/img/picto/email.png);
}
#mod-contact #boutons .contact-annuler{
    background-image: url(/img/picto/annuler.png);
}


/* Api map */
#mod-contact .carte,
#mod-api_map .carte{
    position                :   absolute;
    left                    :   400px;
    top                     :   20px;
    clear                   :   both;
    text-align              :   center;
}
#mod-contact .carte .api_map,
#mod-api_map .carte .api_map{
    margin                  :   0 auto;
    border                  :   1px solid #bbb;
}

/* Mentions légales */

/* Plan du site */
h1.plan-site{
    margin-bottom           :   10px;
}
ul.plan_site, ul.plan_site_data{
    margin                 :   0;
    padding                :   0;
    list-style-type        :   none;
}
    /* Niveau 1 */
	ul li.plan_site_0{
	    padding                :   0 0 10px 15px;
	}
	ul li.plan_site_0, ul li.plan_site_0 a {
	    font-size              :   13px;
	    font-weight            :   normal;
	    text-transform         :   uppercase;
	    color                  :   #0077BB;
	}
    ul.plan_site a:visited {
        text-decoration        :   none;
        color                  :   #0077BB;
    }
    ul.plan_site a:hover, ul.plan_site a:active, ul.plan_site a:focus {
        text-decoration        :   underline;
        color                  :   #EE7F00;
    }   
	/* Niveau 2 */	
	ul.plan_site_1{
	    padding                :   5px 0 5px 30px;     
	    border-top             :   1px solid #0077BB;
	} 
	ul li.plan_site_1, ul li.plan_site_1 a{
	    font-size              :   12px;
	    font-weight            :   normal;
	    text-transform         :   none;
	    color                  :   #EE7F00; 
        text-transform         :   uppercase;
        list-style-type        :   disc;
	}
    ul li.plan_site_1 a:visited {
        text-decoration        :   none;
        color                  :   #0077BB;
    }
    ul li.plan_site_1 a:hover, ul li.plan_site_1 a:active, ul li.plan_site_1 a:focus {
        text-decoration        :   underline;
        color                  :   #0077BB;
    }   
    /* Niveau Data */  
    ul.plan_site_data{
        padding                :   0 0 5px 30px;     
        border-top             :   1px solid #0077BB;
    } 
    ul li.plan_site_data, ul li.plan_site_data a{
        padding-top            :   3px;
        font-size              :   12px;
        font-weight            :   normal;
        text-transform         :   none;
        color                  :   #000; 
        list-style-type        :   circle;
    }
    ul li.plan_site_data a:visited {
        text-decoration        :   none;
        color                  :   #000;
    }
    ul li.plan_site_data a:hover, ul li.plan_site_data a:active, ul li.plan_site_data a:focus {
        text-decoration        :   underline;
        color                  :   #000;
    }
    /* Niveau Data de niveau 2 */  
    ul.plan_site_1 ul.plan_site_data{
        border-top             :   none; 
    } 
    
/* Moteur de recherche */ 
#mod-moteur_de_recherche input.gsc-search-button{
    display                 :   inline-block;
    margin                  :   0;
    padding                 :   4px 6px;
    border                  :   1px solid #666666;
    color                   :   #000 !important;
    font-size               :   12px !important;
   /* -moz-border-radius      :   8px;*/
    margin-left             :   10px;
    padding-left            :   30px; 
    background              :   url(/img/picto/rechercher.png) no-repeat 6px 5px #eeeeee;
}
#mod-moteur_de_recherche input.gsc-search-button:hover{
    border                  :   1px solid #000;
    background-color        :   #666666;     
    color                   :   #fff !important;
    text-decoration         :   none !important;
}

/* newsletter */
#mod-newsletter .newsletter{
    margin-bottom           :   50px;
}
#mod-newsletter h2{
    font-size               :   16px;
}
#mod-newsletter p{
    font-size               :   12px;
    color                   :   #000;
    margin                  :   10px 0;
}
#mod-newsletter label{
    float                   :   left; 
    margin-right            :   25px;
}
#mod-newsletter .boutons .newsletter-ajout{
    background-image: url(/img/picto/newsletter_on.png);
}
#mod-newsletter .boutons .newsletter-suppression{
    background-image: url(/img/picto/newsletter_off.png);
}

/*  ----------------------------------------------------------------------------
    AXN                                                                         
    ------------------------------------------------------------------------- */

/* baseline */
#baseline-axn{
    position                :   relative;
    clear                   :   both;
    padding                 :   5px 0 5px 0;
    font-size               :   11px;
}
#baseline-axn, #baseline-axn a{
    color                   :   #0077BB;
}
#baseline-axn .baseline-axn img{
    vertical-align          :   bottom;
}
#validation{
    display                 :   inline;
    position                :   absolute;
    margin                  :   -2px 0 0 5px;
}
#validation a{
    display                 :   block;
    text-indent             :   -9999px;
    width                   :   57px;
    height                  :   20px;
    background              :   url(/img/valid-html.png) no-repeat left top;
}
#validation.blue a{
    background-position     :   right top;
}
#info-validation{
    display                 :   none;
    position                :   absolute;
    margin-top              :   -58px;
    margin-left             :   -120px;
    width                   :   300px;   
    height                  :   35px;  
    padding                 :   10px;
    background-color        :   #fff;
    border                  :   1px solid #005A9C;
    color                   :   #000;
    z-index                 :   10;
}

/* Messages erreur */    
.erreur, .warning, .information, .succes{
    padding: .8em;
    margin-bottom: 5px;
    border: 2px solid #ddd;
}
.erreur {
    background-color: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.warning {
    background-color: #F5E9A3;
    color: #EF610B;
    border-color: #FFA500;
}
.information {
    background-color: #acdbff;
    color: #222f53;
    border-color: #57b6ff;
}
.succes {
    background-color: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.erreur a {
    color: #8a1f11;
    text-decoration: underline;
}
.warning a{
    color: #EF610B;
    text-decoration: underline;
}
.information a {
    color: #222f53;
    text-decoration: underline;
}
.succes a {
    color: #264409;
    text-decoration: underline;
}
.erreur.picto, .warning.picto, .information.picto, .succes.picto{
    background-position :   15px center;
    background-repeat   :   no-repeat;
    padding-left        :   45px;
}
.erreur.picto {
    background-image    :   url(/img/picto/error.png);
}
.warning.picto {
    background-image    :   url(/img/picto/warning.gif);
    background-position :   10px center;
}
.information.picto  {
    background-image    :   url(/img/picto/info.png);
}
.succes.picto  {
    background-image    :   url(/img/picto/success.png);
}

/* Erreurs javascript et flash */    
.bloc-erreur-javascript .erreur, .bloc-erreur-flash .erreur{
    margin                 :   10px auto;
    padding-top            :   10px;
    padding-left           :   35px;
	width                  :   60%;      
	background-image       :   url(/img/picto/warning.gif);
	background-position    :   10px 5px;
	background-repeat      :   no-repeat; 
	font-weight            :   bold;
}
.bloc-erreur-javascript, .bloc-erreur-flash{
    position               :  relative;
    width                  :  100%;
    text-align             :  center;
}
.bloc-erreur-flash .erreur{
	width                  :  100%;
	background-position    :  center 5px;
	padding-top            :  30px;
}

/**********************************************************/
/*                Classes Génériques                      */
/**********************************************************/
.block{
    display: block;    
}
.none{
    display: none;    
}
.inline{
    display: inline;    
}
.clear {
    clear:both;
}
.left{
    float: left;
}
.right{
    float: right;
}
.visible{
    visibility: visible;
}
.hidden{
    visibility: hidden;
}
.block-hidden{
    display             :   block;
    width               :   0;
    height              :   0;
    margin              :   0;
    padding             :   0;
    overflow            :   hidden;
}
.text-hidden{
    text-indent:-9999px;
}
.text-left{
    text-align          : left;
}
.text-center{
    text-align          : center;
}
.text-right{
    text-align          : right;
}
.loading{
    display: block;
    width:100%;
    height:80px;    
    background   :   url(/img/loading.gif) no-repeat center center;
}
.bouton, .bouton-picto{
    display                 :   inline-block;
    margin                  :   0;
    padding                 :   4px 6px;
    border                  :   1px solid #666666;
    background-color        :   #eeeeee; 
    color                   :   #000 !important;
    font-size               :   12px !important;
  /*  -moz-border-radius      :   8px;
    -webkit-border-radius   :   8px;
    border-radius           :   8px;  */
}
.bouton:hover, .bouton-picto:hover{
    border                  :   1px solid #000;
    background-color        :   #666666;     
    color                   :   #fff !important;
    text-decoration         :   none !important;
}
.bouton-picto{
    background-repeat       :   no-repeat !important;
    background-position     :   6px 5px !important;
    padding-left            :   30px; 
}