/* v1.0 | 20080212 */
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: 100%;
vertical-align: baseline;
background: transparent;
}
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;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* DEFAULT */
* { margin: 0; padding: 0; outline: none;}
html { overflow-y: scroll; }
ul { list-style: none inside; }
a { text-decoration: none; outline: none; }
a img { border: none; }
a:focus { outline: none; }
.clear { clear: both; }
/* END OF DEFAULT */
body {
font: 14px Arial, sans-serif;
background-color: #fff;
}
#lang {
width: 975px;
height: 25px;
text-align: right;
margin: 0 auto;
margin-top: 10px;
}
#lang a {
color: #009ddf;
}
#lang a:hover {
text-decoration: underline;
}
#header_profil_fr {
background: url(../images/header_profil_fr.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#bordure {
border: 1px solid #FF0000;
width: 975px;
text-align: center;
}
#header_profil_en {
background: url(../images/header_profil_en.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_events_fr {
background: url(../images/header_events_fr.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_events_en {
background: url(../images/header_events_en.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_publications_fr {
background: url(../images/header_publications_fr.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_publications_en {
background: url(../images/header_publications_en.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_shelter_fr {
background: url(../images/header_shelter_fr.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_shelters_en {
background: url(../images/header_shelter_en.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_contact_fr {
background: url(../images/header_contact_fr.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#header_contact_en {
background: url(../images/header_contact_en.jpg) no-repeat;
width: 975px;
height: 216px;
margin: 0 auto;
text-align: center;
}
#footer {
margin: 0 auto;
text-align: center;
width: 975px;
height: 140px;
background: url(../images/footer_profile_fr.jpg) no-repeat;
}
#footer_events_fr {
margin: 0 auto;
text-align: center;
width: 975px;
height: 87px;
background: url(../images/footer_events_fr.jpg) no-repeat;
}
#footer_publications_fr {
margin: 0 auto;
text-align: center;
width: 975px;
height: 230px;
background: url(../images/footer_publications_fr.jpg) no-repeat;
}
#footer_shelter_fr {
margin: 0 auto;
text-align: center;
width: 975px;
height: 230px;
background: url(../images/footer_shelter_fr.jpg) no-repeat;
}
#footer_contact_fr {
margin: 0 auto;
text-align: center;
width: 975px;
height: 230px;
background: url(../images/footer_contact_fr.jpg) no-repeat;
}
#nav {
width: 975px;
margin: 0 auto;
text-align: center;
}
#nav a {
float: left;
height: 32px;
display: block;
}
#nav a#nav_profil {
width: 129px;
background: url(../images/nav_profil.jpg) bottom;
}
#nav a#nav_profil_en {
width: 129px;
background: url(../images/nav_profil_en.jpg) bottom;
}
#nav a#nav_profil:hover, #nav a#nav_profil_en:hover {background-position: top;}
#nav a#nav_evenements {
width: 124px;
background: url(../images/nav_evenements.jpg) bottom;
}
#nav a#nav_events {
width: 124px;
background: url(../images/nav_events.jpg) bottom;
}
#nav a#nav_evenements:hover, #nav a#nav_events:hover {background-position: top;}
#nav a#nav_publications {
width: 150px;
background: url(../images/nav_publications.jpg) bottom;
}
#nav a#nav_publications:hover {background-position: top;}
#nav a#nav_refuges {
width: 208px;
background: url(../images/nav_refuges.jpg) bottom;
}
#nav a#nav_shelters {
width: 208px;
background: url(../images/nav_shelters.jpg) bottom;
}
#nav a#nav_refuges:hover, #nav a#nav_shelters:hover {background-position: top;}
#nav a#nav_contact {
width: 110px;
background: url(../images/nav_contact.jpg) bottom;
}
#nav a#nav_contact:hover {background-position: top;}
#nav a#nav_filler {
width: 254px;
background: url(../images/nav_filler.jpg) no-repeat;
}
#title_1_profil_fr {
margin: 0 auto;
text-align: center;
width: 975px;
height: 99px;
background: url(../images/title_1_profil_fr.jpg) no-repeat;
}
#title_1_profil_en {
margin: 0 auto;
text-align: center;
width: 975px;
height: 99px;
background: url(../images/title_1_profil_en.jpg) no-repeat;
}
#title_2_profil_fr {
margin: 0 auto;
text-align: center;
width: 975px;
height: 64px;
}
#title_2_profil_fr img{
float: left;
margin-left: 102px;
margin-top: 2px;
}
#content {
margin: 0 auto;
text-align: center;
width: 975px;
margin-top: -5px;
color: #474747;
}
#content li {
border-bottom: 15px solid white;
background: url(../images/bullet.jpg) no-repeat top left;
padding-left: 20px;
}
#content ul {
width: 642px;
float: right;
margin-right: 50px;
text-align: left;
color: #474747;
list-style-position: outside;
}
#content p {
width: 642px;
float: right;
margin-right: 50px;
text-align: left;
color: #474747;
}
#content .left_col {
float: left;
}
#content .link_title {
float: right;
margin-right: 20px;
}
#content .column_l {
width: 420px;
float: left;
margin-left: 135px;
text-align: left;
font-size: 12px;
line-height: 22px;
}
#content .column_r {
width: 400px;
float: right;
margin-right: 0px;
text-align: left;
font-size: 12px;
line-height: 22px;
}
#content .column_l2 {
width: 350px;
float: left;
margin-left: 250px;
text-align: left;
font-size: 12px;
line-height: 22px;
}
#content .column_r2 {
width: 330px;
float: right;
margin-right: 20px;
text-align: left;
font-size: 12px;
line-height: 22px;
}
#content .column_l a:hover, #content .column_r a:hover {
font-weight: bold;
}
#content .column_l a, #content .column_r a {
text-decoration: underline;
color: #474747;
}
#content h2 {
width: 642px;
float: right;
margin-right: 50px;
text-align: left;
color: #019fde;
font-size: 16px;
}
#content .spacer {
width: 100%;
height: 20px;
clear: both;
}
#menu_profil {
display: none;
width: 124px;
z-index: 10;
position: absolute;
margin-left: 4px;
}
#menu_profil a.sub_menu {
width: 114px;
background: #afe2f9;
margin-top: 5px;
font-size: 12px;
color: black;
float: right;
text-align: right;
padding: 5px 10px 5px 0px;
}
#menu_profil a.sub_menu:hover {
font-weight: bold;
}
#menu_profil a.sub_menu2 {
width: 114px;
background: #afe2f9;
font-size: 12px;
color: #189cd8;
float: right;
text-align: right;
padding: 0px 10px 5px 0px;
}
#menu_profil a.sub_menu2:hover {
font-weight: bold;
}
#menu_publications {
display: none;
width: 146px;
z-index: 10;
position: absolute;
margin-left: 255px;
}
#menu_publications a.sub_menu {
width: 136px;
background: #d8e8ca;
margin-top: 5px;
font-size: 12px;
color: black;
float: right;
text-align: right;
padding: 5px 10px 5px 0px;
}
#menu_publications a.sub_menu:hover {
font-weight: bold;
}
#content .board_member {
float: left;
width: 325px;
text-align: left;
font-size: 12px;
margin-left: 10px;
}
#content .board_member.first {
margin-left: 286px;
}
#content .pics_newsletters {
background: url(../images/pics_newsletters.jpg) no-repeat right;
width: 975px;
height: 320px;
}
#content .pics_report {
background: url(../images/pics_report.jpg) no-repeat right;
width: 975px;
height: 320px;
}
#content .pics_report_fr {
background: url(../images/pics_report_fr.jpg) no-repeat right;
width: 975px;
height: 320px;
}
#content .pics_newsletters_fr {
background: url(../images/pics_newsletters_fr.jpg) no-repeat right;
width: 975px;
height: 320px;
}
input {
width: 220px;
}
textarea {
width: 300px;
height: 100px;
}
input.button {
width: 150px;
}
.form_space {
height: 5px;
width: 300px;
}
a.newslink {
display: block;
width: 90px;
height: 125px;
float: left;
margin-top: 20px;
margin-left: 62px;
}
a.newslink.first {
margin-left: 219px;
}
div.form {
float: left;
margin-left: 300px;
}
.form input {
width: 150px;
margin-left: 10px;
clear: both;
}
.form input.btn {
width: 100px;
}
.form label {
margin-left: 0px;
width: 150px;
text-align: center;
clear: both;
}