/*---------------*/
/* Container CSS */
/*---------------*/

#container {
	width: 950px;
	margin: 0 auto;
	position:relative;
	background-image:url(../img/background/pro.jpg);
}

#content{
	padding-bottom: 40px;
}

/*--------*/
/* Global */
/*--------*/

.logoCouleurRight {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	font-size: 11px;
	color: #f7f7f7;
}

ul {
	font-weight:bold;
	font-size:11px;
}

/******************/
/*    LEFT BOX    */
/******************/

#boxLeft {
	width:345px;
	float:left;
}

/*-----------*/
/* MENUS PRO */
/*-----------*/

/* LOGO */

#menuPro .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	margin-left: 30px;
	width:140px;
	text-align:center;
}

#menuPro .textLogo h2 {
	margin-top:20px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:bold;
}
#menuPro .logoBlanc {
	width:155px;
	height:40px;
	background-color:#f7f7f7;
	float:left;

}

#menuPro .titre {
	width:315px;
	float:left;
	margin: 5px 5px;
	font-size:12px;
	font-weight:bold;
	color: #336799;
	cursor:pointer;
}
#menuPro ul {
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:12px;
}
#menuPro ul a {
	text-decoration:none;
}
#menuPro ul a:hover {
	text-decoration:underline;
	color: #336799;
}

/* Menu Pro Actif Blue Bold - To Implement */ 


#menuPro {
	background-image:url(../img/background/bloc130.gif); 
	background-position: 310px;
	background-repeat:repeat-y;
	float:left;
}

#menuPro .construire, .former, .informer, .education, .espaces {
	width:315px;
	float:left;
	margin-left:30px;
	margin-bottom:5px;
	background-color:#f7f7f7;
}
#menuPro .education {
	margin-bottom:0px;
}

.actif {
	text-decoration:none;
	font-weight: bold;
	color: #336799;
}

/*------------------*/
/* MOTEUR RECHERCHE */
/*------------------*/

#moteurRecherche {
	float:left;
	width:315px;
}
#moteurRecherche .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	width:180px;
	text-align:center;
}

#moteurRecherche .textLogo h2 {
	margin-top:20px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:bold;
}

#moteurRecherche .rechercheContent {

	font-size:11px;
	color:#336799;
	float:left;
	margin: 5px 5px 5px 50px;
}

#moteurRecherche .box {
	float:left;
	background-color:#f7f7f7;
	padding-bottom:10px;
}

#moteurRecherche .submit {
	width:30px;
	font-size:11px;
	background-color:#f7f7f7;
	color:#336799;
}

#moteurRecherche p {
	margin-bottom:10px;
}

/*---------*/
/* MON CND */
/*---------*/

#monCND {
	float:left;
}

#monCNDLogoPetit {
	margin-left:40px;
	margin-top:10px;
	float:left;
	background-color:#cc6700;
}
#monCNDcontent {
	float:left;
	width:275px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#cc6700;
	margin-bottom:10px;
	margin-left:40px;
}
#monCNDcontent input {
	width:90px;
	font-size:11px;
}
#monCNDcontent .inscription {
	margin: 5px 25px;
}

#monCNDcontent .submit {
	width:20px;
	font-size:11px;
	background-color:#f7f7f7;
	color:#cc6700;
}
 
#monCNDcontent p {
	margin: 5px 20px;
}

#monCNDcontent a {
	font-weight:bold;
	color:#cc6700;
}
 
 
 
#RESEAUX {
	float:left;
}

#RESEAUXLogoPetit {
	margin-left:40px;
	margin-top:10px;
	float:left;
	background-color:#8e004e;
}
#RESEAUXcontent {
	float:left;
	width:275px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#cc6700;
	margin-bottom:40px;
	margin-left:40px;
}

#RESEAUXcontent .inscription {
	margin: 5px 25px;
}

#RESEAUXcontent a {
	font-weight:bold;
	color:#8e004e;
}

/*******************/
/*    RIGHT BOX    */
/*******************/

#boxRight {
	float:left;
	width:605px;
}

#boxRight .boxBlanc {
	float:left;
	width:605px;
	height:30px;
	background-color:#f7f7f7;
}

/*---------*/
/* PRO UN  */
/*---------*/

#proUN {
	width:505px;
	margin-left:70px;
/*
	background-image:url(../img/background/bloc730.gif); 
	background-position: 200px;
	background-repeat:repeat-y;
*/
	
	
}

/* logo */


/* permet de contrôler le débordement de .blankProTitle*/
#proUN .titleArea {
	width: 505px;
	height:40px;
	overflow:hidden;
	float:left;
	position:relative;
}

#proUN .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	text-align:center;
}

#proUN .textLogo h2 {
	margin:20px 8px 2px 8px;
	font-size: 12px;
	line-height: 14px;
	color: #f7f7f7;
	font-weight:bold;
}

/*on fait flotter un élément vide à côté de textLogo */
#proUN .blankProTitleWrapper {
	float:left;
	position:relative;
}

/* on positionne un élément en absolu pour le faire déborder de .blankProTitleWrapper */
#proUN .blankProTitle {
	background-color : #f7f7f7;
	height:43px;
	width:500px;
	position:absolute;
}

/* CONTENT */
#proUN .content {
	float:left;
	background-color:#f7f7f7;
	width:505px;
	padding-bottom:20px;
	text-align:justify;
}
#proUN .content h4 {
	float:left;
	margin: 10px 20px 0px 20px;
	font-size:12px;
	color:#336799;
	text-align:justify;
	cursor:pointer;
}

#proUN .ajoutbibli {
	float:right;
	margin: 10px 20px 0px 20px;
	background-color:#cd6600;
	padding:3px 6px 3px 6px;
	font-size:10px;
	color:#FFFFFF;
}
#proUN .ajoutbibli a {
	color:#FFFFFF;
	text-decoration:none;
}

#proUN .textContent {
	float:left;
	margin: 10px 20px 0px 20px;
	font-size:12px;
	color:#333333;
	text-align:justify;
}

#proUN .textContent a {
	color:#336799;
	text-decoration:underline;
}

#proUN .textContentBlue {
	float:left;
	margin: 0px 20px 0px 20px;
	font-size:12px;
	color:#000000;
	text-align:justify;
}
#proUN .textContentBlue a {
	color:#336799;
	text-decoration:underline;
}

#proUN .textContentBlue2 {
	float:left;
	margin: 0px 20px 0px 40px;
	font-size:12px;
	color:#336799;
	text-align:justify;
}
#proUN .textContentBlue2 a {
	color:#336799;
	text-decoration:underline;
}

#proUN h3 {
	float:left;
	margin: 10px 20px 0px 20px;
	font-size:12px;
	color:#336799;
	text-align:justify;
}

#proUN .textContent .intertitre {
	color:#336799;
	font-weight:bold;
	font-size:13px;
}

#proUN .contentTitlePro {
	color:#336799;
	font-size:12px;
	margin: 10px 0px 0px 20px;
	display:block;

}

#proUN ul {
	color:#336799;
	font-size:12px;
	margin: 5px 0px 0px 20px;
	display:block;

}

/*---------*/
/*PRO DEUX */
/*---------*/

#proDEUX {
	float:left;
	width:485px;
	margin-left:90px;
	padding-top:20px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: 400px;
	background-repeat:repeat-y;
}
#proDEUX .content{
	float:left;
	width:485px;
	background-color:#f7f7f7;
	padding-bottom: 10px;
}
#proDEUX .content h4 {
	float:left;
	margin: 10px 20px 0px 30px;
	font-size:12px;
	color:#336799;
	text-align:justify;
	cursor:pointer;
}

/* logo */
#proDEUX .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	text-align:center;
}

#proDEUX .textLogo h2 {
	margin:10px 8px 2px 8px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:lighter;
}

#proDEUX .textContent {
	float:left;
	background-color: #f7f7f7;
	margin:10px 30px 10px 30px;
	font-size:12px;
	text-align:justify;
}

#proDEUX .textContent a {
	color:#336799;
	text-decoration:underline;
}

#proDEUX .textContent .intertitre {
	color:#336799;
	font-weight:bold;
	font-size:13px;
}

/*---------*/
/*PRO TROIS*/
/*---------*/

#proTROIS {
	float:left;
	width:485px;
	margin-left:90px;

}
#proTROIS .content{
	float:left;
	width:485px;
	background-color:#f7f7f7;
	padding-bottom: 20px;
}

/* logo */
#proTROIS .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	text-align:center;
}

#proTROIS .textLogo h2 {
	margin:10px 8px 2px 8px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:lighter;
}

#proTROIS .textContent {
	float:left;
	background-color: #f7f7f7;
	font-size:12px;
	margin:10px 30px 10px 30px;
	text-align:justify;
}

#proTROIS .textContent a {
	color:#336799;
	text-decoration:underline;
}

#proTROIS .textContent .intertitre {
	color:#336799;
	font-weight:bold;
	font-size:13px;
}
/* STYLE P INTERVENANT */
.intervenantsTitre {
	font-size:12px;
	color:#336799;
	font-weight:bold;
	margin:10px 10px 0px 30px;
}
.intervenants {
	margin-left:30px;
}
.personnes {
	font-size:12px;
	font-weight:bold;
}

.fonction {
	font-size:12px;	
}

/*-----------------------*/
/* ARTISTES EN RESIDENCE */
/*-----------------------*/
#agendaListeArtistesRes {
	float:left;
	margin:0 10px 20px 10px;
	width:480px;
}
#agendaListeArtistesRes img{
	float:left;
}
#agendaListeArtistesRes .textContent{
	float:left;
	margin-top:5px;
	margin-left:5px;
}
#agendaListeArtistesRes p.accroche{
	font-size:11px;
	font-weight:bold;
	color:#336799;
}
#agendaListeArtistesRes h4{
	font-size:18px;
	color:#000000;
	font-weight:lighter;
}
#agendaListeArtistesRes .textContent a{
	color:#000000;
	text-decoration:none;
}
#agendaListeArtistesRes .textContent .suite{
	font-size:10px;
	font-weight:bold;
	color:#336799;
	text-decoration:none;
}
#agendaListeArtistesRes .textContent .suite a{
	color:#336799;
	text-decoration:underline;
}
/*-----------------*/
/* PROGRAMME AGENDA */
/*-----------------*/

.programmeAgenda, .programmeAgendaLong, .programmeAgendaProMoyen {
	float:left;
	width:515px;
	height:55px;
	margin-left:90px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: -645px;
	background-repeat:repeat-y;
}

.programmeAgendaPro {
	float:left;
	width:515px;
	height:55px;
	margin: 0px 0px 0px 70px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: -645px;
	background-repeat:repeat-y;
}

.programmeAgenda .lien, .programmeAgendaPro .lien, .programmeAgenda .lienEnGris {
	margin-top:30px;
	height:25px;
	width:485px;
	background-color:#f7f7f7;
}

.programmeAgendaLong .lien {
	margin-top:30px;
	height:25px;
	width:535px;
	background-color:#f7f7f7;
}


.programmeAgendaProMoyen .lien {
	margin-top:30px;
	height:25px;
	width:505px;
	background-color:#f7f7f7;
}

.programmeAgenda .lien a, .programmeAgendaPro .lien a, .programmeAgendaLong .lien a {
	float:right;
	margin-top:5px;
	margin-right:40px;
	color:#990100;
	font-size:12px;
	font-weight:bold;
	background-color:#f7f7f7;
}

.programmeAgenda .lienEnGris a {
	float:right;
	margin-top:5px;
	margin-right:40px;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	background-color:#f7f7f7;
}

.programmeAgendaProMoyen .lien a {
	float:right;
	margin-top:5px;
	margin-right:10px;
	color:#990100;
	font-size:12px;
	font-weight:bold;
	background-color:#f7f7f7;
	
}

/* POUR LE BACK OFFICE */
.intertitre {
	color:#336799;
	font-weight:bold;
}


/* AGENDA PRO STYLE */
#agendaListeBlock {
	float:left;
	margin-left:90px;
	width:485px;
}

#agendaListeBlock.background {
	float:left;
	background-image:url(../img/background/bloc730.gif); 
	background-position: 400px 0px;
	background-repeat:repeat-y;
}
#agendaListeBlock .uneAgendaText{
	width:505px;
	float:left;
}
#agendaListeBlock .insideText {
	margin: 0px 5px 0px 10px;
}

/* Boite avec fond blanc */
#agendaListeBlock .uneAgendaText div.insideBox {
	background-color:#f7f7f7;
	width:535px;
	padding-top:5px;
	overflow:hidden;
}

#agendaListeBlock .genreAgendaPetit {
	font-size:10px;
	color:#666666;
}

#agendaListeBlock .dateAgendaPetit{
	color:#990100;
	font-size:10px;
	font-weight:bold;
}

#agendaListeBlock .liensAgendaListe {
	font-size:11px;
	float:right;
	margin-right:5px;
}

#agendaListeBlock .lieuAgendaPetit{
	font-weight:lighter;
	font-size:11px;
}

#agendaListeBlock .titreAgendaPetit {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
}
#agendaListeBlock .personAgendaPetit {
	font-weight:lighter;
	font-size:18px;
}

#agendaListeBlock .chapeauAgendaPetit {
	font-weight:normal;
	font-size:11px;
}
#agendaListeBlock #imageUne {
	float:left;
	margin: 0px 10px 6px 10px;
	display:block;
}

#agendaListeBlock .textLogo1 {
	color:#f7f7f7;
	background-color:#990100; 
	font-size:12px;
	float:left;
	margin:5px 20px 0px 0px; 
}
#agendaListeBlock .textLogo1 h2 { padding: 10px 5px 0px 5px;}


/* Image Rubrique reserver  */

#proDEUX .textContentImage {
background-color:#F7F7F7;
float:left;
font-size:12px;
margin:10px 10px;
text-align:justify;
}

/*  chapeauAgendaExpo */
.chapeauAgendaExpo {
	display:block;
	margin-bottom:5px;
}
/* Publication Pro CND */

.publicationContentBackground {
	float:left;
	background-image:url(../img/background/bloc730.gif); 
	background-position: 440px 0px;
	background-repeat:repeat-y;
}

/* Player Mediatheque Rubirque Pro */

.playerMedia {
	margin: 20px 0px 0px 20px;
}

/* LIENS PDF RUBRIQUE PRO*/

#proDEUX .textContent .liensPDFpro {
	color:#336799;
	text-decoration:none;
	font-weight:bold;
}

/* FICHE RESIDENCE PRO*/
.residenceSlide {
float:left;
margin-left:20px;
}

.titleResidenceFiche {
	font-size:20px;
	margin:10px 0px 10px 20px;
}

.legendeImgResidence {
	font-size:12px;
}

.legende {
	font-size:9px;
	color:#999999;
}

/************************/
/* FICHE PUBLICATION PRO*/
/************************/

#proUN .descriptif .titreCollectionPubli {
	font-size:11px;
	margin:10px 0px 3px 0px;
	float:none;
}

.titrePubli {
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:3px;
	margin-right:20px;
}

.personnePubli {
	font-size:15px;
	font-weight:normal;
	margin-right:20px;
}

.legendPubli {
	font-size:13px;
	font-weight:bold;
	color:#336799;
	margin-right:20px;
}

.chapeauPubli {
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	margin: 10px 20px 0px 20px;
}

.textPubli {
	font-size:12px;
	margin: 5px 20px 20px 20px;
}


/* Pro Liste Liens - Rubrique Reserver un studio*/
#proTROIS .listeLinks {
	margin:3px 30px;
	font-size:12px;
}


/* Librairie fiche */

.librairieTitle {
	font-weight:bold;
	font-size:16px;
	margin: 10px 0px 7px 20px;

}


.librairieField {
background-color:#FFFFFF;
border:1px solid #E6E6E6;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:25px;
}

.librairieResult {
	margin: 10px 0px 0px 30px;
	font-size:12px;
}

.librairieResult p {
	margin-bottom:5px;
}

.listingFiches {
	float:left;
	width:535px;
	/*height:32px;*/
	margin-left:70px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: -645px;
	background-repeat:repeat-y;
	margin-top:0px;
}

.listingFiches .lien{
	margin-top:7px;
	/*height:25px;*/
	width:535px;
	background-color:#f7f7f7;
	text-align:right;
	padding:3px 0;
}

.listingFiches .lien a{
	float:right;
	margin-top:5px;
	margin-right:20px;
	margin-left:20px;
	color:#336799;
	font-size:12px;
	font-weight:bold;
}
.listingFiches .lien span{
	float:right;
	margin-top:5px;
	margin-right:40px;
	color:#336799;
	font-size:12px;
	font-weight:bold;
	padding:2px 0;
}

.listingFiches2 {
	float:left;
	width:535px;
	height:49px;
	margin-left:70px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: -645px;
	background-repeat:repeat-y;
	margin-top:0px;
}

.listingFiches2 .lien{
	margin-top:7px;
	height:42px;
	width:535px;
	background-color:#f7f7f7;
	text-align:right;
}

.listingFiches2 .lien a{
	float:right;
	margin-top:5px;
	margin-right:20px;
	margin-left:20px;
	color:#336799;
	font-size:12px;
	font-weight:bold;
}
.listingFiches2 .lien span{
	float:right;
	margin-top:5px;
	margin-right:40px;
	color:#336799;
	font-size:12px;
	font-weight:bold;
}

.listingPdf {
	float:left;
	width:535px;
	/*height:16px;*/
	margin-left:70px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: -645px;
	background-repeat:repeat-y;
	margin-top:0px;
}
.listingPdf .lien{
	padding:2px 0;
	/*height:16px;*/
	line-height:16px;
	width:535px;
	background-color:#f7f7f7;
}

.listingPdf .lien a{
	float:right;
	margin-top:-3px;
	margin-right:40px;
	color:#336799;
	font-size:11px;
	text-align:right;
}