*{
margin:0;
padding:0;
border:0;
}
body{
text-align:center;
background:#fff;
}
#main-wrapper{
width:980px;
margin:auto;
background:url(images/bg-ombre.png) 0 0 repeat-y;
padding:0 10px;
text-align:left;
}
#header{
width:960px;
}
h1{
float:left;
width:750px;
height:150px;
background:url(images/bg-h1.png) 0 0 no-repeat;
text-indent:-9999px;
border-bottom:10px solid #e9150b;
border-right:10px solid #e9150b;
}
h1 a{
display:block;
width:100%;
height:100%;
}
#header div{
margin-left:750px;
}
#pierre, #restauration, #patrimoine{
text-indent:-9999px;
width:200px;
height:50px;
}
#pierre{
background:url(images/bg-pierre.png) 0 0 no-repeat;
}
#restauration{
background:url(images/bg-restauration.png) 0 0 no-repeat;
}
#patrimoine{
background:url(images/bg-patrimoine.png) 0 0 no-repeat;
}
#menu{
clear:both;
list-style:none;
width:960px;
height:40px;
background:#252525;
}
#menu li {
float:left;
}
#menu li a{
display:block;
font:bold 16px/40px Georgia, Helvetica, Verdana, serif;
color:#fff;
text-decoration:none;
padding:0 10px;
}
#menu li a:hover, #menu li a.actif{
background:#e9150b;
color:#252525;
}
#content{
width:940px;
padding:10px;
background:#fff;
overflow:auto;
}
#col-left{
float:left;
width:320px;
}
#col-right{
float:left;
width:600px
}
#content p, address{
font:14px/20px Georgia, Verdana, Arial, serif;
color:#252525;
}
#content p {
text-align:justify;
margin-bottom:14px;
}
#content a.pdf {
font:14px/20px Georgia, Verdana, Arial, serif;
color:#252525;
background:url(images/ico-pdf.png) 100% 50% no-repeat;
padding-right:20px;
}
#content a.pdf:hover {
color:#e9150b;
}
#content h2 {
font:18px/26px Georgia, Verdana, Arial, serif;
color:#e9150b;
}
ul#diplomes, ul#revue-de-presse {
list-style-type:square;
margin-left:50px;
}
address{
margin-bottom:15px;
}
address span{
font-weight:bold;
}
#acces-rapide{
list-style:none;
padding:0 10px;
margin:20px 0;
}
#acces-rapide li{
float:left;
}
#acces-rapide li div h3 a{
display:block;
font:bold 18px/22px Georgia, Verdana, Arial, serif;
color:#252525;
text-align:center;
text-decoration:none;
}
#acces-rapide p{
color:#e9150b;
margin:0 0 0 15px;
}
#accordion h4{
clear:both;
border-bottom:1px solid #e9150b;
padding-bottom:3px;
}
#accordion ul{
list-style:none;
}
#accordion ul li{
float:left;
margin-right:15px;
}
#contact {
width:490px;
margin-left:40px;
}
#contact fieldset {
border:1px solid #e9150b;
padding:10px;
margin:0 0 15px 0;
}
#contact fieldset legend {
padding:0 8px;
font:14px/18px Georgia, Verdana, Arial, serif;
color:#252525;
}
#contact p.champ {
padding:0 !important;
margin:0 0 5px 0 !important;
font:14px/18px Georgia, Verdana, Arial, serif;
color:#252525;
}
#contact p.submit {
clear:both;
height:25px;
padding:0;
margin:0 3px 0 0;
text-align:right;
}
#contact p label {
width:90px;
float:left;
}
#contact input[type=text] {
height:18px;
width:275px;
border:1px solid #252525;
margin:0 0 5px 0;
}
#contact input[type=text].champErreur {
border:1px solid #e9150b;
}
#contact textarea {
height:250px;
width:375px;
border:1px solid #252525;
margin:5px 0;
}
#contact textarea.champErreur {
border:1px solid #e9150b;
}
#contact input[type=submit] {
background:#252525;
padding:5px;
color:#e9150b;
border:1px solid #252525;
font:bold 12px/18px Georgia;
cursor:pointer;
}
#contact input[type=submit]:hover{
background:#e9150b;
color:#252525;
}
#contact p.msgErreur {
float:left;
width:350px !important;
margin-bottom:5px;
padding-left:120px;
height:18px;
color:#e9150b;
background:url(images/flecheMsgErreur.png) 90px 0 no-repeat;
}
.marge-droite-12{
margin-right:12px;
}
.img-shadow{
float:left;
margin-right:10px;
background:url(images/shadowAlpha.png) bottom right no-repeat;
margin:10px 0 0 10px;
}
.img-shadow img{
display:block;
position:relative;
background-color:#fff;
border:1px solid #252525;
margin:-6px 6px 6px -6px;
padding:4px;
}
.img-shadow:hover img{
border:1px solid #e9150b;
}
#footer{
margin-right:10px;
width:960px;
clear:both;
height:160px;
background:#252525;
}
#footer h3{
font:bold 18px/40px Georgia, Helvetica, Verdana, serif;
color:#e9150b;
text-align:center;
}
#footer h3 span{
color:#fff;
}
#footer h3 a.fondation-patrimoine{
display:block;
font:bold 18px/90px Georgia, Helvetica, Verdana, serif;
background:url(images/logo-fondation-patrimoine.png) 120px 0 no-repeat;
color:#e9150b;
text-align:center;
}
#footer h3 a.fondation-patrimoine:hover {
text-decoration:none;
}
.align-left{
float:left;
margin-right:10px;
}
.clear{
clear:both;
}
.invisible{
display:none;
}