/***************************************************
				      GENERAL
***************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

strong{
font-weight: bold;
}

body {
	margin: auto;
	padding: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	background: none;
	background-color: #ffffff;
	color: #666666;
	width: 100%;
	text-align: center;
}

#centre-popup{
text-align: left;
padding: 0 25px;
}

h1 {
	font: normal 27px/29px Arial;
	color: #f7cd00;
	padding-bottom: 0.3em;
	border-bottom: 0px solid #ddd7cd;
	margin: 18px 0 16px 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
}

h2 {
	font: bold 20px Arial;
	color: #74bcb4;
	margin: 30px 0 5px 0;
	padding: 0 0 0 0;
}

h3 {
	font: bold 14px Arial;
	color: #5b2518;	
	margin: 28px 0 12px 0;
	padding: 0 0 0 0;
}

h4 {
	font-weight: bold;
	font-style: normal;	
	font-size: 12px;
	color: #91c2b4;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

h5 {
	font-weight: bold;
	font-style: normal;	
	font-size: 10px;
	color: #6f5d4c;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

/* coul1 = bleu 1*/
.coul1{color: #74bcb4;}

/* coul2 = bleu 2 */
.coul2{color: #98d1cb;}

/* coul3 = marron 1 */
.coul3{color: #5b2518;}

/* coul4 = marron 2 */  
.coul4{color: #5b2417;}

/* coul5 = jaune */
.coul5{color:  #f7cd00;}

/* coul6 = gris foncé */
.coul6{color:  #333333;}

/* coul7 = gris clair1 */
.coul7{color:  #999999;}

/* coul8 = gris moyen */
.coul8{color:  #666666;}

/* coul9 = noir */
.coul9{color: #000000;}

/* coul10 = blanc */
.coul10{color: #ffffff;}


.texte-10px {font-size: 10px;}
.texte-11px {font-size: 11px;}
.texte-12px {font-size: 12px;}
.texte-13px {font-size: 13px;}
.texte-14px {font-size: 14px;}
.texte-15px {font-size: 15px; line-height: 20px;}
.texte-16px {font-size: 16px;}
.texte-17px {font-size: 17px;}
.texte-18px {font-size: 18px;}
.texte-19px {font-size: 19px;}
.texte-20px {font-size: 20px;}
.texte-21px {font-size: 21px;}
.texte-22px {font-size: 22px;}
.texte-23px {font-size: 23px;}
.texte-24px {font-size: 24px;}
.texte-25px {font-size: 25px;}

.texte-majuscule{
text-transform: uppercase;
}

.texte-majuscule-bold{
text-transform: uppercase;
font-weight: bold;
}

.titre-spectacle{
font: bold 20px Arial;
color: #74bcb4;
letter-spacing: -1px;
}

.titre-spectacle a{
font: bold 20px Arial;
color: #74bcb4;
letter-spacing: -1px;
text-decoration:none
}

.titre-spectacle a:hover{
text-decoration:none;
color: #f7cd00;
}

.infos-supplementaires{
font: normal 14px/19px Arial;
color: #74bcb4;
letter-spacing: -0.7px;
}

hr {
display:block;
height: 1px;
margin: 10px 0;
padding: 0;
color: #dddddd;
background-color: #dddddd;
border: 0;
}

hr.pointille {
color: #dddddd;
background-color: transparent;
border: dotted;
border-top-width: 1px; 
border-bottom-width: 0px; 
border-right-width: 0px; 
border-left-width: 0px;
margin: 10px 0;
}

.border {
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
}
p {
	margin: 0px;
	padding: 0;
}

a {
	color: #5b2417;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img, a img {
	border: none;
}

img.visuel-droit{
margin: 0 0 10px 12px;
}

img.visuel-gauche{
margin: 0 12px 10px 0;
}

ul {
	margin: 0px;
	list-style-type: none;
	padding: 10px 0 10px 0;
}
ul li {
	margin: 0px;
	background-image: url(../images/pictos/mini_fleche_coul3.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 0 0 5px 12px;
}

.ul-default {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 15px;
}
.ul-default li {
	background-image: url(../images/arrow-link.gif);
	background-position: 0% 60%;
	background-repeat: no-repeat;
	list-style-type:none;
	padding-left: 10px;
	margin-bottom: 3px;
	line-height: 14px;
	margin-left: 25px;
}

ol {
list-style-type: decimal; 
background-image: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}


.alignement {
vertical-align: middle;
display: inline-block;
}

.separateur{
margin-top: 0px;
margin-bottom: 10px;
padding-top: 10px;

clear: both;
}

.espace{
margin-left: 10px;
margin-right: 10px;
color: #9d9d9d;
}

.espace2{
margin-left: 3px;
margin-right: 3px;
color: #5b2417;
}

.spacer {
clear: both;
}

.bloc-couleur, .bloc-couleur2,.bloc-couleur3,.bloc-couleur4,.bloc-couleur5 {
margin: 20px 0 20px 0;
background-color: #dddddd;
padding: 19px 26px 19px 19px;
overflow: hidden;
}

.bloc-couleur2 {
background-color: #dcf4f1;
}

.bloc-couleur3 {
background-color: #fefae8;
}

.bloc-couleur4 {
background-color: #faf3f1;
}

.bloc-couleur5 {
background-color: #edf1f2;
}

.bloc-cadre, .bloc-cadre2 {
margin: 20px 0 20px 0;
background-color: #ffffff;
padding: 10px 90px 19px 13px;
border: 1px #D5D5D5 solid; }

.bloc-cadre2{
border: 1px #4f4033 solid;
background-color: #ece8e1;
}

a.btn{
background: transparent url(../images/boutons/fond_btn.gif) no-repeat left top;
font: normal 12px/30px Arial;
padding: 7px 15px 10px 22px;
color: #73644c;
}

a:hover.btn{
background: transparent url(../images/boutons/fond_btn_hover.gif) no-repeat left top;
text-decoration: none;
color: #2b150f;
}

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

.habillage-champs,
.habillage-select,
.habillage-select-annee,
.habillage-message,
.habillage-news{
width:210px;
height:22px;
margin: 0 0 4px 0;
padding:3px 1px 1px 3px;
background-color:#ffffff;
border: 1px solid #dddddd;
color: #666666;
font: normal 11px Arial;
}

#email.habillage-champs,
#mdp.habillage-champs{
width: 145px;
height:16px;
margin: 0 0 3px 0;
}

.habillage-message{
height: 95px;
}

.habillage-select{
width: 207px;
margin-bottom: 11px;
}

.habillage-news{
width:149px;
color: #666666;
font: normal 11px Arial;
}

a.lire-la-suite{
font: normal 11px/14px Arial;
color: #30c69b;
}

.habillage-champs-contact,
.habillage-message-contact,
.habillage-select-contact,
.habillage-champs-code{
background-color:#FFFFFF;
border: 1px solid #dddddd;
color:#999999;
float:none;
padding:8px;
width:499px;
margin: 0 0 10px 0;
font: normal 12px Arial;
}

form .habillage-select-contact{
width:64px;
padding: 0;
height: 20px;
}

form .habillage-champs-code{
width: 165px;
}

#recherche.habillage-champs {
width: 184px;
height: 17px;
float: right;
padding:4px 1px 1px 3px;
margin: 0;
color:#8b8b8b;
font: normal 11px Arial;
}

a.btn{
height: 15px;
padding:6px 12px 4px 12px;
border: 1px solid #74bcb4;
font: bold 11px/17px Arial;
color: #ffffff;
background-color: #74bcb4;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
}

a:hover.btn {
text-decoration: none;
color: #ffffff;
background-color: #666666;
border: 1px solid #666666;
}


