* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

a,
a:link 
a:active
a:visited {
   text-decoration: underline;
   background-color: inherit; 
   color: #b00; 
}

a:hover {
   text-decoration: none;
   background-color: #fee;
   color: #b00;
}

/*****************
basic layout 
*****************/
body {
   background-color: #ffe0e0;
   color: #333;
   margin:1em;
}

div#pagewrapper {
   border: 1px solid #aaa;
   margin: 0 auto;
   max-width: 80em;
   min-width: 60em;
   background-color: #fff;;
   color: black;
}


/*** header ***/

div#header {
   height: 90px;
   background: transparent;           
}

div#header h1 a {
   background: #fff url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/logo-site-v1-5.jpg) no-repeat 5px 5px; 
   display: block; 
   height: 90px;
   text-indent: -999em; 
   text-decoration:none;
}

div.breadcrumbs {
   padding: .3em 0 .3em 1em;
   font-size: 80%;
   margin: 0;
   border-bottom: 1px dotted #ddd;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

div#content {
   margin: 1em auto 2em 0;
}

div#main {
   margin-left: 31%;
   margin-right: 2%;
}

div#sidebar {
   float: left; 
   width: 29%;
   display: inline;
   margin-left: 0;
}


div#sidebar.hascontent {
   padding: 0 1%;
   width: 27%;
}

div#footer {
   clear:both;
   color: #b00;
   background: #fcfcfc;
}

div#footer p {
   font-size: 0.9em;
   padding: 1em; 
   text-align: center;
   margin:0;
}

div#footer p a {
   color: #b00;
   padding: .3em;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

.floatleft { float: left; margin: .2em .7em 0 0; }

.floatright { float: right; margin: 0 0 0 .7em; }

.clear { clear: both; }

.size0 { font-size: 80%; }


/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #ac1816; 
   font: bold 2.25em georgia, times, serif;
   text-align: left;   
   line-height: 1.5em;
   letter-spacing: 1px;
   margin: 0 0 .5em 0;
}

div#content h3 {
   color: #555; 
   font-size: 1.4em;
   line-height: 1.3em;
   margin: 0 0 .5em 0;
}
div#content h4 {
   color: #d30400; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 .7em 0;
}
div#content h5 {
   font-size: 1em;
   line-height: 1.1em;
   margin: 0 0 .7em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height:1.4em;
   padding: 0;
}

#sidebar p { font-size: 1em; line-height: 1.2em; }
 
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}

pre {
   border: 1px solid #000; 
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%; 
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 2em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/* sitemap */
ul.sitemap {
 	font-size: 100%;
	line-height: 2em;
	list-style-type: none;
	margin: 0 0 2em 2em;
}

ul.sitemap li {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/o-plansite.jpg) no-repeat 0 6px;
	padding: 0 0 0 18px;
}


ul.sitemap ul { list-style: circle; margin: 0 0 0 2em; }

ul.sitemap ul li { background: transparent; padding: 0; }

/* end sitemap */

/* index page */
#indexheader {
   height: 180px; 
   background: transparent; 
   margin: 0 1em;         
}

#indexheader h1 a {
   background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/logo-accueil-v1-5.jpg) no-repeat 10px 10px; 
   display: block; 
   height: 180px;            
   text-indent: -999em;
   text-decoration:none;
}

.index { background: transparent; }

/* end index page */

/* page artiste */
img.art { float: left; border: 1px solid #bbb; margin: 2.5em 1em .2em 0; }

.art { margin-left: 113px; }
/* fin page artiste */

/* liens img vers galerie */

a#cdbgal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_cdb.jpg) no-repeat 0 0;
	display: block;
	height: 65px;
	width: 65px;
	margin: 0 0 0 1em;
}

a:hover#cdbgal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_cdb.jpg) no-repeat 0 -65px;
}

a#pingal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_pinocchio.jpg) no-repeat 0 0;
	display: block;
	height: 53px;
	width: 65px;
	margin: 0 0 0 1em;
}

a:hover#pingal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_pinocchio.jpg) no-repeat 0 -53px;
}

a#crigal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_cridamour.jpg) no-repeat 0 0;
	display: block;
	height: 65px;
	width: 65px;
	margin: 0 0 0 1em;
}

a:hover#crigal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_cridamour.jpg) no-repeat 0 -65px;
}

a#ecolegal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_ecole.jpg) no-repeat 0 0;
	display: block;
	height: 79px;
	width: 65px;
	margin: 0 0 0 1em;
}

a:hover#ecolegal {
	background: transparent url(http://www.ettroisptitspointscompagnie.com/uploads/images/css/tnmenu_ecole.jpg) no-repeat 0 -79px;
}

/* fin liens img vers galerie */

/* pages de chaque spectacle et atelier */
#spec p { font-size: 1.2em; margin: 1em 0 1.5em 0; }

.note {
	background: transparent;
	color: #444;
	font-style: italic;
	font-size: .9em;
	margin: 0 0 .3em 0;
}

.dl { background: transparent; color: #c4817d; }

ul#ateliers li { font-size: 1.2em; }
/* fin pages de chaque spectacle et atelier */

/* menus avec images marionnette et theatre */
.imgmenu { background: transparent; list-style-type: none; }


div#main ul.imgmenu, div#main ul.imgmenu li { margin:0; }

.imgmenu li a:link, .imgmenu li a:visited {
	background: transparent;
	border: 1px solid #fff;
	color: #aaa;
	display: block;
	font-size: 1.3em;
	height: 57px;
	line-height: 1.2em;
	padding: 18px 0 0 0;
	text-decoration: none;
	width: 450px;
}

.imgmenu li a:hover, .imgmenu li a:active {
	background: transparent;
	border: 1px solid #eee;
	color: #000;
}

.imgmenu li img { border: 1px solid #bbb; float: left; margin: -14px 5px; }
/* menus avec images marionnette et theatre */

/* form styling */
fieldset {
  display : block;
  margin : 0;
  padding : 0 .5em;
  border: 1px solid #ddd;
  }

p.field { margin: 1em 0 .5em 1em; }

p.field label {
  clear: left;
  display: block;
  float: left;
  font-size: 1em;
  width: 10em;
}

p.field input { width: 12em; }

input, textarea {
  border: 1px solid #666;
  font: 1em verdana, arial, sans-serif;
}

input[type], textarea[name] { background: #ececec; color: #000; }

input[type=submit], input[type=reset] {  background: #ececec; color: #900; }

input[type=submit]:hover { background: #fcc; color: #c00; }

textarea { width: 100%; height: 5em; }

.captchapict { float: right; margin-left: 1%; }

p.submit { clear: both; margin-left: 1em; }

.contactform { padding: 1em; width: 80%; border: 1px solid #ddd; }
.contactform fieldset { padding: 0 0 1em 0; border: 0; }
.contactform div { padding: .25em 0; }
.contactform div label { display: block; width: 15em; margin-bottom: .3em; } 
.contactform div.required { color: #000; }
.contactform .captcha input { margin-top: .2em; }
.contactform .obli { float: right; font-style: italic; color: #999; }

.error_message { color: #b00; }

/* end form styling */