/* Basics
------------------------------ */
html{
height:100%;
}
/* Main Layout
------------------------------ */
body{
background:#EEEEEE;
margin:0px;
text-align:center;
font:normal 70%/150% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
color:#ACACAC;
}
.main{
text-align:left;
margin:0px auto;
width:900px !important;
width:900px;
background:#ffffff;
padding:0px 0px 0px;
}
/* Header et menu
------------------------------ */
.header{
display:block;
position:relative;
width:900px;
height:87px;
margin:0 auto;
background:#EEEEEE url(http://www.aurelien-mahot.com/image/logo.jpg) 0 0px no-repeat;
}
.header h1,.header h2{
display:none;
}
#menu, #sort{
display:block;
position:relative;
width:900px;
height:30px;
margin:0 auto;
background:#EEEEEE url(http://www.aurelien-mahot.com/image/fond_logo.jpg) 0 0px no-repeat;
}
#menu a, #sort a{
text-decoration:none;
color:#FFFFFF;
}
#menu a:hover, #sort a:hover{
color:#8dd4e9;
text-decoration:none;
}
.menuboite{
float:Left;
width:120px;
font:14px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
Height:20px;
text-align:center;
border-right:solid 1px #CCCCCC;
line-height:1.9;
padding:5px 0px 5px 0px
}
/* Index Styles
------------------------------ */
.corpsindex{
float:left;
background-color:#fff;
width:900px;
padding:0px 0px 0px 0px
}
.diapoindex{
float:left;
background-color:#FFFFFF;
padding:40px 0px 0px 40px;
width:700px;
}
/* sous menu gauche
------------------------------ */
#sousmenu{
float:left;
text-align:left;
background-color:#FFFFFF;
width:140px;
height:450px;
padding:0px 0px 0px 20px;
}
/* Boites zoom sur
------------------------------ */
#corpsboite, #sort{
float:left;
width:900px;
position:relative;
text-align:left;
font:13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
background-color:#FFFFFF;
padding:40px 0px 5px 0px
}
#corpsboite a, #sort a{
text-decoration:none;
color:#0085bd;
}
#corpsboite a:hover, #sort a:hover{
color:#8dd4e9;
text-decoration:none;
}
.boiteindex1{
float:left;
text-align:left;
Line-height:2,5;
background-image:url(../image/Cadre_voyage.jpg);
width:190px;
height:125px;
margin:0px 0px 0px 5px;
}
.boiteindex2{
float:left;
text-align:left;
Line-height:2,5;
background-image:url(../image/Cadre_stage.jpg);
width:190px;
height:125px;
margin:0px 0px 0px 5px;
}
.boiteindex3{
float:left;
text-align:left;
Line-height:2,5;
background-image:url(../image/Cadre_expo.jpg);
width:190px;
height:125px;
margin:0px 0px 0px 5px;
}
.boitenews{
float:left;
background-color:#FFFFFF;
width:305px;
height:95px;
margin:30px 0px 0px 5px;
}
/* Corps Styles
------------------------------ */
.content{
float:left;
background-color:#000000;
width:900px;
}
.intro{
float:left;
width:880px;
text-align:left;
background:#000000;
padding:20px 0px 20px 20px
}
.title{
float:left;
width:600px;
}
.corps{
float:left;
position:relative;
background-color:#ffffff;
width:900px;
}
.txtap{
height:500px;
width:250px;
padding:0px 20px 0px 0px
}
.txtaphorizon{
float:left;
width:880px;
padding:20px 0px 20px 20px
}
/* Typo Styles
------------------------------ */
.h1{
font:50px Helvetica;
LETTER-SPACING:30px;
color:#333333;
margin:0 auto;
}
.h2{
font:16px Helvetica;
LETTER-SPACING:3px;
color:#cc66cc;
}
.h3{
font:13px Helvetica;
LETTER-SPACING:0px;
font-weight:bold;
color:#AAAAAA;
}
.h4{
font:12px Helvetica;
text-align:justify;
color:#AAAAAA;
}
.h5{
font:12px Helvetica;
color:000000;
}
/* Link Styles
------------------------------ */
a:link, a:active, a:visited{
text-decoration:none;
color:#8dd4e9;
}
a:hover, a:focus{
text-decoration:none;
color:#0085bd;
}
/* Footer Styles
------------------------------ */
.footer{
float:left;
width:900px;
text-align:right;
background-color:#333333;
margin-top:15px;
padding:10px 0px 0px 0px
}
.boitefooter{
float:Left;
width:214px;
Height:100px;
text-align:left;
background-color:#333333;
line-height:1.9;
padding:10px 0px 10px 10px
}
.footer2{
float:left;
width:900px;
text-align:justify;
background-color:#EEEEEE;
font:100%/130% Helvetica;
color:#cccccc;
padding:5px 0px 20px 0px
}
.copyright{
float:left;
width:900px;
text-align:right;
background-color:#EEEEEE;
margin-top:10px;
}