/* @override Credits */
/*
Date : 26.03.2010
Auteur : Rémi Buisson
Projet : Alpeco
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]

vert : 40dd16

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

@import url("wysiwyg.css");

body{
    
    margin: 0;
    padding: 0;
    background: #C5C5B5 url(../images/bck-body.jpg) no-repeat center top;
    color:#000;
    border-top: 13px solid #fed93e;
}


a{
    color: #679BBE;
}


/* header */
.header{
    margin:0 auto;
    width: 1020px;
    
    position: relative;
    height: 220px;
    margin-bottom: 20px;
    padding-top: 30px;
    
}
body.INDEX .header{
    height: 250px;
}
.header .blocEspaceEntreprise{

    position: absolute;
    right: 220px;
    top: 0px;
}
.header .blocDeconnexion a{
    
    background: url(../images/bck_login.png);
    color: #030303;
    width: 240px;
    height: 24px;
    padding-top: 14px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    font-family: Corbel, Arial, "sans serif";
}
.divIdentification a{
    display: none;
}
.header .divIdentification a{
    display: block;
}
.divIdentification, .header .blocLogin{
    
    font-size: 11px;
    color: #fff;
    position: relative;
}
.header .blocLogin .formLogin{
    position: absolute;
    right: 13px;
    top: 37px;
    z-index: 1000000;
}
.divIdentification a, .header .blocLogin a{

}
.header .blocLogin a.login{
    background: url(../images/bck_login.png);
    width: 240px;
    height: 24px;
    display: block;
    float: right;
    text-align: center;
    padding-top: 14px;
    color: #030303;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    font-family: Corbel, Arial, "sans serif";
}
.header .blocLogin a.login span{
    background: url(../images/fleche-down-login.png) no-repeat right center;
    padding: 10px 0px;
    padding-right: 30px;
}

.divIdentification .identification, .divIdentification .blocLogin .oubli, .header .blocLogin .identification, .header .blocLogin .oubli{
    background: #839BA1;
    width: 165px;
    padding: 5px 20px 0px 10px;
    /*border: 1px #6ea9cc solid;*/
}

.divIdentification .identification{
    margin: 0 auto;
}

.divIdentification form fieldset div, .header form fieldset div{
    margin-bottom: 4px;
    width: 175px;
}
.divIdentification form input, .header form input{
    border: 1px #8ea0a4 solid;
    height: 20px;
    font-size: 11px;
    width: 170px;
}
.divIdentification form input.submit, .header form input.submit{
    background: #83999c !important;
    border-bottom: 1px #768588 solid;
    font-family: arial;
    font-weight: bold;
    height: 20px;
    width: auto;
    color: #fff;
    float: none;
}



.header .logo{
    background: url(../images/logo-header.png) 35px 0px no-repeat;
    width: 340px;
    height: 111px;
    display: block;
}
.header .logo span{
    display: none;
}
.header .outdoor{
    background: url(../images/outdoor.png) no-repeat;
    width: 253px;
    height: 56px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}
.header .outdoor span{
    display: none;
}


.header .recherche{

    width: 201px;
    position: absolute;
    top: 192px;
    right: 40px;
    font-size: 13px;
}
.header .recherche form{

    position: relative;
}
.header .recherche form input{

    color: #b1b1b1;
    border: 1px #8eb3cd solid;
    height: 18px;
    width: 160px;
    position: absolute;
    padding: 5px;
    z-index: 1;
}
.header .recherche form input.submit{

    background: #83999c url(../images/loupe-rech.png) no-repeat center center !important;
    width: 30px;
    height: 30px;
    right: 0;
}


.header .menu{
    background: #374e69;
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	margin-top: 30px;
	padding: 15px 35px;
}

.header .menu ul{

    margin: 0;
}
.header .menu ul li{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header .menu ul li a{

    display: block;
    height: 40px;
    width: 200px;
}
.header .menu ul li a span{
    display: none;
}

.header .menu ul li.DECOUVRIR a{
    background: url(../images/menu-decouvrir.png) no-repeat;
}
.header .menu ul li.IMPLANTER a{
    background: url(../images/menu-implanter.png) no-repeat;
}
.header .menu ul li.VIVRE a{
    background: url(../images/menu-vivre.png) no-repeat;
    width: 150px;
}
.header .menu ul li.CONTACT a{
    background: url(../images/menu-contact.png) no-repeat;
}
.header .menu ul li.select a, .header .menu ul li a:hover{
    background-position: 0px -40px;
}
/* end header */



/* footer */
.footer{
    margin:0 auto;
    width: 960px;
    background: #1e2e42;
    color: #fff;
    
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 10px 10px 50px;
	margin-bottom: 30px;
	
	position: relative;
    font-size: 14px;
    line-height: 18px;
    font-family: arial;
}
.footer .colonne_gauche{
    border-right: 1px #435060 solid;
}
.footer .logo{
    background: url(../images/logo-footer.png) no-repeat;
    width: 145px;
    height: 55px;
    display: block;
    margin-bottom: 30px;
}
.footer .logo span{
    display: none;
}
.footer .NOEhandmade{
    position: absolute;
    bottom: -10px;
    right: 10px;
}

.footer .adresse{
    /*font-weight: bold;*/
}
.footer .liens{
    border-top: 1px #424f60 solid;
    padding-top: 20px;
    position: relative;
}
.footer .liens ul{
    list-style: none;
}
.footer .liens ul li{
    margin: 0;
}

.footer .liens ul li a{
    color: #e4ecee;
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
}
.footer .liens ul li a:hover{
    text-decoration: underline;
}

.footer .newsletter{
    bottom: 70px;
    right: 35px;
}
.footer .newsletter form{
    position: relative;
    margin-top: 50px;
}
.footer .newsletter form input{
    width: 155px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 25px;
    border: 0px;
}
.footer .newsletter form input.submit{
    width: 30px;
    height: 28px;
    background: #83999c;
    right: 0;
    color: #fff;
    /*font-weight: bold;*/
    font-size: 14px;
    font-family: arial;
    text-align: center;
}
.footer .footerhighlight ul{
	overflow: auto;
	margin:0;
	padding: 0;
	margin-left: 20px;
	display: block;
}
.footer .footerhighlight ul li{
	float: left;
	width: 140px;
	margin-right: 20px;
	padding-left: 50px;
	list-style: none;	
	height: 40px;
}
.footer .footerhighlight ul li.hmarche{
	background: transparent url('../images/hmarche.png') center left no-repeat;
	list-style: none;	
}
.footer .footerhighlight ul li.hentreprise{
	background: transparent url('../images/hentreprise.png') center left no-repeat;	
}
.footer .footerhighlight ul li.hemploi{
	background: transparent url('../images/hemploi.png') center left no-repeat;
	list-style: none;	
}
.footer .footerhighlight ul li a{
	display: block;
	margin-top: 5px;
	color: #fff;	
	text-decoration: none;
	line-height: 15px;
}
.footer .footerhighlight ul li.hmarche span{
	clear: both;
	color: #1e2e42;
	background: #e2007b;
	font-size: 0.8em;
	margin: 0;
	padding: 1px 4px;
}
.footer .footerhighlight ul li.hentreprise span{
	clear: both;
	color: #ee7f01;
	font-size: 0.8em;	
	font-style: italic;
	margin: 0;
}
.footer .footerhighlight ul li.hemploi span{
	clear: both;
	color: #1e2e42;
	background: #27A22D;
	font-size: 0.8em;
	margin: 0;
	padding: 1px 4px;
}
.footer .liensBas{
    margin-top: 20px;
}
.footer .liensBas ul{
    list-style: none;
}
.footer .liensBas ul li{
    margin: 0;
}
.footer .liensBas ul li a{
    color: #e4ecee;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}
.footer .liensBas ul li a:hover{
    text-decoration: underline;
}

.footer .slogan{
    background: url(../images/footer-slogan.png);
    width: 220px;
    height: 30px;
    position: absolute;
    top: 110px;
    right: 0px;
}
.footer .slogan span{
    display: none;
}

.footer #iframe_covoiturage {
    position: absolute;
    top: 20px;
    right: 0;
}

.INDEX .footer {
    height: 350px;
}
/* end footer */





.container{
    position: relative;
}
body.INDEX .container .roseaux{
    background: url(../images/roseaux.png) no-repeat;
    position: absolute;
    width: 65px;
    height: 1150px;
    bottom: 0;
    left: -20px;
}




.container .sidebar{
    /*background: url(../images/bck-sidebar.png) repeat;*/
    background: #fff;
    margin-right: 40px;
    margin-bottom: 10px;
    min-height: 0px;
}

.container .sidebar ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.container .sidebar ul li{
    border-bottom: 1px #d4dcdd solid;
    margin: 0;
}
.container .sidebar ul li a{
    padding: 10px 0 10px 20px;
    font-size: 16px;
    line-height: 20px;
    color: #757575;
    display: block;
    text-decoration: none;
}
.container .sidebar ul li a:hover, .container .sidebar ul li a.select{
    background: #A6BBBF;
    color: #fff;
}

.container .sidebar ul li ul{
    padding-left: 10px;
}
.container .sidebar ul li ul{
    padding-left: 10px;
}
.container .sidebar ul li ul li{
    border: 0;
}
.container .sidebar ul li ul li a{
    padding-top: 5px;
    padding-bottom: 5px;
}
.container .sidebar ul li ul li  a:hover, .container .sidebar ul li ul li a.select{
    color: #82979c;
    background: none;
    font-weight: normal;
}


/* les couleur selons les pages master */

body.DECOUVRIR .container .sidebar ul li a:hover, body.DECOUVRIR .container .sidebar ul li a.select{
    background: #e2017b;
}
body.DECOUVRIR .container .sidebar ul li ul li  a:hover, body.DECOUVRIR .container .sidebar ul li ul li a.select{
    color: #e2017b;
    background: none;
}

body.IMPLANTER .container .sidebar ul li a:hover, body.IMPLANTER .container .sidebar ul li a.select{
    background: #ef7f01;
}
body.IMPLANTER .container .sidebar ul li ul li  a:hover, body.IMPLANTER .container .sidebar ul li ul li a.select{
    color: #ef7f01;
    background: none;
}

body.VIVRE .container .sidebar ul li a:hover, body.VIVRE .container .sidebar ul li a.select{
    background: #27a22d;
}
body.VIVRE .container .sidebar ul li ul li  a:hover, body.VIVRE .container .sidebar ul li ul li a.select{
    color: #27a22d;
    background: none;
}

body.CONTACT .container .sidebar ul li a:hover, body.CONTACT .container .sidebar ul li a.select{
    background: #007bbb;
}
body.CONTACT .container .sidebar ul li ul li  a:hover, body.CONTACT .container .sidebar ul li ul li a.select{
    color: #007bbb;
    background: none;
}
/* end les couleur selons les pages master */



.container .centre{
    background: #fff;
    margin-bottom: 10px;
}

body.INDEX .container .centre{
    background: url(../images/bck-centre.png) repeat;
}   

.container .site .centre .article{
    padding: 10px 20px;
    min-height: 300px;
}














/* home */
.site .blocContenu{
    padding: 25px 20px 20px 60px;
    margin-bottom: 40px;
    background: url(../images/bck-blocContenu.png) repeat; 
}

.site .blocContenu .article{
    background: url(../images/bck-intro.png) no-repeat left top;
    padding-left: 20px;
    
}

.site .blocContenu .colonne_gauche, .site .blocContenu .colonne_droite{
    margin-top: 20px;
    min-height: 600px;
} 

.site .blocContenu .colonne_gauche{
    margin-right: 50px;
    padding-left: 20px;
}

/* blocPortrait */
.blocPortrait{
    padding: 20px 20px 0px 20px;
    margin-bottom: 50px;
}

body.INDEX .blocPortrait{
    padding: 20px 20px 0px 20px;
    background: #fecc00 url(../images/fleche-droite-blanc.png) no-repeat 110px 20px;
    margin-bottom: 50px; 
    height: 262px; 
}
.blocPortrait .entete{
    
    padding-left: 160px;
    margin-bottom: 15px;
    color: #27A22D;
}
body.INDEX .blocPortrait .entete{

    color: #fff;
}
.blocPortrait .entete .libelle{
    font-size: 24px;
    font-family: arial;
    font-weight: bold;
}
.blocPortrait .entete .interviewe{
    font-size: 18px;
    font-family: arial;
    font-weight: bold;
}
.blocPortrait .entete .structure{
    /*font-size: 18px;*/
    font-size: 16px;
    font-family: arial;
}

.blocPortrait .description{
    padding-bottom: 20px;
    font-size: 14px;
}
.blocPortrait .description a{

    font-size: 12px;
    color: #000;
}
.blocPortrait .description a:hover{
    text-decoration: none;
}
.blocPortrait .image{
    /*min-height: 200px;*/
}
/* end blocPortrait */



/* blocVideotheque */
#videos {
    background: #e20031 url(../images/bck-videotheque.png) no-repeat;
    padding-bottom: 20px;
    padding-left: 60px;
    width: 400px;
}

#videos .currentVideo {
    height: 270px;
    background: #111;
}

#videos .containerVignettes {
    padding: 10px;
    background: #111;
    position: relative;
}

#vignettesVideo div {
    float: left;
    width: 53px;
    margin: 0 5px;
    position: relative;
}
#vignettesVideo div img {
    width: 53px;
}

#vignettesVideo div span {
    position: absolute;
    color: #FFF;
    background: #333;
    z-index: 9999999;
    width: 150px;
    top: 50px;
    padding: 5px;
    text-decoration: none;
    display: none;
    font-size: 10px;
}
#vignettesVideo div a {
    text-decoration: none;
}
#vignettesVideo div a:hover span {
    display: block;
}

/* end blocVideotheque */
/* end home */









/* home slides */

.colonne_droite .homeSlides{
    position: relative;
    background: url(../images/bck-blocHomeSlides.png) repeat;
    margin-bottom: 35px;
}

.colonne_droite .homeSlides h3{
    position: absolute;
    top: -24px;
    font-size: 24px;
    color: #83999d;
    font-weight: bold;
    padding-left: 100px;
    background: url(../images/homeSlides-fleche.png) no-repeat 30px 0;
    height: 50px;
    z-index: 500;
}

.colonne_droite .homeSlidesContent{
    
    padding: 35px 10px 10px 10px;
    background: #fff;
}

.homeSlidesFooter{
    text-align: right;
    padding: 5px 10px 5px 15px; 
}

.homeSlidesFooter .handle{
    float: left;
}
.homeSlidesFooter .handle a{
    display: block;
    width: 10px;
    height: 7px;
    background: url(../images/slidePuce.png) no-repeat;
    float: left;
    margin-right: 2px;
}
.homeSlidesFooter .handle a:hover, .homeSlidesFooter .handle .activeSlide{
    background-position: 0px -7px;
}
.homeSlidesFooter .handle a span{
    display: none;
}

.homeSlidesFooter .voirtout{
    color: #83999d;
    font-size: 11px;
    font-weight: bold;
}
/* end home slides */


/* actu */
.blocActu .date{
    margin-bottom: 15px;
    color: #27a22d;
    font-weight: bold;
    font-size: 14px;
    line-height: 12px;
    text-align: right;
}
.blocActu .libelle{
    margin-bottom: 15px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
}
.blocActu .image{
    text-align: center;
}
.blocActualite .blocActu .desc{
    color: #000;
    font-size: 14px;
    line-height: 16px;
}

.blocActu{
    margin-bottom: 30px;
}
/* end actu*/


/* Emploi */
.blocEmploi .blocEmploi{
    margin-bottom: 5px;
}
.blocEmploi .blocEmploi .date{
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 12px;
}
.blocEmploi .blocEmploi .libelle{
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 12px;
}
.blocEmploi .blocEmploi .libelle a{

    color: #27A22C;
}
.blocEmploi .blocEmploi .libelle a:hover{

    text-decoration: underline;
}
.blocEmploi .blocEmploi .desc{
    color: #000;
    font-size: 14px;
    line-height: 16px;
    margin-top: 2px;
}
.blocEmploi a {
    color: #000000;
    text-decoration: none;
}
.blocEmploi .homeSlidesFooter a {

    margin-bottom: 5px;
    float: right;
    display: block;
    text-decoration: underline;
}
/* end Emploi*/


/* Immobilier */
.homeSlides.blocImmobilier h3{
    background-image: url(../images/homeSlides-flecheImmo.png);
}

.blocImmobilier .blocImmobilier .libelle{
    color: #ee7f01;
    font-weight: bold;
    font-size: 14px;
    line-height: 12px;
}
.blocImmobilier .blocImmobilier .desc{
    color: #000;
    font-size: 14px;
    line-height: 12px;
    margin-top: 15px;
}
/* end Immobilier*/
















/* formulaire */

form label {
	width: 200px;
	display: block;
	float: left;
}

form div {
	width: 100%;
	margin-bottom: 2px;
	float: left;
	padding: 3px 0;
}
form input {
	background: #ffffff;
	border: 1px solid #748468;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 2px;
	color: #000000;
}
form textarea {
	background: #ffffff;
	border: 1px solid #748468;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 2px;
	color: #000000;
}

form input.case {
	border: 0px;
	background: transparent;
	margin-right: 5px;
}
form input.valider, form input.submit {
	background:  #A6BBBF;
	color: #fff;
	height: 20px;
	border: 1px solid #748468;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	float: right;
}

body.DECOUVRIR form input.valider, body.DECOUVRIR form input.submit{
    background: #e2017b;
    height: auto;
}
body.IMPLANTER form input.valider, body.IMPLANTER form input.submit{
    background: #ef7f01;
    height: auto;
}
body.VIVRE form input.valider, body.VIVRE form input.submit{
    background: #27a22d;
    height: auto;
}
body.CONTACT form input.valider, body.CONTACT form input.submit{
    background: #007BBB;
    height: auto;
}

.oblig {
	color: #E20031;
}
.oblig img{
	margin: 0 !important;
}
/* end formulaire */







/*------------------------------------pagination------------------------------*/

/* @group Pagination */

.pagination {
	text-align: center;
}

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

/* @end */

/*----------------------------------------------------------------------------*/
div.evenement div.pagination{
  clear:both;
  padding-top:10px;
}
div.evenement div.pagination a.moispreced {
	float: left;
}
div.evenement div.pagination a.moissuiv {
	float: right;
}








/*---------------------------   offre d'emploi   ----------------------------------------*/
div#emploi div#emploi-general{
	margin-top: 10px;
	/*float: left;*/
	width: 320px;
}

div#emploi div#adresseentreprise, div#emploi div#postuler {
	margin-top: 10px;
	float: right;
	width: 250px;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 0 8px 8px 8px;
}

div#emploi div#postuler {
	clear:right;
	padding:8px;
	text-align:center;
	width:150px;
}
div#emploi div#postuler a {
	text-decoration:none;
	font-size:14px;
}

div#emploi div#adresseentreprise address {
	margin-bottom: 8px;
}

div#emploi h2, div#adresseentreprise h2 {
	margin-bottom: 15px;
}

div#emploi div, div#emploi p {
	margin: 5px 0;
	text-align: justify;
}

div#emploi form, div#emploi form  fieldset{
	border: 0px;
	padding: 0;
}
div#emploi form  fieldset label{
	padding-right: 10px;
	
	}
div#emploi form fieldset div label, div#cv form fieldset div label{
	width: 200px;
	display: block;
	float: left;
}
div#emploi form fieldset div, div#cv form fieldset div {
	clear: both;
}




/* tableau */
table.tableau{
    border: 1px #DCDEDF solid;
}
table.tableau thead{
    background: #E4ECEE;
}
table.tableau tfoot{
    background: #E4ECEE;
}
table.tableau tfoot tr td {
    text-align: right;
}
/* end tableau */




body.EXTRANET h3{

    font-size: 16px;
    line-height: 30px;
    color: #638288;
    margin-bottom: 0;
}




/* emploi */
.cvFiche{
    font-size: 14px;
    line-height: 24px;
}
.cvFiche div.bloc{
    margin-bottom: 30px;
}

.cvFiche a.docdownload{
    background: url(../images/docdownload.png) no-repeat ;
    height: 40px;
    display: block;
    padding-left: 90px;
    padding-top: 30px;
    color: #000;
}
/* end emploi */

#article .entreprise h2.localiser{

    background-image: url(../images/picto-localiser.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #27A22D;
}
#article .entreprise h2.excel{

    background-image: url(../admin/img/excel.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 30px;
}
body.DECOUVRIR #article .entreprise h2.excel a{
    color: #e2017b !important;
    text-decoration: none;
}
body.IMPLANTER #article .entreprise h2.excel a{
    color: #ef7f01 !important;
    text-decoration: none;
}
body.VIVRE #article .entreprise h2.excel a{
    color: #27A22D !important;
    text-decoration: none;
}
body.CONTACT #article .entreprise h2.excel a{
    color: #007bbb !important;
    text-decoration: none;
}

#article .entreprise td{

    color: #A6BBBF;
}

#article .entreprise td a{
    color: #000 !important;
    text-decoration: none;
}



/* @group ABC */

ul.abc {
    color: #A6BBBF; 
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0 10px;
}

ul.abc li {
    list-style: none;
    display: block;
    padding: 5px;
    margin: 0;
    float: left;
    font-size: 15px;
    color: #A6BBBF !important;
    /*border-bottom: 1px solid #e3e3e3;*/
}

ul.abc li a {
    text-decoration: none;
}

ul.abc li a span {
    color: #333;
}

ul.abc li a:hover span {
    color: #00a991;
}

ul.abc li.select {
  background: #000;
}

ul.abc li.select a span, ul.abc li.select a:hover span {
  color: #fff;
  font-weight:bold;
}

/* @end */




/* @group Plan du site */

div#plan ul {
	list-style: none !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

div#plan ul li {
	background: none !important;
	font-size: 14px;
	list-style: none !important;
}

div#plan ul ul li a {
	text-decoration: none;
	color: #3f3f3f;
	display: block;
}

div#plan ul li a:hover {
	text-decoration: underline;
}

div#plan ul li ul li.DECOUVRIR {
	border-top: 5px solid #e2017b;
	padding-top: 5px;
}

div#plan ul li ul li.DECOUVRIR ul li {
	background: url(../images/puce-DECOUVRIR.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}
div#plan ul li ul li.DECOUVRIR a:hover {
    color: #e2017b !important;
}

div#plan ul li ul li.IMPLANTER {
	border-top: 5px solid #ef7f01;
	padding-top: 5px;
}

div#plan ul li ul li.IMPLANTER ul li {
	background: url(../images/puce-IMPLANTER.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}
div#plan ul li ul li.IMPLANTER a:hover {
    color: #ef7f01 !important;
}

div#plan ul li ul li.VIVRE {
	border-top: 5px solid #27a22d;
	padding-top: 5px;
}

div#plan ul li ul li.VIVRE ul li {
	background: url(../images/puce-VIVRE.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}
div#plan ul li ul li.VIVRE a:hover {
    color: #27a22d !important;
}

div#plan ul li ul li.CONTACT {
	border-top: 5px solid #007bbb;
	padding-top: 5px;
}

div#plan ul li ul li.CONTACT ul li {
	background: url(../images/puce-CONTACT.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}
div#plan ul li ul li.CONTACT a:hover {
    color: #007bbb !important;
}

div#plan ul li.MENTIONS {
    margin-top: 30px;
}
/* @end */


.entreprisecarte .submit{
    
    float: none;
}
.message, .formINDIC {
    background:none repeat scroll 0 0 #FCFFCB;
    border:1px solid #D0D2B2;
    color:#5D5E50;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:5px;
}

.annecy2018{

    position: absolute;
    right: 0;
    top: 65px;
}