/* @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]
-------------------------------------------------------------------*/


body{

background : #f3eee8;

}
.contenu{
	margin-top: 20px;
	background : #f3eee8;
}
.listeSitra{

    border: 1px  #f000 solid;
    /*margin-bottom: 50px;*/
}
.listeSitra dl dt{
    
    margin: 0;
}
.listeSitra .blocreponseSitra{
    
    position: relative;
    margin: 0;
    padding: 0;
    
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    background: #f3eee8;
    color: #414141;
    margin-top: 20px;
    margin-bottom: 30px;
}
.listeSitra .blocreponseSitra p{

    color: #8d8e8e !important;
    font-size: 13px !important;
    line-height: 16px !important;
}
.listeSitra .blocreponseSitra .image{
    
    background: url(../../images/sitra/fond_image.png) no-repeat 2px 0px;
    height: 110px;
    line-height:125px;
    vertical-align: middle;
    text-align: center;
    padding: 15px;
}
.listeSitra .blocreponseSitra .image img{
}
.listeSitra .blocreponseSitra a.savoirplus{

    float : left;
    color: #b75f6d;
    padding: 10px 0 10px 20px;
    background: url(../../images/sitra/bt-savoieplus.png) no-repeat 5px 15px;
}
.listeSitra .blocreponseSitra a.savoirplus span{
}


a.logisFrancedetail{
    display: block;
    color: #b75f6d;
	font-size: 12px;
	background : url(../../images/logisdefrance_petit.jpg) no-repeat 2px 1px;
	float : left;
	padding: 10px 0 10px 40px;
}



.listeSitra .blocreponseSitra .adresse{
    background: #b60f2b;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    position: absolute;
    right: -5px;
    top:-15px;
    padding: 3px;
}


.listeSitra h3 a{
    color: #b60f2b !important;
    text-decoration: none !important;
}





body.EVENEMENT .listeSitra h3 a{
   color: #F2B401 !important;
}

body.EVENEMENT .listeSitra .blocreponseSitra .adresse{
    background: #F2B401;
}
body.EVENEMENT .listeSitra .blocreponseSitra  .dates
{
	color: #F2B401;
}


body.HEBERGEMENT .listeSitra h3 a{
   color: #87cb42 !important;
}

body.HEBERGEMENT .listeSitra .blocreponseSitra .adresse{
    background: #87cb42;
}
body.HEBERGEMENT .listeSitra .blocreponseSitra  .dates
{
	color: #87cb42;
}

body.ACTIVITE .listeSitra h3 a,
body.RESTAURATION .listeSitra h3 a{
   color: #87cb42 !important;
}

body.ACTIVITE .listeSitra .blocreponseSitra .adresse,
body.RESTAURATION .listeSitra .blocreponseSitra .adresse{
    background: #87cb42;
}
body.ACTIVITE .listeSitra .blocreponseSitra  .dates,
body.RESTAURATION .listeSitra .blocreponseSitra  .dates
{
	color: #87cb42;
}



.listeSitra .blocreponseSitra  .dates
{
	color: #b60f2b;
	font-style : italic;
}

.listeSitra label{
    font-size: 12px;
    color: #707070;
    font-weight: bold;
}
.listeSitra span{
    background: none !important;
}
.listeSitra h3{
    border: 0 !important;
    color: #80bb3d !important;
    margin: 5px 0 15px 0 !important;
	padding: 0 !important;
	
	font-size: 15px !important;
	padding: 5px 0;
	font-weight: bold !important;
}


.listeSitra .blocreponseSitra dl, .listeSitra .blocreponseSitra dd{
    margin: 0;
    padding: 0;
}

.sitraEntete{
    font-size: 15px;
    line-height: 20px;
    color: #202446;
}
.sitraEntete form fieldset {
    border:1px solid #a32531 !important;
    position: relative;
	
}

body.EVENEMENT .sitraEntete form fieldset {
    border:1px solid #f2b401 !important;
}

body.ACTIVITE  .sitraEntete form fieldset ,
body.RESTAURATION  .sitraEntete form fieldset ,
body.HEBERGEMENT  .sitraEntete form fieldset {
    border:1px solid #8cc14f !important;
    position: relative;
}



div#centre   .sitraEntete form fieldset   input.valider
{
	color: #fff !important;
}


body.EVENEMENT .sitraEntete form fieldset input.valider {
   color: #000 !important;
}

.sitraEntete form div {
    border: 0 !important;
}
.sitraEntete form fieldset div span{
    float: left;
}
.sitraEntete div{

    min-height: 1px;
}

.sitraEntete span.nb{
    float: none;
}
.sitraEntete .resultat{
    text-align: right;
    color: #9a938b;
    font-size: 11px;
    width: auto;
    float: left;
}
.sitraEntete .valider{
    border:none !important;
    background: #a32531 !important;
	color: #fff !important;
    /*
    position: absolute;
    right: 8px;
    bottom: -40px;
    */
}


body.EVENEMENT .sitraEntete .valider{
	background: #f2b401 !important;
}

body.ACTIVITE  .sitraEntete .valider, 
body.RESTAURATION  .sitraEntete .valider, 
body.HEBERGEMENT  .sitraEntete .valider{
    
	background: #8cc14f !important;
    
}






.detailfichesitra{
	float: left ;
	background : #f3eee8;
	color: #414141;
	font-size: 11px;
}


.detailfichesitra .gauche
{
	background : #fff;
	float : left;
	width : 460px;
	padding: 20px 10px;
	min-height: 560px;
}
.detailfichesitra .gauche .blocSlideshow
{
    background: url(../../images/sitra/fond_image_big.png) no-repeat;
    width: 288px;
    height: 250px;
    margin: 10px auto;
    padding: 10px;
}
.detailfichesitra .gauche .blocSlideshow #slideshow
{
    margin: 5px auto;
}
.detailfichesitra .gauche .blocSlideshow #slideshow div{
    line-height: 300px;
    width: 275px;
    text-align: center;
}

.detailfichesitra .droite
{
	float : right;
	width : 150px;
	padding-top: 25px;
}
.detailfichesitra .bloc{
    border-left: 3px #a32531 solid;
    padding-left: 10px;
    padding-right: 10px;
    float:left;
    margin-bottom:10px;
    padding-left:10px;
    width:210px;
}

.detailfichesitra .coordonnees
{
	float:left;
	width:450px;
	padding-top:10px;
}
.detailfichesitra  .blocCoordonnees
{
	border-left: 3px #a32531 solid;
    float:right;
    width:150px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:10px;
    padding-left:10px;
}



.EVENEMENT .detailfichesitra .bloc,
.EVENEMENT  .detailfichesitra  .blocCoordonnees{
	border-left: 3px #f2b401 solid;
}

.RESTAURATION .detailfichesitra .bloc,
.RESTAURATION  .detailfichesitra  .blocCoordonnees,
.ACTIVITE .detailfichesitra .bloc,
.ACTIVITE  .detailfichesitra  .blocCoordonnees,
.HEBERGEMENT  .detailfichesitra .bloc,
.HEBERGEMENT  .detailfichesitra  .blocCoordonnees{
	border-left: 3px #87cb42 solid;
}



.detailfichesitra .bloc ,
.detailfichesitra .bloc  ul,
.detailfichesitra .bloc   ul li {
    font-family: Arial, "Bitstream Vera Sans", verdana, sans-serif !important;
}


.detailfichesitra h2{
    font-size: 18px;
    color: #a32531;
	font-weight: bold;
}


.EVENEMENT .detailfichesitra h2 {
    color: #f2b401 !important;
}

.ACTIVITE  .detailfichesitra h2,
.RESTAURATION  .detailfichesitra h2,
.HEBERGEMENT  .detailfichesitra h2{
    color: #8cc14f !important;
}




.detailfichesitra h2,
.detailfichesitra p.presentation
{
	float: left ;
	width: 260px;
}




.detailfichesitra  .image
{
	width: 130px;
	height: 100px;
	line-height: 120px;
	vertical-align: middle;
	text-align: center;
    background: url(../../images/sitra/fond_image.png) no-repeat 0 0;
    float: right;
    text-align: center;
    vertical-align: middle;
	padding : 20px ;
}

.detailfichesitra  .image img
{
	padding : 0px;
}
.detailfichesitra p.presentation
{
	color: #fff;
	/*background: #a32531;*/
	padding : 10px;
}

.EVENEMENT .detailfichesitra p.presentation {
    background: #f2b401 !important;
}

.ACTIVITE  .detailfichesitra p.presentation,
.RESTAURATION  .detailfichesitra p.presentation,
body.HEBERGEMENT  .detailfichesitra p.presentation{
    background: #87cb42 !important;
}



.detailfichesitra .onglet{
    background: #9d9d9d url(../../images/sitra/puce.png) no-repeat 5px 20px;
    color: #fff;
    width: 100px;
    display: block;
    float: left;
    text-decoration: none;
    text-align: left;
    padding: 20px;
    margin-right: 2px;
    margin-bottom: 5px;
    font-size: 12px;
}

.detailfichesitra .onglet:hover, .detailfichesitra .onglet.select{
    background-color: #a32531;
}

.EVENEMENT .detailfichesitra .onglet:hover, 
.EVENEMENT .detailfichesitra .onglet.select{
  background-color: #f2b401;
}


.ACTIVITE .detailfichesitra .onglet:hover, 
.ACTIVITE .detailfichesitra .onglet.select,
.RESTAURATION .detailfichesitra .onglet:hover, 
.RESTAURATION .detailfichesitra .onglet.select,
.HEBERGEMENT .detailfichesitra .onglet:hover, 
.HEBERGEMENT .detailfichesitra .onglet.select
{
 background-color: #87cb42;
}




.detailfichesitra a{
    color: #119fcb;
    text-decoration: none;
}
.detailfichesitra dl dt{
    font-weight: bold;
    width: auto;
    margin: 0 0 10px 0;
}
.detailfichesitra dl dd{
    font-weight: normal;
    margin: 0 0 10px 0;
}

.detailfichesitra .intVisuel{
    border: 2px #444966 solid;
    padding: 15px;
}

.detailfichesitra h3{
    color: #797979;
}
.detailfichesitra h4{
    font-weight: bold;
}

.detailfichesitra .intVisuel ul{
    list-style: none;
}


dl.coordonneesGPS dt{
    width: 110px;
    border: 1px #b9b9b9 solid;
}
dl.coordonneesGPS dd{
    color: #119fcb;
    height: 12px;
    border: 1px #b9b9b9 solid;
    padding: 0px;
    margin: 0;
}


.pictos{
    margin: 20px 0 20px 0;
}
.pictos img{
    margin-right: 5px;
}