/*********
  GLOBAL
**********/

body{
  padding:0;
  position:relative;
  font-family:Arial, sans-serif;
  color:#333;
  font-size:12px;
  
}
.bloc_contact_img img{ border-radius:4px; background:#fff; padding:5px; max-width:100%; width:100%;}
.bloc_contact_social {padding:10px 10px 10px 10px; background:#515a72; border-radius:5px;}
.addthis_toolbox{width:185px; margin:0 auto;}
.bloc_contact_map {padding:5px; background:#fff; border-radius:5px;}
.bloc_header_map{ line-height:30px; width:158px; margin:0 auto;}
.bloc_header_map span{ border-radius:4px 4px 0 0; background:#515a72; padding:7px; color:#fff; text-transform:uppercase; font-weight:bold;}


.bloc_headers{ line-height:30px; width:83px; margin:0 auto;}
.bloc_headers span{ border-radius:4px 4px 0 0; background:#515a72; padding:7px; color:#fff; text-transform:uppercase; font-weight:bold;}

.bloc_evenement_nom h1,
.bloc_evenement_lieu h2,
.bloc_contact_nom_orga h2{
  font-size:16px;
  font-weight:bold;
}
 div#content{
  background:none;
  border:0 solid #EEE;
  padding:0;
  min-height:350px;
  height:100%;
}
div#content_global{
  background:none;
  border:none;
  min-height:350px;
  padding: 0;
  width:900px;
}
p{
  margin:0 !important;
  line-height: 18px;
}
a{
  color:#6b6a6a;
  text-decoration:none;
}
a:hover{
  color:#6b6a6a;
  text-decoration:underline;
}



/*********
  HEADER
**********/

div#header{
  width:900px;
  margin:0 auto;
}
div#header h1{
  margin: 30px 0;
  font-family:'Anton', Arial, sans-serif;
  font-size:45px;
  line-height:45px;
  letter-spacing: 0;
  color:#333;
  font-weight:normal;
  text-transform:uppercase;
}

/*** MENU ***/

#lemenu{
  width:900px;
  margin-bottom:20px;
}
#lemenu ul{
  margin:0;
  padding:8px 10px 0 0px;
  list-style:none;
}
#lemenu li{
  float: left;
  margin:0 20px 0 0;
  padding:0;
}

#lemenu a{
  background:#FFF;
  text-decoration:none;
  text-align: center;
  line-height:35px;
  padding: 0 20px;
  color:#000;
  font-size: 13px;
  text-transform: uppercase;
  display:block;
  opacity: 0.8;
}
#lemenu a:hover{
  opacity: 1;
}
#lemenu a.selected{
  background:#000;
  text-decoration:none;
  display:block;
  color:#FFF;
  opacity: 1;
}



/**********
  CONTENU
***********/

 div#wrapper{
  float: right;
  width:100%;
  margin-left: -340px;
}

/*** GAUCHE ***/

 div#left{
  float:left;
  clear:left;
  width:320px;
  padding:12px 20px 20px;
  top:0;
  bottom:0;
  position:absolute;
}

/*** DROITE ***/

 div#right{
 
 position:relative;
  margin-left:320px;
  padding:0;
  min-height:900px;
}

.topbar{background:#ecf2fe; line-height:40px; border-bottom:3px solid #d7e3f0; padding:20px; margin-bottom:20px;}
.topbar h1{ margin:0; padding:0 0 0 10px; text-transform:uppercase; font-size:20px;}

.contenu{ width:800px; margin-left:30px;}
/*** BLOC ***/

.fieldWrapper{ width:50%; float:left;}

.contenu .bloc_container{ margin:0;}
.bloc_container{
  width:100%;
  margin:0 0 30px 0;
}
.bloc_content{
  color:#000;
  padding: 20px;
}
.bloc_content2{
  color:#000;
  padding: 25px;
  background: #ecf2fe;
  margin-bottom: 5%;
  margin-right: 89px;
  text-align: justify;
}

.bloc_content2 img{
  padding: 4px;
}
.bloc_content_fb{
  color:#000;
  padding: 0;
  background: #ecf2fe;
}
.bloc_content.blocBilleterie,
.bloc_content.blocMap,
.bloc_content.blocVideo{
  padding: 0;
}
.bloc_content_bill{
  font-size:12px;
  color:#333;
  font-weight:normal;
  padding:5px;
  width:478px;
}
.color_choix_new{ color:#666666;}
.menucontent{padding:20px;}

/*** BLOC HEADER ***/

.bloc_container h2, h2.bloc_header_comments{
  color: #FFF;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: normal;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
}

/*** IMG DESCRIPTIF ***/

#visuelImg{
  max-width: 100%;
}

/*** BLOC ACTUS / NEWS ***/

.bloc_news_date{
  font-weight: normal;
  font-size: 11px;
  color: #999;
}
.bloc_news_titre{
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
}
.bloc_news_txt{
  margin: 5px 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #CCC;
}
.bloc_news_txt:last-child{
  border-bottom:0;
  margin: 5px 0 0 0;
  padding: 0;
}

/*** BLOC CONTACT ***/

.bloc_contact_civilite p{
  line-height: 18px;
}
p.bloc_contact_td_adresse{
  margin: 15px 0!important;
}

/*** BLOC EVENEMENT ***/

.bloc_evenement_nom{
  font-weight:bold;
  font-size:18px;
  padding-left:0;
}
.bloc_evenement_nom h1{
  margin: 0;
  font-size: 14px;
}
.bloc_evenement_lieu{
  padding: 10px 0 0 0;
  font-size:14px;
  font-weight:bold;
}

/*** BLOC LES INSCRITS ***/

 .bloc_lesinscrits{
  margin:0;
  padding:2px;
  width:auto;
  height:190px;
  overflow:auto;
}
.bloc_lesinscrits ul{
  list-style-type: square;
  padding-left: 15px;
}
.bloc_lesinscrits ul li{
  margin: 2px 0 2px 0;
  padding:0;
  line-height:16px;
}

/*** BLOC SUIS JE INSCRIT ? ***/

.bloc_suis_je_inscrit_search{
  line-height:22px;
  vertical-align:middle;
}
.bloc_suis_je_inscrit_search img{
  border:none;
  vertical-align:middle;
  padding-left:15px;
}
.bloc_suis_je_inscrit_search input{
  width:120px;
  line-height:15px;
  height:15px;
  font-family:Arial, Helvetica, sans-serif;
  color:#333;
  font-size:12px;
}
.bloc_suis_je_inscrit_result{
  margin-left:0;
  margin-right:0;
  margin-top:3px;
  padding:2px;
  width:auto;
  height:60px;
  overflow: auto;
}
.bloc_suis_je_inscrit_result ul{
  list-style-image: url(https://www.e-cotiz.com/images/event/puce_ul_li_1.gif);
}
.bloc_suis_je_inscrit_result ul li{
  margin: 2px 0;
  padding:0;
  line-height:16px;
}

/*** BLOC PARTAGER ***/

.bloc_partager_titre{
  font-weight:bold;
}
.bloc_partager_txt{
  padding-bottom:10px;
}
.bloc_partager_inscription{
  line-height:20px;
  vertical-align:middle;
}
.bloc_partager_inscription input{
  width:120px;
  line-height:15px;
  height:15px;
  color:#333;
  font-size:12px;
}
.bloc_partager_inscription img{
  border:none;
  vertical-align:middle;
  padding-left:8px;
}
.bloc_partager_addthis_titre{
  font-weight:bold;
  padding-bottom:5px;
}
.bloc_partager_calendrier{
  font-weight:bold;
  padding-bottom:5px;
}
.bloc_partager_calendrier_liste{
}
.bloc_partager_tb{
  width:260px;
  margin-bottom:3px;
}
.bloc_partager_td{
  width:130px;
  height:25px;
}

/*** BLOC POSTER UN COMMENTAIRE ***/

.bloc_commentaires_liste{
  border:#333 solid 1px;
  padding:5px;
  margin-bottom:3px;
}
.bloc_commentaires_liste_zone{
  margin-left:0;
  margin-right:0;
  padding:2px;
  width:auto;
  height:200px;
  overflow: auto;
}
.bloc_commentaires_form{
  line-height:20px;
  vertical-align:middle;
}
input.bloc_commentaires_form{
  width:120px;
  line-height:15px;
  height:15px;
  color:#333;
  font-size:12px;
}
.bloc_commentaires_form img{
  border:none;
  vertical-align:middle;
  padding-left:8px;
}
.bloc_commentaires_tb{
  margin-bottom:3px;
}
.bloc_commentaires_td{
  width:100px;
  height:25px;
  vertical-align:top;
}

/*** BLOC TELECHARGER UN DOCUMENT ***/

.bloc_telecharger_txt{
  line-height: 32px;
}
.bloc_telecharger img{
  border:none;
  vertical-align:middle;
  margin: 0 15px 0 0;
}
.bloc_telecharger a{
  text-decoration:none;
}

/*** BLOC VIDEO : ne peut apparaitre que dans la partie de droite ***/

.bloc_video_txt{
  text-align:center;
}
.bloc_video_video{
  text-align:center;
  margin-bottom:20px;
}

/*** BLOC photos : ne peut apparaitre que dans la partie de droite ***/

.bloc_photo_txt,
.bloc_photo_photo{
  text-align:center;
}

/*** BLOC PLAN : ne peut apparaitre que dans la partie de droite ***/

.bloc_plan_txt{
  text-align:center;
}
.bloc_plan_map{
  text-align:center;
  margin-bottom:20px;
}

/*** BLOC PLUGOO ***/

.bloc_plugoo_txt,
.bloc_plugoo_plugoo{
  text-align:center;
}

/*** BLOC INVITATION ***/

 #bloc_invit_btn{
  float: left;
  width: 32px;
  height: 32px;
  margin: 5px 2px 0 15px;
  background: url(../../static/r07/widget044_32x32.png) no-repeat 0 -3008px;
}
#bloc_invit_btn:hover{
  opacity: 0.7;
  cursor: pointer;
}
#bloc_invit{
  position: relative;
  padding: 25px 20px 15px;
}
#bloc_invit input,
#bloc_invit textarea{
  width: 500px;
  margin: 0 0 15px;
  padding: 5px 10px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
}
#bloc_invit input,
#bloc_invit textarea,
#captcha2{
  border: 1px solid #ccc;
}
#bloc_invit input.submit{
  width: 100px;
  border: medium none;
  background-color: #269cc2;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
}
#bloc_invit .error{
  display: none;
  margin: 15px 0 0;
  color: #f00;
}
#bloc_invit img{
  vertical-align: middle;
}
#bloc_invit .message{
  width: 500px;
  margin: 0;
  padding: 5px 10px;
  border-left: 1px solid #ccc;
  line-height: 12px;
  color: #777;
}
#bloc_invit a{
  color: #333;
}

/*** BLOC VOTER ***/

.bloc_voter_content{
  text-align:center;
}

/*** ACCES PRIVE ***/

 div#private_log_titre{
  width:437px;
  height:67px;
  margin:0;
  padding:40px 0 0 0;
}
div#private_log_titre h1{
  margin:0;
  padding:0;
  font-size:14px;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
  color:#999;
  border-bottom:none;
}

/*** PICTO PLUS ***/

span.picto_plus{
  padding-left:15px;
  line-height:25px;
}
 div#billetterie_ifpop .bloc_content{
  background:none;
}

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

 div#footer{
 background:#212634;
  color:#eee;
  clear:both;
  font-size:12px;
  position:relative;
}
 div#footer a{ color:#f36f21;}
div#footer_copy{
  height:52px;
  float:left;
  width:300px;
  line-height:52px;
  text-align:left;
  padding-left:20px;
  background:transparent url(https://www.e-cotiz.com/images/global/_footer_left.gif) no-repeat top left;
}

/*** RACCOURCIS ***/

 div#footer_menu{
  float:right;
  width:auto;
  height:52px;
  text-align:right;
  padding-right:20px;
}
div#footer_menu ul{
  padding:0;
  margin:0;
  list-style-type:none;
}
div#footer_menu li{
  line-height:52px;
  float:left;
  margin-left:15px !important;
  margin-left:10px;
}
div#footer_menu ul li a{
  margin-left:12px;
  display:block;
  float:left;
  color:#666;
  text-decoration:none;
  text-align:center;
  font-size:12px;
}
div#footer_menu ul li a:hover{
  text-decoration:underline;
}
 .weezLinkWrapper{
  width:500px;
  margin:auto;
  text-align: right;
}
.weezLinkWrapper a{
  color:#00AEEF!important;
}
.billetterie_off{
  width:500px;
  height:200px;
  margin: 10% auto 0;
  padding:20px;
  border: 1px solid #ddd!important;
  background-color:#FFF;
}
.billetterie_off h1{
  color:#333;
  font-size:26px!important;
}



/**********
  PASSWORD
***********/

.bloc_header.password h1{
  font-size: 17px;
  line-height: 50px;
  background: #000;
  color: #FFF;
  margin: 0 20px;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #FFF;
  letter-spacing: 1px;
}
.bloc_content.password{
  padding:0;
  background:#000;
}
.bloc_content.password form{
  margin: 0 20px;
  padding: 0 0 20px 0;
}
.bloc_content.password form input{
  text-align:center;
  width: 100%;
  border: 0;
  text-indent:0;
  line-height: inherit;
  padding: 10px 0;
  margin: 2px 0;
}
.bloc_content.password form input[type="button"]{
  background: #00AEEF;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #FFF;
}
.bloc_content.password form input[type="button"]:hover{
  cursor: pointer;
  opacity: 0.7;
}
.feedback.password{
  padding: 10px 20px;
  background: #000;
  color: #FFF;
}


/**********************
  CHOIX DE LA COULEUR
***********************/

 div#color_choix{
  width:42px;
  height:462px;
  background-color:#FF6600;
  position:absolute;
  left:2px;
  background:transparent url(https://www.e-cotiz.com/images/user/color_choix_v2.gif) top left no-repeat;
  margin-top:10px;
}
div#color_choix_menu{
  padding:45px 0 0 9px;
}
div#color_choix_menu img{
  padding-bottom:5px;
}
.color_choix_separateur{
  height:55px;
}

/*** CHOIX DE LA COULEUR V2 ***/

 div#choix_decor{
  width:350px;
  height:90px;
  background:#333 url(https://www.e-cotiz.com/images/user/choix_decor.gif) top left no-repeat;
  position:absolute;
  right:10px;
  margin-top:150px;
  border:solid 3px #000;
  z-index:1;
}
div#choix_decor_deco{
  padding-left:115px;
  padding-top:18px;
}
div#choix_decor img{
  padding:3px;
}
@media only screen and (min-width : 768px) and (max-width : 1024px)  {.contenu{ width:528px;}div#right{ min-height:1307px;}}
@media only screen and (max-width: 900px) and (min-width: 570px){

  div#header{
    width:555px;
  }
  div#bandeau{
    width:555px;
    height:auto;
  }
  #lemenu, #menu{
    width:555px;
  }
  div#footer{
    width:555px;
    margin:20px auto;
  }
  div#content_global{
    width:auto;
    padding:0;
    margin:0;
  }
  #content{
    width:auto;
    margin:0;
    float:none;
    position:static;
  }
  #container div#wrapper{
    width:auto;
    margin:0;
    float:none!important;
    position:static!important;
  }
  div#left{
    display:block;
    width:555px;
    margin:0px auto!important;
	float:none;
	padding:35px 0 0;
  }
  div#wrapper{float:none; margin-left:0;}
  .contenu{width:500px;}
  div#right{
    display:block;
    float:none;
    width:555px;
    margin:0px auto!important;
    padding:0;
  }
  .bloc_telecharger{
    padding:5px;
  }
  .bloc_contact_civilite{
    padding:5px;
  }
  div#footer_copy{
    font-size: 11px;
  }
}


@media only screen and (max-width: 570px){
  div#header h1{
    margin:0;
    padding:20px 45px 10px 5px;
    font-size:28px;
    line-height:28px;
  }
  #menu{
    padding-left:5px;
  }
  #menu a{
    padding-left:10px;
  }
  #menu a.selected{
    padding-left:10px;
  }
  #menu a span{
    font-size:12px;
    line-height:20px;
    padding-right:10px;
  }
  #menu a.selected span{
    padding-right:10px;
  }
  .bloc_content{
    padding:0;
  }
  .bloc_container{
  }
  div#header{
    width:auto;
    padding:0;
  }
  div#bandeau{
    width:auto;
    height:auto;
  }
  #lemenu, #menu{
    width:auto;
  }
  div#footer{
    width:auto;
    margin:0;
    border:0;
  }
  div#content_global{
    width:auto;
    padding:0;
    margin:0;
  }
  #content{
    width:auto;
    margin:0;
    float:none;
    position:static;
  }
  #container div#wrapper{
    width:100%!important;
    margin:0!important;
    float:none!important;
    position:static!important;
  }
  div#left{
    margin:0;
    width:100%;
  }
  .contenu{width:88%;}
  
  div#right{
    float:none;
    margin:0;
    padding:0;
    width:100%;
  }
  .bloc_telecharger{
    padding:5px;
  }
  .bloc_contact_civilite{
    padding:5px;
  }
  div#footer_copy{
    font-size: 11px;
  }
  #footer_menu{
    display:none;
  }
}