/* @override Credits */
/*
Date : 26.04.2010
Auteur : Rémi Buisson
Projet : Fifrelin
Logiciel : 
Commentaire : 

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]


-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("/commun_extranet/css/reset.css");
@import url("/commun_extranet/css/classes.css");
@import url("/commun_extranet/css/grid.css");
@import url("/commun_extranet/css/typography.css");

@import url("wysiwyg.css");

@import url("meteo.css");

.visualClear, .clear {
	clear: both;
  	height: 0px;
  	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

body{
    background: #00a51b url(../images/bck-body.png) repeat-x center top;
}
body.lightbox{
    background: none;
}
body.lightbox{
    background: #fff;
}
body.lightbox.LOCALISATION{
    background: #4BC55F;
    border: 0 !important;
}

body.lightbox.LOCALISATION .contenu{
    padding-left: 50px;
    padding-top: 20px;
}
body.lightbox h1 a{
    background: url(../images/sprite-header.png) -11px 0 no-repeat;
    display: block;
    width: 160px;
    height: 90px; 
}
body.lightbox h1 span{
    display: none;
}



.container{
    /*position: relative;*/
}

.contenu{
    /*margin-top: 100px;*/
}

.header{
    min-height: 88px;
    margin-top: 10px;
    position: relative;
    /*position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    */
}
.header .logo a{
    background: url(../images/sprite-header.png) -11px 0 no-repeat;
    display: block;
    height: 90px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1000;
    width: 160px;
    height: 90px;
}
.header .logo a span{
    display: none;
}   
.header .titre{
    background: url(../images/sprite-header.png) no-repeat -190px 0;
    display: block;
    width: 250px;
    height: 40px;
    
    position: absolute;
    top: 0;
    left: 150px;
    z-index: 1000;
}
.header .titre span{
    display: none;
}
.header .langue{
    margin-left: 200px;
    
    position: absolute;
    top: 0;
    left: 430px;
    z-index: 1000;
    width: 90px;
    height: 40px;
}

.header .langue a{
    display: block;
    width: 32px;
    height: 25px;
    float: left;
    margin-right: 2px;
}
.header .langue a span{
    display: none;
}
.header .langue .fr{
    background: url(../images/sprite-header.png) no-repeat -540px -29px;
}
.header .langue .fr.select{
    background-position: -540px -4px;
}
.header .langue .en{
    background: url(../images/sprite-header.png) no-repeat -502px -29px;
}
.header .langue .en.select{
    background-position: -502px -4px;
}

.header .langue .fr:hover{
    background-position: -540px -29px;
}

.header .langue .en:hover{
    background-position: -502px -29px;
}


.header .langue .fr:active{
    background-position: -540px -54px;
}

.header .langue .en:active{
    background-position: -502px -54px;
}




.header .rechercher{
    padding-top: 10px;
    width: 220px;
    height: 88px;
    
    background: url("../images/bck-colonnedroite.png") repeat scroll 0 0 transparent;
    
    position: absolute;
    top: -10px;
    left: 710px;
}
body.INTERIEUR .header .rechercher{
    height: 78px;
}

body.INDEX .header .rechercher a{
    display: block;
    width: 130px;
    height: 20px;
    background: url(../images/sprite-header.png) no-repeat -593px -5px;
}
.header .rechercher a span{
    display: none;
}

body.INTERIEUR .header .rechercher a{
    cursor: pointer;
}

.header .rechercher a{
    display: block;
    width: 180px;
    height: 20px;
    background: url(../images/sprite-header.png) no-repeat -735px -5px;
    margin-left: 10px;
}
.header .rechercher span{
    display: none;
}





.header .blocMenu{
    background: url(../images/sprite-header.png) no-repeat 0px -94px;
    width: 943px;
    height: 53px;
    top: 35px;
    left: 0;
    position: absolute;
}

.header .blocMenu ul{
    list-style: none;
    margin: 0 0 0 170px;
}
.header .blocMenu ul li{
    float: left;
    margin: 0;
}
.header .blocMenu ul li a{
    display: block;
    width: 135px;
    height: 53px;
}
.header .blocMenu ul li a span{
    display: none;
}

.header .blocMenu ul li.PAYS a{
    background: url(../images/sprite-header.png) no-repeat -170px -93px;
}
.header .blocMenu ul li.PAYS a:hover{
    background: url(../images/sprite-header.png) no-repeat -170px -146px;
}
.header .blocMenu ul li.PAYS a:active, .header .blocMenu ul li.PAYS a.select{
    background: url(../images/sprite-header.png) no-repeat -170px -201px;
}



.header .blocMenu ul li.FAMILLE a{
    background: url(../images/sprite-header.png) no-repeat -303px -93px;
}
.header .blocMenu ul li.FAMILLE a:hover{
    background: url(../images/sprite-header.png) no-repeat -303px -146px;
}
.header .blocMenu ul li.FAMILLE a:active, .header .blocMenu ul li.FAMILLE a.select{
    background: url(../images/sprite-header.png) no-repeat -303px -201px;
}



.header .blocMenu ul li.ECOLE a{
    background: url(../images/sprite-header.png) no-repeat -436px -93px;
}
.header .blocMenu ul li.ECOLE a:hover{
    background: url(../images/sprite-header.png) no-repeat -436px -146px;
}
.header .blocMenu ul li.ECOLE a:active, .header .blocMenu ul li.ECOLE a.select{
    background: url(../images/sprite-header.png) no-repeat -436px -201px;
}



.header .blocMenu ul li.SEJOUR a{
    background: url(../images/sprite-header.png) no-repeat -572px -93px;
}
.header .blocMenu ul li.SEJOUR a:hover{
    background: url(../images/sprite-header.png) no-repeat -572px -146px;
}
.header .blocMenu ul li.SEJOUR a:active, .header .blocMenu ul li.SEJOUR a.select{
    background: url(../images/sprite-header.png) no-repeat -572px -201px;
}

.header .recherche #inputSearch{
    margin: 13px 10px 10px 0px;
    border: 0;
    width: 155px;
}
.header .recherche .recherche_submit{
    background: none;
    border: none;
    margin: 16px 0px 10px 0px;
    padding: 0 10px;
    width: 40px;
}

.header .flash{
    padding-left: 30px;
    
    /*position: absolute;
    top: 90px;
    left: 0;
    */
    width: 680px;
    height: 200px;
    
}






.colonneDroite{
	float: right !important;
	margin-right: 20px !important;
}

.colonneDroite .colonneDroiteContent{
    position: relative;
    -moz-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
.colonneDroite .colonneDroiteContent .bloc{

    background: url(../images/bck-colonnedroite.png) repeat;
    
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	padding-bottom: 10px;
	padding-top: 10px;
	
	margin-bottom: 30px;
}
body.INTERIEUR .colonneDroite .colonneDroiteContent .blocSlide{
    
    -moz-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	
	display: none;
	
	position: absolute !important;
	z-index: 10000;
	width: 220px;
}
body.INDEX .colonneDroite .colonneDroiteContent .bloc{

    -moz-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}


.colonneDroite .colonneDroiteContent .blocActualites{
	/* background: #fff;*/
	background: #02380A;
	
	/*border: 1px #f8931d solid;*/
    position: relative;
}


.colonneDroite .colonneDroiteContent .blocVideo{
	background: url(../images/sprite-bloc.png) no-repeat 0px -720px;
	width: 224px;
	height: 205px;
    position: relative;
}
.colonneDroite .colonneDroiteContent .blocVideo div{
	border: 0px;
	top: 63px;
	left: 10px;
	 position: absolute;
}



body.INDEX .colonneDroite h2, body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc.blocSlide h2{
    background: url(../images/sprite-titrage.png) no-repeat -0px -70px;
    width: 200px;
    height: 30px;
    
    padding: 0;
    margin: 0;
    
    position: absolute;
    left: -15px;
    top:0;
    z-index: 10000;
}
.colonneDroite h2 span{
    display: none;
}
body.INDEX .colonneDroite h2.ACTIVITE, body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc.blocSlide h2.ACTIVITE{
    background-position: -0px -70px;
}
body.INDEX .colonneDroite h2.TRANCHE, body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc.blocSlide h2.TRANCHE{
    background-position: -0px -102px;
}
body.INDEX .colonneDroite h2.AGENDA{
    background-position: -0px -134px;
}

.colonneDroite .blocSitra{
    position: relative;
}

.colonneDroite .blocSitra ul{
    padding-top: 30px;
    list-style: none;
}
.colonneDroite .blocSitra ul li a{
    color: #67828a !important;
    font-size: 16px;
    line-height: 24px;
    display: block;
    text-decoration: none;
}

.colonneDroite .blocSitra ul li a span.image{
    background: url(../images/arrows.png) repeat-y;
    height: 23px;
    width: 45px;
    float: left;
}
.colonneDroite .blocSitra ul li a:hover span.image{
    background-position:  -50px 0px;
}



.colonneDroite .blocSitra ul li.indice_2 a span.image{
    background-position:  0px -23px;
}
.colonneDroite .blocSitra ul li.indice_2 a:hover span.image{
    background-position:  -50px -23px;
}
.colonneDroite .blocSitra ul li.indice_3 a span.image{
    background-position:  0px -50px;
}
.colonneDroite .blocSitra ul li.indice_3 a:hover span.image{
    background-position:  -50px -50px;
}
.colonneDroite .blocSitra ul li.indice_4 a span.image{
    background-position:  0px -74px;
    height: 21px;
}
.colonneDroite .blocSitra ul li.indice_4 a:hover span.image{
    background-position:  -50px -74px;
}
.colonneDroite .blocSitra ul li.indice_5 a span.image{
    background-position:  0px -97px;
}
.colonneDroite .blocSitra ul li.indice_5 a:hover span.image{
    background-position:  -50px -97px;
}
.colonneDroite .blocSitra ul li.indice_6 a span.image{
    background-position:  0px -123px;
}
.colonneDroite .blocSitra ul li.indice_6 a:hover span.image{
    background-position:  -50px -123px;
}
.colonneDroite .blocSitra ul li.indice_7 a span.image{
    background-position:  0px -145px;
    height: 21px;
}
.colonneDroite .blocSitra ul li.indice_7 a:hover span.image{
    background-position:  -50px -145px;
}
.colonneDroite .blocSitra ul li.indice_8 a span.image{
    background-position:  0px -166px;
    height: 21px;
}
.colonneDroite .blocSitra ul li.indice_8 a:hover span.image{
    background-position:  -50px -166px;
}
.colonneDroite .blocSitra ul li.indice_9 a span.image{
    background-position:  0px -190px;
    height: 25px;
}
.colonneDroite .blocSitra ul li.indice_9 a:hover span.image{
    background-position:  -50px -190px;
}

.colonneDroite .blocSitra ul li a span.libelle{
    float: left;
    width: 100px;
}
.colonneDroite .blocSitra ul li a:hover span.libelle{
    color: #fc7a05;
}

.colonneDroite .separateur{
    height: 245px;
}

body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc{
    position: relative;
}
body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc h2{
    background: url(../images/sprite-titrage.png) repeat -290px -45px ;
    width: 100px;
    height: 30px;
    position: absolute;
    top: -10px;
    left: 10px; 
    
    padding: 0;
    margin: 0;
}

body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc h2.AGENDA{
    background-position: -200px -45px;
    width: 80px;
    top: -40px;
}
body.INTERIEUR .colonneDroite .colonneDroiteContent .calend{
    padding-top:0;
}

.colonneDroite .colonneDroiteContent .blocCarte{
    background: #4dc95f;
}
body.INTERIEUR .colonneDroite .colonneDroiteContent .bloc h2.CARTE{
    background-position: 0px -39px;
    width: 180px;
}
.colonneDroite .colonneDroiteContent .blocCarte a{
    margin-left: 10px;
    margin-top: 10px;
    display: block;
}



.footer{
    color: #fefcfc;
    /*background: #fa9211;*/
    background: url(../images/sprite-bloc.png) no-repeat 0px -1054px;
    font-size: 12px;
    line-height: 12px;
    min-height: 140px;
    
    margin:0 auto;
}
.footer a{
    color: #fff !important;
    text-decoration: none;
}
.footer .footerContent{
    height: 120px;
}

.footer .bloc{
    border-right: 1px solid #d76b0f;
    min-height: 90px;
    margin: 10px;
}
.footer ul{
    list-style: none;
    margin: 0;
}
.footer .bloc ul li{
    margin: 20px 0;
}
.footer .bloc ul li a{
    font-size: 14px;
    line-height: 15px;
    background: url(../images/sprite-btn.png) no-repeat 0 -225px;
    padding-left: 30px;
    height: 18px;
    display: block;
}
.footer .bloc ul li a:hover{
    background-position: 0 -243px;
    color: #142955 !important;
}
.footer .bloc ul li a:active{
    background-position: 0 -262px;
    color: #051333 !important;
}

.footer .footerFooter{
    color: #dbdada;
    padding: 5px;
    text-align: right;
    font-size: 10px;
}

.footer .footerFooter a{
    color: #dbdada !important;
    text-decoration: none;
}
.footer .footerFooter span{
    margin-left: 10px;
    margin-right: 10px;
}


.footer .newsletterInscription input{
    background: #f8a733;
    color: #646464;
    border: 0;
    width: 170px;
    height: 20px;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
}
.footer .newsletterInscription input.letter_submit{
    background: none;
    color: #fff;
    width: 40px;
    height: 30px;
}
.footer .blocNewletter a{
    display: block;
    background: url(../images/sprite-btn.png) no-repeat -480px -170px;
    width: 200px;
    height: 75px;
    margin-top: 20px;
}
.footer .blocNewletter a:hover{
    background-position: -480px -245px;
}
.footer .blocNewletter a:active{
    background-position: -480px -320px;
}
.footer .blocNewletter a span{
    display: none;
}


.footer .blocLiens{
    background: url(../images/sprite-bloc.png) no-repeat -226px -767px;
    width: 244px;
    height: 120px;
    position: relative;
}

.footer .blocLiens a span{
    display: none;
}

.footer .blocLiens a.rhoneAlpes{
    position: absolute;
    bottom: 5px;
    left: 15px;
    width: 115px;
    height: 40px;
}
.footer .blocLiens a#cap3b{
    position: absolute;
    top: 12px;
    right: 15px;
    width: 120px;
    height: 70px;
}











.ariane, .ariane a{
    font-size: 10px;
    color: #ababab !important;
    margin-bottom: 20px;
}


/* Calendrier (herite de contenu-defaut.css) */


div.article #agendaContent{
	display : block;
	color: #000;
}

div.article #agendaContent .prochainement
{
	display : block;
	color: #000;
}
div.article #agendaContent a{
	color: #000 !important;
    text-decoration: none;
}


#agendaContent, body.INTERIEUR .blocAgenda{
    /*min-height: 200px;*/
}

body.INDEX #agendaContent,
body.INTERIEUR div.blocAgenda #agendaContent
{
    color: #fff;
	position: relative;
}
#agendaContent .patienter{
    margin-top: 30px;
}

#agendaContent a{
    color: #fff !important;
    text-decoration: none;
}
#agendaContent a:hover{
    color: #FA9211 !important;
}

.calend{
    padding-top: 30px;
    margin: 20px 20px 0px 20px;
}

.calend table{
    margin: auto;
}


body.INDEX .calend table td,
body.INTERIEUR  div.blocAgenda .calend table td{
    color: #fff;
}
body.INDEX .prochainement,
body.INTERIEUR  div.blocAgenda .prochainement{
    margin: 0px 20px 10px 20px;
    /*
    height: 170px;
    overflow-y: scroll;*/
    
    border-top: 1px solid #4e7454;
    border-bottom: 1px solid #4e7454;
}
body.INDEX .prochainement .blocEvenement{
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}
body.INDEX .prochainement .blocEvenement .date,
body.INTERIEUR  div.blocAgenda .prochainement .blocEvenement .date{
    color: #fa9211;
    font-size: 12px;
    line-height: 24px;
}

body.INTERIEUR  div.blocAgenda .prochainement{
    /*height: 60px;*/
}
.prochainement .blocEvenement ul{
    list-style: none;
    margin: 0 0 0 10px;
}
.prochainement .blocEvenement ul li{
    color: #fff;
}

.calend table thead, .calend table th {
    color: #9ea0a1;
}


.calend form {
    width: 160px;
}

.calend .entete {
    margin: 10px auto 10px auto;
    font: bold 12px Arial, Helvetica, Geneva, sans-serif;
    width: 170px;
}

* html .calend .entete {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}
.calend .entete a{
    cursor: pointer;
}

.calend .entete .mois {
    display: block;
    width: 130px;
    float: left;
    text-align: center;
}

.calend table tr {
    border-bottom: none !important;
}

.calend table tr td {
    padding: 4px 4px 4px 5px;
    font-size: 10px;
    border-bottom: none !important;
    text-align: center;
}

.calend table tr:hover td {
    /*background: #fff;*/
}

.calend table tr:hover td {
    /*background: #F6F5EE;*/
}
.calend table tr td.gris{
    background: #fa9211;
}

.calend table td.select{

    background: #00B51A;
}
.calend table tr td .lien{
    cursor: pointer;
}


.calend table tr td.dDay{
    /*background: #DFE2E4;*/
    font-weight: bold;
}

.calend a.monthprecedent {
    display: block;
    /*background: url(../images/picto-fleche-gauche.png) no-repeat 0 6px;*/
    height: 15px;
    width: 13px;
    float: left;
}

.calend a.monthsuivant {
    display: block;
    /*background: url(../images/picto-fleche-droite.png) no-repeat 0 6px;*/
    height: 15px;
    width: 13px;
    float: left;
}

.calend a.monthprecedent span, .calend a.monthsuivant span {
    /*display: none;*/
}

/* @end */







/* bloc HOME */

.contenu .centre{
    position: relative;
}

.contenu .centre .flash{
    text-align: right;
}
.contenu .centre .diaporama{
    text-align: right;
}

.contenu .centre .bloc{
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff;
    
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	
	width: 690px;
}


.contenu .centre .bloc h3{
    position: absolute;
    top: -20px;
    left: 40px;
	display: block;
	
	width: 150px;
	height: 35px;
	
	background: url(../images/sprite-titrage.png) no-repeat;
}

*+ html .contenu .centre .bloc h3{
    position : relative;
}

.contenu .centre .bloc h3 span{
    display: none;
}

.voirTous{
    padding: 0px 0px 0px 10px;
}
body.INDEX .blocActualites .voirTous{
    padding: 30px 0px 0px 30px;
}
.voirTous a{
    display: block;
    width: 75px;
    height: 17px;
    background: url(../images/sprite-btn.png) no-repeat 0px -88px;
}
.voirTous a:hover{
    background-position: 0px -105px;
}
.voirTous a:active{
    background-position: 0px -122px;
}
.voirTous a span{
    display: none;
}

body.INDEX .blocActualites h3{
    background-position: 0px 0px;
    width: 130px !important;
}

body.INDEX .blocActualites .zanimo{
    background: url(../images/sprite-zanimo.png) no-repeat;
    width: 95px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 350px;
}

body.INDEX .blocApropos h3{
    background-position: -420px 0px !important;
    width: 120px !important;
}
body.INDEX .blocApropos p{
    color: #030933;
    font-size: 11px;
    line-height: 15px;
    margin: 30px;
}
body.INDEX .blocApropos .image{
    background: #fcd081;
    text-align: center;
    
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
body.INDEX .blocApropos .image img{
    margin: 10px;
}







body.INDEX .blocCarte{

    background: #4bc55f !important;
    padding-top: 20px;
    padding-left: 20px;
    width: 670px !important;
}
html body.INDEX .blocCarte h3{

    width: 260px !important;
    height: 40px !important;
    background-position: -150px 0px !important;
}

*+ html body.INDEX .blocCarte h3{

    top: -40px !important;
    left: 20px !important;
}



/* end blocActualites */ 









/* page interieure */

    
.article{
    
    padding-right: 10px !important;
    min-height: 770px;
    background: url(../images/bck-article.png) repeat-y 50px 0px ;
}
.article .articleConteneur, .article .articleConteneurBas{
    margin-left: 50px;
    padding: 0 20px 10px 20px;
}

.articleCoinsHaut{

    -moz-border-radius: 10px 10px 0 0 ;
	-khtml-border-radius: 10px 10px 0 0 ;
	-webkit-border-radius: 10px 10px 0 0 ;
	
    border-left: 1px #f9bc76 solid;
    border-top: 1px #f9bc76 solid;
    border-right: 1px #f9bc76 solid;

    height: 20px;
    background: #fff;
    margin-left:50px;
    padding-right: 10px;
    margin: 0px 12px 0px 50px;
}

.articleCoinsBas{

    -moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	
    border-left: 1px #f9bc76 solid;
    border-bottom: 1px #f9bc76 solid;
    border-right: 1px #f9bc76 solid;

    height: 20px;
    background: #fff;
    padding-right: 10px;
    margin: 0px 12px 20px 50px;
}

.centre #article .sousMenu{
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 20px;
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    background: #fb8f0a;
}

.centre #article .sousMenu ul{
    list-style: none;
    margin: 0;
    padding: 0px 5px 5px 5px;
}
.centre #article .sousMenu ul li{
    border-bottom: 1px #fafafc solid;
    margin: 5px 0 0 0;
}
.centre #article .sousMenu a{
    
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 3px 0px 3px 10px;
}

.centre #article .sousMenu a.select, .centre #article .sousMenu a:hover{
    background: #0283a0;
    
    -moz-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}


.centre #article .sousMenu ul li ul{
    background: #0283a0;
}
.centre #article .sousMenu ul li ul li{
    border: 0;
    margin: 0;
}
.centre #article .sousMenu ul li ul li a{
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
}

.centre #article .sousMenu ul li ul li a{
    background: url(../images/picto-fleche-droite.png) no-repeat 10px 7px;
    padding-left: 30px;
}
.centre #article .sousMenu ul li ul li a.select, .centre #article .sousMenu ul li ul li a:hover{
    background: url(../images/picto-fleche-droite.png) no-repeat 10px 7px;
    color: #FB8F0A;
}
/* */
















/* @group Actualités / reportage / evènement */

.actus {
	padding: 10px;
	margin: 0;
}

.actus div.NavPrev a {
    background: url(../images/sprite-btn.png) no-repeat 0px 0px;
	
	width: 29px;
	height: 29px;
	
	position: absolute;
    top: 130px;
    left: 5px;
    z-index: 1000;
    margin: 0;
	/*
	margin: 90px 0 0 0;
	float: left;
	display: block;
	*/
}
.actus div.NavPrev a:hover {
    background-position: 0px -29px;
}
.actus div.NavPrev a:active {
    background-position: 0px -58px;
}
.actus div.NavNext a {
    background: url(../images/sprite-btn.png) no-repeat -29px 0px;
	width: 29px;
	height: 29px;
	position: absolute;
	top:  130px;
    right: 5px;
    z-index: 1000;
    margin: 0;
	
	/* ne fonctonne pas sous IE 8
	margin: 90px 0 0 0;
	float: left;
	text-align: right;
	display: block;
	*/
}
.actus div.NavNext a:hover {
    background-position: -29px -29px;
}
.actus div.NavNext a:active {
    background-position: -29px -58px;
}

.actus div.NavPrev a span, .actus div.NavNext a span{
    display: none;
}


body.INTERIEUR .actus div.NavPrev a{
    background: url(../images/sprite-btn.png) no-repeat -80px 0px;
	width: 22px;
	height: 22px;
}
body.INTERIEUR .actus div.NavPrev a:hover {
    background-position: -80px -22px;
}
body.INTERIEUR .actus div.NavPrev a:active {
    background-position: -80px -44px;
}
body.INTERIEUR .actus div.NavNext a{
    background: url(../images/sprite-btn.png) no-repeat -102px 0px;
	width: 22px;
	height: 22px;
}
body.INTERIEUR .actus div.NavNext a:hover {
    background-position: -102px -22px;
}
body.INTERIEUR .actus div.NavNext a:active {
    background-position: -102px -44px;
}

.actus #slideshow {
	/*float: left;*/
	width: 600px;
	background: #fff;
	/*height: 205px !important;*/
	margin: 0 !important;
	padding: 0 !important;
	height: 200px;
	/*display: none;*/
}
.colonneDroiteContent .actus #slideshow {
    height: 125px;
}
.colonneDroiteContent .actus{
    position: relative;
}
.colonneDroiteContent .actus .NavPrev a{
    position: absolute;
    top: 50px;
    left: 5px;
    z-index: 1000;
    margin: 0;
}
.colonneDroiteContent .actus .NavNext a{
    position: absolute;
    top: 50px;
    right: 5px;
    z-index: 1000;
    margin: 0;
	
}

.colonneDroiteContent .actus #slideshow {
    width: 198px;
	/*height: 160px;*/
	background: none;
}

.actus .date{
    color: #007891;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
}
.colonneDroiteContent .actus .date{
    text-align: center;
}
.actus .titre a{
    color: #030933 !important;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none !important;
}

.colonneDroite .actus .titre a{
    color: #fff !important;
	background : none ;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    text-decoration: none;
}

.colonneDroiteContent .actus .titre{
    text-align: center;
}
.actus .detail p{
    color: #007891;
    font-size: 14px;
    line-height: 24px;
}
.actus .detail p a{
    color: #fba907 !important;
    text-decoration: none;
}

.actus .image{
    min-height: 90px;
    text-align: center;
}

.actus h2 {
	margin: 0 0 10px 0;
	font-size: 22px;
}

.actus h2 a{
	text-decoration: none;
}

.actus h2 a:hover{
	text-decoration: underline;
}

.actus .more {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	_margin: -10px 0px 0px 0px;
}

/* @end */

div.nouveau
{
	margin-bottom : 50px;
	clear: both;
	display: block;
}
div.nouveau a
{
	float: right;
	font-size: 20px;
	background : #016fa2;
	padding: 10px;
	color: #fff !important;
	text-decoration: none;
}





/* @group Module : Diaporama */

body .container .contenu .article .diaporama {
    background: #fff !important;
    border: 1px solid #e5e0d0;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 160px;
    text-align: center;
}

body .container .contenu .article .diaporama img {
    margin: 0 0 10px 0;
    display: block;
}

body .container .contenu .article .diaporama:hover {
    background: #fefaed !important;
    color: #dd177e;
}


.blocDiaporama{
    text-align: center;
}
.blocDiaporama a, .blocDiaporama img{
    margin: 0 auto !important;
}
/* @end */

/* @group Formulaires */

body .container .contenu .article form fieldset {
	/*background: #f3f4cc;
	padding: 10px;*/
	margin-bottom: 10px;
}

body .container .contenu .article form fieldset div label {
	display: block;
	width: 200px;
	float: left;
}

body .container .contenu .article form fieldset div input, body .container .contenu .article form fieldset div textarea {
	border:1px solid #9e938c;
  	color:#777;
  	font-size:12px;
  	font-family: Arial, sans-serif;
  	padding: 3px;
}



/* @end */

/* @group Affineurs */

body .container .contenu .article form.affineur {
	border: 1px solid #e5e0d0;
	background: #e5e0d0;
	padding: 10px;
	margin: 0 0 20px 0;
	
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}

body .container .contenu .article form.affineur fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

body .container .contenu .article form.affineur fieldset legend {
	display: none;
}

body .container .contenu .article form.affineur fieldset div label {
	font-size: 11px;
	color: #737373;
	margin-right: 10px;
	float: none !important;
	width: auto !important;
	display: inline !important;
	display: none !important;
}

body .container .contenu .article form.affineur fieldset div {
	margin-bottom: 10px;
}

body .container .contenu .article form.affineur fieldset div input, body .container .contenu .article form.affineur fieldset div select {
  	border:1px solid #9e938c;
  	color:#777;
  	font-size:12px;
  	font-family: Arial, sans-serif;
  	padding: 3px;
}

body .container .contenu .article form.affineur fieldset div input.valider,
body .container .contenu .article form fieldset input.submit , 
body .container .contenu .article form fieldset input.valider{
	/*background: url(../images/btn-valider.png) no-repeat; 
	border: none;
	color: #000;
	*/
	border: none;
	background: #FB920C;
	color: #fff;
	
	padding: 4px 10px;
	cursor: pointer;
	float: right;
	margin-right: 5px;
	
	width: 100px;
	height: 28px;
}

body .container .contenu .article form.listeSitra fieldset div input.valider {

    background: url(../images/btn-valider.png) no-repeat; 
}
body .container .contenu .article form.affineur fieldset div input.valider:hover,
body .container .contenu .article form fieldset input.submit:hover , 
body .container .contenu .article form fieldset input.valider:hover{

    background-position: 0 -28px;
}
body .container .contenu .article form.affineur fieldset div input.valider:active,
body .container .contenu .article form fieldset input.submit:active , 
body .container .contenu .article form fieldset input.valider:active{

    background-position: 0 -56px;
}

/* @end */



/* @group Pagination */

.pagination {
	text-align: center;
}

body .contenu .pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: inline;
	background: none !important;
}

.pagination li a {
	margin: 0 1px 0 0;
	padding: 3px;
	text-decoration: none;
	color: #555;
}

.pagination li a:hover {
	background: #f1f1f1;
}

.pagination li.select a {
	font-weight: bold;
	background: #f1f1f1;
	cursor: default;
	border: 1px solid #ccc;
}

.pagination ul{
    margin: 0;
}

/* @end */


/* téléchargement */
div#telecharger div.telec {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FCFFCB none repeat scroll 0 0;
    border:1px solid #D0D2B2;
    color:#5D5E50;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:5px;
}

div#telecharger p img {
    float: left;
    margin: 5px;
}

.plan ul{
    margin-bottom: 0;
}









/* formulaire */
body .container .contenu .article form {
	position: relative;
}

body .container .contenu .article form fieldset {
	margin-bottom: 0px;
	padding: 5px 5px 5px 5px;
	background: #E5E0D0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

body .container .contenu .article form fieldset legend {
	margin: 0;
	padding : 0 10px;
	color: #333;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

body .container .contenu .article form fieldset div {
	margin: 10px 0;
	padding: 5px 0;
}

body .container .contenu .article form fieldset div label {
	margin: 0;
	padding : 6px 15px 0 0px;
	width : 110px;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #555;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}
body .container .contenu .article form fieldset div span.oblig {
	color: #f00;
}
body .container .contenu .article form fieldset div span.error {
	color: #f00;
}

body .container .contenu .article input, 
body .container .contenu .article select, 
body .container .contenu .article textarea {
	background: #FFF;
	border:1px solid #e3e3e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	padding: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*input:hover, select:hover, textarea:hover {
	border: 1px solid #e3e3e3;
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #e3e3e3;
}*/

body .container .contenu .article .bigTexte {
	font-size: 18px;
	font-weight: bold;
}

/* Elles s'agrandissent en fonction du contenu saisi avec le UvumiTextarea */
body .container .contenu .article textarea {
	width: 260px;
	/*height: 40px;*/
	padding-bottom: 5px;
}

body .container .contenu .article input:focus, 
body .container .contenu .article textarea:focus {
	background: #ffff9c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


body .container .contenu .article form fieldset div label .help {
	display: block;
	margin: 3px 0 0 0;
	/*margin-left: 160px;*/
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
body .container .contenu .article form fieldset div .help {
	display: block;
	margin: 3px 0 0 0;
	margin-left: 160px;
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

body .container .contenu .article form fieldset div.enLigne {
	float: left;
	margin: 0 10px 0 160px;
	padding: 0;
}

body .container .contenu .article form fieldset div.enLigneNone {
	float: left;
	margin: 5px 10px 0 0px;
	padding: 0;
}

body .container .contenu .article form fieldset div.enLigneNone {
	float: left;
	margin: 5px 10px 0 0px;
	padding: 0;
}

body .container .contenu .article form fieldset div.enLigne img {
	float: left;
	margin: 0 0 0 5px;
}

body .container .contenu .article form fieldset div.suivant {
	margin-left: 0px;
}

body .container .contenu .article form fieldset div.enLigne2 label {
	display: block !important;
	float: none;
	text-align: left;
	width: auto;
}

body .container .contenu .article form fieldset div.enLigne label {
	display: block !important;
	float: none;
	text-align: left;
	width: auto;
}

body .container .contenu .article form fieldset div.enLigne input {
	display: inline !important;
	float: left;
}

body .container .contenu .article form fieldset.soumission {
	text-align: center;
	background: #e5f6fd;
}

/* Separateur special */

body .container .contenu .article div.sep {
	clear: both;
	border-bottom: 1px solid #e3e3e3;
	margin: 10px;
	padding: 0;
}

body .container .contenu .article .choixcheckbox {
	display: block;
	/*margin-left: 160px ;*/
}


body .container .contenu .article input.bouton-principal {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
	font-weight: bold;
	color: #FFF !important;
	background: #5c5c5c url(../../commun_extranet/images/bkg-button-grad.png) repeat-x scroll left top;
	-moz-border-radius: 13px;
	-khtml-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	padding: 6px 10px;
	border:none;
}

body .container .contenu .article input.bouton-secondaire {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 4px 10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 13px;
	-khtml-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

*+ html input.bouton-secondaire {
	padding: 2px 5px;
	line-height: 12px;
}

body .container .contenu .article .bouton-principal:hover {
	background: #333;
}

body .container .contenu .article .bouton-principal:active {
	background: #333 url(../../commun_extranet/images/bkg-button-grad-active.png) repeat-x scroll left top !important;
}

body .container .contenu .article .bouton-secondaire,
body .container .contenu .article input[type=button],
body .container .contenu .article input[type=submit] {
	border-color: #bbb;
	color: #464646;
}

body .container .contenu .article .bouton-secondaire:hover,
body .container .contenu .article input[type=button]:hover,
body .container .contenu .article input[type=submit]:hover {
	color: #000;
	border-color: #666;
}

body .container .contenu .article .bouton-secondaire {
	background: #f2f2f2 url(../../commun_extranet/images/bkg-white-grad.png) repeat-x scroll left top;
}

body .container .contenu .article .bouton-secondaire:active {
	background: #eee url(../../commun_extranet/images/bkg-white-grad-active.png) repeat-x scroll left top;
}

body .container .contenu .article .bouton-secondaire[disabled],
body .container .contenu .article .bouton-secondaire:disabled {
	color: #ccc !important;
	border-color: #ccc;
}

body .container .contenu .article .bouton-principal[disabled],
body .container .contenu .article .bouton-principal:disabled {
	color: #2fa0d5 !important;
}
/* fin formulaire */




.message, .formINDIC{

    background:#FCFFCB none repeat scroll 0 0;
    border:1px solid #D0D2B2;
    color:#5D5E50;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:5px;
}

.rechercheDiv{
    margin-bottom: 20px;
}