/* html */

body { color : #560F11; text-align: center; margin: 0px; padding: 0px; background-image: url(images/beige2.jpg); background-repeat: repeat; font-size: 95%; height: 100%; font-family: arial; font-size: 100%;}  
#global {margin: 10px auto; border: 8px solid gray; padding: 0.5em 2em; background-color: white; min-height: 100%;  text-align : left; width : 758px; }

#access {font-size: 75%; text-align: right; letter-spacing: 0.2em; }
#logo {font-family: 'Lucida Handwriting'; font-size: 110%;}
.logo-partenaire {float: left; margin-right : 8%; }
.clear {clear: both;}

#menu-ligne {padding-bottom: 2em; padding-left: 2%; padding-right: 4%; }
#menu-ligne li { float: left; list-style-type: none;  text-align: center; padding-left: 2%; padding-right: 2%; padding-top: 1%; padding-bottom: 1%; border-top:solid 3px white ; border-left:solid 3px white ; border-right:solid 1px white ; border-bottom:solid 1px black; background-color: #FE797E; } 

a:link { color : #1C50E2; font-weight: bold; text-decoration: none; }
a:visited { color: #85858C;  font-weight: bold; text-decoration: none;}
a:hover { color : #004A4A; font-weight: bold; text-decoration: none;}

a.menu-l:link { color : #560F11; font-size: 95%; }
a.menu-l:visited { color : white; font-size: 95%; }
a.menu-l:hover { color : white; background-color: #560F11; font-size: 95%;}
.ici { background-color: #560F11; font-size: 95%;}

#centre {clear: both; overflow: auto; padding-bottom: 2em; margin: 0 auto;}

#menu-col {float: left;  width: 30%; margin-top: 0.5em; margin: 0; clear: left;}
#menu-col ul {padding: 0; }
#menu-col li { margin: 0; list-style-type: none;  text-align: left; display: block; margin-left: 0%; padding-left: 3%; padding-right: 4%; width: 60%; padding-top: 1%; padding-bottom: 1.5%;  border-top:solid 3px white ; border-left:solid 3px white ; border-right:solid 1px white ; border-bottom:solid 1px black; background-color: #FE797E; font-size: 90%; } 


#content {margin-top: -1em; margin-left: 30%;}
#content h1 {font-size : 120%; font-weight: normal; text-align: center; padding-top: 5%; padding-bottom: 1%; line-height: 120%; }
#content h2 {font-size : 110%; }
#content h3 {font-size: 100%; margin-left: 2em;}


#content_spectacles {margin-top: -1em; margin-left: 30%;}
#content_spectacles h1 {font-size : 120%; font-weight: normal; text-align: center; padding-top: 5%; padding-bottom: 1%; line-height: 120%; }
#content_spectacles h2 {font-size : 110%; }
#content_spectacles h3 {font-size: 100%;}
#content_spectacles li {list-style-type: none;}

#accueil {font-size: 110%; font-weight: bold; text-align: center; padding-left: 4em; padding-right: 4em;}
#presse li {padding-bottom: 0.5em;}
#missions li {font-size: 110%; font-weight: bold; padding-bottom: 0.5em;}
#ad_rubrique {text-indent: 1em;}
.signature {margin-left : 2em; font-style: italic; padding-bottom: 1em; }

.espace li {padding-bottom: 0.5em; }

#footer {position: bottom: 0; padding-bottom: 0.25em;}
#contact {text-align: left;}
#copyright {font-size: 85%;}


#menu { font-size: 85%; text-align: center; }



.notice {color: red; font-weight: bold; margin-right: 20%; margin-left: 12%;}
.notice2 {color: red; font-weight: bold; }
.centrer {text-align: center;}

table {font-size: 90%; margin-left: -5%;}
td {style:word-wrap; vertical-align: top;}  

/*.menu { font-size: 85%; text-align: center; padding-top: 2%; }
.liens { font-style: italic; text-align : right; margin-right: 10%;}
#inscription {background-color: #85858C; font-size: 85%; width: 55%; display: block; padding-top: 1em; padding-bottom: 1em; padding-left: 3%; }

*/ 

/***********************************

#spectacles {background-image: url(../images/fond_4.jpg); background-repeat: repeat; margin-left: 10%; margin-right: 10%;}
 #spectacles h1 {padding-top: 2%; padding-bottom: 1%;}
 #spectacles h2 { text-align : center; padding-top: 1%; padding-bottom : 2%; line-height: 120%; margin-left: 0%;}
 #spectacles h3 { text-align : center; padding-top: 1%; padding-bottom : 3%; line-height: 100%; margin-left: 0%;}

.reserver {font-size: 130%; margin-left: 15%; margin-right: 15%; font-weight: bold; text-align: center; }


#compagnies body {background-image: url(../images/fond_3.jpg); background-repeat: repeat; margin-left: 10%; margin-right: 10%;}
#infos-compagnie {margin-left: 12%; margin-right: 12%; margin-bottom : 5%; }

ul#agenda {line-height: 1.5;}
ul#fiche_spectacle {line-height: 1.5; text-align: center; font-size: 120%; font-weight: bold;}

#description1 {margin-left: 10%; margin-right: 10%;}


#logo {background-image : url(images/abcd_logo_grand.jpg); background-repeat:no-repeat; text : #000099;}
#masques2 {background-image : url('../images/abcd_masques_grand.jpg'); color : #000099; margin-left : 6%; margin-right: 8%;}

.masques { background-image: url(images/ABCD_masques_grand.jpg); }
.logo { background-image: url(images/abcd_logo_grand.jpg); }

.logo1 { float : left; margin-right: 5%; }
.logo2 { float : right; margin-left: 5%; }

h1.public {padding-top: 2%; padding-bottom: 2%;}
h1.public1 {padding-top: 2%; padding-bottom: 2%;}

.public h2 {margin-left: 5%; text-align: left; padding-bottom: 0%;}
.public2 h2 {margin-left: 5%; text-align: left; padding-bottom: 0%;}
#cj h2 {margin-left: 0%;}



td { padding-left: 1 em; padding-top : 0.2 em; padding-bottom : 0.2 em }}


/*****************************************/