@import "texte.css";



body {
	margin:0 auto;
	padding:0;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	background:#000000 url(../images/bg.jpg) top center no-repeat;
	color:#303030;
}

h1 {
	font-size:14px;
	margin:15px 0 10px 0;
	color: #0C2C6E;
}

a:hover {
	text-decoration:underline;
	color:#286ea0;
}
a img{
	border:0;
}

.clear{clear:both;}

/*********** classes pour aligner une image et un texte verticalement*************/
p.alignmiddle img, p.alignmiddle span ,p.alignmiddle input, p.alignmiddle select {
	vertical-align: middle;
	display: inline;
}
p.alignmiddle span {
	padding-left: 5px;
}


/***************** styles modeles *****************/
#wrap {
	
	color:#303030;
	margin:0 auto;
	width:955px;
}

#header {
	margin:0px 0 0 0;
	padding:0;
	/*background: url(../images/logo_titre.png) no-repeat 150px 30px;*/
	
	height: 140px !important;
}
#header h1 {
	width:250px;
	margin:5px 20px 0;
	float:left;
}
#header p {
	
	float:right;
	text-align:left;
	color:#a0a0a0;
	margin:0 0 10px 0;
	font-size:0.8em;
	line-height:1.2em;
	background-color:inherit;
}

.announce {
	margin:10px 0 10px 0;
	padding:10px;
	width:130px;
	color:#505050;
	background-color:#f4f4f4;
}
#extras {
	float:right;
	width:120px;
	margin:0 0 10px 0;
	padding:0;
	font-size:11px;
}
#extras p {
	margin:0 0 1.5em 0;
}
#content {	
	padding:10px 3px 0 3px;
	text-align:left;
	background: #fff url(../images/top_content.jpg) no-repeat;
	color: #656565;
}

#content {
min-height: 600px;
}
html>body #content {
height: auto;
min-height: 600px;
} 


#content h2 {
	font-size:13px;
	margin:0 0 10px 0;
}


#footer {
	clear:both;
	margin:0 auto;
	background:url(../images/bottom_content.png) no-repeat;
	width:955px;
	text-align:center;
	color:#808080;
	font-size:11px;
	position:relative;
	height: 70px;
	padding-top: 10px;
}
#footer_societe {
	width:500px;
	margin:0 auto;
	padding:2px 0 2px 4px;
}

#footer #prospectiv {
	position:absolute;
	top:15px;
	right:25px;
	width:54px;
	height:13px;
}

#blason{
	background: url(../images/blason.png) no-repeat 100% 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 28px;
	color: #fff;
	text-align:right;
	position: absolute;
	margin-top: 75px;
	margin-left: 600px;
	height: 20px;
	font-size: 17px;
	font-family: arial;
	font-weight: bold;
	
}

#adresse_top{
	color: white;
	text-align: right;
	margin-top: 50px;
	position: absolute;
	margin-left: 722px;
	font-size: 9px;
}

#ajaxSearch_form{	
	float: left;
	margin-left: 10px;
	padding: 0;
	margin-top: 5px;
	height: 25px;
}

#ajaxSearch_form fieldset{
	border: none;
	width: 250px !important;
	padding: 0;
}

#ajaxSearch_form input[type=text]{
	width: 150px;
}

#ajaxSearch_intro input{
	padding: 0;
}

#ajaxSearch_intro{
	display: none;
}

#block_fonctionnel{
    background: url(../images/bg_recherche.png) no-repeat 0px -6px;
	margin-top: 3px;
	height: 32px;
	
}

#logo{
	margin-left: 0px;
	
}

#links{

	margin-top: 13px;
}

#links a{
	color: white;
	border-right: 1px solid white;
	padding:0 10px;
}

#droite{
	float: right;
	width: 177px;
	background: #F9F9F9;
	margin-top: 5px;
	padding-left: 2px;
}

#center{
	float: left;
	width: 770px;
	
}

#center_page{
	float: left;
	width: 630px;	
	background: #EFEFEF url(../images/bg_center_page.jpg) no-repeat;
	min-height: 665px;
	padding-top: 6px;
	
}

#center_accueil_footer{
	width: 448px;
	height: 100px;
	background: #EFEFEF url(../images/bg_center_page_footer.jpg) no-repeat;
}


#data_content {
    margin-bottom: 25px;
    margin-left: 40px;
    margin-right: 25px;
    padding-top: 30px;
}

#data_content h2{
	font-size: 20px !important;
}

#soustitre{
	margin-left: 100px !important;
	font-size: 20px !important;
}


#data_content_choeur{
	margin-left: 50px;
	margin-right: 25px;
	padding-top: 10px;
}

#data_content_choeur h1{
	margin-left: 100px;
}

#data_content_choeur h2{
	margin-left: 60px;
}

#data_content h2{
/*	margin-left: 70px;*/
}

h3#actu_choeur{
	color: #696969;
	font-size: 13px;	
}


#center_accueil{
	width: 449px;
	background: url(../images/bg_center_accueil.jpg) repeat-y;
	
	margin-top: -8px;
}

#left_accueil{
	width: 280px;
	padding: 10px;
}

/*style de contenu*/

#communique {
    color: white;
    height: 225px;
    margin-left: -5px;
    margin-top: 25px;
    padding-right: 25px;
    padding-top: 25px;
    width: 279px;
}

.communique-haut {
    background: url("../images/communique-haut.png") no-repeat scroll 0 0 transparent;
    height: 56px;
    width: 304px;
}

.communique-center {
    background: url("../images/communique-centre.png") repeat-y scroll 0 0 transparent;
    height: auto;
    padding-bottom: 30px;
    width: 304px;
}

.communique-bas {
    background: url("../images/communique-bas.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    width: 304px;
}



#communique ul {
    margin-left: 22px;
    width: 278px;
}

#communique ul li{
	padding: 5px 0 18px;
	background: url(../images/li_communique.png) no-repeat bottom left;
}

#communique a{
	color: white;
}

#communique h3 {
    color: white;
    font-size: 15px;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 0;
    padding-left: 23px;
    padding-top: 22px;
}

.tel_communique{
	background: url(../images/pdf.png) no-repeat top right;
	padding-right: 30px;
	float: right;
	color: white;
	padding: 0px 30px 0 0px;
	height: 20px;
}

.tel_communique:hover{
	color: white;
}

#actu{

	width: 448px;
	height: 248px;
	
	z-index: 10000;
	margin-left: 0px;
	
	margin-top: 35px;
}

#actu ul {
	margin-left: 20px;
}

#actu ul li{
	float: left;
	width: 150px;
	margin: 0 20px;
}

#concert{
	margin-top: 35px;
}

#concert ul{
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
}

#concert ul li{
	margin-bottom: 5px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.savoirplus{
	background: url(../images/savoir_plus.png) no-repeat top right;
	padding:3px 25px 6px 0;	
	margin-top: 5px;
	display: block;
	float: right;
	clear: both;
	color: #656565;
}

#concert .savoirplus{
	margin-top: 0;
}

#tous_communique{
	background: url(../images/tous_communique.png) no-repeat top right;
	padding:3px 50px 10px 0;	
	margin-top: 5px;
	display: block;
	float: right;
	clear: both;
	color: #656565;
	font-size: 15px;
}

#center_accueil h3{
	background: url(../images/bg_title_accueil.jpg) repeat-x;
	color: white;
	font-size: 12px;
	padding: 2px 0 2px 100px;
	font-family: arial;
	text-transform: uppercase;
}

#droite h3{
	background: url(../images/bg_title_accueil.jpg) repeat-x;
	color: white;
	font-size: 10px;
	padding: 2px 0 2px 7px;
	font-family: arial;
}

#droite h3 a{
	color: white;
}

#center_page h1{
	background: url(../images/bg_title_accueil.jpg) repeat-x;
	color: white;
	font-size: 12px;
	padding: 2px 0 2px 100px;
	font-family: arial;
}


#page_illus01{
	background: url(../images/illus_accueil01.png) no-repeat;
	width: 81px;
	height: 81px;
	position: absolute;
	margin-top: 10px;
	margin-left: 5px;
}


#illus01{
	background: url(../images/illus_accueil01.png) no-repeat;
	width: 81px;
	height: 81px;
	position: absolute;
	margin-top: -10px;
	margin-left: 5px;
}

#illus02{
	background: url(../images/illus_accueil02.png) no-repeat;
	width: 81px;
	height: 81px;
	position: absolute;
	margin-top: -10px;
	margin-left: 5px;
}

.blockaccueil{
	margin:20px 0;
}

.blockaccueil p{
	margin-left: 100px;
	font-size: 13px;
	margin-right: 20px;
}

#trouver_choeur{
	background: url(../images/trouver_choeur.png) no-repeat;
	width: 33px;
	height: 27px;
	position: absolute;
	margin-left: 140px;
}

#connexion_membre{
	background: url(../images/connexion_membre.png) no-repeat;
	width: 33px;
	height: 27px;
	position: absolute;
	margin-left: 140px;
}

#partenaire{
	background: url(../images/partenaires.png) no-repeat;
	width: 33px;
	height: 27px;
	position: absolute;
	margin-left: 140px;
}

.logopartenaire img {
    width: 147px;
}


.partenaire hr {
    border: 1px dashed #CCCCCC;
    color: #CCCCCC;
    height: 1px;
}

.logopartenaire {
    padding-right: 25px;
    width: 150px;
}

#titre_322 {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 26px;
    margin-top: 25px;
    width: 575px;
}

.textepartenaire{
	width: 350px;
}

#colonne_gauche{
	width: 140px;
	padding-top: 20px;
}

#colonne_gauche ul{
/*	list-style: none;*/
	margin-top: 20px;
	margin-left:20px;
	color:#efefef;
}

#colonne_gauche ul li{
	margin: 7px 2px 0 2px;
	/*background: url(../images/li_arrow.png) no-repeat;*/
	/*padding-left: 15px;*/
	padding-bottom:3px;
	border-bottom:1px solid #efefef;
	
}

#colonne_gauche a{
	font-size: 9px;
	color: #0C2C6E;
	text-transform: uppercase;
	color:#999999;
	font-weight:bold;
}

#colonne_gauche a:hover{
	color:black !important;	
}

#colonne_gauche ul li span{
	color:#cccccc;
	font-size: smaller;
    text-transform: uppercase;
}

#colonne_gauche a span{
	font-size: 8px;
}

#WebLoginLayer0{
	margin-left: 10px;
}

#ajaxSearch_submit{
	width: 75px;
	
}

#liste_actu_region{
	background: #6E6E6E url(../images/bg_actu_region.gif) no-repeat right bottom;
	width:530px;
	min-height: 125px;
	color: white;
	padding: 10px;
}

#liste_actu_region ul,#liste_actu_choeur ul{
	list-style: none;
}

#liste_actu_region ul li,#liste_actu_choeur ul li{
	background: url(../images/arrow_actu.gif) no-repeat 0 3px ;
	padding-left: 20px;
	margin: 3px 0;
}

#liste_actu_region a,#liste_actu_choeur a{
	color: white;
	text-decoration: underline;
}

#liste_actu_choeur{
	background: #6E6E6E url(../images/bg_actu_region.gif) no-repeat right bottom;
	width:191px;
	min-height: 300px;
	color: white;
	padding: 10px;
}

#voirtoutes a{
	font-weight: bold;
}

#voirtoutes {
	margin-top: 10px !important;
}

#choeurs_affilies{
	list-style: none;
}


#choeurs_affilies li{
	margin: 5px 0;
}

#choeurs_affilies .titre{
	color: #6E6E6E;
	font-weight: bold;
	font-size: 11px;
}

#choeurs_affilies .lien{
	color: #890222 !important;
	font-weight: normal;
	text-decoration: underline;
	font-size: 11px;
}

h3{
	color: #890222;
	font-size: 18px;
}

#content_region{
	color: #890222;
}

#retour{
	color: #333333 !important;
	margin-left: 138px;
	float: left;
	display: block;
	
	
}

#imprimer{
	float: left;
	display: block;
	margin-left: 10px;
}

#contact_choeur{
	text-align: left;
	background: none;
	color: #999;

	min-height: 180px;
	padding: 0px;
}

#contact_choeur a{
	color: #999 !important;
}

#contact_choeur_edition{
	text-align: left;
	background: none;
	color: #999;
	
	min-height: 180px;
	padding: 0px;
}


#contact_choeur_edition fieldset{
	border: 1px solid #999 !important;
}

#contact_choeur a,#contact_choeur_edition a{
	text-decoration: underline;
	color: white;
}



#gmap_content_choeur{
	width: 330px;
	color: #8B0C1F;
	
}

#header_actu{
	background: url(../images/header_actu.png) no-repeat;
	width: 448px;
	height: 46px;
	color: white;
}

#header_actu span{
	font-size: 14px;
	font-family: Tahoma;
	margin: 7px 0 0 65px;
	display: block;
	float: left;
}

#header_actu a{
	float: right;
	color: white;
	font-size: 11px;
	margin: 10px 50px 0 0;
}

.region_hidden{
	display: none;
}

#fonction{
	border: 1px solid #cccccc;
	padding: 3px;
	margin-bottom: 5px;
	height: 27px;

	
	background: #fff;
}

#fonction a, #fonction span, #switch{
	float: left;
}

#switch{
	width: 150px;
	height: 25px;
}

#fonction a, #fonction span{
	display: block;
	margin-top: 5px;
	font-size: 15px;
}

#fonction input[type=submit]{
	margin: 5px 10px;
}

#fonction span{
	margin-left: 50px;
}

#flashcontent{
	margin-top: -50px;
}
/***************** Breadcrumb **********************/
#chemin{
	text-align: left;
	border: 1px solid white;
}

.B_crumbBox, .B_crumbBox a, .B_crumbBox a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#384042;
	padding: 0px;
}

.B_currentCrumb {
	color:#286EA0;
}

.B_crumbBox{
	padding-top: px;
	text-align: left;
	border-left: 1px solid black;
	padding-left: 10px;
 	margin-left: 10px;
 	margin-top: 3px;
	display: block;
	float: left;
}

.B_currentCrumb{
	color: #840120;
}


/******************** side menu  ************************/

#sideMenu{
	float: right;
    width:695px;
 
}

#sideMenu ul {
    list-style:none;
    padding:0;
    float: right;
}
    
#sideMenu ul li{
	float: left;
	background: url(../images/bg_menu_left.png) no-repeat;
	height: 32px;
}
#sideMenu a {
    font-weight: bold;
    height:32px;
    text-decoration:none;
    color:#505050;
    display:block;
    padding:0px 9px 0 9px;
    background:url(../images/bg_menu_right.png) no-repeat top right;
    font-size:10px;
	}
#sideMenu a span{
	background: url(../images/bg_menu.png) repeat-x;
	height: 29px;
	display: block;
	padding: 3px 3px 0 3px;
	text-align: center;
	color: #0C2C6D;
}
#sideMenu li.here a {
    color:#3f729f;
    
    }
#sideMenu div.subdiv a {
    color:#505050;
    }
#sideMenu div.subdiv li.here a {
    color:#3f729f;
    }    
#sideMenu a:hover, #sideMenu div.subdiv a:hover, #sideMenu li.here a:hover {
    
    color:#286ea0;
    	}
#sideMenu ul li ul li a {
    }

#sideMenu ul li.active{
	background: url(../images/bg_menu_left_active.png) no-repeat !important;
}
#sideMenu ul li.active a{
	background: url(../images/bg_menu_right_active.png) no-repeat  top right !important;
}
#sideMenu ul li.active a span{
	background: url(../images/bg_menu_active.png) repeat-x !important;
}
/********************** contact *****************************/
#map {
	width:290px !important;
	height:350px !important;
	margin-left: 0px;
	margin-top: 10px;
}

#localisation{
	margin-top: 27px;
}

#localisation #map{
	width: 330px !important;
	height: 300px !important;
}

#map span{
display:none;
}

#map img {
	border:none !important;
	background:none;
}
#maplinks {
	display:none !important;
}
#form_contact {
	float:left;
	width:350px;
}

#data_content fieldset{
	border: 1px solid #999 !important;
}

fieldset {
	border: none !important;
	background:none;
	margin:0 0 15px 0;
}
#page_contact fieldset img {
	border:none !important;
}
legend {
	color:#286EA0;
	font-size:13px;
}

#editionChoeur label, #EmailForm label {
	display:block;
	float:left;
	width:100px;
	
	margin:0 30px 5px 0;
	text-align:right;
}

#editionChoeur textarea{
	width: 100%;
}

#editionChoeur label{
	font-size: 15px;
	width: 200px;
}

#editionChoeur .text{
	width: 250px;
	font-size: 15px;
	margin: 5px 0;

}

#editionActu label,#wlpeUserProfileForm label,#editionRegion label {
	display:block;
	float:left;
	color: #ccc;
	height:18px;
	margin:0 30px 5px 0;
	text-align:left;
	font-size: 14px;
}

#liste_actu_edition{
	margin-left: 20px;
	font-size: 15px;
	list-style: none;
}

#liste_actu_edition li{
	margin: 7px 0;
	padding:0;
	border-bottom: 1px solid #999;
}

#liste_actu_edition li:hover{
	background: white;
}

#wlpeUserProfileForm label{
width:200px;
}

#wlpeUserProfileForm input.text, #EmailForm input.text, textarea.text, select.text, #wlpeUserProfileForm select {
	display:block;
	float:left;
	width:190px;
	margin-bottom:7px;
	border:solid 1px #AEAEAF;
}
.invalid, .required {
	border:solid 1px #f00;
}
label.invalid, label.required {
	border:none;
	color:#f00;
}
.errors {
	color:#f00;
}

#lien_compte_droite{
	margin-left: 30px;
}

/************************* Plan du site ******************************/
.LSM_0, .LSM_1 {
	margin-left:15px;
}
li.LSM_folder1 {
	list-style:none;
	background:url(../images/arbre_rep.gif) no-repeat 0px 2px;
	padding:3px 0 3px 20px;
	font-size:10px;
}

li.LSM_folder0 {
	list-style:none;
	background:url(../images/arbre_fichier.gif) no-repeat 0px 2px;
	padding:3px 0 3px 20px;
	font-size:10px;
}
li.LSM_folder1 a {
	color: #dd0024;
}
li.LSM_folder0 a {
	color:#767676;
}


/******* tips - Aide contextuelle ******/
#ul_glossaire {
	margin:15px 0 10px 0;
}
#ul_glossaire li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background:none !important;
	float:left;
	width:20px;
	border-right:solid 1px #454F06;
}
#ul_glossaire a {
	margin:0 5px;
	color:#454F06;
}
#ul_glossaire li.active a {
	color:#73B946;
}
.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*************** newsletter ******************/
#TXNewsletter_fieldset {
	width:350px;
}
.TXNewsletters_form_labelGauche {
	display:block;
	float:left;
	width:100px;
	height:18px;
	position:relative;
	top:0px;
	text-align:right;
	margin:0 30px 5px 0;
}
.TXNewsletters_form_item {
	padding:1px;
	margin:2px;
}
.TXNewsletters_form_text input, .TXNewsletters_form_email input {
	display:block;
	float:left;
	width:190px;
	margin-bottom:7px;
	border:solid 1px #AEAEAF;
	
}
.TXNewsletters_form_noborder {
	border:0;
}
.TXNewsletters_form_inputErr {
	border:1px solid #f00;
}
.TXNewsletters_form_labelErr {
	display:block;
	width:190px;
	color:#f00;
	margin:0 0 0 130px;
}
.TXNewsletters_form_right {
	padding:5px 0;
	text-align:center;
}

/*********** catalogue ***************/
.img_fiche {
	float:left;
	margin:10px 10px 10px 0
}


/************************* divers ***********************/
.left {
	
	float:left;
}
.right {
	
	float:right;
}
.textright {
	text-align:right;
}
.center {
	text-align:center;
}
.small {
	font-size:9px;
}
.bold {
	font-weight:bold;
}
.hide {
	display:none;
}

/************************* Mini site ***********************/

.content_minisite{
display:none;
}

/*autre*/

.small{
	cursor: pointer;
}

#big{
	width: 211px;
	height: 200px;
	text-align: center;
	overflow: hidden;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}

#big img{
	width: 211px;
}

#smallpic .left{
	margin: 4px;
}

#smallpic img{
	width: 45px;
	
}

.del_image{
	color: black !important;
}

/************************* Recherche ***********************/

.ajaxSearch_result{
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

.ajaxSearch_resultLink{
	color: #999999;
	font-size: 14px;
}

.ajaxSearch_highlight{
	background: yellow;
}