body {
background:#13256D url(/media/images/layout/bg.jpg) repeat-x;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#13266E;
margin:auto;
padding:0;
line-height:1.3em;
}

#pagecontainer  {
background:#13256D url(/media/images/layout/bg-container.jpg) top center no-repeat;
width:900px; 
text-align:center;
margin: 0 auto; 
height:auto !important;
height:802px;
min-height:802px !important;
}



/*** Banner ***/

#banner {
width:900px;
height:85px;
margin-bottom:10px;
}

#banner img.titre {
float:left;
margin-top:14px;
width:300px;
height:71px;
}

#banner a {
float:right;
margin-top:20px;
}


/*** HOME - Cadre ***/

#cadre {
width:888px;
height:385px;
padding:0 6px 0 6px;
}

#cadre #heroes {
float:left;
width:646px;
height:383px;
}

#paves {
float:left;
width:235px;
padding-left:6px;
}

#paves a {
text-decoration:none;
width:235px;
height:90px;
display:block;
float:left;
}

#paves a span {
visibility:hidden;
}

a#pavePortrait {
background:transparent url(/media/images/layout/pave-portrait.png) bottom no-repeat;
margin-bottom:7px;
}

a#paveAgenda {
background:transparent url(/media/images/layout/pave-agenda.png) bottom no-repeat;
margin-bottom:7px;
}

a#paveFacebook {
background:transparent url(/media/images/layout/pave-facebook.png) bottom no-repeat;
margin-bottom:7px;
}

a#paveGalerie {
background:transparent url(/media/images/layout/pave-galerie.png) bottom no-repeat;
}

a#pavePortrait:hover, a#paveAgenda:hover, a#paveFacebook:hover, a#paveGalerie:hover {
background-position:top;
}


/*** HOME - Content ***/

#content {
width:888px;
padding:0 6px 0 6px;
text-align:left;
color:#fff;
}

#content .colLeft {
float:left;
width:646px;
}

#content .colRight {
float:left;
width:232px;
margin-left:6px;
text-align:right;
}


/*** PAGE ***/

#page {
border-left:1px solid #0770b4;
border-right:1px solid #0770b4;
background:#ffffff;
width:888px;
height:385px;
height:auto !important;
height:602px;
min-height:602px !important;
padding:0 5px 10px 5px;
}

/*** PAGE - Gauche ***/

#leftPage {
float:left;
width:646px;
}

#leftPage #heroes {
background:transparent url(/media/images/layout/bg-heroes.png) no-repeat;
width:646px;
height:216px;
}

#leftPage #heroes img {
padding-top:4px;
}

#leftPage #contentPage {
width:646px;
text-align:left;
}

div#text {
text-align:justify;
width:626px;
font-size:14px;
padding:0 10px 0 10px;
}

#leftPage #contentPage div#text {
background:transparent url(/media/images/layout/bg-text.png) no-repeat left top;
width:616px;
float:left;
height:auto !important;
height:200px;
min-height:200px !important;
padding:15px 15px 0 15px;
text-align:justify;
}



/*** PAGE - Droite ***/

#rightPage {
float:left;
width:235px;
}



/*** Footer ***/

#footer {
background:transparent url(/media/images/layout/bg-footer.png) top center no-repeat;
width:900px;
margin:10px 0 10px 0;
padding-top:5px;
color:#ffffff;
text-align:right;
}

#footer a {
margin-left:5px;
}


#bottom {
margin-bottom:10px;
}

#bottom2 {
margin-bottom:10px;
/*
position:relative !important;
top:-6px !important;
position:inherit;
top:0;
*/
}

#bottomHome {
margin-bottom:10px;
position:relative;
top:0 !important;
top:0 !important!;
top:-8px;
}

hr.spacer {
clear:both;
visibility:hidden;
}


#onglet h1, #onglet a.selected, #onglet a:hover {
background:#e0ac2a url(/media/images/layout/bg-h1-left.png) no-repeat scroll left bottom;
float:left;
margin:10px 0 0 0;
padding:0 0 0 20px;
text-decoration:none;
margin-right:2px;
}

#onglet h1 span, #onglet a.selected span, #onglet a:hover span {
background:transparent url(/media/images/layout/bg-h1-right.png) no-repeat scroll right bottom;
display:block;
float:left;
font-weight:bold;
padding:3px 20px 0 0;
height:17px;
color:#ffffff;
text-transform:uppercase;
}

onglet h1 span p {
margin:0;
padding:0;
}

#onglet a {
background:#f7e2ab url(/media/images/layout/bg-h1-left.png) no-repeat scroll left top;
float:left;
margin:10px 0 0 0;
padding:0 0 0 20px;
text-decoration:none;
margin-right:2px;
}

#onglet a span {
background:transparent url(/media/images/layout/bg-h1-right.png) no-repeat scroll right top;
display:block;
float:left;
font-weight:bold;
padding:3px 20px 0 0;
height:17px;
color:#b68100;
text-transform:uppercase;
}

#btnVideos {
background:transparent url(/media/images/layout/btn-all-videos.png) no-repeat right top;
width:189px;
height:24px;
display:block;
text-decoration:none;
float:right;
margin-top:20px;
}

#btnVideos span {
visibility:hidden;
}

#btnVideos:hover {
background-position:bottom;
}


h2 {
font-weight:normal;
font-size:20px;
line-height:1.2em;
}

h3 {
font-weight:bold;
font-size:16px;
color:#d99e13;
}


.left {
float:left;
}

.right {
float:right;
}