/*MAJ 02-06-2010*/
@import "reset.css";
@import "/javascript/generic.css";
@import "/css/menu.css";

body {
  background-color:#EFEEEA;
  background-image:url("/images/banniere.gif");
  background-repeat:repeat-x;
  color:#555555;
  font-family:arial, sans-serif;
  font-size:80%;
}

p {
  line-height: 1.4em;
}

a {
  color:#2F99C6;
}

#paragraphe a {
  color:#0d6083;
  font-weight: bold;
}

#paragraphe a:hover {
  color:#F06203;
}

#paragraphe li a {
  color:#F06203;
}

a:hover {
  text-decoration:none;
}

.color1 {
  color: #F06203;
}

.color2 {
  color: #2F99C6;
}

.color3 {
  color: #B473AA;
}

.color4 {
  color: #555555;
}

#header {
  height:33px;
  text-align:right;
  display:inline;
  margin-top:5px;
}

#header a:hover {
  text-decoration:underline;
}

#header div {
  margin-left:30px;
  margin-top:5px;
}

#header .right {
  height: 20px;
  display: block;
  vertical-align: bottom;
}

#header input {
  margin-right:5px;
}

#logo {
  font-size:40px;
  height:70px;
  padding-top:25px;
  position:relative;
}

#menu {
  height:20px;
  margin-top:3px;
  position:relative;
  z-index:999;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu {
 height:30px;
 margin-top:-2px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
#menu li {
margin-top:5px;
}
}

#edito {
  margin-top:11px;
  padding-top:20px;
  background-color:#e0ded9;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #edito {
 margin-top:7px;
}
}

#sitesansbg {
  margin-top:35px;
  padding-top:10px;
}

.edito {
  border-bottom: 1px dotted #f06203;
  padding-bottom:5px;
  margin-bottom:10px;
  text-shadow:0 1px #FFFFFF;
}

h2.edito {
  color:#E54121;
}

.chapo {
  font-size:0.9em;
  color:#000;
  font-weight:bold;
}

.chapo p {
}

.contenu {
  margin-top:20px;
  font-size:12px;
  min-height:190px;
}

.contenu ul li {
  padding-left:0px;
  line-height:1.4em;
  list-style-image: url(../images/picto_list3.png);
  list-style-position: inside;
}

.contenu img {
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
  border: 1px solid #fff;
  margin-right:15px;
}

#noborder img {
  -moz-box-shadow: 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px #ffffff;
  border: 0px solid #fff;
}

#paragraphe img {
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
  border: 1px solid #fff;
}

#paragraphe.page7 img {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

#noborder {
  padding:10px;
  margin:10px;
  background-color:#fff;
}

.table_logo {
  background-color:#fff;
  padding:10px;
  margin:10px 10px 10px 0px;
}

.table_logo td {
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
}

.table_logo img {
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

.description table {
  width:100%;
}

table.infogeneral {
 width:100%:
}

#cieter td {
  vertical-align: middle;
}

table td {
  vertical-align:top;
}

.infogeneral td {
  vertical-align: top;
}

#noborder img {
  -moz-box-shadow: 0px 0px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px #ffffff;
  border: 0px solid #fff;
}

.contenu a {
  text-decoration:underline;
}

.contenu a:hover {
  text-decoration:none;
}

.imageleft {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  border: 1px dotted #FFFFFF;
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
}

.imagemiddle {
  vertical-align:middle;
}

.h800 {
  height:400px;
  background-color:#F00000;
}

.upper {
  text-transform: uppercase;
  font-size:12px;
  color:#848484;
  font-weight:bold;
}

.height {
  margin-top:auto;
  margin-bottom:auto;
  height:100%;
}

.w200 {
  width:182px;
}

.w280 {
  width:280px;
}

.w700 {
  width:750px;
}

.colonneright {
  margin-left:270px;
  margin-bottom:25px;
}

#sitesansbgaccueil {
  width:800px;
}

.actuaccueil {
  width:315px;
  height:283px;
  margin-left:70px;
  margin-right:10px;
  margin-top:40px;
}

.actu {
  margin-top:5px;
  padding-top:10px;
  border-top: 1px dotted #93928c;
}

.infogeneral {
  line-height: 1.4em;
  margin-top:20px
}

.actu img {
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}

.actu h3 {
  margin-bottom:5px;
}

.actu a:hover {
}

.actu .date {
  color:#808080;
  font-size:90%;
}

.ligne {
  padding:10px;
  border-bottom: 1px dotted #93928c;
}

.ligne h4 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.bgedito {
  height:4px;
  background-image:url("/images/bgedito.gif");
  background-repeat:repeat-x;
}

.bgcolonne, .bgcolonne.carte {
  border: 1px solid #bab4b4;
  border-top: 5px solid #bab4b4;
  background: #d2d2d2 url(../images/carte_bloc_bg.png) repeat-x left top;
  padding:7px;
  margin-bottom:20px;
  -moz-box-shadow: 0px 1px 4px #808080;
  -webkit-box-shadow: 0px 1px 4px #808080;
  box-shadow: 0px 1px 4px #808080;
  margin-top:20px;
}

.bgcolonne.typelieu {
  margin-top:0px;
}

.carte {
  position:relative;
  width:175px;
  height:165px;
  z-index:0;
  background:url(/images/carte.jpg) no-repeat;
}

.carte a {
  display:block;
}

.divdpt85 {
  z-index:6;
  position:absolute;
  left:31px;
  top:102px;
  width:69px;
  height:53px;
}

.divdpt72 {
  z-index:6;
  position:absolute;
  left:107px;
  top:16px;
  width:58px;
  height:59px;
}

.divdpt44 {
  z-index:6;
  position:absolute;
  left:15px;
  top:55px;
  width:71px;
  height:62px;
}

.divdpt53 {
  z-index:6;
  position:absolute;
  left:73px;
  top:11px;
  width:53px;
  height:53px;
}

.divdpt49 {
  z-index:6;
  position:absolute;
  left:67px;
  top:57px;
  width:68px;
  height:54px;
}

#img85 {
  width:69px;
  height:53px;
  z-index:2;
}

#img72 {
  width:58px;
  height:59px;
  z-index:3;
}

#img44 {
  width:71px;
  height:62px;
  z-index:4;
}

#img53 {
  width:53px;
  height:53px;
  z-index:5;
}

#img49 {
  width:68px;
  height:54px;
  z-index:6;
}

.carte .fondcarte {
  height:165px;
  position:relative;
  width:175px;
  z-index:0;
}

.img49:hover {
  background:url(/images/49.gif) no-repeat;
}

.img53:hover {
  background:url(/images/53.gif) no-repeat;
}

.img72:hover {
  background:url(/images/72.gif) no-repeat;
}

.img85:hover {
  background:url(/images/85.gif) no-repeat;
}

.img44:hover {
  background:url(/images/44.gif) no-repeat;
}

.actif49 {
  background:url(/images/49.gif) no-repeat;
}

.actif53 {
  background:url(/images/53.gif) no-repeat;
}

.actif72 {
  background:url(/images/72.gif) no-repeat;
}

.actif85 {
  background:url(/images/85.gif) no-repeat;
}

.actif44 {
  background:url(/images/44.gif) no-repeat;
}

.actif49:hover {
  background:url(/images/49.gif) no-repeat;
}

.actif53:hover {
  background:url(/images/53.gif) no-repeat;
}

.actif72:hover {
  background:url(/images/72.gif) no-repeat;
}

.actif85:hover {
  background:url(/images/85.gif) no-repeat;
}

.actif44:hover {
  background:url(/images/44.gif) no-repeat;
}

/*infobulle carte*/
.infobulle {
  font-size:0.85em;
  font-weight:bold;
  padding-right:10px;
  line-height: 1.15em;
}

.infobulle img {
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
  border: 1px solid #fff;
  margin-bottom:10px;
}

.infobulle .titre {
  margin-bottom:5px;
  display:block;
}

.infobulle a {
}

.infobulle a:hover {
  text-decoration:none;
  color:#F06203;
}

.infobulle .addresse {
  font-weight:normal;
}

.infobulle .cp {
  font-weight:normal;
}

.infobulle .tel {
  font-weight:normal;
}

.infobulle .email a {
  font-weight:normal;
}

.infobulle .site a {
  font-weight:normal;
}

.bgcolonne.agenda {
  border-top: 5px solid #329ac6;
  padding:7px;
  margin-bottom:20px;
  background: #b6daee url(../images/agenda_bloc_bg.png) repeat-x left top;
  border-right: 1px solid #329ac6;
  border-bottom: 1px solid #329ac6;
  border-left: 1px solid #329ac6;
  height:230px;
  margin-top:0px;
}

.gris {
  color:#808080;
}

.blanc {
  color:#FFFFFF;
}

.bleu {
  color:#2f99c6;
}

.orange {
  color:#f06203;
}

h2 {
  text-transform:uppercase;
  font-size:20px;
  font-weight:bold;
  text-shadow:1px 1px #FFFFFF;
}

h3 {
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
}

.bgblueciel {
  background-color:#dce9f0;
}

.bgblanc {
  background-color:#FFFFFF;
}

.bggris {
  background: /*#cac3bf*/ url(../images/list_dpt_bg2.png) repeat-x center center;
}

.bold16 {
  font-weight: bold;
  font-size:16px;
  color:#FFF;
}

.padding2025 {
  padding: 2px 0px 2px 5px;
  padding-right:10px;
}

.titrecolonne {
  text-transform:uppercase;
  font-size:16px;
  font-weight:bold;
  width:180px;
}

.titrecolonne .blanc {
  text-shadow:#808080 1px 1px;
}

.filetbas {
  padding-bottom:10px;
  border-bottom: 5px solid #b6b0ad;
  margin-right:-15px;
}

.ariane {
  height:55px;
  margin-bottom: 10px;
  font-size:0.85em;
}

#pathariane {
  padding-bottom:20px;
  color:#adaca6;
}

#pathariane a {
  text-decoration: underline;
  color:#adaca6;
}

#pathariane a:hover {
  color:#F06203;
  text-decoration:underline;
}

#pictovue {
  margin-top:-7px;
  width:180px;
}

#pictovue .left {
  margin-left:10px;
  padding-right:0;
  width:80px;
  position:relative;
  height:28px;
}

#pictovue div {
  width:100px;
}

#pictovue a {
  color:#FFFFFF;
  text-transform: uppercase;
  font-weight:bold;
  position:relative;
}

#pictovue img {
  position: relative;
  z-index:0;
}

.recordcarte:hover {
  background-image: url(/images/button-carte-hover.jpg);
}

.recordliste:hover {
  background-image: url(/images/button-liste-hover.jpg);
}

#pictovue .buttonannuaire {
  margin-top:1px;
  position:absolute;
  right:12px;
  top:2px;
  z-index:99;
  text-decoration:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#pictovue .buttonannuaire {
 left:28px;
 top:0px;
 text-decoration:none;
}
}

#region {
  text-transform: none;/*font-weight: normal;*/
}

#ariane {
  padding-top:-20px;
}

.soustitrecolonne {
  margin-top:15px;
  margin-bottom:5px;
  text-transform:uppercase;
  font-size:15px;
  font-weight:bold;
}

.contenucolonne {
  margin-top:10px;
  text-align:center;
  border:1px solid #d2d1d1;
}

.showelementdiv {
  display:none;
}

.elementdiv {
  display:block;
}

a:hover {
  cursor: pointer;
  cursor: hand;
}

#footer {
  height:42px;
  background-image:url("/images/footer.png");
  background-repeat:repeat-x;
  margin-top:25px;
}

#footer a:hover {
  text-decoration:underline;
}

.more {
  background:url("../images/more_bg_off.png") no-repeat scroll center center transparent;
  cursor:pointer;
  height:20px;
  margin-top:15px;
  padding-top:6px;
  text-align:center;
  width:317px;
}

.more:hover {
  background: url(../images/more_bg_on.png) no-repeat center center;
}

.more.bleu:hover {
  background: url(../images/more_bg2_on.png) no-repeat center center;
}

#header a {
  text-decoration: none;
  color:#555555;
}

#bottom a {
  text-decoration: none;
  color:#555555;
}

#bottom {
  padding-top:13px;
  text-align:center;
}

#regle {
  margin-top:15px;
  text-align:center;
}

#calendar {
  font-family:Arial, Helvetica, sans-serif;
}

.centrage {
  text-align:center;
}

#regle a {
  text-decoration: none;
  color:#93928c;
  font-size:13px;
  font-weight:bold;
  padding-left:3px;
  padding-right:3px;
}

#regle .actif, #regle a:hover {
  text-decoration: none;
  color:#FFFFFF!important;
  background-color:#F06203;
  font-size:13px;
  font-weight:bold;
}

.titreslider {
  background-color:#f7f6f1;
}

.backajout {
  background-color:#f7f6f1;
}

.cadre {
  background-color:#f7f6f1;
  padding:20px;
}

hr {
  border-top: 1px dotted black;
}

div.row {
  clear:both;
  width:435px;
}

div.row span.label {
  float:left;
  text-align:right;
  width:100px;
}

div.row span.formw {
  float:right;
  text-align:left;
  width:335px;
}

.tabledetail {
  margin-top:5px;
  margin-bottom:5px;
  width:690px;
}

.margecheckbox {
  margin-left:25px;
  font-size:10px;
}

.margespan {
}

.agrandir {
  font-weight: bold;
  font-size:20px;
  margin-right:20px;
}

.margeoui {
  margin-right:20px;
}

#submit2 {
  margin-top:20px;
}

.formulaire {
  width:100%;
}

.menusubmit {
  margin-top:25px;
  margin-bottom:50px;
}

.datetime {
  height:362px;
}

.tablelibelle {
  vertical-align:top;
  width:260px;
  padding-right:20px;
}

.tablevaleur {
  width:420px;
}

.AnyTime-win {
  width:362px;
  height:420px;
}

.field input {
  width:90%;
  padding-left:3px;
}

#paragraphe .chapo {
  font-size:12px;
  font-weight:normal;
  color:#3a3a3a;
  margin-top:15px;
}

#paragraphe .description {
  font-size:12px;
  font-weight:normal;
  color:#3a3a3a;
  margin-bottom:15px;
  line-height:normal;
}
#paragraphe .description object {
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
  border: 1px solid #fff;
  margin-right:30px;
}

#paragraphe img {
  margin-top:5px!important;
  margin-left:2px!important;
  margin-right:15px!important;
}

#paragraphe .titre {
  font-size:1.15em;
  font-weight:bold;
  color:#2f99c6;
  margin-top:20px;
  margin-bottom:10px;
}

#paragraphe .titre a {
  text-decoration: none;
}

#paragraphe .titre a:hover {
  text-decoration: none;
  color: #2F99C6;
}

#paragraphe ul, #paragraphe li {
  line-height:1.4em;
}

#paragraphe ul {
  padding-top:5px;
}

.jcarousel-item {
  padding-left:2px;
  background: url(none);
}

#paragraphe li {
  padding-left:12px;
  background: url(../images/picto_list3.png) no-repeat left 4px;
}

.jcarousel-item {
  padding-left:2px;
  background: url(none);
}

.field select {
  border:1px solid #808080;
  width:225px;
}

.field textarea {
  width:420px;
  margin-left:100px;
  padding-left:3px;
}

.maxtextarea {
  margin-left:100px;
}

#wizard .title {
  border-bottom:1px dotted #E64120;
  color:#E64120;
  font-size:20px;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:10px;
  text-transform:uppercase;
}

#coordonnee {
  font-size:11px;
  color:#fff;
  margin-top:-7px;
  padding-right:20px;
  line-height:1.3em;
}

#coordonnee a {
  text-decoration:none;
  color:#fff;
}

#caravane {
  position:absolute;
  right:0;
  bottom:-40px;
  width:400px;
}

#wizard .title span {
  font-size:12px;
}

.field a {
  color:#E64120;
}

.editer {
  margin-bottom:20px;
  margin-top:20px;
}

.editer a {
  font-size:15px;
  color:#E64120;
}

fieldset {
  margin-bottom:10px;
  padding:20px;
}

legend {
  color:#A0522D;
  font-weight:bold;
}

label {
  display:block;
}

label.inline {
  display:inline;
}

input:focus {
  background:none repeat scroll 0 0 #FFF;
}

textarea:focus {
  background:none repeat scroll 0 0 #FFF;
}

option, select:hover {
  background-color:#FFF;
}

input {
  background-color:#fff;
  border:1px solid #808080;
}

input[type="radio"] {
  background-color:transparent;
  border:medium none;
  margin-right:50px;
}

select, option {
  background-color:#E0DED9;
}

textarea {
  background-color:#E0DED9;
  border:1px solid black;
  width:440px;
  height:160px;
  margin-left:5px;
}

input[type="submit"], input[type="reset"] {
  border:0 outset #A6BEDE;
  cursor:pointer;
  font-weight:bold;
  border:1px solid #d0cfcd;
  color:#fff;
  padding:0;
  background: #d0cfcd url(../images/form_btn.png) repeat-x center center;
  border:none;
  font-size:10px;
  height:18px;
  text-transform:uppercase;
  padding-bottom:2px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

#header input[type="submit"], #header input[type="reset"] {
  background: url(../images/header_form_btn.png) no-repeat center center;
  border:none;
  font-size:10px;
  height:18px;
  text-transform:uppercase;
  width:27px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

input[type="submit"]:hover, input[type="reset"]:hover {
  border:none;
  color:#000;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

#header input[type="submit"]:hover, #header input[type="reset"]:hover {
  border:none;
  color:#000;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

input[type="submit"]:active, input[type="reset"]:active {
  background-color:#E0DED9;
  border:1px solid #A6BEDE;
  color:black;
}

/* Recherche */
.search {
  width: 200px;
}

.search .searchtext input {
  margin-right: 2px;
  color: #606060;
  width: 170px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.search .searchtext input {
 margin-right: 2px;
 height:16px;
 color: #606060;
 width: 170px;
}
}

.search .searchtext input:focus {
  border:1px solid #E54121;
}

.search .searchsubmit input {
  height: 22px;
  width: 24px;
  padding-top:1px;
}

/* Annuaire */
.typelieu label {
  height: 25px;
}

.typelieu label#type1 {
  background: url(../images/picto_list_compagnie.png) no-repeat 150px center;
}

.typelieu label#type3 {
  background: url(../images/picto_list_residence.png) no-repeat 150px center;
}

.typelieu label#type4 {
  background: url(../images/picto_list_structure.png) no-repeat 150px center;
}

#mapsearch {
  height:550px;
  width:763px!important;
  border:1px solid #808080;
}

.listing.listeannuaire img {
  float:left;
  margin-right:15px;
  margin-bottom:5px;
}

.listing.listeannuaire h4 a:hover {
  text-decoration: none;
  color:#F06203;
}

.listing.listeannuaire .details p {
  font-size:0.97em;
  margin-bottom:15px;
  margin-top:10px;
}

.listing.listeannuaire .ligne {
  min-height:45px;
  padding-bottom:15px;
  padding-top:15px;
  position:relative;
  width:745px;
}

.listing.listeannuaire .ligne .imgVerySmall {
  -moz-box-shadow:0 0 3px #808080;
  background-color:#FFFFFF;
  border:1px solid #999999;
  height:50px;
  margin-right:10px;
  padding:0;
  text-align:center !important;
  width:50px;
}

.listing.listeannuaire .ligne .imgVerySmall p.left {
  height:50px;
  width:50px;
}

.listing.listeannuaire .ligne .imgVerySmall p.left a {
  display:table-cell;
  height:50px;
  width:50px;
  vertical-align:middle;
}

.listing.listeannuaire .ligne .imgVerySmall p.left img {
  float:none !important;
  margin:auto;
}

.listing.listeannuaire .ligne h4 {
  padding-top: 0px;
}

.listing.listeannuaire .ligne span.cr {
  line-height:normal;
}

.listing.listeannuaire .ligne .siteinternet {
  margin-top: 5px;
  margin-bottom: 3px;
  font-size: 0.9em;
}

.listing.listeannuaire .ligne .email {
  margin-left: 10px;
  font-size: 0.9em;
}

.listing.listeannuaire .ligne .siteinternet a {
  background: url(../images/picto_list.png) no-repeat left 3px;
  padding-left: 12px;
}

.listing.listeannuaire .ligne .email a {
  background: url(../images/picto_list.png) no-repeat left 3px;
  padding-left: 12px;
}

.listing.listeannuaire .ligne .ensavoirplus a {
  background: url(../images/picto_list2.png) no-repeat left 3px;
  padding-left: 12px;
  font-size:0.85em;
  color:#F06203;
  position:absolute;
  right:10px;
  bottom:10px;
}

.listing.listeannuaire .ligne .adresse {
  float: left;
  margin-right: 5px;
}

/* Fiche détaillée operateur */
.listing.listeannuaire .detail {
  width:100%;
  position: relative;
}

.listing.listeannuaire .detail h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.listing.listeannuaire .detail h3 {
  margin-bottom: 5px;
}

.listing.listeannuaire .detail img {
  -moz-box-shadow:0 0 3px #0D0F12;
  border:1px solid #FFFFFF;
}

.listing.listeannuaire .detail span.cr {
  line-height:normal;
}

.listing.listeannuaire .detail .adresse {
  float: left;
  margin-right: 5px;
  display:block;
}

.listing.listeannuaire .detail .telephone {
  margin-top:2px;
}

.listing.listeannuaire .detail .siteweb {
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 0.9em;
}

.listing.listeannuaire .detail .email {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.listing.listeannuaire .detail .siteweb a {
  background: url(../images/picto_list.png) no-repeat left 3px;
  padding-left: 12px;
}

.listing.listeannuaire .detail .email a {
  background: url(../images/picto_list.png) no-repeat left 3px;
  padding-left: 12px;
}

.listing.listeannuaire .detail .licence {
  margin-bottom: 10px;
  margin-top:10px;
  font-size: 0.85em;
}

.listing.listeannuaire .detail .statustroupe {
  font-size: 0.85em;
}

.listing.listeannuaire .detail .statusjuridique {
  font-size: 0.85em;
}

.listing.listeannuaire .detail .agentartistique {
  font-size: 0.85em;
}

.listing.listeannuaire .detail .presentation {
  color:#2F99C6;
  display:block;
  font-size:1.2em;
  font-weight:bold;
  margin-top:15px;
  clear:left;
  margin-bottom:3px;
}

.listespectacle {
  width:80%;
  margin-left:10%;
}

.sortiefabrique {
  padding-top:15px;
  padding-bottom:5px;
}

.sortiefabrique .imgCenter {
  padding-right:10px;
}

.sortiefabrique img {
  -moz-box-shadow:0 0 3px #0D0F12;
  border:1px solid #FFFFFF;
}

a.info {
  position:relative; /*this is the key*/
  z-index:24;
  background-color:#ccc;
  color:#000;
  text-decoration:none
}

a.info:hover {
  z-index:25;
  background-color:#EFEEEA
}

a.info span {
  display: none
}

a.info:hover span { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:0px;
  left:2em;
  width:15em;
  border:2px solid #B6B0AD;
  background-color:#EFEEEA;
  color:#555;
  text-align: left;
  padding:15px;
}

.imgGrande {
  width:250px;
  min-height:160px;
}

.imgNormal {
  width:150px;
  min-height:120px;
}

.imgSmall {
  width:75px;
  height:75px;
}

.imgCenter {
  float:left;
  align:center;
  text-align:center;
  margin:5px;
  margin: 0 auto;
  padding-right:10px;
}

.imgCenter img {
  display:block;
  vertical-align:middle;
  margin: 0 auto;
}

/* contenu menu La Paperie */
.bgcolonne.archive {
  margin-top:-15px;
}

#site.moduledroitepresent {
  width:700px;
  margin-right:30px;
}

#paragraphe.moduledroitepresent {
  width:700px;
  margin-right:50px;
}

#paragraphe.moduledroitepresent .w700 {
  width:700px;
}

#galeriePhoto {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #e3e0db;
  border: 1px solid #b2b1ad;
  margin-bottom:20px;
  padding-left:10px;
}

#galeriePhoto h3 {
  font-size:1em;
}

#galeriePhoto h3 .blanc {
  text-shadow:1px 1px #808080;
}

.gallery {
  width:600px;
}

.divGallery {
  width:670px;
}

/*popup galerie photo*/
#pp_full_res {
  background-color: #EFEEEA;
}

.descriptifdetail {
  font-family:arial;
  font-size:0.8em;
}

#pp_full_res {
}

#pp_full_res {
}

#galerieVideo {
}

#galerieVideo .nomvideo {
  color:#2F99C6;
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:20px;
}

#galerieVideo .soustitre {
  margin-bottom: 5px;
  font-size:0.9em;
}

.jcarousel-container-horizontal {
  width:670px;
}

.jcarousel-list {
  width:650px;
  height:82px;
}

.jcarousel-item {
  float:left;
}

.jcarousel-clip-horizontal {
  width:650px;
  height:85px;
  margin-left:20px;
}

.jcarousel-clip {
  width:650px;
  height:85px;
  margin-left:20px;
}

.jcarousel-next {
  background:transparent url(/images/next-horizontal.png) no-repeat scroll right center;
  cursor:pointer;
  height:105px;
  position:absolute;
  right:-30px;
  top:-10px;
  width:18px;
}

.jcarousel-prev {
  background:transparent url(/images/prev-horizontal.png) no-repeat scroll left center;
  cursor:pointer;
  height:105px;
  left:-10px;
  position:absolute;
  top:-10px;
  width:18px;
}

.jcarousel-next:hover {
  background:transparent url(/images/next-horizontal.png) no-repeat scroll left center;
}

.jcarousel-prev:hover {
  background:transparent url(/images/prev-horizontal.png) no-repeat scroll right center;
}

.jcarousel-next:active {
  background:transparent url(/images/next-horizontal.png) no-repeat scroll center center;
}

.jcarousel-prev:active {
  background:transparent url(/images/prev-horizontal.png) no-repeat scroll center center;
}

#galeriePhoto li {
  margin-left:0px;
  background-image:none;
  padding-left:4px;
}

#galeriePhoto img {
  -moz-box-shadow:0 0 3px #0D0F12;
  border:1px solid #FFFFFF;
  margin-left:0px!important;
  margin-right:0px!important;
  margin-top:3px !important;
}

#galeriePhoto img:hover {
  border: 1px solid #000;
}

/* Liste calendrier */

.listing.listeagenda {
}

.listing.listeagenda .element1 {
  padding-bottom:0px;
  padding-left:0;
  padding-top:0px;
  position:relative;
}

.listing.listeagenda .ligne.active {
  background-color:#FFFFFF;
  padding-left:15px;
  width:735px;
}

.listing.listeagenda .evenementsilhouette {
  padding-bottom:15px;
  padding-top:15px;
  min-height:100px;
}

.listing.listeagenda .evenementsilhouette.active {
  background-color:#FFFFFF;
  padding-left:15px;
  padding-right:10px;
  width:735px;
}

.listing.listeagenda .details a {
  color:#0387d2;
  text-decoration:underline;
  font-size:0.85em;
  background: url(../images/picto_list.png) no-repeat left 3px;
  padding-left: 12px;
}

.listing.listeagenda a.hand {
  background-image: url(none);
}

.listing.listeagenda a:hover {
  text-decoration:none;
  color:#0387d2!important;
}

.listing.listeagenda img {
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
  border: 1px solid #fff;
  float:left;
  margin-right:15px;
  margin-bottom:5px;
}

.listing.listeagenda img:hover {
  -moz-box-shadow: 0px 0px 6px #E54121;
  -webkit-box-shadow: 0px 0px 6px #E54121;
  box-shadow: 0px 0px 6px #E54121;
  border: 1px solid #000;
}

.listing.listeagenda .titre {
  font-size:1.4em;
}

.listing.listeagenda .titre, .listing.listeagenda .titre a {
  background:url("../images/picto_list_title.png") no-repeat scroll left 4px transparent;
  color:#514E4E;
  cursor:pointer;
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  margin-bottom:10px;
  margin-top:0;
  padding-left:15px;
  text-decoration:none;
  width:500px;
}

.listing.listeagenda .titre a:hover, .listing.listeagenda .titre:hover, .listing.listeagenda .active .titre, .listing.listeagenda .active .titre a {
  color:#2F99C6;
  text-decoration:none;
  background:url("../images/picto_list_title.png") no-repeat scroll left -10px transparent!important;
}

.listing.listeagenda .date {
  position: absolute;
  top: 15px;
  right: 10px;
  color: #2F99C6;
  font-size: 1.2em;
  font-weight: bold;
}

.listing.listeagenda .horaire {
  color:#514E4E;
  font-weight:bold;
  position:absolute;
  right:10px;
  top:35px;
}

.listing.listeagenda .evenement {
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}

.listing.listeagenda .spectacledetail {
  display:block;
  margin-top: 10px;
  line-height:1.1em;
}

.listing.listeagenda .spectacledetail .spantitre {
  color: #000;
}

.listing.listeagenda .annee {
  display:block;
  color: #F06203;
  font-size:0.85em;
}

.listing.listeagenda .duree {
  display:block;
  color: #F06203;
  font-size:0.85em;
}

.listing.listeagenda .public {
  color: #F06203;
  display:block;
  font-size:0.85em;
}

.listing.listeagenda .nomlieu {
  display:inline-block;
  margin-top:6px;
  color: #000;
  font-size:0.85em;
}

.listing.listeagenda .lieudetail {
  color: #000;
  display:inline-block;
  margin-top:6px;
  font-size:0.85em;
}

.listing.listeagenda .description {
  display:block;
  color: #767070;
  margin-top: 10px;
  margin-bottom:10px;
  font-size:0.97em;
}

.listing.listeagenda .ensavoirplus {
  background:url("../images/picto_list2.png") no-repeat scroll left 3px transparent;
  bottom:10px;
  color:#F06203;
  font-size:0.85em;
  padding-left:12px;
  position:absolute;
  right:10px;
  bottom:12px;
}

.listing.listeagenda .ligne {
  border-bottom: 5px solid #d0cfcd;
  position:relative;
}

.listing.listeagenda .bgblanc {
  background-color: transparent;
}

.listing.listeagenda .listespectacle {
  border-top:1px dotted #808080;
  margin-top:25px;
  position:relative;
}

.listing.listeagenda .listespectacle h5 {
  margin-top:10px;
  font-size:1.2em;
}

/* FICHE DETAILLEE  */

/*.bgcolonne.operateur {
  -moz-box-shadow:0 1px 4px #808080;
  background:#dedede url(../images/bgcolonne_generic.gif) repeat-x scroll left top;
  border-color:#BAB4B4;
  border-right:1px solid #BAB4B4;
  border-style:solid;
  border-width:5px 1px 1px;
  margin-bottom:20px;
  padding:7px;
  width: 220px;
}

.bgcolonne.operateur .infogeneral {
  margin-top: 10px;
}*/
.ariane.details {
  height:25px;
}

.filetbas.details {
  border-bottom:none;
}

.listing.listeannuaire .operateurs {
  line-height:normal;
  border-bottom:2px solid #B6B0AD;
  margin-bottom:20px;
  width:100%;
}

.listing.listeannuaire .operateurs h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.listing.listeannuaire .operateurs .visuel {
  max-width: 120px;
}

.listing.listeannuaire .operateurs .spantitre {
  color:#555555;
  font-weight: bold;
}

.listing.listeannuaire .operateurs .general {
  border-left: 4px double #b2b1b1;
  border-right: 4px double #b2b1b1;
  padding-right: 15px;
  padding-left: 15px;
  line-height:1.4em;
  margin-top:20px;
  margin-bottom: 10px;
}

.listing.listeannuaire .operateurs .infogeneral {
  padding-right: 15px;
  padding-left: 15px;
  line-height:1.4em;
  margin-top:20px;
  margin-bottom: 10px;
}

.listing.listeannuaire .operateurs .contact {
  padding-left: 15px;
  text-align: right;
}

.listing.listeannuaire .operateurs .siteweb {
  margin-top: 0px;
  margin-bottom: 3px;
  font-size: 0.9em;
}

.listing.listeannuaire .operateurs .email {
  margin-bottom: 10px;
  font-size: 0.9em;
}

.listing.listeannuaire .operateurs .representant {
  margin-left:12px;
}

.listing.listeannuaire .operateurs .statusjuridique {
  font-size:0.85em;
  color:#F06203;
}

.listing.listeannuaire .operateurs .diffuseur {
  font-size:0.85em;
  color:#F06203;
}

.listing.listeannuaire .operateurs .licence.cr {
  margin-bottom: 10px;
  font-size: 0.85em;
  color:#555555;
  font-weight:bold;
}

.listing.listeannuaire .operateurs .licence.cr .cr {
  font-weight:normal;
  color:#F06203;
}

.listing.listeannuaire .operateurs .lieulabellise {
  margin-top: 10px;
  font-size: 0.85em;
  color:#F06203;
}

.listing.listeannuaire .operateurs .infocompagnie {
  margin-top: 10px;
  margin-bottom:20px;
  border-top: 2px solid #B6B0AD;
  font-size:0.9em;
}

.listing.listeannuaire .operateurs .inforesidence {
  margin-top: 10px;
  margin-bottom:20px;
  border-top: 2px solid #B6B0AD;
  font-size:0.9em;
}

.listing.listeannuaire .operateurs .inforesidence span.servicesproposes {
  font-weight:bold;
  margin-top:10px;
}

.listing.listeannuaire .operateurs .infofestival {
  margin-top: 10px;
  margin-bottom:20px;
  border-top: 2px solid #B6B0AD;
  font-size:0.9em;
}

.listing.listeannuaire .operateurs .infocompagnie th, .listing.listeannuaire .operateurs .inforesidence th, .listing.listeannuaire .operateurs .infofestival th {
  font-size:1.5em;
  padding-bottom:5px;
  padding-top:10px;
  text-align:left;
  text-transform:uppercase;
}

.listing.listeannuaire .operateurs .infocompagnie p, .listing.listeannuaire .operateurs .inforesidence p, .listing.listeannuaire .operateurs .infofestival p {
  margin-bottom:20px;
  line-height: 1.6em;
}

.listing.listeannuaire .operateurs .infofestival img {
  margin-top:15px;
}

.presentationspectacle {
  background-color:#2F99C6;
  color:#FFFFFF;
  clear:left;
  display:inline-block;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:0;
  margin-right:5px;
  margin-top:10px;
  padding:1px 5px;
}

.listing.listeannuaire .operateurs .presentation {
  clear:left;
  color:#FFFFFF;
  display:inline-block;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:0;
  margin-right:5px;
  margin-top:10px;
  padding:1px 5px;
}

.listing.listeannuaire .operateurs .infocompagnie .presentation {
  background-color:#2F99C6;
}

.listing.listeannuaire .operateurs .inforesidence .presentation {
  background-color:#F06203;
}

.listing.listeannuaire .operateurs .infofestival .presentation {
  background-color:#b473aa;
}

.listing.listeannuaire .operateurs .infocompagnie th {
  color:#2F99C6;
}

.listing.listeannuaire .operateurs .inforesidence th {
  color:#F06203;
}

.listing.listeannuaire .operateurs .infofestival th {
  color:#b473aa;
}

.listing.listeannuaire .operateurs ul {
  margin-top:10px;
  margin-bottom:20px;
}

.listing.listeannuaire .operateurs ul li {
  padding-left: 15px;
  background: url(../images/picto_list3.png) no-repeat left 4px;
}

.listing.listeannuaire .operateurs .infocompagnie .agentartistique {
  margin-top: 0px;
  font-size: inherit;
  color: #2F99C6;
  font-weight:bold;
  margin-bottom:4px;
}

.listing.listeannuaire .operateurs .infocompagnie .telartistique {
  margin-bottom:4px;
}

.listing.listeannuaire .operateurs .infocompagnie .email {
  font-size: inherit;
}

.listing.listeannuaire .operateurs .infospectacle {
  background-color: #F4F4F2;
  margin-bottom: 40px;
  margin-top: 20px;
  border-collapse: collapse;
  border-bottom: 4px solid #B6B0AD;
  border-top: 1px dotted #808080;
}

.listing.listeannuaire .operateurs .infospectacle .col1 {
}

.listing.listeannuaire .operateurs .infospectacle .visuel {
  padding-left:30px;
  padding-top:25px;
}

.listing.listeannuaire .operateurs .infospectacle .visuel img {
  float:none;
}

.listing.listeannuaire .operateurs .infospectacle .col2 {
  width:25%;
  border-right:1px dotted #B2B1B1;
  padding-right:10px;
  color: #F06203;
  padding-top:40px;
  vertical-align:top;
}

.listing.listeannuaire .operateurs .infospectacle .col3 {
  width:26%;
  border-right:1px dotted #B2B1B1;
  padding-right:10px;
  color: #F06203;
  padding-top:40px;
  vertical-align:top;
}

.listing.listeannuaire .operateurs .infospectacle .col4 {
  width:26%;
  color: #F06203;
  padding-top:40px;
  vertical-align:top;
}

.listing.listeannuaire .operateurs .infospectacle td {
  padding:10px;
  border-collapse: collapse;
}

.listing.listeannuaire .operateurs .infospectacle .nomspectacle {
  font-size:1.6em;
  color:#2F99C6;
}

.listing.listeannuaire .operateurs .infospectacle .nomspectacle .spantitre {
  color:#555555;
  display:block;
  font-size:0.7em;
}

.listing.listeannuaire .operateurs .infospectacle .spantitre {
  color:#555555;
  font-weight: bold;
}

.listing.listeannuaire .operateurs .infospectacle .descriptionspectacle {
  display:block;
  padding-left:20px;
  padding-right:10px;
}

.listing.listeannuaire .operateurs .infospectacle .domaineartistique {
  display:block;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire {
  border-collapse:collapse;
  margin:10px 20px;
  width:96%;
  border-bottom: 1px dotted #808080;
  border-top: 1px dotted #808080;
  font-size: 0.9em;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire td {
  padding: 4px 5px 4px 0px;
  border-collapse: collapse;
  border-bottom:1px dotted #808080;
  vertical-align:top;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire .col1 {
  width:20%;
  border-right: none;
  color: #2F99C6;
  font-weight:bold;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire .col2 {
  width:14%;
  border-right: none;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire .col3 {
  width:28%;
  border-right: none;
  color:#555555;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire .col4 {
  width:30%;
  border-right: none;
  color:#555555;
}

.listing.listeannuaire .operateurs .infospectacle .datehoraire .col5 {
  width:8%;
  border-right: none;
  color:#555555;
}

/*fiche festival*/

table.festival {
}

table.festival .titre.evenementcr {
  font-size:20px;
  font-weight:bold;
  text-shadow:1px 1px #FFFFFF;
  text-transform:uppercase;
  display: block;
  margin-bottom:20px;
  margin-top:20px;
}

table.festival .description {
  border-bottom:2px solid #B6B0AD;
  margin-bottom:0;
  padding-bottom:20px;
  margin-top:10px;
  line-height: 1.4em;
}

table.festival table.evenement {
  line-height:1.4em;
  margin-bottom:15px;
}

table.festival table.evenement .col1 {
  width:15%;
}

table.festival table.evenement .col2 {
  border-left:4px double #B2B1B1;
  border-right:4px double #B2B1B1;
  line-height:1.4em;
  margin-bottom:10px;
  padding-left:15px;
  padding-right:15px;
  vertical-align:top;
  padding-top:20px;
  width:29%;
}

table.festival table.evenement .col3 {
  padding-left:15px;
  padding-right:15px;
  border-right:4px double #B2B1B1;
  color:#F06203;
  vertical-align:top;
  padding-top:20px;
  width:27%;
}

table.festival table.evenement .col4 {
  padding-left:15px;
  vertical-align:top;
  padding-top:20px;
  width:30%;
}

table.festival img {
  -moz-box-shadow: 0px 0px 3px #0d0f12;
  -webkit-box-shadow: 0px 0px 3px #0d0f12;
  box-shadow: 0px 0px 3px #0d0f12;
  border: 1px solid #fff;
  margin:inherit;
}

table.festival .spantitre {
  color:#555555;
  font-weight:bold;
}

table.festival .col3 .spantitre {
  display:block;
}

table.festival table.evenement .col4 .duree {
  margin-bottom:4px;
}

table.festival table.evenement .col4 .domaineartistique {
  color: #F06203;
}

table.festival .lieudetail {
  display:block;
  margin-bottom:5px;
}

table.festival .date {
  margin-bottom:10px;
}

table.festival .programmation {
  font-size:0.9em;
  margin-bottom:20px;
  margin-top:0px;
}

table.festival .programmation .description {
  margin-top:0px;
  padding-top:10px;
  border-bottom-width: 4px;
  background: url(../images/list_programmation_bg2.png) repeat-x left bottom;
}

table.festival .programmation .cr {
  display:block;
  line-height:1.4em;
}

table.festival .programmation td {
  padding-top:20px;
}

table.festival .programmation .evenement {
  border:medium none;
  color:#F06203;
  padding-bottom:0;
  vertical-align:top;
  width:45%;
}

table.festival .programmation .detail {
  color:#F06203;
  width: 40%;
  vertical-align:top
}

table.festival .programmation .spantitre {
  color:#555555;
  font-weight:bold;
}

table.festival .programmation h5 {
  color:#F06203;
  font-size:1.3em;
  border-bottom:2px solid #B6B0AD;
  padding-bottom:20px;
  font-weight:bold;
  line-height:1.1em!important;
  margin-bottom:10px;
  text-transform:uppercase;
}

table.festival .programmation h5 .spectacle {
  display:block;
  width:390px;
  text-transform:none;
  color:#2F99C6;
}

table.festival .programmation h5 .compagnie {
  color:#555555 !important;
  display:block;
  font-size:0.75em;
  font-weight:bold;
  width:390px;
}

table.festival .programmation .date {
  margin-bottom:0px;
}

/* Resultat recherche */
.searchresult .colonneright {
  margin-left: 0px;
  width:100%;
}

.searchresult .full {
  position: relative;
}

.searchresult .search {
  left:150px;
  margin-left:0;
  position:absolute;
  top:32px;
}

.searchresult .bggris {
  display:none;
}
/* Page Login */
.form_login {padding:10px;
text-align:left;}
.form_login .libelle {
  display:block;
  margin-bottom: 3px;
}
.form_login .field {
display:block;
margin-bottom:8px;
}
.form_login .valider a {
  background:url("../images/form_btn.png") repeat-x scroll center center #FFFFFF;
  border-color:-moz-use-text-color #FFFFFF;
  border-style:none solid;
  border-width:medium 1px;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  float:right;
  font-size:12px;
  font-weight:bold;
  height:13px;
  margin-bottom:0px;
  margin-right:5px;
  margin-top:0px;
  padding:5px 0 2px;
  text-decoration:none;
  text-transform:uppercase;
  width:75px;
  text-align: center;
    }