@charset "UTF-8";
/*
Theme Name: Les 3 Baudets
Theme URI: http://www.lestroisbaudets.fr
Description: Thème conçu pour le site des 3 Baudets
Author: Thomas L’Excellent pour le studio Travers Media
Version: 1.0
Tags: les, trois, 3, baudets, baudet, ânes, âne, anes, ane, mulets, mulet
*/

html,body{width:100%;min-height:100%;margin:0;}
body{color:#666;font-size:80%;margin:0;color:#333092;}
/* Désactive le surlignage de la sélection */

a{color:#333092;text-decoration:none;}
a:hover{color:#f598aa;}

.ron{font-family:"Totem-Cameo-Rond";text-transform:uppercase;}
.car{font-family:"Totem-Cameo-Carre";text-transform:uppercase;}
.los{font-family:"Totem-Cameo-Losange";text-transform:uppercase;}
.pic{font-family:"Totem-Cameo-Pic";text-transform:uppercase;}
.xbold{font-family:"Totem-ExtraBold";}
.light{font-family:"Totem-Light";font-size:0.9em;line-height:1.2em;letter-spacing:0.1em;}


.clr1{color:#333092;}
hr.clr1{color:#333092;background-color:#333092;}
.clr2{color:#ffea37;}
hr.clr2{color:#ffea37;background-color:#ffea37;}
.clr3{color:#f598aa;}
hr.clr3{color:#f598aa;background-color:#f598aa;}

hr{height:1px;border:none;color:none;background-color:none;margin:0.3em 0;}
hr.sep1{width:120px;margin:0.3em auto;padding:0;}
div.clear{clear:both;}

h1{text-transform:uppercase;font-family:"Totem-ExtraLight";font-size:3em;line-height:1em;letter-spacing:0.05em;font-weight:normal;margin:1em 0 0.7em; text-align: center;}
h1 strong{font-family:"Totem-ExtraBold";font-weight:normal;}
h2,h3{text-transform:uppercase;font-family:"Totem-ExtraBold";letter-spacing:0.1em;font-size:1em;line-height:1.2em;text-align:center;padding:0.4em 0 0.1em;}
	h2{font-size:1.25em;}

div.diapo{position:relative;overflow:hidden;}
	div.diapo ul{list-style:none;width:100%;}
	div.diapo ul li{display:none;border:none !important;text-align:center;width:100%;}
	div.diapo ul>li:first-child{display:block;}
	div.diapo ol.slidePager{list-style:none;position:absolute;top:0;left:0;z-index:500;width:100%;text-align:center;font-family:"Totem-Cameo-Losange";font-size:1.5em;}
	div.diapo ol.slidePager li{display:inline-block;margin-right:5px;border:none !important;}
	div.diapo ol.slidePager li a{display:block;color:#ffea37;padding:0.25em 0.15em;}
	div.diapo ol.slidePager li a:hover{color:#333092 !important;}
	div.diapo ol.slidePager li.actif a{color:#f598aa;}
div.slideNav{position:static;left:0;top:0;/*height:100%;width:100%;*/font-family:"Totem-Cameo-Rond";font-size:2em;z-index:499;color:#ffea37;}
	div.slideNav div.slidePrev,
		div.slideNav div.slideNext{cursor:pointer;padding:0.25em 0.15em;width:25%;position:absolute;z-index:500;top:50%;margin-top:-0.8em;}
		div.slideNav div.slideNext{left:auto;right:0;text-align:right;}
	div.slideNav div.slideNext:hover{color:#333092;}
	div.slideNav div.slidePrev:hover{color:#333092;}
	

div#site{height:100%;width:1000px;margin:0 auto;}

div#social{background-color:#333092;width:100%;min-width:100%;float:left;position:fixed;left:0;top:0;z-index:1600;}
div#social ul{width:1000px;padding:0;margin:0 auto;list-style:none;}
	div#social ul li{font-family:"Totem-Light";text-transform:uppercase;font-size:0.85em;position:relative;display:inline-block;width:250px;margin-left:20px;}
	div#social ul li:first-child{width:220px;margin-left:0;}
	div#social ul li:last-child{width:220px;}
	div#social ul li span{font-size:1.5em;line-height:0.5em;position:relative;bottom:-0.1em;padding-right:0.2em;}
	div#social ul li strong{font-family:"Totem-ExtraBold";letter-spacing:0.1em;}
	div#social ul li a{display:block;padding:0.8em 0 0.4em;text-align:center;color:#ffea37;text-decoration:none;} 
	div#social ul li a:hover{color:#fff;}

div#header,
	div#footer{font-family:"Totem-Extrabold";text-transform:uppercase;line-height:1.2em;font-size:1.25em;}
div#header{position:fixed;top:0;width:190px;background:#fff;z-index:1500;padding:55px 0 0;margin:0;}
	div#logo{padding:0;width:220px;height:80px;}
		div#logo a{display:block;text-align:center;}
	ul.menu{list-style:none;margin-left:0px;width:220px;margin:0;position:absolute;top:160px;}
	ul.menu li{display:block;padding:0;}
	ul.menu li:first-child{border-top:1px solid #ffea37;}
	ul.menu li{border-bottom:1px solid #f598aa;}
	ul.menu li:nth-child(even){border-bottom-color:#ffea37;}
	ul.menu li a{display:block;padding:0.4em 0 0.1em;text-align:center;}
	ul.menu li strong{font-family:"Totem-Bold";font-weight:normal;}
	ul.menu li.secondaire{font-size:0.68em;font-family:"Totem-Bold";border-bottom:1px solid #ccc;}
/*	ul.menu li.secondaire a{color:#ccc;}
	ul.menu li.secondaire a:hover{color:#f598aa;}*/
	ul.menu li#paris{border-bottom:none;}
	ul.menu li#paris a{background:url('./IMG/mairie-de-paris.gif') no-repeat;width:100px;height:11px;text-indent:-9999px;}
	ul.menu li#paris a:hover{background-image:url('IMG/mairie-de-paris-hover.gif');}
	ul.menu li.actif div.sous{display:block;}
	ul.menu li div.sous{display:none;font-family:"Totem-Light";font-size:0.9em;line-height:1.2em;letter-spacing:0.1em;margin-top:-1px;border-top:1px dashed #ffea37;}
		ul.menu li:nth-child(even) div.sous{border-top-color:#f598aa;}
		ul.menu li div.sous ul{}
		ul.menu li div.sous ul li{border-top:none;border-bottom:1px dashed #ffea37;}
		ul.menu li:nth-child(even) div.sous ul li{border-bottom-color:#f598aa;}
		ul.menu li div.sous ul li:last-child{border-bottom:none;}
div#footer{padding:0.5em 0;margin-top:1em;width:500px;clear:both;}
	div#footer ul{list-style:none;}
	div#footer ul li{display:block;float:left;margin-right:10px;}
	div#footer ul>li:last-child{margin-right:0;}
	div#footer ul li#paris{float:right;width:100px;}
	
	span.paris{border-bottom:none;display:block;margin:0 auto;padding:1em 0;}
	span.paris a{background:url('./IMG/mairie-de-paris-174x20.gif') no-repeat;width:174px;height:20px;text-indent:-9999px;display:block;margin:0 auto;}
	span.paris a:hover{background-image:url('./IMG/mairie-de-paris-174x20-hover.gif');}

div#page{margin-left:240px;margin-top:160px;}

div#contenu{width:520px;margin:0 20px 100px 0;float:left;border-top:1px solid #ffea37;}
div#contenu.etendu{width:760px;margin-right:0;}
div#contenu.etendu div.texte{width:100%;margin-right:0;}
	
	div#contenu div.surtitre{text-transform:uppercase;font-family:"Totem-Regular";text-align:center;letter-spacing:0.1em;font-size:1em;line-height:1.2em;padding:0.6em 0 0.25em;}
	div#contenu div.surtitre span{color:#f598aa;}
	div#contenu div.surtitre span.ron{padding:0 0.2em;}
	div#contenu div.surtitre a.reservez{font-family:"Totem-ExtraBold"}
	
	div#contenu div.texte{width:520px;margin-right:20px;padding:0;font-size:1.1em;line-height:1.4em;font-family:"soleil";font-weight:500;}
	div#contenu div.texte h2{font-size:1.1em;line-height:1.2em;}
	div#contenu div.texte p{margin-bottom:0.75em;}
	div#contenu div.texte a{text-decoration:underline;}
	div#contenu div.texte strong{font-weight:800;}
	div#contenu div.texte ul{list-style:none;margin-bottom:0.75em;}
	div#contenu div.texte ol{margin-bottom:0.75em;}
	div#contenu div.texte li{list-style:none;}
	div#contenu div.texte ul li span.ron{color:#f598aa;}
	div#contenu div.texte img{margin: 0 0 20px 0}
	
	div#contenu div.texte.condense{margin:0 0 0.7em;}
	div#contenu div.texte.condense p,
		div#contenu div.texte.condense ol,
		div#contenu div.texte.condense ul{margin-bottom:0;}
	
	div#contenu div.texte.partenariats{text-align:center;margin-top:0;padding-bottom:0;}
	
	div#contenu div.accroche{text-transform:uppercase;font-family:"Totem-Regular";text-align:center;letter-spacing:0.1em;}
	div#contenu div.accroche strong{font-family:"Totem-Bold";font-weight:normal;}

	div#contenu ul.types{list-style:none;margin:0.3em 0 0;color:#f598aa;}
	div#contenu ul.types+h1,
		div#contenu ul.types+a>h1,
		div#contenu h2+h1{margin-top:0;}
	div#contenu div.surtitre+ul.types{margin-top:-0.5em;}
	
	div#contenu ul.artistes{list-style:none;border-top:1px solid #ffea37;}
	div#contenu ul.artistes li{border-bottom:1px solid #ffea37;}
	div#contenu ul.artistes>li:nth-child(even){border-bottom-color:#f598aa;}
	div#contenu ul.artistes li:hover{border-bottom-color:#333092;}
	div#contenu ul.artistes li h2{color:#f598aa;}
	div#contenu ul.artistes li h2 span{color:#333092;}
	div#contenu ul.artistes li div.texte{padding:0;}
	div#contenu ul.artistes li h2+h3{margin-top:-0.2em;padding-top:0;font-family:"Totem-Regular";}
	
	div#contenu ul.dates{list-style:none;margin-bottom:0.4em;}
	div#contenu ul.dates li{border-bottom:1px dotted #f598aa;}
		div#contenu ul.dates li:nth-child(even){border-bottom-color:#ffea37;}
		div#contenu ul.dates li:hover{border-bottom-color:#333092;border-bottom-style:solid;}
	div#contenu ul.dates li h3{padding:0.4em 0 0.3em;font-family:"Totem-Regular";}
	div#contenu ul.dates li h3 strong{font-weight:normal;font-family:"Totem-ExtraBold";}
	
	div#contenu div.diapo{margin-bottom:0.3em;width:520px;height:320px;}
	
	div#contenu h1{margin:0.3em 0 0.2em;}
		div#contenu h1+div.texte{margin-top:1.25em;}
	div#contenu h2{text-align:center;font-size:1.25em;line-height:1.2em;letter-spacing:0.1em;color:#f598aa;}
	div#contenu h3.infos{margin:0.3em 0 0.5em;color:#f598aa;}
		div#contenu h3.infos a{color:#f598aa;}
		div#contenu h3.infos a:hover{color:#333092;}
		
	div#contenu ul.news{border-top:1px solid #f598aa;list-style:none;}
	div#contenu ul.news li{}
	div#contenu ul.news li a{}
	div#contenu ul.news li a h2{border-bottom:1px solid #ffea37;}
	div#contenu ul.news li:nth-child(even) a h2{border-bottom-color:#f598aa;}
	div#contenu ul.news li a h2:hover{border-bottom-color:#333092;color:#333092;}

	form{border-top:1px solid #f598aa;}
	form label{display:block;font-family:"Totem-Light";letter-spacing:0.1em;text-transform:uppercase;padding:0.6em 0 0;width:520px;text-align:center;}
	form label strong{font-family:"Totem-ExtraBold";font-weight:normal;}
	form label span.requis{color:#c00;}
	form label em{font-style:normal;color:#c00;font-family:"Totem-Bold";}
	form input.text,
		form textarea{margin:0;width:500px;border:none;padding:0.5em 10px 0.7em;font-size:1.1em;line-height:1.4em;font-family:"soleil";font-weight:500;background:#eee;text-align:center;border-bottom:1px solid #ffea37;color:#333092;}
		form textarea{height:150px;resize:vertical;text-align:left;}
	form input.text.even,
		form textearea.even{border-bottom-color:#f598aa;}
	form input.text:focus,
		form#textarea:focus{background:#333092;color:#ffea37;}
	form input.submit{border:none;border-top:1px solid #f598aa;border-bottom:1px solid #ffea37;font-family:"Totem-ExtraBold";text-transform:uppercase;padding:0.6em 0 0.5em;width:520px;background:#333092;margin:0;color:#fff;font-size:1.25em;line-height:1.2em;letter-spacing:0.1em;text-align:center;cursor:pointer;}
	form input.submit:hover{color:#ffea37;}

	div.droite{float:left;width:220px;font-family:"Totem-Regular";text-transform:uppercase;color:#f598aa;font-size:0.85em;}
	div.droite a{color:#f598aa;text-decoration:underline;}
	div.droite strong{font-family:"Totem-Bold";font-weight:normal;}
	div.droite small{font-size:1em;font-family:"Totem-Light";}
	div.droite span.car{font-size:1.5em;line-height:0.8em;position:relative;bottom:-0.1em;}

div#droite{width:220px;float:left;margin:0;border-top:1px solid #ffea37;}
	div#droite h2{color:#f598aa;}
	div#droite h2 a{color:#f598aa;}
	div#droite h2 a:hover{color:#333092;}
	div#droite h2+table.calendrier{border-top:1px solid #f598aa;}
	table.calendrier{font-family:"Totem-Light";text-transform:uppercase;width:100%;}
	div#droite table.calendrier{font-family:"Totem-Regular";font-size:0.85em;}
	  div#contenu table.calendrier{border-top:1px solid #f598aa;}
	table.calendrier tr td,
	table.calendrier tr th{padding:0.3em 0 0.2em;vertical-align:top;cursor:default;}
/*	table.calendrier tr:first-child td{border-top:1px solid #f598aa;}*/
	table.calendrier tr:nth-of-type(odd)>*{border-bottom:1px solid #ffea37;}
	table.calendrier tr:nth-of-type(even)>*{border-bottom:1px solid #f598aa;}
	table.calendrier tr:hover td,
	table.calendrier tr:hover th{border-bottom-color:#333092;}
	table.calendrier h2{font-size:1.47em;}
  	div#contenu table.calendrier h2{font-size:3em;}
  	div#contenu table.calendrier h2 span{font-size:0.49em;line-height:1em;}
  	div#contenu table.calendrier td{font-size:1.25em;line-height:1.2em;}
  	div#contenu table.calendrier td.tit{}
  	div#contenu table.calendrier td.tit strong{font-family:"Totem-ExtraBold";}
  	div#contenu table.calendrier.a-venir tbody.passe {display:table-row-group;}
  	div#contenu table.calendrier tr td.pri{width:40px;}
  table.calendrier tr td strong{font-family:"Totem-Bold";}
	table.calendrier tr td.jou,
	table.calendrier tr td.day{font-family:"Totem-Light";letter-spacing:0.1em;padding-right:0.5em;}
	table.calendrier tr td.day,
	table.calendrier tr td.pri,
	table.calendrier tr.passe:hover td.day,
	table.calendrier tr.passe:hover td.pri{color:#f598aa;text-align:right;}
	table.calendrier tr td.pri a,
	table.calendrier tr.passe:hover td.pri a{color:#f598aa;}
	table.calendrier tr td.pri a.pic{font-size:1.6em;line-height:1em;}
	table.calendrier tr td.pri a:hover,
	table.calendrier tr.passe:hover td.pri a:hover{color:#333092;}
	table.calendrier tr td.day{padding-right:0.5em;}
	table.calendrier tr.voir-passes th{border-bottom-color:#ccc;}
	table.calendrier tr.voir-passes th:hover{border-bottom-color:#f598aa;}
	table.calendrier tr.voir-passes h3{cursor:pointer;color:#ccc;}
	table.calendrier tr.voir-passes th:hover h3{color:#f598aa;}
	table.calendrier.a-venir tbody.passe{display:none;}
	table.calendrier tr.passe{}
		table.calendrier tr.passe td{border-bottom-color:#ccc;}
		table.calendrier tr.passe:hover td{border-bottom-color:#f598aa;}
		div#contenu table.calendrier.a-venir tr.passe td,
		div#contenu table.calendrier.a-venir tr.passe td a,
		div#contenu table.calendrier.a-venir tr.passe td span,
		div#contenu table.calendrier.a-venir tr.passe td.pri,
		div#contenu table.calendrier.a-venir tr.passe td.pri a,
		div#droite table.calendrier tr.passe td,
		div#droite table.calendrier tr.passe td a,
		div#droite table.calendrier tr.passe td span,
		div#droite table.calendrier tr.passe td.pri,
		div#droite table.calendrier tr.passe td.pri a{color:#ccc;}
		div#contenu table.calendrier.a-venir tr.passe:hover td,
		div#contenu table.calendrier.a-venir tr.passe:hover td a,
		div#contenu table.calendrier.a-venir tr.passe:hover td a:hover,
		div#droite table.calendrier tr.passe:hover td,
		div#droite table.calendrier tr.passe:hover td a,
		div#droite table.calendrier tr.passe:hover td a:hover{color:#f598aa;}
		div#contenu table.calendrier.a-venir tr.passe:hover td span.clr3,
		div#droite table.calendrier tr.passe:hover td span.clr3{color:#f598aa;}
	table.calendrier thead tr th{position:relative;}
	div.navCal{position:absolute;font-size:2em;font-family:"Totem-Cameo-Rond";color:#333092;}
	div#contenu div.navCal{width:520px;}
	div#contenu.etendu div.navCal{width:760px;}
  	table.calendrier thead tr th div.navCal{width:220px;}
	div.navCal a.prev,
		div.navCal a.next{display:block;position:absolute;padding:0.25em 0.15em;color:#f598aa;}
		div#contenu div.navCal a.prev,
		  div#contenu div.navCal a.next{padding-top:0.9em;padding-bottom:0.9em;}
	div.navCal a.prev:hover,
		div.navCal a.next:hover{color:#333092;}
	div.navCal a.prev{padding-left:0;left:0;}
	div.navCal a.next{padding-right:0;right:0;}
	
/* HOME */
div#home{padding:0 0 3em;width:520px;float:left;margin-right:20px;border-top:1px solid #ffea37;}
div#apartir{}
div#scene{font-family:"Totem-Light";color:#333092;text-transform:uppercase;letter-spacing:0.1em;font-size:1.5em;line-height:1.2em;text-align:center;}
	div#scene strong{font-family:"Totem-ExtraBold";font-weight:normal;font-size:1.05em;line-height:1.2em;}
	div#scene small{font-family:"Totem-Regular";font-size:0.7em;line-height:1.2em;}
	div#scene small strong{font-family:"Totem-Bold";font-weight:normal;}
	div#scene small span.light{font-family:"Totem-Light";font-size:0.9em;line-height:1.2em;}
	div#scene span.tiret{line-height:0.5em;}

div.surimp{position:relative;margin:0.2em 0;height:3em;font-size:10em;text-align:center;line-height:0.9em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
div.origin{display:none;}
div.couche1,
	div.couche2,
	div.couche3{text-transform:uppercase;position:absolute;left:0;top:0;width:100%;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* Violet */
div.couche1{color:#333092;opacity:1;padding-left:0.02em;top:-0.02em;}
/* Jaune */
div.couche2{color:#ffea37;opacity:0.8;padding-left:0.05em;top:0.02em;}
/* Rose */
div.couche3{color:#f598aa;opacity:0.8;position:relative;}
div.couche1 span,
div.couche2 span,
div.couche3 span{position:relative;}

/*span.ligne span{text-align:center;display:table-cell;vertical-align:middle;}
span.ligne{display:table;}*/
span.ligne span{text-align:center;}
span.ligne{display:block;}

span.chars-3{font-size:1.05em;}
	span.chars-3 span{width:80px;height:80px;}
span.chars-4{font-size:0.8em;line-height:0.8em;}
	span.chars-4 span{width:60px;height:60px;}
span.chars-5{font-size:0.6em;line-height:0.8em;letter-spacing:0.1em;}
	span.chars-5 span{width:48px;height:48px;}

div.couche1 span.styla{font-family:"Totem-Cameo-Losange";}
div.couche2 span.styla{font-family:"Totem-Cameo-Carre";}
div.couche3 span.styla{font-family:"Totem-Cameo-Pic";}

div.couche1 span.stylb{font-family:"Totem-Cameo-Carre";}
div.couche2 span.stylb{font-family:"Totem-Cameo-Losange";}
div.couche3 span.stylb{font-family:"Totem-Cameo-Rond";}

div.couche1 span.stylc{font-family:"Totem-Cameo-Pic";}
div.couche2 span.stylc{font-family:"Totem-Cameo-Rond";}
div.couche3 span.stylc{font-family:"Totem-Cameo-Carre";}

div.couche1 span.styld{font-family:"Totem-Cameo-Rond";}
div.couche2 span.styld{font-family:"Totem-ExtraBold";padding:0.08em;line-height:0.6em;}
div.couche3 span.styld{font-family:"Totem-Cameo-Rond";}

div.couche1 span.style{font-family:"Totem-ExtraBold";padding:0.08em;line-height:0.6em;}
div.couche2 span.style{font-family:"Totem-Cameo-Losange";}
div.couche3 span.style{font-family:"Totem-Cameo-Carre";}


/* SYSTEME DE GRILLE, UNITES et OFFSET ---------------------- */
.row {margin-left: -20px;*zoom: 1;}

.row:before,
.row:after {display: table;line-height: 0;content: "";
}

.row:after {clear: both;}

[class*="span"] {float: left;min-height: 1px;margin-left: 20px;}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9  {width: 700px;}
.span8  {width: 620px;}
.span7  {width: 540px;}
.span6  {width: 460px;}
.span5  {width: 380px;}
.span4  {width: 300px;}
.span3  {width: 220px;}
.span2  {width: 140px;}
.span1  {width: 60px;}

.offset12 {margin-left: 980px;}
.offset11 {margin-left: 900px;}
.offset10 {margin-left: 820px;}
.offset9  {margin-left: 740px;}
.offset8  {margin-left: 660px;}
.offset7  {margin-left: 580px;}
.offset6  {margin-left: 500px;}
.offset5  {margin-left: 420px;}
.offset4  {margin-left: 340px;}
.offset3  {margin-left: 260px;}
.offset2  {margin-left: 180px;}
.offset1  {margin-left: 100px;}


[class*="span"].hide,
.row-fluid [class*="span"].hide {display: none;}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {float: right;}

.container {margin-right: auto; margin-left: auto; *zoom: 1;}
.container:before,
.container:after {display: table;line-height: 0;content: "";}
.container:after {clear: both;}


/* Elements de formulaire */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 14px;
  /*padding: 4px 6px;*/
  padding:8px 9px 0px 9px;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 18px;
  color:#ffea37;
  border: none;
  font-family:"Totem-Light";
  font-size:1em;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  background-color: #333092;
}


input[placeholder] {color:#ffea37;}
::-webkit-input-placeholder {color:#ffea37;}
:-moz-placeholder { /* Firefox 18- */color:#ffea37; }
::-moz-placeholder {  /* Firefox 19+ */color:#ffea37; }
:-ms-input-placeholder {  color:#ffea37; }

button {display:inline-block; background-color: #333092; border: 0; font-family:"Totem-Cameo-Losange"; color:#ffea37;padding:6px 9px 0px 9px;}