/* --- STYLES DE BASE --- */ 
 
/* Page */ 
* {margin:0; padding:0; outline:none;}
html {font-size: 100%;} 
body {margin:0; padding:0; background:#fff; font: 11px Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#333; overflow-y:scroll; overflow-y:none !important;} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; line-height:normal; font-weight:normal; font-style:normal;}
 
/* Listes */ 
ul, ol {margin: .75em 0 .75em 32px; padding:0;} 
 
/* Paragraphes */ 
p {line-height:normal; padding:0; margin:0; line-height:1.6;}
address {margin:.75em 0; font-style:normal;} 
p.important {background:#0e1528; color:#fff; padding:10px 30px 10px 30px; margin:20px 0 0 0;}
 
/* Liens */ 
a {text-decoration:none; cursor:pointer; cursor:hand;} 
a:link {color:#0088cc;}
a:visited {color:#0088cc;} 
a:hover, a:focus, a:active {color:#0088cc;}
a:active {outline:none;}
a img {border:none;}
a em {float:left; margin:0 200px 10px 30px; background:#e0b737; color:#0e1528; padding:5px 10px 5px 10px;}
a:hover em {background:#0e1528; color:#fff;}

/* Divers elements de type en-ligne */ 
em {font-style:normal;} 
strong {font-weight:bold;} 
em.or {color:#e0b737;}
em.bleu {color:#0e1528;}
em.puce {color:#0e1528; background:#e0b737; padding:3px 7px 3px 7px; margin-right:10px;}
 
/* Formulaires */ 
form, fieldset {margin:0; padding:0; border:none;} 
input, button, select {vertical-align: middle;}

/* Images */ 
img {border:0;}



/* --- STYLES DES PAGES --- */ 


a .bullerouge {float:right; height:40px; width:130px; background:url(../images/00-logo-bullerouge.png); margin:-7px 0 0 0;}
a:hover .bullerouge {background:url(../images/00-logo-bullerouge.png) 0 -40px;}

/* Container */
.global {display:block; width:960px; height:auto; margin:0 auto; padding-bottom:10px;}
.top {float:left; width:960px; height:130px; margin:10px 0 0 0; background:url(../images/top.png);}
.nav {float:left; width:960px; height:30px; margin:0 0 0 0; background:#e0b737;}
.side {float:left; width:240px; height:auto; margin:10px 0 10px 0; background:#fff;}
.main { height:auto; margin:10px -10px 10px 0; background:#fff;}
.footer {float:left; width:960px; height:30px; margin:0 0 10px 0; padding:0 0 0 0; background:#f1f1f1; line-height:30px; text-align:center; text-transform:uppercase; font-size:10px;}
a .logo {float:left; width:150px; height:130px; margin:0 0 0 0;}
a .don {float:right; width:150px; height:40px; margin:50px 50px 0 0; background:#fff; line-height:40px; text-align:center; text-transform:uppercase; color:#0e1528; font-weight:bold; font-size:12px;}
a:hover .don {text-decoration:underline;}

/* Footer */
.twitter {float:right; height:20px; width:86px; background:url(../images/twitter.png); margin:-35px 10px 0 0;}


/* Nav */
ul#nav {float:left; padding:0; margin:0; list-style-type:none; height:30px; width:960px; background:#e0b737;}
ul#nav li {float:left; color:#000; text-transform:uppercase; line-height:30px; font-weight:bold; font-size:10px;}
ul#nav li a {float:left; color:#000; text-transform:uppercase; margin:0 20px 0 20px; line-height:30px; font-weight:bold; font-size:10px;}
ul#nav li a:hover {color:#fff;}
ul#nav li.on a {color:#fff;}


/* Accueil */
a .accueil_s1 {float:left; width:240px; height:125px; margin:-10px 0 0 0; background:url(../images/accueil.png) 0 0;}
a .accueil_s2 {float:left; width:240px; height:125px; margin:0 0 0 0; background:url(../images/accueil.png) 0 -125px;}
a .accueil_s3 {float:left; width:240px; height:125px; margin:0 0 0 0; background:url(../images/accueil.png) 0 -250px;}
a:hover .accueil_s1 {background:url(../images/accueil.png) -240px 0;}
a:hover .accueil_s2 {background:url(../images/accueil.png) -240px -125px;}
a:hover .accueil_s3 {background:url(../images/accueil.png) -240px -250px;}

 .accueil_s4 {float:left; width:240px; height:81px; margin:10px 0 0 0; background:url(../images/accueil3.png) 0 0;}
a .accueil_s5 {float:left; width:180px; height:39px; margin:0 0 0 0; padding:18px 45px 18px 15px; background:url(../images/accueil3.png) 0 -81px; font-size:10px; color:#fff;}
a:hover .accueil_s5 {background:url(../images/accueil3.png) 0 -156px;}

a .accueil_m1 {float:left; width:710px; height:240px; margin:0 0 0 0; background:url(../images/accueil2.png) 0 0;}
a:hover .accueil_m1 {background:url(../images/accueil2.png) 0 -240px;}
a .accueil_m2 {float:left; width:230px; height:210px; margin:10px 10px 0 0; background:url(../images/accueil_visuel0.png);}
a:hover  .accueil_m2 {background:url(../images/accueil_visuel0b.png);}
a .accueil_m3 {float:left; width:230px; height:210px; margin:10px 10px 0 0;}
a .accueil_m4 {position:absolute; width:220px; height:195px; margin:0 0 0 0; padding:15px 0 0 10px; background:url(../images/accueil4.png) 0 0;}
a:hover .accueil_m4 {background:url(../images/accueil4.png) 0 -210px;}

a p.accueil_txt1 {font-size:30px; color:#0e1528; text-transform:uppercase; line-height:1; text-shadow:0 1px 0 #fff; margin:0; text-align:left;}
a p.accueil_txt2 {font-size:12px; color:#0e1528; text-transform:none; margin:30px 0 10px 0; text-align:left;}
a p.accueil_txt3 {font-size:12px; color:#cc9933; text-transform:none; margin:0; text-align:left; font-weight:bold;}
a:hover p.accueil_txt1 {color:#fff; text-shadow:none;}
a:hover p.accueil_txt2, a:hover p.accueil_txt3 {display:none;}
a p.accueil_txt1a {font-size:30px; color:#0e1528; text-transform:uppercase; line-height:1; text-shadow:0 1px 0 #fff; margin:0; text-align:left;}
a p.accueil_txt2a {font-size:12px; color:#0e1528; text-transform:none; margin:30px 0 10px 0; text-shadow:0 1px 0 #fff; text-align:left;}
a:hover p.accueil_txt1a {color:#0e1528;}
a:hover p.accueil_txt2a {color:#fff; text-shadow:0 1px 0 #000;}


/* Fonds */
.fonds1 {float:left; width:250px; height:310px; margin:10px 0 10px 0; background:#e0b737;}
.fonds2 {float:right; width:710px; height:310px; margin:10px 0 10px 0; background:#f4f4f4;}
.fonds3 {float:left; width:960px; height:40px; margin:10px 0 -10px 0; background:#0e1528; font-size:35px; color:#fff; line-height:40px; text-indent:4px;}
.fonds4 {float:left; width:970px; height:auto; margin:0 0 10px 0;}
.fonds5 {float:left; width:313px; height:190px; margin:10px 9px 0 0; background:#e0b737;}
.fonds6 {float:left; margin:-5px 30px 30px 30px; line-height:1.3; font-weight:bold; color:#000; font-size:12px;}
.fonds7 {float:left; width:230px; margin:10px 10px 5px 10px; color:#fff;  font-family:Arial; font-size:11px; font-weight:bold;}
.fonds8 {float:left; width:230px; margin:10px 10px 5px 10px; font-family:Arial; font-size:9px; color:#000;}
a .fonds9 {float:left; margin:40px 0 30px 10px; background:#0e1528; color:#0e1528; padding:5px 10px 5px 10px; color:#fff; width:210px;}
a:hover .fonds9 {background:#0e1528; color:#fff;}
a .fonds10 {float:left; margin:28px 0 0 -36px; width:38px; height:38px; background:url(../images/picto_pdf.png); padding:0;}
a:hover .fonds10 {background:url(../images/picto_pdf.png);}
.fonds11 {float:left; width:210px; margin:30px 10px 5px 10px; height:55px; background:url(../images/bureau_salaun.png);}


/* Mission */
.mission1 {float:left; width:240px; height:30px; margin:0 0 0 0; background:#e0b737; line-height:30px; text-indent:15px; font-size:13px; font-weight:bold;}
.mission2 {float:left; width:225px; height:auto; margin:0 0 10px 0; background:#f4f4f4; padding:15px 0 15px 15px;}


/* Actions */
.actions1 {float:left; width:710px; height:300px; margin:0 0 0 0; background:#f5f5f5;}
.actions2 {float:left; width:700px; height:20px; margin:0 0 0 0; background:#e0b737; color:#fff; text-align:right; line-height:20px; padding-right:10px;}
.actions3 {float:left; width:710px; height:auto; margin:0 0 0 0; background:url(../images/degrade.png) repeat-x; min-height:200px;}
.actions4 {float:left; margin:0 0 0 0; border:1px solid #d8d8d8; min-height:200px; padding-bottom:10px;}
a .actions5 {float:right; width:710px; height:auto; background:#0e1528; margin:0 0 10px 0; color:#fff; line-height:normal; text-align:center; padding:20px 0 20px 0; font-size:16px;}
ul#nav_actions {float:left; padding:0; margin:0; list-style-type:none; height:auto; width:240px;}
ul#nav_actions li {float:left; color:#000; text-transform:uppercase; line-height:1.2; font-size:9px;}
ul#nav_actions li a {float:left; color:#000; height:38px; width:190px; margin-bottom:-1px; padding:16px 40px 0 10px; background:url(../images/actions_nav.png) 0 0;}
ul#nav_actions li a:hover {background:url(../images/actions_nav.png) -480px 0; color:#000;}
ul#nav_actions li.on a {float:left; color:#fff; height:38px; width:190px; margin-bottom:-1px; padding:16px 40px 0 10px; background:url(../images/actions_nav.png) -240px 0;}
ul#nav_actions li.first a {float:left; height:54px; width:205px; margin-bottom:10px; background:url(../images/actions_nav2.png) 0 0; font-size:12px; padding:0 20px 0 15px; line-height:54px}
ul#nav_actions li.first a:hover {background:url(../images/actions_nav2.png) -480px 0;}


/* Urgences */
.urgences {float:left; height:auto; width:auto;}
ul#urgences {float:left; padding:0; margin:0; list-style-type:none; height:auto; width:710px; background:#f4f4f4; margin:0 10px 0 0; padding-bottom:10px;}
ul#urgences li.titre {float:left; height:auto; width:100%; color:#fff; text-transform:uppercase; font-size:24px; background:#0e1528; font-weight:bold; text-align:center; padding:15px 0 15px 0; line-height:20px;}
ul#urgences li.texte {float:left; height:auto; padding:15px 20px 15px 20px; line-height:1.5; text-align:justify;}
ul#urgences li.prix {height:auto; padding:15px 15px 15px 20px; font-weight:bold;}
ul#urgences li.don a {float:left; background:#e0b737; color:#0e1528; padding:5px 10px 5px 10px; margin:0 0 15px 20px;}
ul#urgences li.don a:hover {background:#0e1528; color:#fff;}
.urgences1 {float:left; height:auto; width:220px; margin:0 0 10px 0; background:#f4f4f4; text-align:center; padding:20px 10px 20px 10px; font-size:11px; line-height:1.2;}
.urgences2 {float:left; height:auto; width:220px; margin:0 0 10px 0; background:#0e1528; text-align:center; padding:20px 10px 20px 10px; font-size:11px; line-height:1.2; color:#fff; }
.urgences3 {float:left; margin:0 0 10px 0;}
.urgences4 {float:left; width:auto; height:auto; background:url(../images/urgencesbloc.png) repeat-y; margin:10px 0 0 0;}
.urgences5 {float:left; width:auto; height:auto; background:url(../images/urgencesbloc.png) repeat-y; margin:10px 0 0 0;}


/* Actualites */
.actu1 {float:left; width:960px; height:40px; margin:10px 0 0 0; background:#0e1528; font-size:35px; color:#fff; line-height:41px; text-indent:7px;}
.actu2 {float:left; width:100%; height:auto; margin:0 0 0 0; border-bottom:1px solid #ccc; padding:0 0 20px 0;}
.actu3 {float:left; width:100px; height:100px; background:#eee; margin:20px 0 0 0; border:5px solid #d5d5d5;}
.actu4 {float:right; width:850px; height:auto;}
a .actu5 {float:left; margin:-10px -25px 10px 30px; background:#e0b737; color:#0e1528; padding:5px 10px 5px 10px;}
a:hover .actu5 {background:#0e1528; color:#fff;}


/* Partenaires */
.partenaires1 {float:left; width:970px; height:auto; margin:10px 0 5px 0;}
.partenaires2 {float:left; width:234px; height:123px; margin:0 8px 5px 0; background:#f5f5f5;}


/* Donateurs */
.donateurs1 {float:left; height:auto; width:313px; margin:10px 11px 10px 0; background:#f4f4f4; padding:0 0 10px 0;}
.donateurs2 {float:left; height:auto; width:313px; margin:10px 0 10px 0; background:#f4f4f4; padding:0 0 10px 0;}
.donateurs3 {float:right; height:auto; width:313px; margin:10px 0 10px 0; background:#f4f4f4; padding:0 0 10px 0;}
.donateurs4 {float:left; height:auto; width:100%; background:#e0b737; padding:15px 0 15px 0; text-align:center; color:#fff; font-size:18px; margin:0 0 15px 0;}
.donateurs5 {float:left; height:auto; width:100%; background:#0e1528; padding:15px 0 15px 0; text-align:center; color:#fff; font-size:18px; margin:0 0 15px 0;}
.donateurs6 {float:left; height:auto; width:100%; background:#999; padding:15px 0 15px 0; text-align:center; color:#fff; font-size:18px; margin:0 0 15px 0;}
.donateurs7 {margin:15px;}
a .donateurs8 {float:left; width:160px; height:50px; margin:0 0 0 80px; background:url(../images/btn_don.png); padding:0;}


/* Contact */
a em.margin0 {margin:0 0 0 0;}
.contact1 {float:left; width:240px; height:45px; margin:0 0 0 0; background:#0e1528; line-height:45px; text-indent:15px; font-size:19px; color:#fff;}
.contact2 {float:left; width:225px; height:auto; margin:0 0 10px 0; background:#f4f4f4; padding:15px 0 15px 15px; color:#999;}
.contact_zone {float:left; width:670px; height:auto; margin:-20px 0 0 25px; padding:0 0 20px 0;}
.contact_nom {float:left; width:240px; height:17px; margin:0 425px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px;}
.contact_mail {float:left; width:240px; height:17px; margin:4px 425px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px;}
.contact_sujet {float:left; width:240px; height:17px; margin:4px 425px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px;}
.contact_textarea {float:left; width:660px; height:252px; margin:4px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px;}
.contact_send {float:right; width:175px; height:24px; margin:9px 5px 0 0; background:none; border:none; padding:0; background:url(../images/btn.png);}


/* Don */
.don_zone {float:left; width:312px; height:711px; margin:209px 0 20px 19px;}
.don_zone2 {float:left; width:312px; height:711px; margin:209px 0 0 49px;}
.don_input1 {float:left; width:302px; height:17px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.don_input2 {float:left; width:302px; height:17px; margin:4px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px; color:#999;}
.don_input3 {float:left; width:128px; height:17px; margin:52px 0 0 174px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 4px 2px 4px; color:#000;}
.don_input3b {float:left; width:128px; height:17px; margin:46px 0 0 174px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 4px 2px 4px; color:#000;}
.don_select {float:left; width:312px; height:27px; margin:72px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:6px; color:#000;}
.don_check {float:left; width:30px; height:30px; margin:-1px 0 0 -7px;}
.don_check2 {float:left; width:100%; height:30px;}
.don_send {float:left; width:175px; height:24px; margin:90px 0 0 48px; background:none; border:none; padding:0;}

/* Presse */
.presse1 {float:left; width:240px; height:113px; margin:0 0 10px 0; background:url(../images/presse.png);}
.presse2 {float:left; width:240px; height:487px; margin:0 0 0 0; background:url(../images/presse2.png);}
.presse3 {float:left; width:710px; height:300px; margin:0 0 10px 0; background:url(../images/presse_emmaus.png);}
.presse4 {float:left; width:710px; height:300px; margin:0 0 0 0; background:url(../images/mission.png);}
.presse ul {float:right; height:auto; width:710px; margin:0 10px 0 0; list-style-type:none;}
.presse ul li {float:left;height:auto;width:100%; margin-bottom:10px;}
.presse ul li strong {float:left;height:113px;width:100%;background:#0e1528;font:normal 18px Arial;color:#fff;line-height:113px;text-transform:uppercase;text-indent:20px}
.presse ul li a, .presse ul li a b, .presse ul li a em, .presse ul li a i {float:left;height:auto;width:710px;padding:0;margin:0;background:none;}
.presse ul li a {background:#eee;}
.presse ul li a b {color:#0e1528; font:normal 12px Arial; width:150px; padding:20px; background:#e0b737}
.presse ul li a em {color:#333; font:normal 12px Arial; width:480px; padding:20px;}
.presse ul li a i {display:none;color:#333; font:normal 12px Arial;}
.presse ul li a:hover em {background:#0e1528; color:#fff}