body { color : #560F11; background-position: center;  margin-left: 10%; margin-right: 10%;}  

#logo {background-image : url(images/abcd_logo_grand.jpg); background-repeat:no-repeat; }
#masques {background-image : url('images/abcd_masques_grand.jpg'); margin-left : 12%; margin-right: 8%;}
.masques { background-image: url(images/ABCD_masques_grand.jpg); }
.logo { background-image: url(images/abcd_logo_grand.jpg); }

h1 { text-align : center; padding-top: 2%; padding-bottom : 3%; line-height: 120%; font-size: 180%; }
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%;}


#content {margin-left: 12%; margin-right: 12%;}

.center {text-align : center;}

.liens_int {font-size: 95%; font-weight : normal; background-color: #B3E5FA; padding-left: 5%; padding-right: 2%; padding-bottom : 1%; padding-top: 1%; margin-right : 15%; }
.liens_int2 {font-size: 90%; font-weight : normal; background-color: #B3E5FA; padding-left: 1%; padding-right: 2%; padding-bottom : 1%; padding-top: 1%; margin-right : 40%; }


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

table td {padding: 5; border-style: solid; border-width: thin; border-spacing: o; }

.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;}

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


#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 : #004A4A; font-weight: bold; text-decoration: none;}
a:visited { color: #85858C; font-weight: bold; text-decoration: none;}
a:hover { color : #85858C; 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 { background-image: url('images/abcd_logo_grand.jpg'); background-repeat: no-repeat;}
#liste_cies h2 {margin-left: 0%; text-align: center; line-height: 1.5; font-size: 170%;}
#liste_cies_contenu {text-align: center; font-size: 150%; font-weight : bold; padding-bottom : 3%; line-height: 2;}

#liste2_cies {margin-bottom : 5%; line-height: 1.3; background-image: url('images/abcd_masques_grand.jpg'); background-repeat: no-repeat;}
#liste2_cies_contenu {margin-left: 10%; margin-right: 5%; margin-bottom : 5%; line-height: 1.3;}

#compagnie {background-image: url('images/compagnie-fond.jpg'); background-repeat: repeat; }
#compagnie_contenu {margin-left: 15%; margin-right: 15%; text-align: justify; margin-top: 4%;}

.liste {float : left; width : 20%; font-weight: bold;}
.choix_localisation {margin-left: 20%; font-weight: bold; }
.programmation {text-align: center; padding-top: 1%; padding-bottom: 2%; color : DF5D07;}
.programmation a:link { color : DF5D07; font-weight: bold; text-decoration: none;}
.programmation a:visited { color: DF5D07; font-weight: bold; text-decoration: none;}
.programmation a:hover { color : 004A4A; font-weight: bold; text-decoration: none;}


/******************* 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;}
#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 : 1%; line-height: 120%; margin-left: 0%;}
 #spectacles h3 { text-align : center; padding-top: 1%; padding-bottom : 1%; line-height: 100%; margin-left: 0%;}

#agenda {line-height: 1.5; margin-left: 10%;}
#agenda table {margin-top: 1 em; margin-bottom: 3 em;}

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

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

#description1 {margin-left: 10%; margin-right: 10%; text-align: justify; margin-bottom: 4%;}
#description2_photo {margin-left: 5%; margin-right: 5%; margin-top : 3%; float: left; margin-bottom: 2%; }
#description3 {margin-left: 10%; margin-top : 8%; float: left; text-align: justify; margin-bottom: 4%;}
#description4_photo {text-align: center; margin-top : 5%;  margin-bottom: 4%; margin-left: 5%; margin-right: 5%;}
#description5 {margin-left: 10%; margin-top : 5%; text-align: justify; margin-bottom: 3%;}
#commentaire {text-align : center;}

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

#stages { margin-left: 12%; margin-right: 12%; text-align: justify; margin-bottom: 1%; margin-top: 1%; }

.chapeau1 {font-size: 120%; font-weight : bold; background-color: #F9EE3A; padding: 2%; }
.chapeau2 {font-size: 110%; font-weight : bold; background-color: #F9EE3A; padding: 2%; }
.encart {padding-left : 3%;}

#update { font-style: italic; font-size: 85%; margin-left: 10%;}


.row1 {color : DF4407;}
.row2 {color : yellow;}

td {vertical-align : top;}


/******************* AD ***********************/
.logo-sponsors {margin-right: 3%; margin-left: 3%; }

#carnet {margin-left: 12%; margin-right: 12%; }
#carnet td {text-align: justify; padding-bottom: 0.7 em;}
#carnet p {margin-bottom: -0.5 em;}
#carnet li {padding-bottom: 0.3 em; list-style-type: square; margin-right: 5%;}
#carnet blockquote {font-style: italic; }

#ad {margin-left: 12%; margin-right: 12%;}
.elia_right {margin-top: 5%;}