html, body {
height: 100%;
}
body {
margin : 0 ;
padding : 0 ;
background : #7B1C17 url(images/bg.jpg) repeat-x;
text-align : center;
font-size : 0.8em;
color : #000 ;
font-family : arial ;
}
a:active, a:focus{
outline:none;
}
.QInput:focus /* Quand le curseur est sur un champ */
{
background-color: #cd5c5c;
}
/* SITE
********************************************************************/
#site {
position : relative;
width : 810px;
margin : 0 auto;
text-align : left ;
padding : 62px 0 0 0 ;
min-height: 100%;
background : url(images/bg-site.png) repeat-y
}
/* HEADER
********************************************************************/
#header {
position : absolute ;
left : 0;
top : 0;
height : 66px;
width : 100%;
background : url(images/header.png) repeat-x;
margin : 0;
z-index : 1;
}
#header div {
position : relative;
width : 810px;
margin : 0;
margin : 0 auto;
}
/* HEADER >> TITRE DU SITE >> H1 : INUTILE ICI (en cas de titre du site dans le menu principal)
********************************************************************/
#header h1 {
position : absolute ;
right : 10px;
top : 5px;
color : #B32720;
margin : 0;
padding : 0 ;
font-size : 1.8em ;
text-transform : uppercase ;
font-weight : normal;
}
#header p {
position : absolute ;
right : 10px;
top : 20px;
color : #fff;
margin : 0;
padding : 0 ;
}
/* HEADER >> MENU PRINCIPAL
********************************************************************/
#header ul {
list-style : none ;
margin : 0;
padding : 0 0 0 10px ;
line-height : 60px;
position : relative;
float : left
}
#header li {
float : left ;
background : url(images/li-header.jpg) no-repeat left;
}
#headesqdsr li:first-child {
background : none ;
}
#header li a {
margin : 0 ;
padding : 0 10px 0 10px;
text-decoration : none ;
color : #fff ;
}
#header li a:hover {
color : #B32720 ;
}
#header li .active {
color : #cd5c5c ;
}
/* Main
********************************************************************/
#main {
overflow : auto ;
padding : 0 0 80px 10px;
}
/* CONTENU
********************************************************************/
#contenu {
width : 588px ;
float : left ;
margin : 0 ;
padding : 0 0 188px 0 ;
}
#presentation {
height : 192px ;
position : relative;
right : 0px;
background : url(images/banniere.png) center no-repeat;
}
/* SIDE
********************************************************************/
#side {
width : 205px ;
float : left ;
margin : 0;
position: relative;
top : 6px;
}
#side h2 {
font-size : 1em ;
margin : 0 ;
padding : 0 0 0 20px ;
color : #fff ;
background : url(images/h2-side.jpg) repeat-x ;
height : 45px ;
line-height : 45px;
font-weight : normal
}
#side h3 {
font-size : 1em ;
margin : 10px 0 10px 0 ;
padding : 0 ;
color : #277CFA ;
}
#side ul{
list-style : none ;
margin : 5px 0 15px 0 ;
padding : 0 10px 0 20px;
color : #434343
}
#side li{
font-size : 1em ;
margin : 0 ;
padding : 8px 0 5px 15px;
background : url(images/li-side.jpg) left no-repeat ;
}
#side li a {
color : #434343 ;
text-decoration : none ;
}
#side li a:hover{
color : red ;
text-decoration : none ;
}
#side p{
margin : 10px 0 25px 0 ;
padding : 0 0 10px 0;
color : #277CFA ;
border-bottom : 1px dotted #277CFA ;
}
#side span {
margin : 0 ;
padding : 0;
color : #277CFA ;
}
/* FOOTER
*******************************************************************/
#footer {
position : absolute ;
bottom : 0;
left : 10px ;
width : 100%;
height :50px;
font-size : 90%;
background : url(images/footer.jpg) no-repeat;
text-align : left ;
z-index : 1;
}
#footer p {
margin : 0 ;
padding : 20px 0 0 40px;
color : #E49999;
}
#footer a {
color : #fff;
text-decoration : none ;
}
#footer a:hover {
text-decoration : underline ;
}
#footer ul {
margin : 20px 0 0 40px;
list-style : none;
float : left ;
}
#footer li {
margin : 0;
padding : 0 0 5px 0;
}
#footer li a {
margin : 0;
padding : 0 0 5px 0;
color : #E49999
}
/* POST
*******************************************************************/
.post {
position : relative;
background : url(images/post-bottom.jpg) bottom left ;
padding : 0 0 300px 0;
}
.post h2 {
font-family : "comic sans MS", Arial, Verdana, serif;
font-size : 1.2em ;
padding : 0 20px 0 20px ;
color : #000 ;
}
.post h3 {
font-size : 1em ;
padding : 0 0 0 20px ;
margin: 10px 0 0 0 ;
color : #277CFA ;
}
.post h4 {
font-size : 1em ;
padding : 0 0 0 20px ;
margin: 10px 0 0 0 ;
color : #091348 ;
}
a span
{
color : red;
}
span
{
color : maroon;
}
.post p {
float : right;
font-family : Verdana, serif;
padding : 0 80px 0 50px ;
margin : 25px 0;
}
.post contact {
float : right;
font-family : Verdana, serif;
padding : 0 120px 0 50px ;
margin : 25px 0;
}
.post img {
text-align : center;
padding : 0 20px 0 20px ;
margin : 0px 0;
border : 0 ;
}
.post ul {
list-style : none;
margin : 0;
padding : 0 0 0 20px;
}
.post li {
background : url(images/bg-li.jpg) 0 5px no-repeat ;
margin : 0 0 10px 0;
padding : 0 0 0 15px;
}
.post a {
color : red ;
text-decoration : none;
}
}
.post a:hover {
color : #93886a ;
text-decoration : none ;
}