@charset "utf-8";
/* CSS Document */
body {
background:transparent url(../images/bg.jpg) repeat-x scroll 0 0;
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}
#bandeau {
color:#FFFFFF;
font-size:16px;
left:248px;
position:absolute;
text-align:left;
top:42px;
width:445px;
}
#stand {
color:#003273;
font-size:16px;
left:711px;
line-height:1em;
position:absolute;
text-align:center;
top:55px;
width:177px;
}
#slogan {
color:#FFFFFF;
font-size:21px;
font-style:italic;
left:250px;
line-height:1em;
position:absolute;
text-align:center;
top:147px;
width:400px;
}
#slogan2 {
color:#003273;
font-size:21px;
font-style:italic;
font-weight:bold;
left:249px;
line-height:1em;
position:absolute;
text-align:center;
top:156px;
width:400px;
}
#footer {
color:#003273;
font-size:21px;
left:23px;
line-height:1em;
position:absolute;
text-align:center;
top:664px;
width:900px;
font-weight:bold;
letter-spacing:3px;
}
.mytext{
padding-top: 45px;
padding-left: 61px;
text-decoration:none;
color:#003273;
}
.page1 {
background:transparent url(../images/p1.jpg) repeat scroll 0 0;
height:745px;
margin:0 auto;
padding:0;
position:relative;
width:940px;
}
.page1 li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
.page1 span {
display:block;
}
.b1 {
height:78px;
left:34px;
top:235px;
width:239px;
}
.b2 {
height:78px;
left:34px;
top:313px;
width:239px;
}
.b3 {
height:78px;
left:34px;
top:391px;
width:239px;
}
.b4 {
height:78px;
left:34px;
top:469px;
width:239px;
}
.b5 {
height:78px;
left:34px;
top:547px;
width:239px;
}
.b6 {
height:37px;
left:743px;
top:160px;
width:166px;
}
.b7 {
height:30px;
left:55px;
top:160px;
width:50px;
}
.b8 {
height:30px;
left:108px;
top:160px;
width:50px;
}
/*For IE7*/
.reset {
left:0px;
top:0px;
}
/*End For IE7*/
.b1 span, .b2 span, .b3 span, .b4 span, .b5 span {
height:78px;
}
.b6 span, .b7 a, .b8 a {
height:37px;
}
.b1 span:hover, #tab-triggers li.b1 span.active {
background:transparent url(../images/p1.jpg) no-repeat scroll -34px -980px;
}
.b2 span:hover, #tab-triggers li.b2 span.active {
background:transparent url(../images/p1.jpg) no-repeat scroll -34px -1058px;
}
.b3 span:hover, #tab-triggers li.b3 span.active {
background:transparent url(../images/p1.jpg) no-repeat scroll -34px -1136px;
}
.b4 span:hover, #tab-triggers li.b4 span.active {
background:transparent url(../images/p1.jpg) no-repeat scroll -34px -1214px;
}
.b5 span:hover, #tab-triggers li.b5 span.active {
background:transparent url(../images/p1.jpg) no-repeat scroll -34px -1292px;
}
.b6 span:hover, #tab-triggers li.b6 span.active {
background:transparent url(../images/p1.jpg) no-repeat scroll -743px -905px;
}
.b7 a:hover {
background:transparent url(../images/p1.jpg) no-repeat scroll -55px -905px;
}
.b8 a:hover {
background:transparent url(../images/p1.jpg) no-repeat scroll -108px -905px;
}
.onelines, .twolines {
color:#FFFFFF;
cursor:pointer;
font-size:19px;
line-height:1em;
text-align:center;
}
.twolines {
padding-bottom:22px;
padding-left:3px;
padding-top:18px;
}
.onelines {
padding-bottom:32px;
padding-left:3px;
padding-top:28px;
}
.vlines {
color:#FFFFFF;
cursor:pointer;
font-size:13px;
line-height:1em;
padding-bottom:13px;
padding-top:11px;
text-align:center;
text-decoration:none;
}
.vlinesa{
color:#FFFFFF;
cursor:pointer;
font-size:13px;
line-height:1em;
text-decoration:none;
}
.b7 .vlinesa{
padding:11px 21px 13px 21px;
}
.b8 .vlinesa{
padding:11px 17px 13px 17px;
}
.onelines:hover, .twolines:hover, .vlines:hover, .vlinesa:hover, span.active .onelines, span.active .twolines, span.active .vlines {
color:#003273;
}
.cadre {
left:285px;
position:absolute;
top:237px;
overflow:hidden;
}
#horizontal_slide2, #horizontal_slide3, #horizontal_slide4, #horizontal_slide5 {
overflow:hidden;
}
#page_pm {
background:transparent url(../images/palladium-monde.png) repeat scroll 0 0;
height:384px;
margin:0 auto;
padding:0;
position:relative;
width:621px;
}
#page_pm li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
#page_pm a {
display:block;
}
#pm1, #pm2, #pm3, #pm4, #pm5, #pm6, #pm7, #pm8 {
height:26px;
left:116px;
width:390px;
}
#pm1 {
top:9px;
}
#pm2 {
top:57px;
}
#pm3 {
top:106px;
}
#pm4 {
top:155px;
}
#pm5 {
top:204px;
}
#pm6 {
top:252px;
}
#pm7 {
top:301px;
}
#pm8 {
top:350px;
}
#pm1 a, #pm2 a, #pm3 a, #pm4 a, #pm5 a, #pm6 a, #pm7 a, #pm8 a {
height:26px;
width:390px;
}
#pm1 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -393px;
}
#pm2 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -441px;
}
#pm3 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -490px;
}
#pm4 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -539px;
}
#pm5 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -588px;
}
#pm6 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -636px;
}
#pm7 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -685px;
}
#pm8 a:hover {
background:transparent url(../images/palladium-monde.png) no-repeat scroll -116px -734px;
}
#page_pc {
background:transparent url(../images/page-construction.png) repeat scroll 0 0;
height:384px;
margin:0 auto;
padding:0;
position:relative;
width:621px;
}
#page_pa {
background:transparent url(../images/page-art-culture.png) repeat scroll 0 0;
height:384px;
margin:0 auto;
padding:0;
position:relative;
width:621px;
}
#page_pc li, #page_pa li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
#page_pc a, #page_pa a {
display:block;
}
#pc1, #pa1 {
height:122px;
left:0;
top:0;
width:621px;
}
#pc2, #pa2 {
height:122px;
left:0;
top:130px;
width:621px;
}
#pc3, #pa3 {
height:122px;
left:0;
top:262px;
width:621px;
}
#pc1 a, #pc2 a, #pc3 a, #pa1 a, #pa2 a, #pa3 a {
height:122px;
}
#page_pt {
background:transparent url(../images/projets-tradition.png) repeat scroll 0 0;
height:384px;
margin:0 auto;
padding:0;
position:relative;
width:621px;
}
#page_pt li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
#page_pt a {
display:block;
}
#pt1 {
height:239px;
left:0;
top:0;
width:195px;
}
#pt2 {
height:132px;
left:199px;
top:0;
width:195px;
}
#pt3 {
height:132px;
left:398px;
top:0;
width:223px;
}
#pt4 {
height:141px;
left:0;
top:243px;
width:195px;
}
#pt5 {
height:249px;
left:199px;
top:135px;
width:195px;
}
#pt6 {
height:141px;
left:398px;
top:135px;
width:223px;
}
#pt7 {
height:104px;
left:398px;
top:280px;
width:223px;
}
#pt1 a {
height:239px;
}
#pt2 a {
height:132px;
}
#pt3 a {
height:132px;
}
#pt4 a {
height:141px;
}
#pt5 a {
height:249px;
}
#pt6 a {
height:141px;
}
#pt7 a {
height:104px;
}
#pt1 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll 0 -384px;
}
#pt2 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll -199px -384px;
}
#pt3 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll -398px -384px;
}
#pt4 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll 0 -627px;
}
#pt5 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll -199px -519px;
}
#pt6 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll -398px -519px;
}
#pt7 a:hover {
background:transparent url(../images/projets-tradition.png) no-repeat scroll -398px -664px;
}
#page_pp {
background:transparent url(../images/projets-prestige.png) repeat scroll 0 0;
height:384px;
margin:0 auto;
padding:0;
position:relative;
width:621px;
}
#page_pp li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
#page_pp a {
display:block;
}
#pp1 {
height:239px;
left:0;
top:0;
width:195px;
}
#pp2 {
height:132px;
left:199px;
top:0;
width:195px;
}
#pp3 {
height:132px;
left:398px;
top:0;
width:223px;
}
#pp4 {
height:141px;
left:0;
top:243px;
width:195px;
}
#pp5 {
height:249px;
left:199px;
top:135px;
width:195px;
}
#pp6 {
height:141px;
left:398px;
top:135px;
width:223px;
}
#pp7 {
height:104px;
left:398px;
top:280px;
width:223px;
}
#pp1 a {
height:239px;
}
#pp2 a {
height:132px;
}
#pp3 a {
height:132px;
}
#pp4 a {
height:141px;
}
#pp5 a {
height:249px;
}

#pp6 a {
height:141px;
}
#pp7 a {
height:104px;
}
#pp1 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll 0 -384px;
}
#pp2 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll -199px -384px;
}
#pp3 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll -398px -384px;
}
#pp4 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll 0 -627px;
}
#pp5 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll -199px -519px;
}
#pp6 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll -398px -519px;
}
#pp7 a:hover {
background:transparent url(../images/projets-prestige.png) no-repeat scroll -398px -664px;
}
#page_pcc {
background:transparent url(../images/page-contact.png) repeat scroll 0 0;
height:384px;
margin:0 auto;
padding:0;
position:relative;
width:621px;
}
#page_pcc li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
#page_pcc a {
display:block;
}
#formulair01 {
padding:0; margin:0;
height:135px;
left:50px;
top:50px;
width:521px;
}
#formulair02 {
padding:0; margin:0;
height:165px;
left:25px;
top:160px;
width:600px;
}
#formulair03 {
padding:0; margin:0;
height:35px;
left:450px;
top:343px;
width:165px;
}
#errormessage{
padding:0; margin:0;
height:135px;
left:320px;
top:70px;
width:521px;
}
#phrase{
padding:0; margin:0;
height:35px;
left:20px;
top:5px;
width:521px;
}
.Mybutton {
background:transparent url(../images/p1.jpg) no-repeat scroll -743px -975px;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-size:13px;
height:35px;
padding:0 0 2px 11px;
width:165px;
}
.Mybutton:hover {
background:transparent url(../images/p1.jpg) no-repeat scroll -743px -1021px;
border:0 none;
color:#003273;
height:35px;
width:165px;
}