/* CSS Document */
/* CSS Document */
*{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
}
html {
	overflow:scroll !important;
}
a {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: underline;
}
hr{
	display:none;
}
h2, h3, h4, h5, h6, ul, li, p, form, fieldset{
	margin:0;
	padding:0;
}
a img{
	border:none !important;
}
form{
	padding-bottom:0!important;
	padding-bottom:5px;
}
ul{
	list-style:none;
}
.clearBoth{
	clear:both;
	font-size:0%;
	height:0;
	overflow:hidden;
}
.displayNone{
	display:none;
}
.underlineBlack{
	text-decoration: underline ;
	color:black;
}
.underline{
	text-decoration: underline ;
}
.lienOrange{
	color:#FF7300;
	text-decoration:underline;
}
.lienOrangeFlex {
	color:#FF7300;
	text-decoration:underline;
	clear:both;
}
.lieneret{
	color:#FF7300;
	text-decoration:underline;
	font-size:65%;
}
.lieneret a{
	color:#FF7300;
	text-decoration:underline;
}
.texteOrange{
	color:#FF7300;
}
.texteGris{
	color:#727467;
	font-size: 65%;
}

.texteGras{
	font-weight:bold;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
body{
	margin:auto !important;
	background-color:#ffffff;
	text-align:center;
	background-image: url("../images/fond.jpg");
	background-repeat: repeat-x;
}
/******************************************************************************************/
#divPrincipalMinisite {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: url("../images/haut.jpg") no-repeat;
	position: relative;
	background-position: top center;
	
}
#divHautMiniSite #logoMauve {
	position: absolute;
	top: 18px;
	left: 53px;
	width: 237px;
	height: 124px;
	
}
#divHautMiniSite #logoMauve img {
	margin-left: 0px;
}
#divEntete {
	position: relative;
	height: 12px;
	color: #555353;
	padding: 4px 0 4px 0 !important;
	padding: 4px 0 2px 0;
}
#divEntete #divDate {
	width: 350px;
	float: left;
	font-size: 70%;
	font-weight: bold;
	color: #DFD6DD;
	padding-left: 200px;
}
#divEntete #divDate ul {
	border-left: 2px solid #DFD6DD;
	padding-left: 2px;
}
.divmenuBlanc {
	float:right;
	font-size: 70%;
	padding-right: 30px;
}
.divmenuBlanc ul li a {
	color: #555353;
}
.divmenuBlanc ul li {
	display: inline;
	border-left: 1px solid #555353;
	padding: 0 7px;
}
.ulCoordonneesLast {
	padding-right: 7px;
	border-right: 1px solid #555353;
}
#divHautBaniere {
	color: white;
}
#divHautBaniere h1 {
	font-size: 100%;
	line-height: 1em;
	border-bottom: 0px solid white;
	padding-left: 8px;
	padding-top: 10px;
 	color: #000000;
}
#divHautBaniere h2 {
	font-size: 110%;
	font-style: italic;
	text-align: center;
	padding-left: 100px;
	padding-bottom: 4px;
}
#divHautBaniere #BaniereMauve {
	height: 140px;
			
}
#mdr {
width:220px;
float: right;
padding-right:20px;
text-align:right;
}
#calendrier {
padding-left:20px;
	margin-bottom: 10px;
}
.actualite {
	height: 156px;
	width: 900px;
	background: url("../images/fd2actu.gif") no-repeat;
	background-position: top center;	
	position: relative;
}

/*****************************Partie milieu******************************************/
#divMilieuMiniSite {
	float: left;
	width: 530px;
	background: white;
	margin-bottom: 50px;
}
#divFileAriane ul {
margin-top: 20px;
	padding-left: 25px;
	margin-left: 20px;
	background-image: url(../images/pict_accueil.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#divFileAriane ul li {
	display: inline;
	font-size: 70%;
	font-style: italic;
	padding-left: 10px;
	color: #000000;
}
#divFileAriane ul li a {
	text-decoration: underline;
	color: #000000;
}
#contenuMilieuMinisite {
border-top: 1px dashed #cccccc;
	font-size: 100%;
	color: #4d4d4d;
	padding-bottom: 20px;
	margin-left: 40px;
	margin-right: 40px;
	position:relative;
}
#texte_agenda {
font-size: 70%;
color: #4d4d4d;
}
#contenuMilieuMinisite h2 {
margin-top:10px;
margin-bottom:10px;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	padding-bottom: 1px;
}
#menuImagesMiniSite {
	text-align: right;
}
#menuImagesMiniSite ul {
	padding-top: 4px;
	padding-right: 20px;
	border-top: 0px solid #CCCCCC;
}
#menuImagesMiniSite ul li {
	display: inline;
	padding-left: 14px;
}
#contenuHaut {
}
#contenuHaut #imageTexte {
	float: left;
	width: 155px;
}
#contenuHaut #imageTexte span {
	padding-left: 37px;
	font-size: 90%;
	font-family: 'Georgia', verdana;
	font-style: italic;
	color: #808080;
}
#contenuHaut #texteContenuHaut {
	float: left;
	width: 600px;
}
#contenuHaut p {
	text-align: justify;
	font-size: 70%;
	color: #4D4D4D;
}
#contenuHaut .introduction p {
	font-size: 75%;
	font-weight: bold;
	color: #884A7C !important;
	padding-bottom: 17px;
}
#introduction p {
	color: #884A7C !important;
}
#texteContenuHaut p a {
	text-decoration: underline;
	color: #FF7300;
}
#texteContenuHaut h3 {
	font-size: 75%;
	letter-spacing: 0.2em;
	color: #884A7C;
	margin: 15px 0;
	padding-left: 13px;
	border-left: 2px solid #884A7C;
}
.contenuMilieu .titreRubriqueGris {
	/*width: 98px;*/
	padding-left: 5px;
	margin-bottom: 1px;
	font-size: 90%;
	letter-spacing: 0.2em;
	color: #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}
.contenuMilieu #titreRubrique {
	/*min-width: 73px;*/
	margin-top: 15px;
}
.contenuMilieu .texteContenuMilieu {
	border: 1px solid #CCCCCC;
	padding: 2px 10px;
	min-width: 480px;
	min-height: 118px;
	height: auto !important;
	height: 118px;
}
.contenuMilieu h3 {
	font-size: 80%;
	color: #FF7300;
	text-decoration: underline;
}
.contenuMilieu .texteGrisItalic {
	color: #717566;
}
.contenuMilieu #partieGauche {
	float: left;
	width: 333px;
}
.contenuMilieu img {
	float: left;
}
.contenuMilieu #partieGauche p {
	font-size: 60%;
	text-align: justify;
}
.contenuMilieu #partieGauche p.texteOrange {
	margin:5px 0px 10px;
}
.contenuMilieu .partieGauche1 p.texteOrange {
	margin:5px 0px 10px;
}
.contenuMilieu .texteOrange a {
	text-decoration: underline;
	color: #FF7300;
}
.contenuMilieu .texteContenuMilieu img {
	float: right;
	margin-top: 9px;
	margin-bottom: 4px;
}
.texteContenuMilieu ul {
	padding-left: 180px;
	padding-top: 3px;
	height: 13px;
	background: url("../images/borderGrisUl.jpg") repeat-x 0 0;
}
.texteContenuMilieu ul li {
	float: left;
	padding-right: 2px;
	font-size: 55%;
	color: #FF7300;
}
.texteContenuMilieu ul li a {
	color: #808080;
}
.texteContenuMilieu {
font-size: 76%;
	color: #808080;
	padding-top: 10px;
	padding-left:25px;
	padding-right: 25px;
}
.texteContenuMilieu H3 {
font-size: 80%;
	color: #355E80;
	padding-right: 25px;
}

.partieGauche .sousTitregris {
	font-size: 70%;
	color: #717566;
}
#divReaction {
	margin-top: 72px;
	border: 1px solid #6C3A62;
	background: #F1E7EF;
}
#divReaction #titreReaction {
	font-size: 70%;
	color: #884A7C;
	padding: 2px 10px;
	border-bottom: 1px solid #6C3A62;
}
#titreReaction p {
	display: inline;
	padding-left: 8px;
}
#divReaction img {
	vertical-align: middle;
}
#divReaction #divContenuReaction {
	padding-left: 10px;
}
#divReaction .contenuReaction {
	padding: 5px 0 5px 85px;
	background: url("../images/borderGrisMauve.jpg") repeat-x 0 100%;
}
#divReaction .contenuReaction ul li {
	display: inline;
	padding-left: 3px;
	font-size: 65%;
}
#divReaction .contenuReaction ul li a {
	color: #884A7C;
}
#divReaction .contenuReaction ul .last {
	font-weight: bold;
	color: #884A7C;
}
#divReaction .contenuReaction p {
	font-size: 60%;
	text-align: justify;
	padding-left: 50px;
	padding-right: 10px;
}
#divReaction .contenuReaction .texteMauveItalic {
	font-style: italic;
	color: #884A7C;
}
#divReaction #basReagir {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 4px;
}
#divReaction #basReagir li {
	display: inline;
	font-size: 60%;
}
#divReaction #basReagir li a {
	color: #884A7C;
	padding-left: 3px;
	text-decoration: underline;
}
#divReaction #basReagir li a img {
	margin-right: 4px;
}
/*****************************Partie milieu******************************************/
#galeriePhotos{
	display: none;
	border: 1px solid #C6A4BF;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	background: white;
}
#contenuDroiteHaut #formGalerie{
	display: none;
	font-size: 70%;
	background: #F1E7EF;
	padding-top: 3px;
	border-top: 1px solid #C6A4BF;
	margin-bottom: 38px;
	min-height: 22px;
	height: auto !important;
	height: 21px;
	padding-bottom: 2px;
}
#contenuDroiteHaut #galerieSelect{
	color: #884a7c;
	height: 18px;
	width: 204;
	float: left;
	margin-left: 3px;
}
#contenuDroiteHaut #bouton{
	float: left;
	width: 24px;
	margin-right: 5px !important;
	margin-right: 0px;
}
#contenuDroiteHaut #paginPhotos{
	
}
#contenuDroiteHaut #bouton input{
	background-image: none;
	background-color: #884A7C;
	color: white;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #c7caba;;
	padding: 0px;
	font-weight: bold;
	height: 20px !important;
	height: 19px;
}
#divDroiteMiniSite {
	float: left;
	width: 237px;
	margin-left: 14px;
}
#contenuDroiteHaut {
}
#contenuDroiteHaut .TitreImageDroite {
	margin: 1px;
	background: #F1E7EF;
	padding: 1px 0 1px 8px;
}
#contenuDroiteHaut h4 {
	font-size: 70%;
	text-transform: uppercase;
	color: #884a7c;
	border-left: 2px solid #884a7c;
	padding-left: 8px;
	margin-bottom: 1px;
	margin-top: 1px;
}
#contenuDroiteHaut .derniereImage {
	margin: 1px 2px 2px 2px;
}
#contenuDroiteHaut #lienPh {
	border-top: 1px solid #C6A4BF;
	background: #F1E7EF;
	padding-left: 4px;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-top: 3px;
}
#contenuDroiteHaut ul li img {
	vertical-align: middle;
}
#contenuDroiteHaut ul li {
	float: left;
	font-size: 60%;
	color: #ff7300;
	border-right: 1px solid #884a7c;
	padding: 0 2px;
}
#contenuDroiteHaut ul li a {
	color: #884A7C;
}
#contenuDroiteHaut ul #firstLi {
	border-right: none;
	float: left;
	margin-left: -5px;
	padding-top: -2px;
}
#contenuDroiteHaut ul #precedPh{
	float: left;
	width: 30px !important;
}
#contenuDroiteHaut ul #precedPh span{
	float: left;
}
#contenuDroiteHaut ul #milieuPh{
	float: left;
	width: 160px;
	text-align:center !important;

}
#contenuDroiteHaut ul #milieuPh li {
	float:none;
	display:inline;
}
#contenuDroiteHaut ul #suivPh{
	float: right;
	width: 30px; 
}
#contenuDroiteHaut ul #lastLi {
	border-right: none;
	float: right;
	margin-right: 4px;
}
#contenuDroiteBas #titreRubriqueDroite {
	width: 170px !important;
	width: 85%;
	margin-left: 25px;
	margin-bottom: 7px;
	margin-top: 17px;
	padding-left: 7px;
	font-size: 90%;
	letter-spacing: 0.2em;
	color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
#texteContenuDroiteBas {
	border: 1px solid white;
	padding: 9px;
}
#texteContenuDroiteBas p {
	font-size: 65%;
	color: white;
}
.ParagrapheDroite {
	padding-bottom: 10px;
}
#bordureParagraphe {
	background: url("../images/borderBlanc.jpg") repeat-x 0 0;
	padding-top: 15px;
}
.ParagrapheDroite h5 {
	font-size: 65%;
	color: #ff7300;
	text-transform: uppercase;
}
#texteContenuDroiteBas .texteOrange {
	font-size: 65%;
	color: #FF7300;
	line-height: 1em;
}
.ParagrapheDroite a {
	color: #FF7300;
	text-decoration: underline;
}
#mail {
	padding-top: 15px;
}
/*****************************Bloc Calendrier***************************************/
.classtailletd td {
	width: 14%;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}
.classtailletotale {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid white;
}
#moisPrecedent {
	padding-left: 4px;
}
#moisSuivant {
	padding-left: 7px;
}
.mois {
	border-bottom: 1px solid white;
}
.moisD {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}
#divCalendrier h2 {
	margin: 16px 0 8px 14px;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #F1E7EF;
	padding-left: 7px;
	border-left: 2px solid #F1E7EF;
}
#divCalendrier table {
	font-size: 70%;
	border: 1px solid white;
	border-bottom: none;
	border-right: none; 
	width: 85%;
	color: white;
	margin-left: 14px;
	margin-bottom: 20px;
}
#divCalendrier table td {
	padding-top: 2px;
	padding-bottom: 2px;
}
.classrightnone {
	border-right: none !important;
}
.classtdorange {
	background: #FF8A2B;
}
#idmauvejour td {
	background: #7C4471;
}
.classcouleurspecial {
	background: #5D3355;
}
#texteContenuGaucheBas {
	border: 1px solid white;
	padding: 9px;
	width: 75% !important;
	width: 170px;
	margin-top: 7px;
	margin-left: 14px;
}
#texteContenuGaucheBas p {
	font-size: 65%;
	color: white;
}
.ParagrapheGauche {
	padding-bottom: 10px;
}
.bordureParagrapheEvent {
	background: url("../images/borderBlanc.jpg") repeat-x 0 0;
	padding-top: 15px;
}
.ParagrapheGauche h5 {
	font-size: 65%;
	color: #ff7300;
	text-transform: uppercase;
}
#texteContenuGaucheBas .texteOrange {
	font-size: 65%;
	color: #FF7300;
	line-height: 1em;
}

/*****************************Menu gauche******************************************/
#divGaucheMiniSite {
	float: left;
	width: 200px;
}
#divGaucheMenu {
	padding: 0px 20px 5px 10px;
	
	/*min-height: 207px;*/

}

#bgGauche {
	background: url("../images/bgMenuGauche.png") no-repeat 0 0;
	height: 17px;
	margin-top: -18px;
}
#divGaucheMenu ul li {

	font-weight: bold;
	padding: 3px 0;
	margin-left: 10px;
	display: inline;
	font-size: 95%;
}
#divGaucheMenu ul li a {
	color: #000000;
	font-size: 95%;
	}
#divGaucheMenu ul .liMauve {
display: block;
float: left;
width: 180px;
	text-transform: uppercase;
	font-size: 65%;
	padding-left: 20px;
}
#divGaucheMenu ul .liOrange #menuActif {
	display: block;
	text-transform: uppercase;
	padding: 3px 0 3px 13px;
	border: 0px solid white;
	color:#000000;
	float: left;

}
#divGaucheMenu ul li #sousMenuGauche li {
	margin-bottom: 0;
	font-weight: normal;
	padding-left: 0px;
	padding-bottom: 1px;
}
#divGaucheMenu ul li #sousMenuGauche li a {
	display: block;
	color: #665D60;
	font-size: 10px;
	width: 150px;
	padding-left: 12px;
	padding-bottom: 0px;
	background-image: url(../images/fleche-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
		
}
#divGaucheMenu ul li #sousMenuGauche li span {
	display: block;
	color: #665D60;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 10px;
	padding-left: 12px;
	padding-bottom: 0px;
	background-image: url(../images/fleche-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#derniereSousRubrique *{
	background-image: url(../images/fleche-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding-bottom: 2px !important;
}
.divmenuBlancBas {
	text-align: center;
	font-size: 70%;
}
.divmenuBlancBas ul li a {
	color: white;
}
.divmenuBlancBas ul li {
	display: inline;
	border-left: 1px solid #555353;
	padding: 0 7px;
}
#DivBasMiniSite {
	padding: 2px 0;
	background-image: url("../images/pied.jpg");
	height: 165px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#DivBasMiniSite a {
	color:#555353;
}
/********************************** Style Formulaire ****************************************************/
#formReaction, #recommanderPage{
	border: 1px solid #6C3A62;
	background: #F1E7EF;
	font-size:70%;
}
.enteteReactionCadre, #enteteRecommanderPageCadre{
	border-bottom: 1px solid #6C3A62;
	padding:7px 0 3px 12px;
}
.ligneFormulaire{
	margin: 3px 0 3px 12px;
	width:450px;
	color:#884A7C;
}

.ligneGauche{
	float:left;
	width:150px;
}

.ligneGauche label{
	font-weight:bold;
}

.ligneDroite{
	float:right;
	width:300px;
}

#formReaction input, #formRecommanderPage input{
	width: 300px;
	border: 1px solid #847399;
	/*float: left;*/
}

#formReaction textarea, #formRecommanderPage textarea{
	width: 300px;
	border: 1px solid #847399;
}


#commentsSubmit{
	background:#884A7C;
	color:#F1E7EF;
	border:none;
	width: 180px !important;
	margin-bottom: 10px;
}
#divReaction .texteGris{
	font-weight: bold !important;
	color: #884A7C !important;
	font-size:100% !important;
}
#boutonValider {
	background:#884A7C;
	color:#F1E7EF;
	border:none;
	width: 80px !important;
	margin-bottom: 10px;
}
#attentionFormRecommanderPage{
	margin:10px 0 10px 12px;
}
#recommanderPage{
	margin-top:72px;
	color:#884A7C;
}
#attentionMsgFormRecommanderPage, .sk-pagecomments-error{
	margin-left:12px;
	color:red;
}
.sk-pagecomments-error{
	margin:10px 0 10px 12px;
}
#mailForm {
	border: 1px solid #CCCCCC;
	width: 480px;
	font-size:70%;	
	padding: 10px 0 10px 10px;
}
#mailForm label{
	font-weight:bold;
	color: #4d4d4d;
}
.labelFormulaire{
	float:left;
	width:150px;
	margin: 4px 0 4px 3px;
}
.inputFormulaire input, .inputFormulaire textarea{
	width: 250px;
	border: 1px solid #CCCCCC;
}
.inputFormulaire input{
	height:18px;
}
.inputFormulaire select{
	border: 1px solid #CCCCCC;
}
#formtype_mail{
	border: 1px solid #CCCCCC;
	font-weight:bold;
	background:#FF8A2B;
	color:white;
	width: 80px !important;
	margin-bottom:5px;
}
.divErreursFormTypo3{
	font-size:70%;
	margin-bottom: 15px;
	color:#FF7300;
}
/********************************** Fin style Formulaire ************************************************/

/*********************************** Style contenu dynamqiues *******************************************/
.displayNone{
	display:none;
}

.displayBlock{
	display:block;
}

*|.themeResultat {
	color: #727564;
	font-size: 60%;
}

.themeResultat {
	color: #727564;
}

#enteteResultat {
	font-size: 65%;
	color: #ff7300;
	padding-bottom: 5px;
	margin-bottom: 22px;
	border-bottom: 1px dotted #727467;
}

#divImage img {
	margin-top: 20px !important;
	margin-bottom: 9px !important;
}
.newMarginBottom {
	font-size: 87.5%;
	font-weight: bold;
	color: #ff7300;
	/*border-bottom: 2px solid #ff7300;*/
	padding-left: 9px;
	margin-bottom:13px;
}

.dateMiseAJour{
	color:#FF7300;
	font-size:70%;
	float:right;
}

#divImage{
	width:146px;
	margin-right:21px;
	float: left;
}

#divImage .spacer-gif {
	height:0px;
	width:100px;
	padding:0px;
	margin:0px;
}

#divTexte{
	margin-top:22px;
	text-align:justify;	
	font-size:68.75%;
}

#divTexte p{
	text-align:justify;
}

#divTexte ul li{
	list-style:none !important;
}

#divTexte p{
	text-align:justify;
}

#divTexte a{
	color:#FF7300 !important;
	text-decoration:underline;
}
#divTexte{
	width:330px !important;
	width:325px;
	float:left;
}

#divTexte{
	margin-top:0;
}

#divTexte ul li{
	background:url(../images/imagesContenu/carreorange.png) no-repeat 0 6px;
	background-repeat:no-repeat;
	padding-left:9px;
}

.legendeActu {
	font-size:65%;
	font-style:italic;
	margin:0px;
	padding:0px;
	text-align:left;
}

.texteGras{
	font-weight:bold;
}

.imgTexteHaut{
	text-align:right!important;
	color:#727466;
	padding-right:10px;
	font-size:67%;
}

.tel{
	background-image:url(../images/imagesContenu/tel.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
	color:black!important;
} 

.fax{
	background-image:url(../images/imagesContenu/fax.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
	color:black!important;
}

.email{
	background-image:url(../images/imagesContenu/email.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
}

.email a, .site a {
	color:#FF7300;
}

.site{
	background-image:url(../images/imagesContenu/site.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:15px;
}

.dossier{
	background-image:url(../images/imagesContenu/dossier.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
}

.localiser{
	min-height:15px;
	height:auto !important;
	height:15px;
	background-image:url(../images/imagesContenu/localiser.png);
	background-repeat:no-repeat;
	background-position:0 50%;
} 

.imgTexteBas{
	font-size:55%!important;
}
.titreRubriqueGris {
padding-top: 10px;
padding-left: 25px;
font-weight: bold;
font-size: 90%;
}
.contenuMilieu .titreRubriqueGris {
	/*padding-left: 5px;*/
	margin-bottom: 1px;
	font-size: 90%;
	letter-spacing: 0.2em;
	color: #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	padding:0 7px 0 7px;
	width:0% !important;
}
.contenuMilieu .titreRubrique {
	margin-top: 15px !important;
}
.pictoDoc{
	float:left !important;
	margin:0!important;
	margin-right:2px !important;
}

/*.contenuMilieu .partieGauche1 {
	float: left;
	width: 333px;
}*/
.contenuMilieu .partieGauche1 p {
	font-size: 60%;
	text-align: justify;
}

.partieGauche1 .sousTitregris {
	font-size: 70%;
	color: #717566;
}
/*********************************Fin Style contenu dynamqiues *******************************************/

/******************************** Début Style flexform contenu statique2 *********************************/
.contenuBas {
	padding: 20px 0;
}
.contenuBas .imageTexteDroit {
	float: right;
	width: 138px;
	margin-left:17px;
}
.contenuBas .imageTexteGauche {
	float: left;
	width: 155px;
}
.contenuBas .imageTexteDroit span, .contenuBas .imageTexteGauche span {
	padding-left: 37px;
	font-size: 60%;
	font-family: 'Georgia', verdana;
	font-style: italic;
	color: #808080;
}
.contenuBas .texteContenuBas {
	float: left;
	width: 340px;
}
.contenuBas p {
	text-align: justify;
	font-size: 70%;
	color: #4D4D4D;
}
.contenuBas .introduction p {
	font-size: 75%;
	font-weight: bold;
	color: #884A7C !important;
	padding-bottom: 17px;
}
.introduction p {
	color: #884A7C !important;
}
.texteContenuBas p a {
	text-decoration: underline;
	color: #FF7300;
}
.texteContenuBas h3 {
	font-size: 75%;
	letter-spacing: 0.2em;
	color: #884A7C;
	margin: 15px 0;
	padding-left: 13px;
	border-left: 2px solid #884A7C;
}

.texteContenuBas strong {
	font-size: 110%;
	letter-spacing: 0.2em;
	color: #884A7C;
	margin: 15px 0;
	padding-left: 13px;
	border-left: 2px solid #884A7C;
}
.texteContenuBas .bodytext{
	margin-bottom:17px;
}
.boite {
	width: 900px; /* Nos images de fond auront 220px de largeur */
	background: white url("../images/basboite.gif") no-repeat;
	margin-top:10px;
	background-position: center bottom;
	border: solid 0px red; /* Pour voir les limites du bloc */
}
.boite h2 {
height: 25px;

	background: transparent url("../images/haut2.gif") no-repeat;
	background-position: center top;
}
.boite2 {
	width: 900px; /* Nos images de fond auront 220px de largeur */
	background: white url("../images/bas.gif") no-repeat;
	height: 396px;
	background-position: center bottom;
	border: solid 0px red; /* Pour voir les limites du bloc */
}
.boite2 h2 {
		margin: 0;
	background: transparent url("../images/haut.gif") no-repeat;
	background-position: center top;
}
/********************************* Fin Style flexform contenu statique 2 *********************************/
			#nav {
			margin-left:50px;
			width: 825px;
			 list-style: none ;
			margin-top: 20px;
				background: #2a2a2a ;
				overflow: hidden ;	/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				height: 18px;
				width: auto ;
				padding-left: 15px;
				padding-right: 5px;
				border: 0px solid #600 ;
				margin-right: 1px ;
				color: #ffffff ;
				background: #2a2a2a ;
				background-image: url(../images/puce_fleche.gif);
				background-position:left top;
				background-repeat:no-repeat;
				}
			#nav li a {
				display: block ;
				color: #000000 ;
				background: #ffffff ;
				font: 0.8em "Trebuchet MS",Arial,sans-serif ;
				font-weight: bold;
				line-height: 18px ;
				text-align: center ;
				text-decoration: none ;
				padding-left: 2px;
				padding-right: 5px;
				background-image: url("../images/puce_fleche_d.gif");
				background-position:right top;
				background-repeat:no-repeat;

				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #ffffff ;
				text-decoration: none ;
				padding-right: 5px;
				background-image: url("../images/puce_fleche_d.gif");
				background-position:right top;
				background-repeat:no-repeat;
				}

#titreavouslaparole{
width: 390px;
 height: 18px;
 background-color:#9080A5 ;
padding-top: 2px;
padding-bottom: 2px;
}
#titreavouslaparole h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #FFFFFF;
margin-left: 9px;
border-left: 2px solid #FFFFFF;
font-size: 80%;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
}
#contenuavouslaparole {
padding-left: 0px;
width: 860px;
height: 150px;

}
#div_sur_image {
  width: 390px; height: 66px;
}
#mise_a_jour {
  width: 390px; height: 20px;
 
}
#bt1{
width: 20px; float: left;
margin-left:5px; 
margin-top: 20px;
height: 115px;
margin-right:0px;
border-right: solid 1px #2A2A2A;
}
#bt2{
width: 20px; float: left; 
margin-top: 20px;
height: 115px;
border-left: solid 1px #2A2A2A;
margin-left:0px;
}
#parole1{
width: 196px; float: left;
padding-top: 5px; 
padding-left:4px;
margin-top: 15px;
border-left: solid 1px #cccccc;
border-bottom: dashed 1px #cccccc;
border-top: dashed 1px #cccccc;
height: 115px;
}
#parole1 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 5px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;

}
#parole2 {
padding-top: 5px;
width: 196px; 
float: left; 
padding-left:4px;
margin-top: 15px;
border-left: solid 1px #cccccc;
border-bottom: dashed 1px #cccccc;
border-top: dashed 1px #cccccc;
height: 115px;
}
#parole2 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 5px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;
}

#parole3{
padding-top: 5px;
width: 196px; 
float: left; 
padding-left:4px;
margin-top: 15px;
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-bottom: dashed 1px #cccccc;
border-top: dashed 1px #cccccc;
height: 115px;
}
#parole3 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 0px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;

}

#parole4 {
padding-top: 5px;
width: 196px; float: left; 
padding-left:4px;
margin-top: 15px;
border-right: solid 1px #cccccc;
border-bottom: dashed 1px #cccccc;
border-top: dashed 1px #cccccc;
height: 115px;
}
#parole4 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 0px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;

}
.image{
width: 71px; height: 71px; float: left;
margin-left:0px; 
}
.divparole-text{
width: 185px;
margin-left: 0px;
padding-left: 6px;
padding-top: 3px;
color: rgb(0, 0, 0);
font-size: 0.7em;
}
.divparole-text a {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.divparole-text a:hover{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.text-parole4-text{
	width: 97px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	color: #355E80;
	font-size: 0.7em;
}
.parole4-text {
float: left;
margin-left: 5px;
padding-left: 0px;
display:inline-block;
width: 95px;
font-size: 70%;
color: #355E80;
}
.parole4-text p {
width: 112px;
height: 90px;
min-height: 90px;
max-height: 90px ! important;
overflow: hidden;
}
.parole4-text p a {
color: #355E80;
text-decoration: none;
}
.parole4-text p a:hover {
color: #355E80;
text-decoration: underline;
}
.chapeau-parole4-text {
margin-left: 0px;
margin-top: 0px;
font-size: 70%;
font-weight: bold;
color: #355E80;
padding-left: 0px;
height: 25px;
}
.text-image{
width: 100%; padding-top: 5px;

}
.entete-menunoir {

				float: left ;
				height: 18px;
				padding-left:15px;
				line-height: 18px;
				padding-right: 5px;
				border: 0px solid #600 ;
				margin-right: 1px ;
				color: #ffffff ;
				font-size: 80%;
				font-weight: bold;
				background: #2a2a2a ;
				}
				.d_tspectacles {
				height: 18px;
				padding-left: 15px;
				padding-right: 5px;
				border: 0px solid #600 ;

				margin-right: 1px ;
                color: #000000 ;
				background: #ffffff ;
				background-image: url(../images/puce_fleche.gif);
				background-position:left top;
				background-repeat:no-repeat;
				}
				
				.tspectacles {
				float: left ;
				width: 200px;
				font: 0.8em "Trebuchet MS",Arial,sans-serif ;
				font-weight: bold;
				line-height: 18px ;
				text-align: center ;
				text-decoration: none ;
				padding-left: 2px;
				padding-right: 5px;
				background-image: url("../images/puce_fleche_d.gif");
				background-position:right top;
				background-repeat:no-repeat;

				}
				.texte-pied{
				font-size:60%;
				color: #555353;
				margin-top: 3px;}
				
				.mois-saison {
				margin-top:5px;
	font: 0.8em "Trebuchet MS",Arial,sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 5px;
				}
				.mois-saison a {
				color:#FFFFFF;
				font-size: 1.4em;
				text-decoration:none;
				
				padding-left: 2px;
			
				}
				.d_mois {
				height: 16px;
				text-align:center;
				width:100px;
				margin-right: 1px ;
                color: #FFFFFF ;
				background-image: url("../images/mois.gif");
				background-position:left top;
				background-repeat:no-repeat;
				}
				.bulletin {
				
				width: 150;
				margin-top:5px;
		font: 0.6em "Trebuchet MS",Arial,sans-serif;
	text-align: center;
	text-decoration: none;
	padding-right: 5px;
	background-image: url("../images/bulletin_d.gif");
	background-position:right top;
	background-repeat:no-repeat;
	float: right;
				}
				.bulletin a {
	color:#FFFFFF;
line-height: 16px;
				}
	.d_bulletin {
				height: 16px;
				padding-left: 10px;
				padding-right: 0px;
				margin-right: 1px ;
                color: #FFFFFF ;
				background-image: url("../images/bulletin.gif");
				background-color: #1184F1;
				background-position:left top;
				background-repeat:no-repeat;
				}
								.programme {
				
				width: 150px;
				margin-top:5px;
		font: 0.6em "Trebuchet MS",Arial,sans-serif;
	text-align: center;
	text-decoration: none;
	padding-right: 5px;
	background-image: url("../images/programme_d.gif");
	background-position:right top;
	background-repeat:no-repeat;
	float: right;
				}
				.programme a {
	color:#FFFFFF;
line-height: 16px;
				}
	.d_programme {
				height: 16px;
				padding-left: 20px;
				padding-right: 0px;
				margin-right: 1px ;
                color: #FFFFFF ;
				background-image: url("../images/programme.gif");
				background-color: #E09400;
				background-position:left top;
				background-repeat:no-repeat;
				}
/********************************* Style flexform contenu statique Contenu site *********************************/
.entete {
margin-top: 5px;
	height: 173px;
	width: 900px;
	background: url("../images/debutpage-interne.gif") no-repeat;
	background-position: top center;	
	position: relative;
	margin-bottom: 10px;
}
.boite3 {
	width: 900px; /* Nos images de fond auront 220px de largeur */
	background: white url("../images/bas-onglet.gif") no-repeat;
	min-height: 400px ! important;
	background-position: center bottom;
	border: solid 0px red; /* Pour voir les limites du bloc */
}
.boite3 p {
}
/********************************* menu à onglet page intérieure *********************************/
#mn2{
	width: 900px;
	text-align: center;
	background: url(../images/bas-onglet2.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	}
ul#menu2 {
	list-style-type: none;
	margin-left:15px;
	height:51px;

 /* précision pour Opera */
}

ul#menu2 li {
width: 120px;
float: left;
}

#menu2 li a {
height: 42px ! important;
width: 120px;
float: left;
font-size:68.75%;
background: url(../images/bouton1-off.gif);
background-repeat: no-repeat;
margin-left: 0px;
text-align: left;
padding-top: 5px;
padding-left:5px;
padding-right:3px;
text-decoration: none;
color: #666666;
background-position: top center;
}
.menu-1 {
padding-left:10px;
}

#menu2 li a:hover {
	height: 42px ! important ;

	padding-left:5px;
	font-size:68.75%;
	width: 120px;
	padding-right:3px;
	background: url(../images/bouton1-on.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	background-position: top center;
}

#texteentete {
	float: left;
	width: 640px;
	text-align: justify;
}
#imageTexteentete {
	float: left;
	width: 200px;
}
#imageTexteentete {
border-right: 1px solid #cccccc;
padding-right: 3px;
margin-right: 5px;
}

#divFormulaire1 {
width: 155px;
padding-left: 28px;
padding-top: 2px;
height: 22px;
background-image: url(../images/loupe.jpg);
background-repeat: no-repeat;
background-position: left top;
float: right;
}
.legende1 {
border: 0px ;
width: 150px;
height: 20px;
}
fieldset {

margin-left: 3px;
padding-top: 0px;
padding-right: 2px;
padding-left: 5px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 50%;
width: 175px;
}
fieldset #recherche {
margin-top: 1px;
color: #007580;
width: 120px;
float: left;
font-size: 70%; 
}
fieldset .valider input {
padding-left: 0pt;
background-color: #aab29a;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
float: right;
min-height: 20px;
height: 20px;
font-weight: bold;
color: white;
width: 23px;
text-transform: uppercase;
font-size: 70%;

}
#divFormulaire1 label {
  display: none;
}
#info-agenda {
margin-top:5px;
height: auto ! important;
width: auto ! important;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:1px;
float: right;
}

#legende4 legend {
  display: none;
}
#legende4 {
border: 0px ;
width: 170px;
height: 20px;
}
fieldset #legende4 {

margin-left: 3px;
padding-top: 0px;
padding-left: 5px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 50%;
width: 160px;
}
.champ4 {
color: #007580;
width: 175px;
font-size: 70%; 
}
/********************************* Style flexform contenu spectacle *********************************/
.entete-spectacle {
margin-top: 5px;
	height: 173px;
	width: 900px;
	background: url("../images/debutpage-spectacle.gif") no-repeat;
	background-position: top center;	
	position: relative;
	margin-bottom: 10px; 
	
}
#textespectacle {
	float: left;
	width: 280px;
	color: #355E80;
}
#textespectacle h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 5px;
}
.chapo {
	font-style: italic;
	font-family: Arial;
	font-size: 80%;
}
.date {
font-family: Arial;
	font-size: 90%;
	font-weight:bold;
}
#tarifs {
margin-left: 20px;
padding-left: 20px;
padding-top: 10px;
font-weight:bold;
	float: left;
	color: #373737;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
}

.mois-tarifs {
    width: 80px;
	font: 0.8em "Trebuchet MS",Arial,sans-serif;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	padding-right: 10px;
	background-image: url("../images/tarifs_d.gif");
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	
				}
				.mois-tarifs a {
				color:#FFFFFF;
				font-size: 1.2em;
				}
				.d_tarifs {
				height: 16px;
				padding-left:10px;
				margin-right: 1px ;
                color: #FFFFFF ;
				background-image: url("../images/mois-tarifs.gif");
				background-color: #E10505;
				background-position:left top;
				background-repeat:no-repeat;
				}
#prix {
margin-left: 5px;
float:left;
color:#E10505;
}
/********************************* boite  page spectacle *********************************/
.boite4 {
	width: 900px; /* Nos images de fond auront 220px de largeur */
	background: white url("../images/bas-onglet.gif") no-repeat;
	padding-top: 15px;
	background-position: center bottom;
	border: solid 0px red; /* Pour voir les limites du bloc */
}

/********************************* menu à onglet page spectacle *********************************/
#mn3{
	width: 900px;
	text-algn: center;
	background: url(../images/bas-onglet2.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}
ul#menu3 {
	list-style-type: none;
	margin-left:25px;
	height:51px;

 /* précision pour Opera */
}

ul#menu3 li {
width: 150px;
float: left;
}

#menu3 li a {
height: 42px ! important;
width: 150px;
float: left;
font-size:66%;
background: url(../images/bouton1spec-off.gif);
background-repeat: no-repeat;
margin-left: 0px;
text-align: left;
padding-top: 5px;
padding-left:10px;
padding-right:5px;
text-decoration: none;
color: #666666;
background-position: top center;
font-weight:bold;
}
.menu-1 {
padding-left:10px;
}

#menu3 li a:hover {
	height: 42px ! important ;
color:#355E80;
	padding-left:10px;
	font-size:66%;
	width: 150px;
	padding-right:5px;
	background: url(../images/bouton1spec.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	background-position: top center;
	font-weight:bold;
}
.menu-spec {
padding-left: 18px;
width: 145px;
padding-top: 17px;
}
/********************************* contenu page spectacle *********************************/
#contenu-g {
	float:left;
	width: 295px;
	height: 370px;
	position: relative;
	border-right: solid 1px #EEEEEE;
	color: #3F3F3F;
font-family: Arial, Helvetica, sans-serif;
font-size:70%;
padding-top: 5px;
padding-right: 10px;
}
#contenu-d {
	padding-left: 10px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	position: relative;
	width: 500px;
	color: #3F3F3F;
font-size:70%;
	text-align: justify;
}
/********************************* Liste page spectacle *********************************/
#divContenu {
	float: left;
	width: 820px ! important;
	padding-left: 0px;
}
#divContenu_agenda {
	float: left;
	width: 660px ! important;
	margin-top: 20px;
	padding-left: 20px;
}
#divMenu {
	float: right;
	width: 180px;
	background-image: url(../images/affine.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 80%;
	margin-top: 20px;
	padding-left: 15px;
	padding-top: 10px;
	height: 370px;
}
.entete-agenda {
	width: 660px ! important;
	border-bottom: 1px #000000 solid;
	height: 25px;
	background-image: url(../images/spectacles-tarifs-dates.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.vide {
float: left;
width:105px;
height: 18px;
}
.spectacle {
	height: 18px;
	float: left;
	width:150px;
	background: url(../images/fleches-agenda.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 17px;
	line-height: 18px;
	text-align:left;
}
.dates {
height: 18px;
	float: left;
	width:130px;
	text-align: center;
	text-align:left;
	background: url(../images/fleches-agenda.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 17px;
	line-height: 18px;
}
.tarifs {
height: 18px;
	float: left;
	width:150px;
	text-align:left;
	background: url(../images/fleches-agenda.gif);

	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 17px;
	line-height: 18px;
}
.imageResultat {
margin-top: 5px;
float: left;
width:110px;
}
.titreResultat {
	float: left;
	width:150px;
	font-size: 80%;
	height:80px;
}
.texteGrisItalic{
	color:#787878;
	float: left;
	width:130px;
	text-align: left;
	font-size: 80%;
	padding-left:15px;
}
.tarifs-spec {
	float: left;
	width:80px;
	text-align:center;
	margin-left: 17px;
font-size: 80%;
font-weight:bold;
}
.themeResultat {
float: left;
width: 150px;
text-align:center;
font-size: 80%;
font-weight:bold;
color:#FF0000;
text-align:center;
}
.divResultat {
width: 660px ! important;
border-bottom: 1px #cccccc dashed;
height: 80px;
}
.divPagination {
font-size: 70%;
color:#000000;
text-align: right;
width: 660px ! important;
}
.styleSelect {
font-size: 70%;
width: 145px;
border : solid 1px #c7c9bb;
}
.styleLabel {
display: none;
}
.styleButtonSearch {
font-size: 70%;
margin-top: 5px;
}
.carte {
width: 147px;
color:#007580;
}
.newMarginSortir {
margin-bottom: 10px;
}
.divAgendaCheckbox label {
font-size: 70%;
}
.boite3 table {
font-size: 80%;
text-align: center;
}
.boite3 table td {
border: 0px solid #cccccc;
font-size: 100%;
color: #4d4d4d;
}
.divCenter {
text-align: center;
}
.Style1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.tab {
height: 600px;
overflow: auto;
}
.tab table td {
border: 0px solid red;
text-align:left;
}
.tab H1 {
font-size: 2em;
text-align: center;
color: #FF6600;
}