/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 62,5%;
vertical-align: baseline;
background: transparent;
font-family : "Trebuchet MS",Arial, Helvetica, sans-serif;
text-decoration : none;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
.clear
{
clear : both;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
html, body {
height: 100%;
}
body
{
background : url(../img/layout/bg-header-cosmik.jpg) no-repeat top center #7fd4e4;
}
h1
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
}
h2
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #fff;
font-size : 1.1em;
line-height : 1.3em;
margin-bottom : 10px;
}
h4.title
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
margin-bottom : 10px;
clear : both;
display : block;
font-size : 0.9em;
color : #DDF6FA;
}
a
{
/*font-size : 0.7em;*/
color : #fff;
}
a.next, a.btn, input.btn, button
{
display : inline-block;
margin : 10px 0;
padding : 4px 7px 2px 7px;
line-height : 20px;
text-align : center;
font-size : 14px;
font-weight : bold;
background : transparent url(../img/layout/bg-btn.gif) repeat-x top left;
border : 0 none;
}
button
{
color : white;
}
#promos a.btn
{
margin : 5px 0 0 0;
}
a:hover.next, a:hover.btn, button:hover
{
background : transparent url(../img/layout/bg-btn.gif) repeat-x bottom left;
cursor : pointer;
}
a.retour
{
display : block;
width : 370px;
height : 180px;
margin-top : -20px;
}
a.lightwindow img
{
border : 4px solid #4bb9b1;
margin : 0 2px 5px 1px;
}
a:hover.lightwindow img
{
border : 4px solid #fff;
}
/*
a retirer peut etre !!!!!!!!!!!!!!!!!!
*/
.puce
{
float : left;
display : inline-block;
height : 16px;
width : 16px;
margin : 0px 3px 0 -3px;
}
.content p .puce
{
float : none;
display : inline;
margin : 0;
}
strong
{
line-height : 16px;
}
.content .gmap {
height: 350px;
}
/*
================ LAYOUT GLOBAL ========================
*/
.wrapper {
width : 900px;
min-height : 100%;
height : auto !important;
height : 100%;
margin : 0 auto -247px; /* the bottom margin is the negative value of the footer's height */
position : relative;
}
#header
{
position : relative;
padding-top : 40px;
height : 170px;
}
#header #menu-principal
{
position : absolute;
top : 40px;
right : 0;
text-align : right;
width : 520px;
}
#header #menu-principal li
{
float : left;
display : inline-block;
margin : 0 0 10px 15px;
}
#header #menu-principal li a
{
text-decoration : none;
font-family : "Trebuchet MS",Arial, Helvetica, sans-serif;
height : 27px;
display : block;
padding : 0 5px;
color : #3d9f98;
font-size : 1em;
font-weight : bold;
cursor : pointer;
}
#header #menu-principal li a:hover
{
color : #fff;
}
#header #menu-principal li a.selected span
{
float : left;
margin-top : -8px;
display : block;
height : 27px;
}
#header #menu-principal li a.selected span.label
{
color : #fff;
float : left;
width : auto;
height : 19px;
padding : 8px 8px 0 8px;
background : transparent url(/img/layout/btn-menu-bg.gif) repeat-x left top;
}
#header #menu-principal li a.selected span.left
{
width : 6px;
float : left;
background : transparent url(/img/layout/btn-menu-gauche.gif) no-repeat left top;
}
#header #menu-principal li a.selected span.right
{
width : 6px;
float : left;
background : transparent url(/img/layout/btn-menu-droite.gif) no-repeat right top;
}
#contenu
{
position : relative;
z-index : 50;
height : auto;
min-height : 550px;
}
#contenu p, #contenu i, #contenu form
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.8em;
line-height : 1.4em;
color : #23484f
}
#colonneG
{
width : 290px;
float : left;
}
#menu-sec
{
clear : both;
width : 290px;
float : left;
margin : 20px 0 5px 0;
}
#menu-sec li
{
display : block;
height : 2.3em;
padding : 0px 25px 0px 0;
text-align : right;
line-height : 2.3em;
border-bottom : 1px solid #b9edf7;
}
#menu-sec li.double
{
line-height : 1.15em;
}
#menu-sec li a
{
display : block;
width : 260px;
color : #23484f;
font-weight : bold;
font-size : 0.9em;
padding-right : 30px;
}
#menu-sec li a:hover, #menu-sec li.selected
{
color : #fff;
}
#menu-sec li.selected
{
color : #fff;
background : transparent url(../img/layout/bg-sous-menu.png) repeat-y right top;
}
#menu-sec li.selected a:hover, #menu-sec li.selected a
{
color : #fff;
}
#menu-sec li.selected a:hover
{
background : none;
}
#contenu b a
{
line-height : 1.8em;
}
#contenu #media
{
float : left;
position : relative;
top : 0;
z-index : 600;
width : 290px;
height : 580px;
clear : both;
}
#contenu #main-right
{
float : right;
width : 600px;
}
#promos
{
width : 597px;
height : 204px;
position : relative;
margin : 0 auto;
z-index : 5;
border : 3px solid white;
border-right : 0 none;
}
.news_element {
width : 600px;
position : relative;
display : block;
height : 204px;
float : left;
z-index : 30;
}
#promos .slider {
position : relative;
z-index : 19;
overflow : hidden;
width : 100%;
height : 233px;
margin-top : -27px;
*margin-top : -231px;
overflow : hidden;
padding : 27px 0 0 0;
}
.border-right
{
width : 3px;
height : 204px;
float : right;
background : white;
position : relative;
z-index : 50;
}
#contenu #promos .slider h2
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
position : absolute;
z-index : 1;
top : -30px;
right : 0px;
line-height : 25px;
height : 25px;
color : #3d9f98;
width : auto;
padding : 2px 25px;
background : white;
}
#promos p
{
background : white;
padding : 2px 5px;
display : inline;
}
#promos .content
{
z-index : 21;
text-align : right;
position : absolute;
bottom : 10px;
right : 10px;
width : 200px;
display : block;
}
#promos .pager {
position : absolute;
z-index : 21;
float : right;
bottom : 0px;
left : 20px;
padding-right : 10px;
}
#promos .pager a {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
display : block;
float : left;
width : 18px;
line-height : 19px;
text-align : center;
font-size : 12px;
color : #3d9f98;
margin : 0 2px;
}
#promos .pager a.selected {background-image: url(/img/layout/pager_bt.gif);}
#contenu #column_L, #contenu #column_R
{
float : left;
width : 280px;
}
#contenu .column_L div
{
margin-right: 10pt; padding: 0pt; width: auto; display : block;
}
.thumb /* limite la largeur des images dans les colonnes de news */
{
width : 280px;
margin-bottom : 10px;
}
#contenu #column_Full
{
float : left;
width : 600px;
}
#contenu #column_L
{
padding : 0 35px 0 0;
}
#contenu #column_R
{
padding : 0 0 0 5px;
}
.footer, .push, #repeat-footer {
position : relative;
z-index : 1;
height : 247px;
}
.footer {
position : relative;
z-index : 1;
width : 100%;
margin : 0 auto;
background : #fff url(../img/layout/footer-cosmik-jump.gif) repeat-x center top;
font-size : 0.75em;
}
.footer .partners {
text-align: center;
}
.footer h4
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
margin-bottom : 10px;
}
.footer #description
{
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-style : italic;
}
.footer a {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
color : #4ea9ba;
}
.footer a:hover {
color : #23484f;
}
.footer .info {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
position : relative;
top : 65px;
width : 900px;
margin : 0 auto;
color : #4ea9ba;
}
.footer img
{
margin : 0 0 10px 15px;
}