@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600&display=swap');

body {
  background: url(../images/bg-top.png) repeat-x top left scroll transparent;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
body#accueil {
  background: none;
}
body#accueil2 {
  background: url("../images/bg-alain-dumas-2023.jpg") center top transparent no-repeat fixed;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
p, td, div, span, ul, li, .normaltexte {
  font-size: 12px;
}
a, input, select {
  outline: none;
  text-decoration: none;
}
a {
  color: #1f497c;
}
a:hover {
  text-decoration: none;
}
p {
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 17px;
}
/* ============================================ */
/* =============   GÉNÉRAL TEMPLATE   ============== */
/* ============================================ */
/* ===== ACCUEIL ====== */
#wrapper {
  width: 1000px;
  margin: 0 auto;
}
body#accueil #wrapper {
  background: url(../images/bg.jpg) center top transparent no-repeat fixed;
}



body#accueil #content,body#accueil2 #content {
  float: right;
  width: 568px;
  margin-top: 10px;
}
img.logoacc {
  margin-left: 45px;
}
img.facebookacc {
  margin-top: 30px;
  float: right;
  margin-right: 55px;
}
#menuacc {
  margin-top: 60px;
}
#menuacc a.menu {
  display: block;
  width: 275px;
  height: 80px;
  float: left;
  background-position: left top;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
/* NEW MENU */
#menuacc a.menu#surprendre {
  background-image: url(../images/btn-surprendre.png);
  margin-bottom: 18px;
}
#menuacc a.menu#surprendre:hover {
  background-position: left -80px;
}

	#menuacc a.menu#sinatra2 {
	  background-image: url(../images/btn-sinatra-a-buble-2.png);
	  margin-bottom: 18px;
	}
	#menuacc a.menu#sinatra2:hover {
	  background-position: left -80px;
	}

#menuacc a.menu#sinatra-buble {
  background-image: url(../images/btn-sinatra-a-buble.png);
  margin-left: 18px;
}
#menuacc a.menu#sinatra-buble:hover {
  background-position: left -80px;
}

	#menuacc a.menu#humoriste {
	  background-image: url(../images/btn-humoriste.png);
	  margin-left: 18px;
	}
	#menuacc a.menu#humoriste:hover {
	  background-position: left -80px;
	}


#menuacc a.menu#contact {
  background-image: url(../images/btn-contact.png);
}
#menuacc a.menu#contact:hover {
  background-position: left -80px;
}
#menuacc a.menu#auteur-conferencier {
  background-image: url(../images/btn-auteur-conferencier.png);
  margin-left: 18px;
}
#menuacc a.menu#auteur-conferencier:hover {
  background-position: left -80px;
}

	#menuacc a.menu#conferencier {
	  background-image: url(../images/btn-conferencier.png);
	  margin-left: 18px;
	}
	#menuacc a.menu#conferencier:hover {
	  background-position: left -80px;
	}

#menuacc a.menu#animation {
  background-image: url(../images/btn-animation.png);
  margin-top: 18px;
}
#menuacc a.menu#animation:hover {
  background-position: left -80px;
}
#menuacc a.menu#biographie {
  background-image: url(../images/btn-biographie.png);
  margin-top: 18px;
  margin-left: 18px;
}
#menuacc a.menu#biographie:hover {
  background-position: left -80px;
}
/* OLD MENU */
#menuacc a.menu#conference {
  background-image: url(../images/btn-conference.png);
  margin-left: 18px;
}
#menuacc a.menu#conference:hover {
  background-image: url(../images/btn-conference.png);
  background-position: left -80px;
}
#menuacc a.menu#operationenfantsoleil {
  background-image: url(../images/btn-operation-enfant-soleil.png);
  margin-left: 18px;
}
#menuacc a.menu#operationenfantsoleil:hover {
  background-image: url(../images/btn-operation-enfant-soleil.png);
  background-position: left -80px;
}
#menuacc a.menu#cabaret-67 {
  background-image: url(../images/btn-cabaret-67.png);
  margin-bottom: 18px;
}
#menuacc a.menu#cabaret-67:hover {
  background-image: url(../images/btn-cabaret-67.png);
  background-position: left -80px;
  margin-bottom: 18px;
}
p.footacc {
  text-align: right;
  float: right;
  margin-top: 50px;
  color: #00539d;
}
.soundcloud {
  margin-top: 20px;
  margin-left: 145px;
}
.pub {
  text-align: 11px;
}
a.pub {
  color: inherit;
  text-decoration: none;
}
/* ===== Secondaire ====== */
img.logo {
  float: left;
  margin-top: 10px;
}
#content {
  margin: 70px 0 30px;
  float: left;
  width: 1000px;
}
body#sinatra100ans #content {
  margin-top: 20px;
}
#content p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-top: 25px;
  text-align: justify;
}
#content.bio p {
  line-height: 22px;
}
img.picleft {
  float: left;
  margin-right: 40px;
}
img.picright {
  float: right;
  margin-left: 40px;
}

#content h1 {
 font-size:42px;
	color:#9866b4;
 font-family: 'Dancing Script', cursive;
	margin-bottom: 20px;
  
}
#content a {
  color: #00185d;
  text-decoration: underline;
}
#content a:hover {
  text-decoration: none;
}
#content h1.animateur {
  background-image: url(../images/alain-dumas-animateur.png);
}
#menusec {
  float: right;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 16px 11px 24px;
  background: url(../images/bg-menu-sec.png) right top transparent no-repeat scroll;
}
#menusec a {
  text-decoration: none;
  color: #fff;
}
#menu {
  float: right;
  clear: right;
  margin-top: 70px;
  height: 35px;
}
ul#navigation {
  list-style: none;
  height: 35px;
}
ul#navigation li {
  float: left;
  border-right: 1px solid #fff;
  margin-top: 10px;
}
ul#navigation li a {
  color: #FFFFFF;
  display: block;
  font-size: 13px;
  height: 23px;
  line-height: 23px;
  margin: 0 8px;
  text-decoration: none;
  text-transform: uppercase;
}
ul#navigation li a:hover {
  border-bottom: 5px solid #fff;
}
ul#navigation li.first {}
ul#navigation li.last {
  border-right: none;
}
/**********/
ul#navigation li.test a {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 8px 8px 0 0;
  color: #3959A0;
  margin: -6px 0 0;
  padding: 6px 16px 11px;
}
/****************/
#footer {
  background: url(../images/bg-foot.png) repeat-x top left scroll transparent;
  height: 68px;
  clear: both;
}
#foot {
  width: 1000px;
  color: #fff;
  margin: 0 auto;
  padding-top: 8px;
}
#foot p {
  padding-top: 12px;
}
#coordonnees {
  float: left;
  width: 590px;
}
#formulaire {
  float: right;
  width: 350px;
  margin-left: 50px;
  margin-top: 85px;
}
#content #formulaire p {
  font-size: 14px;
  line-height: 19px;
  margin: 0px 0px 20px;
}
.youtube {
  float: right;
  text-align: right;
  margin-top: 97px;
  width: 375px;
}
.oldconf {
  float: right;
  text-align: right;
  margin-top: 30px;
  width: 375px;
}
.sinatra {
  float: right;
  text-align: right;
  margin-top: 0px;
  width: 375px;
}
.conference {
  float: left;
  margin-top: 19px;
  width: 605px;
}
.title {
  font-size: 19px;
  color: #00185D;
}
a.critique img {
  clear: left;
  margin-top: 16px;
  margin-right: 29px;
}
div#tem {
  margin-left: 250px;
}
ul#temoignages {
  margin: 15px auto 0;
  auto;
  width: 370px;
  height: 85px;
}
ul#temoignages li {
  list-style: none;
}
.extrait {
  width: 310px;
  float: left;
  text-align: center;
  margin: 20px 0;
}
.extrait img {
  margin-bottom: 10px;
}
.extrait a, .extrait3 a, .extrait1 a, .extrait2 a, .extrait3 a {
  font-size: 14px;
}
.extrait1 {
  width: 500px;
  float: left;
  text-align: center;
  margin: 0 0 0 1px;
}
.extrait2 {
  width: 499px;
  float: left;
  text-align: center;
  margin: 20px 0;
}
.extrait3 {
  width: 500px;
  float: left;
  text-align: center;
  margin: 20px 0 0 1px;
}
.extrait2 img {
  margin-bottom: 10px;
}
.extrait2 a {
  font-size: 14px;
}
.marginh-20 {
  margin: 20px 35px;
}
/* ============================================ */
/* =============   GÉNÉRAL CSS   ============== */
/* ============================================ */
.FieldsError {
  color: #FF0000;
}
.fieldsNoError {
  color: #17b70f;
}
.fs_11 {
  font-size: 11px;
}
.fs_13 {
  font-size: 13px;
}
.inline {
  display: inline;
}
.float_r {
  float: right;
}
.float_l {
  float: left;
}
.clear-r {
  clear: right;
}
.clear-l {
  clear: left;
}
.clear-b {
  clear: both;
}
.T_AlignRight {
  text-align: right;
}
.italic {
  font-style: italic;
}
.Tabulation {
  margin-left: 50px;
  clear: left;
}
.Half_Tabulation {
  margin-left: 25px;
  clear: left;
}
.margin-15 {
  margin-top: 15px;
}
.margin-20 {
  margin-top: 20px;
}
.margin-40 {
  margin-top: 40px;
}
.marginb {
  margin-bottom: 40px;
}
input[type='text'] {
  width: 350px;
  height: 30px;
  margin-bottom: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
textarea {
  width: 350px;
  height: 60px;
  margin-bottom: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
/*copy HERE the same style than your actual general a */
.lookLikeA {
  text-decoration: underline;
  cursor: pointer;
}
.displaynone {
  display: none;
}
#content p.margin-40 {
  margin-top: 40px;
}
#content a.billets {
  margin-top: 30px;
  padding: 10px 15px;
  background-color: #012F6A;
  border: double #fff 3px;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
}
table#calendrier {
  border-collapse: collapse;
  width: 1000px;
}
table#calendrier tr {
  background-color: #e8eaef;
  height: 90px;
}
table#calendrier td.date {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 23px;
  padding: 10px;
  color: #102562;
  width: 320px;
}
table#calendrier td.lieu {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 16px;
  padding: 10px;
  width: 350px;
}
table#calendrier td.lieu strong {
  font-size: 17px;
}
table#calendrier td.billet {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 15px;
  padding: 10px;
  width: 260px;
}
h2.calendrier {
  border-bottom: 1px solid #102562;
  color: #102562;
  font-size: 20px;
  margin: 20px 0;
  padding-bottom: 4px;
  width: 1000px;
}
.sin {
  margin-top: 20px;
}
.grandv {
  float: left;
  margin-right: 20px;
}
.koscene {
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}
.left {
  float: left;
  width: 500px;
}
.right {
  float: right;
  width: 460px;
}
.dates {
  margin-top: 35px;
  margin-left: 70px;
}
a.shows {
  display: block;
  width: 333px;
  height: 134px;
  background: url(../images/bouton_spectacle.png) no-repeat scroll left top transparent;
}
a.shows:hover {
  background: url(../images/bouton_spectacle_hover.png) no-repeat scroll left top transparent;
}
a.shows span {
  position: absolute;
  left: 9999px;
}