/* CSS Document */

*, html { margin: 0; padding: 0; } 

body { margin:0; padding:0; background: #282828; font-family:"trebuchet MS", arial, sans-serif ; }
img { border:none; }
a { outline: none; text-decoration: none; color: #555; font-weight: bold; }
a:hover { text-decoration: underline; }

input, textarea { font-family: "trebuchet MS", arial, sans-serif; }
fieldset { border: none; }
.paddingTop20 { padding-top: 20px; }

#siteWrapper { background: #fff; }


/*******Header **********/
#header { background:url(../images/header-background.png) no-repeat; width: 960px; height: 223px; position: relative; margin: -20px auto; }
#header h1, #header h2 { text-indent: -3000px; overflow: hidden; }

#quicknav { float: left; margin-top: 10px; margin-left: 15px;  }
#quicknav ul { list-style-type: none; }
#quicknav ul li { display: inline; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.06em; }
#quicknav ul li a {  color: #828178; border-right: 1px solid #dbdbd2; padding: 14px 8px 0 8px; }
#quicknav ul li a.last { border: none; } 
#quicknav ul li a:hover { text-decoration: underline; }

/*******FASTSEARCH **********/
#fastSearch {  background: #92AD2A url(../images/fast-search-bg.png) no-repeat; border: 1px solid #eeece4; border-top: none; position: absolute; top:0; right:18px; /*height: 90px;*/ width: 312px; }
#fastSearch h3 { font-weight: normal; font-size: 12px; color: #f5f5eb; padding-top: 15px; padding-left: 10px; }
#fastSearch form { margin-top:2px; margin-bottom: 5px; margin-left: 10px;  }
#fastSearch fieldset { border: none; position: relative; }
#fastSearch form input.field {  color: #5a623b; background-color: #f5f5eb; border: 1px solid #deded5; width: 220px; font-size: 14px; padding: 3px; margin-bottom: 3px; }
#fastSearch form input.submitImage { float: right; width: 26px; height: 26px; background: none; border: 0; margin-right: 35px;  }

#fastSearch div#advancedSearch #advancedOptions { display: none; overflow: hidden; }

#fastSearch form select { width: 228px; font-size: 14px; padding: 2px; color: #5a623b; background-color: #f5f5eb; border: 1px solid #deded5; margin-bottom: 3px; }

#fastSearch div#advancedSearch div.toogleSearch a{ font-size: 12px; color: #fff; font-weight: bold; display: block;}
#fastSearch label { font-size: 12px; color: #fff; font-weight: bold;}

#fastSearch label.error { position: absolute; top: 2px; left: 203px; background: url(../images/field-missing-search.png) no-repeat; height: 20px; width: 20px; overflow: hidden; text-indent: -3000px; }


/*******Main Navigation **********/
#navWrapper { text-align: center;  background: url(../images/navigation-bg2.png) repeat-x; margin-bottom: 20px; height: 93px; }
ul#nav { width: 902px; margin: 0 auto; list-style: none; text-transform: uppercase; }
ul#nav li { float: left; text-align: center; display: block;  width: 180px; margin: 0 60px; position: relative; padding-bottom: 1px;  }
ul#nav li a { height: 47px;  width: 180px; margin: 0 auto; display:block; padding-top: 15px; }
ul#nav li a span { font-size: 12px; font-weight: normal; color: #fff; letter-spacing: 1px; }
ul#nav li a.navtextsmall { color: #fbbbd6; font-size: 10px; letter-spacing: 1px; font-weight: bold; }
ul#nav li a:hover { text-decoration: underline;}

ul#nav li.vacances { background: url(../images/ba-nav-vacances.png) no-repeat top center;  }
ul#nav li.vacances ul li a { background: none; font-weight: normal; font-size: 11px; }
ul#nav li.regions { background: url(../images/ba-nav-regions.png) no-repeat top center; }
ul#nav li.regions ul li a { background: none; letter-spacing: 0.1em; text-align: left; font-weight: normal; font-size: 11px;  }
ul#nav li.proposer { background: url(../images/ba-nav-proposer.png) no-repeat center; border: none; }
ul#nav li.proposer ul li a { background: none; letter-spacing: 0.1em; text-align: left; font-weight: bold; font-size: 11px;  }
ul#nav li.proposer ul { height: 80px; }

ul#nav li ul { position:absolute; left: -60px; top: 61px; z-index: 2000; width: 300px; background: url(../images/subnav_bg.png) repeat-x top left; background-color: #ee1c77; margin:0 auto; padding: 10px 0; border: 0px solid #dbdbd3; border-top: none;  display: none;  }
ul#nav li ul li { border: none; padding-left: 20px; margin: 0; height: 20px; width: auto; line-height: 20px; }
ul#nav li ul li a { font-weight: normal; letter-spacing: 0.1em; text-align: left; margin:0; color: #fff; padding:0; width: 300px; display: block; height: auto;  }
ul#nav li ul li a:hover { text-decoration: underline; color: #fff; }


/*******HR **********/
#contentLeft .hrTop, #contentLeft .hrBottom, #contentLeft .hrTopBottom { background:url(../images/dash-line-horizontal.png) repeat-x; width: 538px; height: 1px; }
#contentRight .hrTop, #contentRight .hrBottom, #contentRight .hrTopBottom {  background:url(../images/dash-line-horizontal.png) repeat-x; width: 330px; height: 1px; }
#contentLeft .hrTop { margin-top: 20px; }
#contentLeft .hrTopBottom { margin: 20px 0 20px 0; }
#contentLeft .hrBottom { margin-bottom: 20px; }
#contentRight .hrTop { margin-top: 20px;  }
#contentRight .hrTopBottom { margin: 20px 0 20px 0; }
#contentRight .hrBottom { margin-bottom: 20px; }
#contentLeft .hrTop hr, #contentLeft .hrBottom hr, #contentLeft .hrTopBottom hr { display: none; }
#contentRight .hrTop hr, #contentRight .hrBottom hr, #contentRight .hrTopBottom hr { display: none; }
#contentRight .hr{ background:url(../images/dash-line-horizontal.png) repeat-x; height: 1px; width: 330px; }
/******* /HR **********/

#mainWrapper {  width: 960px; background: url(../images/bg-contentWrapper.png) repeat-y; margin: 0 auto;  }
#wrapperContent { background: url(../images/dash-line-vertical.png) repeat-y 590px 0; }

/*******contentLeft **********/

#contentLeft { margin-right: 356px; padding: 0 20px; width: 538px; }
#contentLeft p { font-size: 13px; color: #858585; margin-bottom: 20px; line-height: 1.2em;  }
#contentLeft h3 { font-size: 20px; color: #00aaad; font-weight: normal; margin-bottom: 10px; }
#contentLeft h3.fiche, #contentLeft h3.region {  background:url(../images/dash-line-horizontal.png) repeat-x left bottom; padding-bottom: 2px; }
#contentLeft h3.region { margin-bottom: 0; }
#contentLeft h3.fiche a { font-weight: normal;  color: #00aaad; }
#contentLeft h4 { font-size: 14px; color: #ee0c6e; }
#contentLeft ol { list-style: decimal; font-size: 13px; color: #858585; margin: 0 0 1.5em 2em; }
#contentLeft ol li { margin-bottom: 0.5em; }

/* FLASH EMBED */
/*embed { width: 538px; height: 435px; }*/
#map {  width: 538px; height: 435px; background: url(../images/dash-line-horizontal.png) repeat-x left bottom; padding-bottom: 20px; }
/* /FLASH EMBED */

#pubZone2 { background: url(../images/dash-line-horizontal.png) repeat-x left bottom; padding: 7px 0 8px 0; text-align: center; margin-bottom: 20px; }
#pubZone3 { background: url(../images/dash-line-horizontal.png) repeat-x; padding: 10px 0 0 0; text-align: center; margin-top: 30px; }
#pubZone4 { padding: 10px 0 0 0; text-align: center; }
#pubZone5 { padding: 0 0 15px 0; text-align: center; }

#contentLeft h5 { font-size: 13px; color: #858585; font-weight: bold; }
span.regionMapAbitibi {  background: url(../images/recherche_abitibi.jpg) no-repeat top left; width: 560px; height: 137px; margin-right: 10px; }
img.regionImage { margin: 5px 0; }

.commander { text-align: center; padding: 20px 0; font-size: 14px; }
.commander a { background: url(../images/inscription_bg.png) no-repeat right top; padding: 10px 30px; color: #D4EE72; border: 2px solid #D4EE72; }

.imgRight { float: right; margin: -15px 0 0 20px;  }

/******* /contentLeft **********/

#contentLeft #utiliser { margin-top: 20px; }
#contentLeft #utiliser h3 { font-size: 15px; color: #707070; font-weight: normal; height: 18px; padding-top: 12px; line-height: 15px; }
#contentLeft #utiliser h3 span { width: 14px; height: 29px; float: left; margin: -12px 2px 0 0; background-color: #f03d50; }

/*******contentRight **********/




#rightWrapper { width: 356px; float:right; }
#contentRight #guide { clear: both; }
#contentRight p { font-size: 11px; color: #606060; margin-top: 5px; line-height: 1.7em; }

#contentRight { width: 330px; margin-left: 5px; }

#contentRight h3 { font-size: 15px; color: #707070; font-weight: normal; height: 18px; padding-top: 12px; line-height: 15px; }
#contentRight h3.titreGuide { padding:0; height: 30px; }
#contentRight h3 span { width: 14px; height: 29px; float: left; margin: -12px 2px 0 0; }
#contentRight h3.titreGuide span { margin: 0 7px 0 0; }


.blockConnection { background-color: #fdba14;  }
.blockGuide { background-color: #00aaad; }
.blockAstuces { background-color: #7e51a2; }
.blockUtiliser { background-color: #f03d50; }
.blockCommentaires { background-color: #5a8ec2; }


#connection form fieldset { width: 150px; float: left; background: url(../images/dash-line-vertical.png) repeat-y top right; }
#connection form fieldset label {  font-size: 11px; display: block; }
#connection form div { margin-left: 150px; padding-left: 10px; padding-bottom: 10px; line-height: 20px; }
#connection form div input.login { font-size: 15px; font-weight: normal; color: #ee0c6e; margin-top: 12px; margin-left: -3px; background: none; border: none; cursor: pointer; padding: 0; text-align: left; width: 145px; }
#connection form div label { font-size: 10px; }
div a.forgotLink { color: #707070; font-size: 11px; font-weight: normal; }



#userDash ul {  background: url(../images/dash-line-vertical.png) repeat-y right top; width: 150px; padding: 15px 0; margin-bottom: 10px; }
#userDash ul li { list-style: square; color: #ee0c6e; font-size: 11px; margin-left: 25px; }
#userDash ul li a { color: #707070; font-size: 11px; font-weight: normal; }

form#deconnection { padding: 0 10px; text-align: right; width: 150px; float: right;  }
form#deconnection input { font-size: 15px; font-weight: normal; color: #ee0c6e; background: none; border: none; cursor: pointer; padding: 0; text-align: left; width: 110px;  }




#inscrivezVous { width: 310px; background: #93ae2b;  padding: 10px; }
#inscrivezVous h4 {font-size: 12px; color: #d4ee72; font-weight: normal; }
#inscrivezVous a { margin-left: 50px; font-size: 14px; font-weight: normal; color: #ffffff; text-decoration: none; }

#guide, #astuces, #pubZone1, #contentRight #utiliser, #commentaires {background:url(../images/dash-line-horizontal.png) repeat-x; padding: 20px 0;}
#pubZone1 { text-align: center; }

/******* /contentRight **********/







.blanc { color: #fff; }
.vert { color: #93ae2b; }
.jaune { color: #fdba14; }
.bleu1 { color: #00abad; }
.bleu2 { color: #5a8ec2; }
.mauve { color: #7e51a2; }
.rose { color: #ee0c6e; }
.rouge { color: #f03d50; }
.orange { color: #f17142; }
.gris { color: #333; }
.noir { color: #000; }


/*******LEGEND **********/
#legendWrapper { clear: both; padding-top: 50px; background: #fff; position: relative; }
#legendHead { background-color: #f3f3e9; clear: both; height: 46px; border: 1px solid #eeece4; border-bottom: none; position: relative; }

.toggle { height: 46px; width: 940px; background: url(../images/search-icons/legend-arrows.png) no-repeat top right; overflow: hidden; }
.toggle a { font-size: 16px;  }
.toggleLink { color:#333; padding: 12px; margin-bottom: 20px; display: block; }
#toggleHide{ background: url(../images/search-icons/legend-arrows.png) no-repeat bottom right; overflow: hidden;  }

#listWrapper { position: relative; }
#legend img { padding-right: 6px; }

#legend { text-align: left; background-color: #f3f3e9; border: 1px solid #eeece4; border-top: none; display: none; overflow: hidden; position: relative; }
#legend h4 { font-size: 16px; color: #93ae2b; font-weight: normal; margin-left: 30px; padding-bottom: 10px; margin-top: 20px; }
#legend ul { list-style-type: none; float: left; background: url(../images/dash-line-vertical.png) repeat-y; padding-right: 10px; font-size: 10px; color: #333; font-weight: bold; display: block; width: 200px; }
#legend ul li { height: 16px; padding-left: 5px; padding-bottom: 3px; }
#legend ul li span { float: left; width: 50px; text-align: right; display: block; padding-right: 5px;  }

#legend ul.etoiles { width: 255px; margin-left: 30px; background: none; }
#legend ul.etoiles li span { width: 85px; }

.hebergement { height: 170px; }
.attraits { clear: both; padding-top: 30px; float: left;  height: 180px; }
.pensions { padding-top:30px; height: 180px; }



/******* /LEGEND **********/



/*******FOOTER **********/

#footer { width: 100%; background-color: #282828; height: 130px; clear: both; /*position: relative;*/ }
#footerContent { width: 960px; margin: 0 auto; }
#footer .left { float: left; margin-top: 10px; }
#footer .right { float: right; text-align: right; font-size: 11px; color: #575757; margin-top: 10px; }
#footer .right p { margin:0; padding:0; }
#footer .right a {  font-size: 11px; color: #575757; }

/******* /FOOTER **********/


/*******NOS PLUS BELLES DECOUVERTES **********/

.ui-tabs-hide { display: none; } /* script default ***important*** */

#decouvertes { /*height: 340px;*/ margin-top: 60px; border: 2px solid #f37043; }

#decouvertes #tabs ul.tabsNavigation {  list-style-type: none;  /*position: relative; top: -30px; left: 10px;*/ margin: -30px 0 10px 5px; 
height: 40px; }
#decouvertes #tabs ul.tabsNavigation li { width: 110px; height: 33px; float: left; background: url(../images/bg-tabs-decouvertes.png) no-repeat; text-align: center; padding-right: 6px; }
#decouvertes #tabs ul.tabsNavigation li a {  display:block; width: 110px; height: 33px; font-size: 11px; text-transform: uppercase; color: #f37043; font-weight: normal; cursor: pointer; padding-top: 8px; }
#decouvertes #tabs ul.tabsNavigation li.ui-tabs-selected a { background: url(../images/bg-tabs-decouvertes-over2.png) no-repeat; color: #fff; }


#decouvertes #tabs div {  }

#decouvertes #tabs div.pictos, #decouvertes #tabs div.classification  { width:360px; padding: 1px 0; }
#decouvertes #tabs div.pictos ul, #decouvertes #tabs div.classification ul { list-style-type: none; }
#decouvertes #tabs div.pictos ul li, #decouvertes #tabs div.classification ul li { display: inline; }
#decouvertes #tabs p, #decouvertes #tabs .adresse { color: #858585; font-size: 11px; }
#decouvertes #tabs div h4 a { font-size: 16px; font-weight: normal; color: #f37043; }
#decouvertes #tabs .adresse a { color: #f37043; font-weight: bold; }
#decouvertes #tabs a.fiche {  font-size: 11px; font-weight: bold; color: #f37043; }
#decouvertes #pensions, #decouvertes #campings, #decouvertes #hotels, #decouvertes #attraits { width: 494px; padding-left: 20px; padding-right: 20px; }

/******* /NOS PLUS BELLES DECOUVERTES **********/



/******************************************************************************************MESSAGE*/

#alertBox { position:absolute; background-color:#000; z-index:2000; height:100%; width:100%; opacity: 0.9; }
#alertWrapper { background: #92AD2A; position:fixed; top: 20%; left: 40%; border: 3px solid #525252; width: 312px; z-index: 2001; }
#alertContent { background: url(../images/inscription_bg.png) no-repeat; font-family:"trebuchet MS", arial, sans-serif; margin: 0 auto; padding: 10px; }
#alertContent h1 { font-size: 24px; color: #d4d9bf; font-weight: normal; padding: 4px 0 20px 4px; }
#alertContent p { font-size: 13px; color: #f7f7ee; padding: 6px; }
#alertContent p img { padding-right: 8px; }

a.close { background: url(../images/close_icon.png) no-repeat; width: 21px; height: 21px; float: right; display: block; text-indent: -3000px; overflow: hidden; margin:5px; }
a.close2 { background: url(../images/close_icon.png) no-repeat right top; font-size: 12px; color:#fff; width: 200px; padding-right: 22px; height: 21px; float: right; display: block; margin:5px; text-align: right; }


/****************************************************************************************** /MESSAGE*/


/*******INSCRIPTION **********/

/*#inscriptionBox { position:absolute; background-color:#000; z-index:2000; height:100%; width:100%; opacity: 0.9; }*/
#inscription { background: #92AD2A; position:fixed; top: 10%; left: 40%; border: 3px solid #525252; width: 312px; z-index: 2001; }
#inscriptionContent { background: #92AD2A url(../images/inscription_bg.png) no-repeat; font-family:"trebuchet MS", arial, sans-serif; margin: 0 auto; padding: 10px; }
#inscriptionContent h1 { font-size: 24px; color: #d4d9bf; font-weight: normal; padding: 4px 0 0 4px; }
#inscriptionContent p { font-size: 11px; color: #f7f7ee; padding: 6px; }
#inscriptionContent p img { padding-right: 8px; }



form#inscriptionForm { font-family:"trebuchet MS", arial, sans-serif; padding: 0; }
form#inscriptionForm div { clear: both; }
form#inscriptionForm fieldset { border:0; padding: 3px; }
form#inscriptionForm label { float: left; font-size: 11px; color: #f7f7ee; width: 100px; text-align: right; }
form#inscriptionForm label.error { background: url(../images/alert_icon.png) no-repeat; float: right; width: 21px; height: 21px; margin: -23px 0 0 -20px; text-align: left; text-indent: -3000px; overflow: hidden; }
form#inscriptionForm input { padding: 2px; font-weight: bold;  border: 1px solid #99b53d; color: #576910; margin-left: 20px; }
form#inscriptionForm span { padding-right:30px; font-size: 12px; color: #d4d9bf; }
form#inscriptionForm div.abonnement { margin: 10px 0 10px 0; border-top: 1px solid #9eb934; border-bottom: 1px solid #9eb934; padding: 6px; }
form#inscriptionForm div.abonnement label { font-size: 11px; font-style: italic; width: 200px; }
form#inscriptionForm div.abonnement input { margin-right: 10px; }

form#inscriptionForm div.conditions { border-bottom: 1px solid #9eb934; padding: 6px; margin-bottom: 10px; }
form#inscriptionForm div.conditions label { font-size: 11px; font-style: italic; float: none; }
form#inscriptionForm div.conditions label.error { background: url(../images/alert_icon.png) no-repeat; float: right; width: 21px; height: 21px; margin: -23px -4px 0 0; text-align: left; text-indent: -3000px; overflow: hidden; }
form#inscriptionForm div.conditions input { padding: 0; margin: 0; }

form#inscriptionForm div.submit { text-align: right;}
form#inscriptionForm div.submit input { width: 140px; margin-bottom: 20px; margin-right:0; border: none; background-color: #859d25; color: #fff; font-size: 12px; cursor: pointer; font-weight: normal; }
.image { float: left; }

.alert { float: right; font-size: 11px; color: #fff; }

/******* /INSCRIPTION **********/


/*******FICHE **********/

#contentLeft p.breadCrumb { margin: 0 0 5px 0; padding: 0; font-size: 10px; }
#contentLeft p.breadCrumb a { color: #999; }

.specifications { height: 20px; }
.specifications ul { list-style: none; }
.specifications ul li { float: left; padding-right: 10px; font-size: 16px; font-weight: bold; color: #919396; line-height: 16px; }

.pictosFiche { clear: left; padding-top: 4px; height: 20px; }
.pictosFiche ul { list-style: none; }
.pictosFiche ul li { float: left; padding-right: 5px; line-height: 16px; }

.photoFiche { float: right; border: 1px solid #b0b0a7; margin: 4px 0 20px 20px;  }

#contentLeft .evals { float: right; text-align: center; background: url(../images/patte-eval.png) no-repeat center top; height: 51px; }
#contentLeft .evals h5 { color: #859d25; font-weight: bold; font-size: 20px; text-align: center; padding-top: 25px; }
#contentLeft .evals h6 { color: #858585; font-size: 11px; font-style: italic;  }
#contentLeft .evals h6.noComment { padding-top: 20px; color:#FF0000; }



.commentairesEvaluations { padding-top: 30px; }
#contentLeft .commentairesEvaluations h4 { font-size: 13px; color: #616161; font-weight: bold; font-style: italic; }
.commentairesCount { float: right; font-size: 11px; font-weight: normal; color: #616161; }

.evaluationUtilisateur { float: right; }

#contentLeft .commentaires { background:url(../images/dash-line-horizontal.png) repeat-x; padding-top: 10px; margin: 10px 0; }
#contentLeft .commentaires h4 a { padding-right: 5px; }
#contentLeft .commentaires h5 { font-style: italic; color: #93ae2b; font-size: 14px; font-weight: normal; float: left; padding-right: 10px;}
#contentLeft .commentaires h6 { font-weight: normal; font-style: normal; font-size: 12px; color: #333; }
#contentLeft .commentaires h6 span { font-size: 10px; }


blockquote { font-size: 12px;  font-style: italic; line-height: 14px; color: #707070; padding: 30px 0 10px 0; }
.blockquoteStart, .blockquoteEnd { font-size: 66px; color: #ddd; height: 20px; }
.blockquoteStart {  float: left; padding: 20px 10px 0 0; }
.blockquoteEnd {  float: right; }

.number { color: #8b975d; font-weight: bold; }

#paginationCommentairesFiche { list-style-type: none; font-size: 11px; /*width: 550px; margin-top: 50px;*/ background:url(../images/dash-line-horizontal.png) repeat-x; height: 16px; margin-top: 10px; padding-top: 10px; }
#paginationCommentairesFiche h5 { font-size: 11px; color: #666; font-weight: normal; }
#paginationCommentairesFiche ul { /*width: 260px;*/ float: right; list-style: none; margin-top: -5px; }
#paginationCommentairesFiche ul li { float: left; width: 20px; text-align: center; }
#paginationCommentairesFiche ul li a { color: #93ae2b; padding: 4px 0; display: block; }
#paginationCommentairesFiche ul li a:hover { background-color: #dee5c1; color: #93ae2b; }

#formCommentaire { background:url(../images/dash-line-horizontal.png) repeat-x; margin-top: 10px; padding-top: 10px; }

.small_date {  font-size: 12px; padding: 3px;  color: #444; height:20px; margin-top:1px;}
.alted { height:22px;}



/******* FILTRES **********/

#searchFilter { margin: -15px 0 20px 0; background: url(../images/dash-line-horizontal.png) repeat-x left bottom; padding-bottom: 5px; }
#searchFilter form { font-size: 12px; color: #EB1A79; }
#searchFilter form label { font-weight: bold; color: #00AAAD; }
#searchFilter form input.submitFilter  { border: none; background: #EB1A79; border: 1px solid #F58CBC; color: #fff; height: 20px; width: 35px; padding: 0; font-size: 11px; font-weight: bold;  }

/*******RECHERCHES**********/
.region { /*height: 40px;*/ }
.regionDesc { background:url(../images/dash-line-horizontal.png) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 20px; }
.catDesc { background:url(../images/dash-line-horizontal.png) repeat-x left bottom; padding: 14px 0 10px 0; margin-bottom: 20px; }
.catDesc p { margin: 0; padding: 0; }
.button { float: right; padding-top: 6px; }

#contentLeft .recherche h3 { font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 5px 0 10px 0; margin-top: -15px; }  

#contentLeft .recherche h3.green { background: url(../images/search-icons/green-arrows.png) no-repeat 505px -55px; color: #93ae2b;}
#contentLeft .recherche h3.green.active { background-position: 505px -8px; }

#contentLeft .recherche2 h3 { font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 5px 0 10px 0; color: #93ae2b; }

#contentLeft .recherche h3.yellow { background: url(../images/search-icons/yellow-arrows.png) no-repeat 505px -55px; color: #fdba14; }
#contentLeft .recherche h3.yellow.active { background-position: 505px -8px; }

#contentLeft .recherche h3.blue1 { background: url(../images/search-icons/blue1-arrows.png) no-repeat 505px -55px; color: #00abad; }
#contentLeft .recherche h3.blue1.active { background-position: 505px -8px; }

#contentLeft .recherche h3.blue2 { background: url(../images/search-icons/blue2-arrows.png) no-repeat 505px -55px; color: #5a8ec2; }
#contentLeft .recherche h3.blue2.active { background-position: 505px -8px; }

#contentLeft .recherche h3.purple { background: url(../images/search-icons/purple-arrows.png) no-repeat 505px -55px; color: #7e51a2; }
#contentLeft .recherche h3.purple.active { background-position: 505px -8px; }

#contentLeft .recherche h3.pink { background: url(../images/search-icons/pink-arrows.png) no-repeat 505px -55px; color: #ee0c6e; }
#contentLeft .recherche h3.pink.active { background-position:  505px -8px; }

#contentLeft .recherche h3.red { background: url(../images/search-icons/red-arrows.png) no-repeat 505px -55px; color: #f03d50; }
#contentLeft .recherche h3.red.active { background-position:  505px -8px; }

#contentLeft .recherche h3.orange { background: url(../images/search-icons/orange-arrows.png) no-repeat 505px -55px; color: #f17142; }
#contentLeft .recherche h3.orange.active { background-position:  505px -8px; }

.resultats p { width: 530px;}

.tableResultats { width: 530px; font-size: 11px; }
.tableResultats tr td { padding: 4px 4px 4px 10px; }
.tableResultats .title, .titleEval { text-transform: uppercase; font-size: 11px; padding-bottom: 10px; font-weight: bold; letter-spacing: 0.06em; }
.tableResultats .title { text-align: left; }
.tableResultats .titleEval { text-align: right; }
.tableResultats .title a, .titleEval a { background: url(../images/arrow-pointing-up.png) no-repeat left; padding-left: 14px;  }
.tableResultats .title a.selected, .titleEval a.selected { background: url(../images/arrow-pointing-down.png) no-repeat left; padding-left: 14px;  }
.dataVille { color: #8a8a7b; }
.tableResultats tr td.dataEval { text-align: right; }
.dataNom a { font-weight: bold; color: #333; }
.dataNom a:hover { text-decoration: underline; }
.dataNom img { float: left; margin: -1px 0 0 -3px; padding-right: 4px; }

.row0 { background: #fff; }
.row1 { background: #ebefdb; }

.number { color: #8b975d; font-weight: bold; }
.pagination  { font-size: 11px; margin: 0 auto;  padding-top: 10px; height: 30px; }
/*.pagination ul { margin-bottom: 30px; text-align: right; }*/
.pagination ul { /*width: 260px;*/ float: right; list-style: none; margin: -5px 8px 0 0; }
.pagination ul li { float: left; width: 20px; text-align: center; margin-left: 1px; }
.pagination ul li a { color: #93ae2b; padding: 4px; display: block; }
.pagination ul li a:hover { background-color: #dee5c1; color: #93ae2b; }
.pagination span.resultats { float: left; font-size: 11px; color: #666; }

/******* /RECHERCHES **********/


/* Trucs et astuces */
#contentLeft .astuces h3 { font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 5px 0 10px 0; margin-top: -15px; }  
#contentLeft .astuces h3.pink { background: url(../images/search-icons/pink-arrows.png) no-repeat 505px -55px; color: #ee0c6e; }
#contentLeft .astuces.active { background-position:  505px -8px; }




/******************************************************************************************ADMIN FORM + PROP ETABLISSEMENT FORM + SOUMMETTRE COMMENTAIRE FORM + RESET PASSWORD + CONTACT FORM*/




#contentLeft .connectionCommentaire { float: right; background: url(../images/dash-line-vertical.png) repeat-y top left; width: 140px; height: 256px; padding-left: 14px;margin-top: 45px; }
#contentLeft .connectionCommentaire p { font-size: 13px; font-weight: bold; margin:0; padding-bottom: 10px;  }
#contentLeft .connectionCommentaire a { color: #ee0c6e; font-size: 14px; font-weight: normal; }

form#propEtablissement fieldset div.fieldMissing, form#propEtablissement fieldset div.fieldOk, form#resetPassword fieldset div.fieldMissing, form#resetPassword fieldset div.fieldOk,  form#contact fieldset div.fieldMissing, form#contact fieldset div.fieldOk { width: 30px; height: 22px; margin-right: 20px; float: right;  }
form#propEtablissement fieldset div.fieldMissing, form#resetPassword fieldset div.fieldMissing, form#contact fieldset div.fieldMissing { background: url(../images/field-missing.png) no-repeat  0 3px;  }
form#propEtablissement fieldset div.fieldOk, form#resetPassword fieldset div.fieldOk, form#contact fieldset div.fieldOk { background: url(../images/field-ok.png) no-repeat 0 3px; }



/* Formulaire des commentaires */
form#soumettreCommentaire { width: 380px; }
form#soumettreCommentaire fieldset { border:0; padding-bottom: 20px; background: none; padding-top:8px; }
form#soumettreCommentaire fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }
form#soumettreCommentaire div { padding: 3px 0; }
form#soumettreCommentaire label { float: left; font-weight: bold; font-size: 11px; color: #666; width: 100px; text-align: right; padding: 2px 20px 0 0; }
form#soumettreCommentaire input.evalBone { width: auto; background: none; border: none; }
form#soumettreCommentaire div.ratingStars { position: relative; }
form#soumettreCommentaire span#legend1 { position: absolute; left: 160px; font-size: 14px; font-weight: bold; }
form#soumettreCommentaire ul#star { height: 20px; /*width: 300px; position: relative;*/ }
form#soumettreCommentaire ul#star li { list-style:none; background: none; border: none; margin: 0; float: left; }
form#soumettreCommentaire ul#star li div { background:url(../image/layout/star.gif) no-repeat; height:16px; width:15px; cursor:pointer;}
form#soumettreCommentaire div span { font-size: 10px; color: #666; margin-left: 120px;  }
form#soumettreCommentaire input.champTexte { width: 240px; font-size: 12px; padding: 3px; border: 1px dotted #cccccc; background: #d8f0f0; color: #444; }
form#soumettreCommentaire textarea { width: 240px; height: 200px; background: #d8f0f0; border: 1px dotted #cccccc; padding: 3px; font-size: 12px; color: #444; margin-bottom: 10px; }

/* Formulaire de contact */
form#contact { width: 538px; }
form#contact fieldset { border:0; padding-bottom: 20px; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top:8px; }
form#contact fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; margin-top: 20px; }
form#contact fieldset div { padding: 3px 0; }
form#contact label { float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 20px 0 0; }
form#contact label.error { background: url(../images/field-missing.png) no-repeat  0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #EF404F;  }
form#contact label.success { background: url(../images/field-ok.png) no-repeat 0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #99B336; }
form#contact fieldset div.comment label.error, form#contact fieldset div.comment label.success { margin-top: -224px; }
form#contact textarea { height: 200px; background: #d8f0f0; border: 1px dotted #cccccc; padding: 3px; font-size: 12px; color: #444; margin-bottom: 10px;  width: 260px;}

/* Formulaire proposer un établissement */
form#propEtablissement { width: 538px; }
form#propEtablissement fieldset { border:0; padding-bottom: 20px; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top:8px; }
form#propEtablissement fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }
form#propEtablissement fieldset div { padding: 3px 0; clear: left; }
form#propEtablissement label { float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 20px 0 0; }
form#propEtablissement label.error { background: url(../images/field-missing.png) no-repeat  0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #EF404F;  }
form#propEtablissement label.success { background: url(../images/field-ok.png) no-repeat 0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #99B336; }
form#propEtablissement input.champTexte { font-size: 12px; padding: 3px; width: 260px; border: 1px dotted #cccccc; background: #d8f0f0; color: #444;  }
form#propEtablissement select { background: #d8f0f0; font-family:"trebuchet MS", arial, sans-serif; font-size: 11px; padding: 3px; border: 1px dotted #ccc; width: 268px; }
form#propEtablissement textarea { width: 538px; height: 200px; background: #d8f0f0; border: 1px dotted #cccccc; padding: 3px; font-size: 12px; color: #444; margin-bottom: 10px; }

/* Formulaire modifier mot de passe */
form#resetPassword { width: 538px; }
form#resetPassword fieldset { border:0; padding-bottom: 20px; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top:8px; }
form#resetPassword fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }
form#resetPassword label { float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 20px 0 0; }

/* Formulaire modifier informations compte */
form#editProfile { width: 538px; padding-top: 20px; }
form#editProfile fieldset { border:0; padding-bottom: 20px; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top:8px; }
form#editProfile fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }
form#editProfile div { padding: 2px 0; }
form#editProfile label { float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 20px 0 0; }
form#editProfile label.checkBox { float: none; width: auto; padding: 10px 0 0 140px; display: block; text-align: left; }
form#editProfile input.champTexte { font-size: 12px; padding: 3px; width: 260px;  padding-top: 2px; border: 1px dotted #cccccc; background: #d8f0f0; color: #444;  }
form#editProfile div.submit { text-align: right; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top: 10px; }
form#editProfile div.submit input { border: none; background: none; color: #00aaad; font-size: 14px; cursor: pointer;  font-weight: bold; }


/* Formulaire modifier mot de passe */
form#resetPassword { width: 538px; padding-top: 20px; }
form#resetPassword fieldset { border:0; padding-bottom: 20px; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top:8px; }
form#resetPassword fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }
form#resetPassword label { float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 20px 0 0; }
form#resetPassword label.error { background: url(../images/field-missing.png) no-repeat  0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #EF404F;  }
form#resetPassword label.success { background: url(../images/field-ok.png) no-repeat 0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #99B336; }


/* Formulaire mot de passe perdu */
form#lostPassword { width: 538px; }
form#lostPassword fieldset { border:0; padding: 10px 0; background: url(../images/dash-line-horizontal.png) repeat-x; }
form#lostPassword fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }
form#lostPassword label { float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 10px 0 0; }
form#lostPassword label.error { background: url(../images/field-missing.png) no-repeat  0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #EF404F;  }
form#lostPassword label.success { background: url(../images/field-ok.png) no-repeat 0 3px; width: 90px; height: 18px; float: right; margin-top: -32px; margin-right: 10px; padding: 12px 0 0 30px; text-align: left; color: #99B336; }
form#lostPassword input.champTexte { font-size: 12px; padding: 3px; width: 260px;  padding-top: 2px; border: 1px dotted #cccccc; background: #d8f0f0; color: #444;  }
form#lostPassword div.submit { text-align: right; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top: 10px; }
form#lostPassword div.submit input { border: none; background: none; color: #00aaad; font-size: 14px; cursor: pointer;  font-weight: bold; }


/* Formulaire éditer fiche d'entreprise */
form#editerFiche { width: 538px; }
form#editerFiche span.smallText { font-size: 12px; font-weight: bold;  }
form#editerFiche fieldset { border:0; padding-bottom: 20px; background: url(../images/dash-line-horizontal.png) repeat-x; /*padding-top:8px;*/ }
form#editerFiche fieldset legend { text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px; color: #858585; position: relative; margin-top: 20px; }

form#editerFiche label{ float: left; font-weight: bold; font-size: 10px; color: #666; width: 120px; text-align: right; padding: 6px 20px 0 0; }


form#propEtablissement label.missingRedText { color: #f03d50; }
.close { background: url(../images/close_icon.png) no-repeat; width: 21px; height: 21px; float: right; margin:5px; }
form#editerFiche fieldset div, form#resetPassword fieldset div, form#contact fieldset div { padding: 3px 0; clear: left; font-size: 12px; }
form#editerFiche h6 { font-size: 13px; }

form#resetPassword input.champTexte, form#contact input.champTexte { font-size: 12px; padding: 3px; width: 280px; border: 1px dotted #cccccc; background: #d8f0f0; color: #444;  }
form#resetPassword input.champTexte, form#contact input.champTexte { width: 260px;  padding-top: 2px; }


form#editerFiche .inputList { width: 20px; background: none; border: none; }
form#editerFiche input.champTexte { font-size: 12px; padding: 3px; width: 280px; border: 1px dotted #cccccc; background: #d8f0f0; color: #444;  }
form#editerFiche select { background: #d8f0f0; font-family:"trebuchet MS", arial, sans-serif; font-size: 11px; padding: 3px; border: 1px dotted #ccc; width: 288px; }
form#editerFiche input.checkBox { position: relative; top: 7px; }
form#editerFiche textarea { width: 280px; height: 200px; background: #d8f0f0; border: 1px dotted #cccccc; padding: 3px; font-size: 12px; color: #444; margin-bottom: 10px; }

form#editerFiche div.submit, form#propEtablissement div.submit, form#soumettreCommentaire div.submit, form#resetPassword div.submit,form#sendEnvoie div.submit,  form#contact div.submit { text-align: right; background: url(../images/dash-line-horizontal.png) repeat-x; padding-top: 10px; }
form#editerFiche div.submit input, form#propEtablissement div.submit input, form#soumettreCommentaire div.submit input, form#resetPassword div.submit input, form#contact div.submit input,form#sendEnvoie div.submit input.targetOne { border: none; background: none; color: #00aaad; font-size: 14px; cursor: pointer;  font-weight: bold; }



form#editerFiche fieldset div.premium { padding-left: 150px; }
form#editerFiche fieldset div ul { list-style: none; }
form#editerFiche fieldset div ul li { float: left; margin: 0 30px 0 0; }
form#editerFiche fieldset div ul li label, form.editerFiche fieldset ul li input {  width: auto; float: none; padding-right: 2px; font-weight: normal; }

form#editerFiche fieldset div.donneesPictosLeft { float: left; width: 250px; }
form#editerFiche fieldset div.donneesPictosRight { margin-left: 270px; clear: none; }

form#editerFiche fieldset div.donneesPictos ul { list-style: none; }
form#editerFiche fieldset div.donneesPictos ul li { float: left; }
form#editerFiche fieldset div.donneesPictos ul li label { width: 160px; }
form#editerFiche fieldset div.donneesPictos ul li input { width: 40px; }

form#editerFiche fieldset div.selectPicto label { float: none;  }
form#editerFiche fieldset div.selectPicto label img { padding-right: 4px; }
form#editerFiche fieldset div.selectPictosLeft { float: left; width: 250px; }
form#editerFiche fieldset div.selectPictosRight { margin-left: 270px; clear: none; }

form#editerFiche fieldset div.selectPictosLeft ul, form#editerFiche fieldset div.selectPictosRight ul { list-style: none; font-size: 10px; color: #333; font-weight: bold; }
form#editerFiche fieldset div.selectPictosLeft ul li, form#editerFiche fieldset div.selectPictosRight ul li { float: none; padding: 2px 0; }
form#editerFiche fieldset div.selectPictosLeft ul li img, form#editerFiche fieldset div.selectPictosRight ul li img { position: relative; top: 2px; }

form#editerFiche fieldset div.selectPictos ul { list-style: none; font-size: 10px; color: #333; font-weight: bold; margin-top: -10px; }
form#editerFiche fieldset div.selectPictos ul li { float: none; padding: 2px 0; }

form#editerFiche div.submit,form#sendEnvoie div.submit { color: #CCC; }
form#editerFiche div.submit input.delete { color: #FF0000; }


/*****************
Catfish ad styles
******************/
div#catfish {
	display: none; /* Stops catfish appearing before the page is fully loaded */
	background-color: #F3F3E9;
	text-align: center;
	border-top: 1px solid #EF1473;
}
div#catfish a#close {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #EF1473;
	font-size: 11px; font-weight: normal; 
}
div#catfish a#close:hover { color: #282828; }
div#catfish div.banner { padding-top: 5px; }

#contentRight p.smaller { font-size: 10px; color:#444; margin: 0; padding: 0;}
.topped { border-top:1px dotted #ccc;}
form#sendEnvoie div.submit { margin-top:15px;  }
form#sendEnvoie div.submit span { margin-right:15px;  }
#phantom1 { display:none;}
.targetVenue { width:40px;}
#sendEnvoie textarea#desc_mass,#sendEnvoie textarea#desc_mass_foot {width:800px; height:360px;}