/*-------------------------------------------------------------
 Reset
---------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
a, :focus { outline: none;}

/*-------------------------------------------------------------
 Accueil
---------------------------------------------------------------*/

/* body */
body {text-align: center; background-color: #FFF;}
#page {width: 929px; height: 620px; background: url(../image/bg_fondation.jpg) left 0 no-repeat #FFF; background-position:13% 16%; margin: 13px auto 13px auto; position: relative; border:1px solid #242d6b; border-right:19px solid #242d6b;}

/* Header */
#bande_accueil { position:absolute; right:0px; top:0px; width:19px; height:579px; background-color:#242d6b;}
/*#header_accueil { position:relative;}*/
#header_accueil div{ width:100%;/*position:relative;*/}

#header_accueil div h1 {background: url(../image/agir.gif) 0 0 no-repeat; height:158px; width: 393px;margin:54px  0 0 458px;}
/*#header_accueil div h2 {background: url(../image/soutien.gif) 0 0 no-repeat;height:139px; width: 338px;margin:130px  0 0 30px;}*/
#header_accueil div h2 {height:139px; width: 338px;margin:130px  0 0 30px;}

#header_accueil div h3 {background: url(../image/citation.gif) 0 0 no-repeat; height:61px; width: 329px;margin:-75px  0 0 520px;}
#header_accueil div h4 {height:239px; width: 350px;margin:-230px  0 0 500px;}
/*
#header_accueil div h1 {background: url(../image/agir.gif) 0 0 no-repeat; height:158px; width: 393px;margin:54px  0 0 458px;}
#header_accueil div h2 {background: url(../image/soutien.gif) 0 0 no-repeat; height:139px; width: 338px;margin:30px  0 0 520px;}
#header_accueil div h3 {background: url(../image/citation.gif) 0 0 no-repeat; height:61px; width: 329px;margin:14px  0 0 520px;}
*/

#page h1 span, #header_accueil h2 span, #header_accueil h3 span {display: none;}

/* Nav */
#nav_accueil {width:100%; margin: 25px 0 0 0;}
#nav_accueil li { float:left; padding: 0 14px;}

#nav_accueil .actualite a {background: url(../image/menu/actualite.gif) 0 0 no-repeat; height:86px; width:86px; display: block;}
#nav_accueil .actualite a:hover {background: url(../image/menu/actualite_hover.gif);}

#nav_accueil .maison_echiquier a {background: url(../image/menu/maison_echiquier.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .maison_echiquier a:hover {background: url(../image/menu/maison_echiquier_hover.gif) 0 0 no-repeat;}

#nav_accueil .projets_soutenus a {background: url(../image/menu/projets_soutenus.gif) 0 0 no-repeat; height:86px; width:86px; display: block;}
#nav_accueil .projets_soutenus a:hover {background: url(../image/menu/projets_soutenus_hover.gif) 0 0 no-repeat;}

#nav_accueil .presenter_projet a {background: url(../image/menu/presenter_projet.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .presenter_projet a:hover {background: url(../image/menu/presenter_projet_hover.gif) 0 0 no-repeat;}

#nav_accueil .vocation a {background: url(../image/menu/vocation.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .vocation a:hover {background: url(../image/menu/vocation_hover.gif) 0 0 no-repeat;}

#nav_accueil .organisation a {background: url(../image/menu/organisation.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .organisation a:hover {background: url(../image/menu/organisation_hover.gif) 0 0 no-repeat;}

#nav_accueil .donner a {background: url(../image/menu/donner.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .donner a:hover {background: url(../image/menu/donner_hover.gif) 0 0 no-repeat;}

#nav_accueil .sites_amis a {background: url(../image/menu/sites_amis.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .sites_amis a:hover {background: url(../image/menu/sites_amis_hover.gif) 0 0 no-repeat;}

#nav_accueil .contacts a {background: url(../image/menu/contacts.gif) 0 0 no-repeat; height: 86px; width: 86px; display: block;}
#nav_accueil .contacts a:hover {background: url(../image/menu/contacts_hover.gif) 0 0 no-repeat;}

#nav_accueil span {display: none;}

/* Main */
#main_accueil .images {float: right; margin: 0 38px 0 0; width: 440px;}