/* reset */

@import url(reset.css);

/* styles */

strong {
  font-weight: 900;
}
em {
  font-style: italic;
}
sup {
  font-size: .7em;
  vertical-align: super;
}
abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted white;
}
abbr {
  text-transform: capitalize;
}
acronym {
  text-transform: uppercase;
}
label {
  cursor: pointer;
}

a:link, a:visited {
  color: yellow;
  text-decoration: underline;
}
a:hover, a:active {
  color: yellow;
  text-decoration: none;
}

/* en general */

html, body {
  font-size: 100%;
}

body {
  background: #007bbe;
  font-family:  arial, verdana, helvetica, tahoma, 'Lucida Sans', 'Bitstream Vera sans', sans-serif;
  font-size: .8em;
  color: white;
}
.clear {
  clear:both;
  visibility: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}

/* structure */

#global {
  margin: 0 auto;
  text-align: center;
  width: 990px;
  background: #004871;
}
#header {
  width: 100%;
  height: 266px;
  background: #007bbe url(../images/template/header.jpg) no-repeat 0 0;
  position: relative;
}
#header ul, #header h1, #header ul li a {
  z-index: 5;
}
#header object {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#content {
  width: 100%;
  height: 1%;
  background: #004871 url(../images/template/fond_right.jpg) no-repeat right bottom;
}
#content-left {
  width: 630px;
  background: #004871 url(../images/template/fond_left.jpg) no-repeat center right;
  padding: 20px 20px 150px 20px;
  float: left;
}
#content-left.euroclear {
   background: #330000 url(../images/template/fond_left_euroclear.jpg) no-repeat center right !important;
}
#content-right {
  width: 320px;
  float: left;
  padding: 0 0 60px 0;
}
#footer {
  width: 950px;
  padding: 0 20px;
  clear: both;
  height: 30px;
  background: #004871;
}

/* mep texte */

#content-left h2 {
  text-align: left;
  color: #007bbe;
  font-family: 'arial black', arial, 'lucida grande', 'gill sans', sans-serif;
  background: transparent url(../images/elements/fond_d_h1.jpg) no-repeat center right;
  font-size: 2.5em;
  letter-spacing: -.12em;
  line-height: 45px;
  display: block;
  width: 400px;
  margin: 0 0 .5em 0;
}
#content-left h2 span {
  background: transparent url(../images/elements/fond_g_h1.jpg) no-repeat center left;
  padding: 0 0 0 50px;
  height: 60px;
  display: block;
  text-align: left;
}
#content-left h3 {
  text-align: left;
  font-weight: 900;
  font-family: 'arial black', arial, 'lucida grande', 'gill sans', sans-serif;
  font-size: 1.5em;
  margin: .5em 0;
}
#content-left p {
  text-align: left;
  margin: 0 0 1.5em 0;
}
#content-left h3 {
  color: #cc3300 ;
}
strong {
  color: #cc3300;
}

#content-left img.euroclear{
   float: left;
}
#content-left img#euroclear{
   margin: 1em 0 1em 0;
}
#content-left h2 span.euroclear{
   margin-top: 2.2em;
}
#footer ul {
  height: 30px;
}
#footer ul li {
  display: inline;
  line-height: 30px;
}

/* liens speciaux */

a.soir {
  display: block;
  width: 139px;
  height: 24px;
  background: transparent url(../images/elements/logo_soir.jpg) no-repeat 0 0;
  text-indent: -5000em;
  position: absolute;
  top: 6px;
  left: 20px;
}
a.references {
  display: block;
  width: 118px;
  height: 28px;
  background: transparent url(../images/elements/logo_references.jpg) no-repeat 0 0;
  text-indent: -5000em;
  position: absolute;
  top: 2px;
  right: 20px;
}
a.cim {
  display: block;
  width: 73px;
  height: 30px;
  background: transparent url(../images/elements/cim.jpg) no-repeat 0 0;
  text-indent: -5000em;
}
#header h1 {
  position: absolute;
  left: 310px;
  top: 0;
}
#header h1 a {
  display: block;
  width: 380px;
  height: 266px;
  text-indent: -5000em;
}

/* menu droite */

#content-right ul {
  margin: 0 0 1em 0;
}
#content-right ul li {
  padding: 0 0 0 80px;
}
#content-right ul li a {
  display: block;
  height: 66px;
  line-height: 66px;
  text-align: left;
  font-family: 'arial black', arial, 'lucida grande', 'gill sans', sans-serif;
  color: white;
  font-size: 1.9em;
  letter-spacing: -.08em;
  text-decoration: none;
  background: transparent;
}
#content-right ul li a:active, #content-right ul li a:hover, #content-right ul li a.selected {
  text-decoration: none;
  color: yellow;
  background: transparent url(../images/elements/ombre_hover_menu.png) no-repeat bottom left !important;
  background: transparent url(../images/elements/ombre_hover_menu.jpg) no-repeat bottom left;
}
li.inscription {
  background: transparent url(../images/elements/stylo.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/stylo.jpg) no-repeat 3% 50%;
}
li.partenaires {
  background: transparent url(../images/elements/hibou.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/hibou.jpg) no-repeat 3% 50%;
}
li.photos_soiree {
  background: transparent url(../images/elements/lampadaire.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/lampadaire.jpg) no-repeat 3% 50%;
}
li.date_lieux {
  background: transparent url(../images/elements/reveil.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/reveil.jpg) no-repeat 3% 50%;
}
li.liste_prix {
  background: transparent url(../images/elements/loup.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/loup.jpg) no-repeat 3% 50%;
}
li.description {
  background: transparent url(../images/elements/lanterne.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/lanterne.jpg) no-repeat 3% 50%;
}
li.to_win {
  background: transparent url(../images/elements/cadeaux.png) no-repeat 3% 50% !important;
  background: transparent url(../images/elements/cadeaux.jpg) no-repeat 3% 50%;
}

#content-right h3 {
  text-align: left;
  font-family: 'arial black', arial, 'lucida grande', 'gill sans', sans-serif;
  color: white;
  font-size: 1.2em;
  padding: 0 0 0 8%;
}
#content-right table {
  width: 90%;
  margin: 1em auto;
}
#content-right table tr td {
  text-align: left;
  padding: 2px;
}
#content-right table caption, #content-right table thead {
  display: none;
}
td.hour {
  font-family: Georgia, serif;
}

#content-right #fil_info .gfc-result .gf-title {
  height: auto !important;
}
#content-right #fil_references .gfc-result .gf-title {
  height: auto !important;
}

/* les logos + la lanterne qui les éclaire */

.sponsor {
  position: relative;
  width: 100%;
  height: 300px;
}
.lanterne {
  cursor: move;
  position: absolute;
  z-index: 100;
}
ul.logo {
  width: 100%;
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 200;
}
ul.logo_02 {
  width: 100%;
  position: absolute;
  top: 300px;
  left: 0;
  z-index: 200;
  border-top:dotted;
  padding-top:1em;
  margin-bottom:1em;
}
ul.logo_03 {
  width: 100%;
  position: absolute;
  top: 360px;
  left: 0;
  z-index: 200;
}
ul.logo_04 {
  width: 100%;
  position: absolute;
  top: 420px;
  left: 0;
  z-index: 200;
}
ul.logo li, ul.logo_02 li, ul.logo_03 li, ul.logo_04 li {
  display: inline;
  margin: 0 .5em;
  text-align: center;
  overflow: hidden;
}

/* partie liste des prix */
ul.liste {
  margin-bottom: 1em;
}
ul.liste li {
  text-align: left;
  /* margin: 0 0 .5em 0; */
 line-height: 1.4em;
  padding: 0 0 0 1.5em;
  background: transparent url(../images/elements/asterisk_yellow.png) no-repeat top left !important;
  background: transparent url(../images/elements/asterisk_yellow.jpg) no-repeat top left;
  position: relative;
}
div#tab01, div#tab02, div#tab03, div#tab04, div#tab05 {
  display: none;
  width: 100%;
}
img.savoir {
  position: absolute;
  right: 0 !important;
  right: 10px;
}
ul.liste li img {
  margin: 0 0 0 1em;
}
div.details {
  overflow: hidden;
  margin: 1em 0 0 0;
}
div.details img {
  float: left;
  margin: 0 1em 0 0 !important;
}
div.details ul {
  float: left;
  width: 400px;
  margin: 0 1em;
}
* html div.details ul {
  float: none;
  width: 350px;
  margin: 0 0 0 230px; 
}
/* * html div.details img, div.details ul {float: none;} */

/* inscription */

form#inscription {
  margin: 0 0 1em 0;
}
form#inscription fieldset {
  border: 1px solid #007BBE;
  padding: 1em;
  margin: 1em 0;
}
form#inscription fieldset legend {
  color: yellow;
  font-style: italic;
  font-weight: 900;
  padding: 0 .5em;
}
form#inscription fieldset ul.yes li label {
  text-align: right;
  cursor: pointer;
  font-weight: 900;
  margin: 0 1em 1em 0;
  display: block;
  width: 200px;
  float: left;
}
form#inscription fieldset ul li.spe label {
  text-align: right;
  cursor: pointer;
  font-weight: 900;
  margin: 0 1em 1em 0;
  display: block;
  width: 100px;
  float: left;
}
form#inscription fieldset ul li.spe_02 label {
  text-align: right;
  cursor: pointer;
  font-weight: 900;
  margin: 0 1em 1em 0;
  display: block;
  width: 350px;
  float: left;
}
form#inscription fieldset ul li input[type="text"], form#inscription fieldset ul li select {
  float: left;
}
* html .float {
  float: left;
}
form#inscription fieldset ul li select {
  margin: 0 .5em 0 0;
}
form#inscription fieldset ul li {
  clear: both;
}
span.titre {
  float: left;
  font-weight: 900;
}
ul.left input {
  float: left;
  display: block;
  width: 25px;
  margin: 0 0 .5em 0;
}
ul.left label {
  text-align: left;
  display: block;
  width: 150px;
  float: left;
}
label.spe_03 {
  width: 50px !important;
}
label.spe_04 {
  text-align: right;
  cursor: pointer;
  font-weight: 900;
  margin: 0 1em 1em 0;
  display: block;
  width: 250px;
  float: left;
}
input#autre {
  width: 125px;
}
input[type="submit"] {
  font-weight: 900;
  cursor: pointer;
}
.error {
  color: orange;
  font-style: italic;
  font-weight: 400;
}

/* réglement */

ol {
  list-style: decimal;
  list-style-position: inside;
  margin: 0 0 0 1em;
}
ol li {
  text-align: justify;
  margin: 0 0 .5em 0;
}

/* date et lieux */


table#speed_dating {
  width: 100%;
  border: 1px solid #007BBE;
  margin: 0 0 1em 0;
}
table#speed_dating caption {
  display: none;
}
table#speed_dating th {
  background: #007BBE;
  font-weight: 900;
  color: #022032;
  padding: .2em;
  text-align: left;
}
table#speed_dating tr td {
  text-align: left;
  padding: .2em;
}
.pair {
  background: #032e47;
}
.tr_hover {
  background: #022032;
}

/* fil info et references */

div#fil_info, div#fil_references {
  padding: 1em;
}
.gfc-resultsHeader, .gf-author, .gf-spacer, .gf-relativePublishedDate, .gf-snippet {display: none !important;}
.gf-title {text-align: left;}

/* galeries */

ul.galerie {
  margin: 1em 0;
  list-style: none none;
  background: none;
}
ul.galerie li {
  display: inline;
  background: none;
}
a.lightbox img {
  padding: .2em;
  background: white;
  border: 1px solid #007DBF;
}
a.lightbox img:hover {
  border: 1px solid yellow;
  background: #004871;
}