body { color = "#000099"; background-position: center;  }  

#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;}
#masques {background-image : url('../images/abcd_masques_grand.jpg'); color : #000099; margin-left : 12%; margin-right: 8%;}
#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 { text-align : center; padding-top: 3%; padding-bottom : 3%; line-height: 120%; }
h1.public {padding-top: 2%; padding-bottom: 2%;}
h1.public1 {padding-top: 2%; padding-bottom: 2%;}

h2 {font-size : 150%; margin-left: 12%; 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 }}
.bouton { float : left; margin-right: 5%; }


.label_left {width : 35 em; text-align : left; margin-left : 0.5 em; margin-bottom: 0.5 em;}
label {width : 9 em; text-align : right; margin-bottom: 0.5 em;}
.label2 {width : 7 em; text-align : left; margin-bottom: 0.5 em; margin-left: 0.4 em;}
.label3 {width : 20 em; text-align : left; margin-bottom: 0.5 em; margin-left: 0.4 em; ;}
.label4 {width : 25 em; text-align : left; margin-bottom: 0.5 em; margin-left: 0.4 em; }
.label_float {float: left;}
.label_float_right {float: right;}

.interligne {text-align : left; margin-bottom: 1 em; margin-left: 0.4 em; font-weight: bold;}

input {margin-left: 1em; margin-bottom: 0.5 em; margin-right : 0.5 em;}
.input2 {margin-right: 0.5 em; margin-bottom: 0.5 em;}
.input3 {margin-left: 3 em;}
.input4 {margin-left: 15 em;}

.submit {margin-left : 5 em; padding-top: 1 em; }
.submit_reset {margin-left : 9 em; padding-top: 1 em; }

select {margin-left: 1em; margin-bottom: 0.5 em; margin-right : 0.5 em;}
option {margin-left: 1 em;}
select {margin-left: 1 em;}
legend {margin-bottom: 0.5 em;}

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


#margin_15 {margin-left: 15%; margin-right : 15%;}
#margin_15_105 {margin-left: 15%; margin-right : 15%; font-size : 105%;}

.menu { font-size: 85%; text-align: center; padding-top: 2%; }
.liens { font-style: italic; text-align : right; margin-right: 10%;}

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

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:active

.bold {font-weight : bold;}
.bold_medium {font-weight : bold; font-size : 110%;}
.bold_large {font-weight: bold; font-size: 120%;}
.bold_very_large {font-weight: bold; font-size: 150%;}
.bold_i {font-weight : bold; font-style: italic;}
.italic {font-style : italic;}

.font_medium {font-size : 105%;}
.font_large {font-size : 110%;}

/******************* COMPAGNIES ***********************/
#liste_cies {margin-left = 10%; margin-right = 10%; text-align: center;}



/******************* SPECTACLES ***********************/
.booking { text-align : center; font-size: 170%; font-weight : bold;}
.dates {font-size: 140%; font-weight : bold;}

.clear {clear : both;}

#cie {font-weight: bold; font-size: 16 pt;}


/******************* STAGES ***********************/
.conditions {padding-top : 0.2 em; }
.ITA_FNCD {padding-top : 0.5 em; font-size : 110%; font-weight : bold; text-align : center;}


.chapeau {font-size: 120%; background-color: #E6FCED; padding-left: 2%; padding-right: 2%; padding-bottom : 2%;
.encart {padding-left : 3%;}