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

  KREACTIV' STUDIO

 ****************************************************************************************************************************

 @fichier  : stylePP.css
 @auteur   : Matthieu Pouchin
 @creation : 16/12/2008


 /* ------------------------------------------------------------------------------------------------------ corps des pages */

html, body{
 margin:0 auto;
 padding:0;
 width: 100%;
 height: 100%;
 background-color:#5a8ca5;
 background-image:url(img/motif.jpg);
 background-position:top;
 background-repeat:repeat-x;
}

/* ------------------------------------------------------------------------------------------------------ corps des pages */

#back {
 margin:0 auto;
 padding:0;
 width:975px;
}

#article {
 margin:0 auto;
 padding-top:25px;
 width:800px;
 text-align: center;
 font: 10pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #fff;
 text-align: center;
 text-decoration: none;
}

#article a, a:hover {
 color: #fff;
 text-decoration: underline;
}

#background {
 position:relative;
 top:0px;
 left:0px;
 width:975px;
 height:580px;
 z-index: 2;
}

#background_flash {
 position:absolute;
 width:975px;
 height:580px;
 z-index: 1;
}

#nav {
 float:left;
 margin:0;
 padding:0;
 width:275px;
 height:560px;
}

#header {
 float:left;
 margin:0;
 padding:0;
 width:700px;
 height:100px;
}

/* ------------------------------------------------------------------------------------------------------ homepage */

#hp_container {
 float:left;
 margin-left:58px;
 padding:0;
 width:550px;
 height:425px;
}

#coord {
 float:left;
 margin:0;
 padding:0;
 width:520px;
 height:auto;
 font: 9pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #fff;
 text-align: center;
 text-decoration: none;
}

#pano {
 float:left;
 margin:0;
 padding:0;
 width:520px;
 height:175px;
}

#hp_intro {
 float:left;
 margin-top:10px;
 padding:0;
 width:292px;
 height:auto;
}

.hp_text {
 margin:0;
 padding:8px;
 background-color:#E1EDF9;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

.hp_text a{
 color: #355F7B;
 text-decoration: underline;
}

.hp_text a:hover{
 color: #374856;
 text-decoration: underline;
}

#hp_news {
 float:left;
 margin-top:10px;
 padding-left:20px;
 width:208px;
 height:auto;
}

.titre {
 margin-bottom:2px;
 height:17px;
}

.titred {
 margin-bottom:5px;
 height:17px;
}

/* ------------------------------------------------------------------------------------------------------ styles */

p { margin: 0; padding: 0 }

.titre4 {
 margin: 0;
 height:auto;
 font: normal bold 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #5b1a81;
 line-height:9pt;
 text-decoration: none;
}

.titre4a {
 margin: 0;
 height:auto;
 font: normal 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #5b1a81;
 line-height:9pt;
 text-decoration: underline;
}
.titre2 {
 margin: 0;
 height:auto;
 font: normal bold 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #903f16;
 line-height:9pt;
 text-decoration: none;
}

.titre3 {
 margin: 0;
 height:auto;
 font: normal bold 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #249ece;
 line-height:9pt;
 text-decoration: none;
}

.titre5 {
 margin: 0;
 height:auto;
 font: normal bold 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #26a097;
 line-height:9pt;
 text-decoration: none;
}

.error {
 margin: 0;
 font: normal 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #f32727;
 line-height:9pt;
 text-decoration: none;
}

.titre2a {
 margin: 0;
 height:auto;
 padding:0;
 font: normal bold 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #db9345;
 line-height:9pt;
 text-decoration: none;
}

.tarifs {
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #343434;
 font-weight:bold;
 line-height:9pt;
 text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------ mairie */

#pave_int01 {
 float:left;
 margin-top:10px;
 padding:0;
 width:260px;
 height:auto;
}

#pave_int02 {
 float:left;
 margin-top:10px;
 margin-left:20px;
 padding:0;
 width:260px;
 height:auto;
}

#pave_int03 {
 float:left;
 margin-top:10px;
 padding:0;
 width:370px;
 height:350px;
}

#pave_int04 {
 float:left;
 margin-top:10px;
 margin-left:20px;
 padding:0;
 width:140px;
 height:350px;
}

#pave_int05 {
 float:left;
 margin-top:10px;
 margin-left:20px;
 padding:0;
 width:520px;
 height:350px;
}

.ph_news {
 float:left;
 margin-right:20px;
 padding:0;
 width:50px;
 height:50px;
}

#pave_photo {
 float:left;
 margin-top:10px;
 margin-left:20px;
 padding:0;
 width:260px;
 height:auto;
}

#pave_photo2 {
 float:left;
 margin-top:10px;
 padding:0;
 width:260px;
 height:auto;
}

.pave_text {
 margin:0;
 padding:8px;
 background-color:#fff;
 height:auto;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

.pave_text a{
 color: #355F7B;
 text-decoration: underline;
}

.pave_text a:hover{
 color: #374856;
 text-decoration: underline;
}

#pave_artiste {
 margin:0;
 padding:8px;
 background-color:#fff;
 width:auto;
 height:325px;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

#pave_contact {
 margin:0;
 padding:8px;
 background-color:#fff;
 width:auto;
 height:325px;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

#pave_news {
 margin:0;
 padding:8px;
 background-color:#fff;
 width:auto;
 height:310px;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

.pave_text_down {
 margin:0;
 padding:8px;
 background-color:#fff;
 height:180px;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: left;
 text-decoration: none;
}

.pave_text_down a{
 color: #355F7B;
 text-decoration: underline;
}

.pave_text_down a:hover{
 color: #374856;
 text-decoration: underline;
}

.pave_plan {
 margin:0;
 padding:8px;
 background-color:#fff;
 height:310px;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

.pave_plan a{
 color: #355F7B;
 text-decoration: underline;
}

.pave_plan a:hover{
 color: #374856;
 text-decoration: underline;
}

.scrollable {
 padding:3px;
 height: 100%;
 width: 100%;
 overflow: auto;
}

.lien_histo {
 float:left;
 margin-top:5px;
 margin-left:20px;
 padding:0;
 width:260px;
 height:auto;
}

.lien_visite {
 float:left;
 margin-top:5px;
 padding:0;
 width:260px;
 height:auto;
}

/* ------------------------------------------------------------------------------------------------------ visites virtuelles */

#pave_lightbox {
 margin:0;
 padding:12px;
 background-color:#fff;
 height:230px;
}

#pave_lightbox_pp {
 margin:0;
 padding:12px;
 background-color:#fff;
 height:165px;
}

#pave_lightbox_artiste {
 margin:0;
 padding:12px;
 background-color:#fff;
 height:165px;
}

.ph_lightbox {
 float:left;
 margin-right:8px;
 margin-bottom:8px;
 padding:0;
 width:50px;
 height:50px;
}

/* ------------------------------------------------------------------------------------------------------ infos */

.pave_text_infos {
 margin:0;
 padding:8px;
 background-color:#E1EDF9;
 height:auto;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

.pave_text_infos a{
 color: #5b1a81;
 text-decoration: underline;
}

.pave_text_infos a:hover{
 color: #5b1a81;
 text-decoration: underline;
}

.download {
 float:left;
 margin-bottom:15px;
 padding:0;
 width:240px;
}

.download_ph {
 float:left;
 margin:0 auto;
 padding:0;
 width:50px;
 height:50px;
}

.download_text {
 float:left;
 margin-left:15px;
 padding:0;
 width:170px;
}

/* ------------------------------------------------------------------------------------------------------ contact */

.pave_contact {
 float:left;
 margin:0;
 padding:8px;
 background-color:#fff;
 width:244px;
 height:auto;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 color: #000;
 line-height:9pt;
 text-align: justify;
 text-decoration: none;
}

.pave_contact a{
 color: #355F7B;
 text-decoration: underline;
}

.pave_contact a:hover{
 color: #374856;
 text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------ footer */

#bloc_liens {
 float:left;
 margin-left:-32px;
 padding:0;
 width:620px;
 height:auto;
}

#nav02 {
 margin:0;
 margin-left:20px;
 padding:0;
 width:620px;
 height:auto;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight:bold;
 color: #355F7B;
 text-align: left;
 text-decoration: none;
 }

#nav02 a {
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-weight:bold;
 color: #355F7B;
 text-align: left;
 text-decoration: none;
 }

#nav02 a:hover {
 color: #fff;
 background-color:#355F7B;
 }

#footer {
 margin-top:6px;
 margin-left:20px;
 padding:0;
 width:620px;
 height:auto;
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-style:normal;
 color: #fff;
 text-align: left;
 text-decoration: none;
 }

 #footer a {
 font: 8pt "Arial, Verdana, sans-serif", Sans-Serif;
 font-style:normal;
 color: #fff;
 text-align: left;
 text-decoration: none;
 }

 #footer a:hover {
 background-color:#355F7B;
 }

input, textarea {
	font: 8pt Arial, Verdana, sans-serif;
	font-style:normal;
}