.n-cadre-page {
}


#n-header {
	font-size : 0.8em ;
	margin-top : 70px ;
	margin-bottom : 95px ;
}


#n-image-index {
	margin-bottom : 110px ;
}

#n-image-index img {
	max-width : 900px ; 
	max-height : 900px ;
}

#n-image-index-legende {
	font-weight: bold ;
	font-size : 0.8em ;
}


#n-barre-liens {
	font-weight: bold ;
	font-size : 1em ;
	margin-bottom : 100px ;
}

#n-tampon {
	font-size : 0.8em ;
	margin-top : 190px ;
}










img  { border: none }

body { 
font-size: 1.3em; 
font-family: Garamond, Georgia, "Times New Roman", Times, serif; 
text-align: center; 
margin: 0; 
padding: 0 ;
/* background-color : seashell ; */
 background-color : #fffef0 ;
}

.clear   { visibility: hidden; clear: both }





#lingue { margin-bottom: 50px; }

.bandiere { margin-right: 30px; margin-left: 30px; }







.nascondi  { visibility: hidden }

p  { font-size: 0.8em }

.pad  { padding-top: 30px }

.small  { font-size: 0.7em }



/* link generici */

a:link  { color: #9b003e ; text-decoration: none; }

a:visited  { color: #7c003e ; text-decoration: none; }

a:hover  { color: #bc003e ; text-decoration: underline; }



/* centratura rispetto alla finestra */

#main      { text-align: center; margin-right: auto; margin-left: auto; width: 90% }



/* ATELIER */

#atelier      { padding-top: 20px; padding-bottom: 20px }

#atelier h1    { font-size: 1.3em; font-family: Georgia; font-weight: normal; margin: 0; padding: 0 }

#atelier h3   { font-size: 0.8em; margin: 0; padding: 0 }



#atelier-popup     { text-align: left; padding-top: 20px; padding-bottom: 20px ; border-bottom: 1px solid #fff; }

#atelier-popup h1    { font-size: 1em; font-family: Georgia; font-weight: normal; margin: 0; padding: 0 }



/* MOSTRA */

#mostra h1     { font-size: 2em; font-family: Georgia; font-weight: normal }

#mostra h2  { margin: 0; padding: 10px 0 0 }

#mostra h3  { margin: 0; padding: 0 0 5px }

#mostra h4   { font-weight: normal; margin: 0; padding: 0 0 10px }

#mostra h4.separa  { padding-top: 50px }

#mostra p   { }



/* MENU ARTISTI */

#menu-artisti      { margin-right: auto; margin-left: auto; width: 450px }

#menu-artisti ul {margin: 0; padding: 0}

#menu-artisti ul li     { background-color: #fff; list-style-type: none; margin: 2px; padding: 0; float: left; border: solid 1px #bdbdbd }

#menu-artisti ul li h2 {margin: 0; padding: 0}

#menu-artisti ul li h2 a:link, #menu-artisti ul li h2 a:visited       { color: #7b0002; font-size: 0.6em; font-weight: normal; text-decoration: none; display: block; margin: 0; padding: 5px; width: 200px; float: left }

#menu-artisti ul li h2 a:hover      { color: #fff; font-weight: normal; text-decoration: none; background-color: #5b5b5b; float: left }



/* NAVIGAZIONE */

#menu-princ     { margin: 20px 0 0; padding: 0 }

#menu-princ2      { text-align: center; margin-top: 50px; padding: 0 0 0 50px; width: 100% }

ul#menu           { margin: 0 0 0 -10px; padding: 0 }

ul#menu li         { font-size: 0.85em; font-weight: bold; list-style-type: none; list-style-image: none; display: inline }

ul#menu li.sel  { margin-right: 7px; margin-left: 7px }

ul#menu li a:link, ul#menu li a:visited        { margin-right: 7px; margin-left: 7px }

ul#menu li a:hover        { }



/* STRUTTURA */

/* layout 1 img a sinistra */

#contiene1       { text-align: left; margin-right: auto; margin-left: auto; width: 730px }

#contiene1 img  { padding-top: 20px }

#contiene1 .didascalia p  { margin: -2px 0; padding: 0 }

#contiene1 .didascalia h2     { font-size: 0.95em; margin: 0; padding: 0 0 5px }

#contiene1 .didascalia   { padding-bottom: 20px }



#contiene1-popup { text-align: left; margin-top: 25px; }

/* layout 2 img */

#contiene2     { margin-right: auto; margin-left: auto; width: 730px }

.flotta-sx       { text-align: left; margin-bottom: 20px; width: 300px; float: left }

.flotta-dx       { text-align: left; margin-bottom: 20px; width: 300px; float: right }

/* layout 3 img */

#contiene3   { margin-right: auto; margin-left: auto; width: 900px; }



#contiene3 h1   { font-size: 1.5em; text-align: left }

#contiene2 h1   { font-size: 1.5em; text-align: left }



#contiene3 .flotta-sx  { margin-bottom: 20px; width: 32%; text-align: center; }

#contiene3 .flotta-sxPlan  { margin-bottom: 20px; width : 300px ; text-align: center; float: left }

#contiene3 .flotta-sx .baro  { padding-left: 1em }



/* layout 4 img  AGGIORNAMENTO DEL 21/01/2011*/

#contiene4   { margin-right: auto; margin-left: auto; width: 900px; }



#contiene4 h1   { font-size: 1.5em; text-align: left }

#contiene4 h1   { font-size: 1.5em; text-align: left }



#contiene4 .flotta-sx  { margin-bottom: 20px; width: 25%; text-align: center; }

#contiene4 .flotta-sxPlan  { height : 250px ; margin-bottom: 20px; width : 225px ; text-align: center; float: left ;}

#contiene4 .flotta-sx .baro  { padding-left: 1em }

.flotta-sxPlan  { margin-bottom: 15px; width : 225px ; text-align: center; float: left ;   }



/* DIDASCALIE */

.didascalia  { padding-top: 10px; padding-bottom: 10px }

.didascalia h2        { font-size: 1.1em; font-family: Georgia; font-weight: bold; margin: 0; padding-top: 0.3em; padding-right: 0; padding-bottom: 0.3em }

.didascalia p     { margin: 0; padding: 0 0 0 0 }



/* CATALOGHI */

#cataloghi  { margin-right: auto; margin-left: auto; width: 750px }

#cataloghi ul  { margin: 0; padding: 0 }

#cataloghi ul li   { list-style-type: none; width: 180px; float: left }



/* LINK */

#link   { margin : auto; width: 750px ;  }

#link ul  { margin: 0; padding: 0 }

#link ul li      { color: black ; font-size: 0.8em; text-align: left; list-style-type: none; margin-bottom: 10px; padding-bottom: 50px; width: 180px; float: left }



#index-new   { margin-right: auto; margin-left: auto; width: 750px }

#index-new ul  { margin: 0; padding: 0 }

#index-new ul li      { color: #fff; font-size: 0.8em; text-align: left; list-style-type: none; margin-bottom: 10px; padding-bottom: 50px; width: 180px; float: left }

#index-new ul li img { text-align: justify; margin-left: 45px; }



/* TESTO */

#testo { line-height: 18px; text-align: justify; width: 600px; margin-left: 60px; border-style: none; }

#testo h3 { font-size: 20px; }


a.nero:link, a.nero:visited, a.nero:hover { color: #000; }

a.bianco:link, a.bianco:visited, a.bianco:hover { color: #fff; }


.cadrePage {

}

.AdminListeLigne { 
background-color : #FAEBD7 ;
}


.AdminListeTableau { 
border-collapse : separate ;
border-spacing : 2px 10px ;
text-align : left ;
background-color : Seashell ;
}

.divPagination {
margin : 40px ; 
font-size : 17px ; 
}

.ChampsRecherche {
height : 55px ;
margin-top : 12px ;
}

.divColonneRecherche {
width : 33% ;
float : left ;
}


/*mise en page essai */

#atelierE { 
padding-top : 30px ; 
padding-bottom : 30px ;
margin-bottom : 15px ;
}

#atelierE h1 {
font-size: 1.6em ; 
font-family: Georgia ;
font-weight: normal ; 
margin : 0 ; 
padding : 12px ; 
}

#atelierE p { 
font-size : 0.9em ; 
margin : 0 ; 
padding : 0 ;
line-height: 22px;
}

#menu-principal { 
padding : 0 ; 
margin : 0 ;
margin-bottom : 110px ; 
}

#menu-principal li { 
list-style-type: none ; 
display : inline ;
margin-left : 20px ; 
margin-right : 20px ;
}

#menu-principal a { 
color : #B40404 ;
font-weight : bold ;
font-size: 0.9em ;
}

.titre-page {
font-size : 1.5em ;
margin : 0 ; 
margin-bottom : 20px ;
padding : 0 ;
}

#contenu {
margin : 0 ;
text-align : center;
padding : 0 ;
}

.sous-titre {
font-size : 0.7em ;
margin : 0 ; 
padding : 0 ;
}

#tableau-oeuvres {
text-align : center;
border-spacing : 100px;
margin:auto;
}

#tableau-oeuvres td{	
}

#tableau-oeuvres span{
color : black ;
font-size : 0.7em ;
text-align : left ; 
}

#tableau-oeuvres img {
height : 235px ;	
}

#tableau-oeuvres .image-horizontale {
height : auto ;
width : 235px ;	
}

#pied-page {
font-size : 0.7em ;	
margin : 0 ; 
padding : 40px ; 
}

#gen-artiste-franck {
padding : 0 ;
padding-top : 100px ; 
width : auto ; 
margin : 0 ;
}


.div-oeuvres {
text-align : center;
float:left ; 
}

.div-oeuvres span{
color : black ;
font-size : 0.7em ;
text-align : left ; 
}

.div-oeuvres img {
height : 260px ;	
}

.div-oeuvres .image-horizontale {
height : auto ;
width : 260px ;	
}


.div-oeuvres .img-test {
height : 230px ;	
}

.div-oeuvres .image-horizontale-test {
height : auto ;
width : 230px ;	
}




.sousTitresPlanSite { 

clear : both ; 
font-weight : bold ; 
margin-top : 0px ; 
padding-top : 160px ; 
margin-bottom : 35px ; 

}


.sousTitresPlanSite2 { 

clear : both ; 
font-weight : bold ; 
margin-top : 0px ; 
padding-top : 45px ; 
padding-bottom : 30px ; 

}



.bodyMourlot {
	
background-color : #FFFOF5 ;
	
}


.bodyPhotos {
	
background-color : #E0FFFF ;
	
}




.bodyAtelierBordas {
	
background-color : #FFF8DC ;
	
}




.titreArtiste {
	
	color : #8B0000 ;

	
}



.texteArtiste {
	
	color : #8B0000 ;
	width : 850px ; 
	margin : auto ; 
	margin-top : 60px ; 
	text-align : justify ;
	
}






.arbPied {
	
	
	
}


.arbPied a {
	
	text-decoration : none ;
	color : grey ; 
	
}





.arbPied2 {
	
	text-align : left  ; 
	margin : auto ; 
	margin-top : 90px ; 
	margin-bottom : 70px ; 
	font-size : 1em ;	
	
}


.arbPied2 a {
	
	text-decoration : none ;
	color : DarkGrey ; 
	
}



.arbPied2 th , 
.arbPied2 td {
	
	padding-top : 11px ; 
	padding-left : 50px ; 
	padding-right : 50px ;
	
}





#pied-page2 {
font-size : 0.7em ;	
margin : 0 ; 
padding-top : 20px ; 
padding-bottom : 45px ; 

}



.logoReseauxPied {
	
	float : right ; 
	height : 25px ; 
	margin-top : 35px ; 
	margin-left : 45px ; 
	padding : 0 ;
	
}

.logoReseauxPiedG {
	
	float : left ; 
	height : 25px ; 
	margin-top : 35px ; 
	margin-right : 45px ; 
	padding : 0 ;
	
}



#FcontactF {
	
}


#Fcontact {
	margin-top : 200px ; 
	text-align : left ;
	margin : auto ; 
	padding : 35px ; 
	border :3px #db0000 dotted ; 
	border-radius : 15px ;
}

#Fcontact td {
	width : 130px ;
	padding-bottom : 30px ; 
}


.champsFcontact2 {
	color : red ; 
	font-size : 19px ;
}

#Fcontact input {
	width : 300px ;
}


.FcontactVal {
	
	border:solid 1px black ; 
	cursor:pointer ; 
	background-color:#ffffff ; 
	margin-top:40px ; 
	width:130px; 
	text-align:center; 
	color:#db0000 ;
	font-size : 1em ; 
	
}




@media screen and (max-width: 380px) {
	
}



@media screen and (min-width: 381px) and (max-width: 480px) {
	
}



	@media screen and (min-width: 481px) and (max-width: 992px) {
	}


	
	
	
	
	

	@media screen and (min-width: 993px) { } 
	
#t-contenant {
	
	height : 50px ;
	width : 1080px ;
	margin : auto ;

	
	
}
	

	#cadre-zoom {
	
	margin : auto ; 
	width : 1080px ; 
	margin-bottom : 150px ;
	
	}
	
	
	
	
	
.t-oeuvre-bloc {
	
	float : left ;
	width : 300px ;
	height : 300px ;
	margin : 30px ;
	margin-bottom : 100px ;
	
}




.t-image {
	
	max-height : 300px ; 
	max-width : 300px ;
	
}

.t-oeuvre-legende {
	
	font-size : 0.7em ; 
	margin-top : 10px ; 
	max-width : 300px ;
	
	
}



	





/* bloc tableau ubication adm*/

/* Base styles */
.tab-ubi-wrap{}
.tab-ubi-table{border-collapse:collapse; width:100%; table-layout:auto; color:#000; }
.tab-ubi-table td,.tab-ubi-table th{padding:8px 10px; text-align:center; vertical-align:middle; }
/* Neutral cell class */
.tab-ubi-td{}

/* Per-cell classes extracted from ODS */
.tab-ubi-c1{background-color:#dddddd;border:1px solid #000000;font-weight: bold;}
.tab-ubi-c2{font-weight: bold;background-color:#dddddd;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:2px double #000000}
.tab-ubi-c3{font-weight: bold;background-color:#ffd8ce;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:2px double #000000}
.tab-ubi-c4{font-weight: bold;background-color:#dde8cb;border:1px solid #000000}
.tab-ubi-c5{border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-left:2px double #000000}
.tab-ubi-c6{border:1px solid #000000}
.tab-ubi-c7{border:none}
.tab-ubi-c8{background-color:#dde8cb;border:none}