/*
Theme Name: Fonation de l'avenir
Theme URI: http://www.ecedi.fr
Description: Le thème d'Ecedi pour la Fondation de l'Avenir.
Version: 1.0
Author: CAP / JEB
Author URI: http://www.ecedi.fr
Tags: Entièrement customisable

*/

/* Normalisation */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, td {
margin: 0;
padding: 0;
}

p {
margin: 5px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: none;
}

/* fin normalisation */

/* STYLES GENERAUX */

html {
text-align: center;
}

body {
background: #fff url(images/fond-court.gif) repeat-x left top;
font-size: 0.7em;
font-family: Arial, Verdana, sans-serif;
}

#container {
text-align: left;
margin: 0 auto;
width: 820px;
height: 570px;
padding: 13px 27px 12px 28px;
position: relative;
top: 71px;
background: #fff url(images/degrade_container.gif) repeat-x left top;
}

.clear {
height: 1%;
display: block;
clear: both;
}

/* OMBRES AUTOUR DU CADRE */
.ombre-left {
background: url(images/ombre_left.gif) no-repeat left top;
height: 595px;
width: 28px;
position:absolute;
left:0;
top:0;
}

.ombre-right {
background: url(images/ombre_right.gif) no-repeat right top;
height: 595px;
width: 27px;
position: absolute;
top: 0;
right: 0;
}

.ombre-top {
background: url(images/ombre_top.gif) repeat-x left top;
height:13px;
position: absolute;
top: 0;
left: 28px;
width: 821px;
}

.ombre-bottom {
background: url(images/ombre_bottom.gif) repeat-x left top;
height:12px;
/*position: absolute;*/
bottom: 0;
/bottom: -3px;
left: 28px;
width: 821px;
}
/* fin ombres */


#content {
height:570px;overflow:hidden;
}


/* LOGO */

#header {
	height: 62px;
}

#logo {
background: url(images/logo.gif) no-repeat left top;
width: 138px;
height: 55px;
position:absolute;
margin:15px 0 0 0;
}

#logo h1 {
visibility: hidden;
display:none;
}

#logo a {
display: block;
width: 138px;
height: 55px;
}

/* fin logo */



/* MENU */

#menu {
text-align: center;
/*width: 661px;*/
width: 820px;
height: 48px;
/*background: url(images/trait_menu.gif) no-repeat left bottom;*/
padding: 14px 0 0 0;
position:absolute;
margin:0 0 0 0px;
}

#menu ul {
float: right;
/*width: 595px;*/
height: 48px;
}

#menu ul li {
float: left;
margin: 0 2px 0 0;
}

#menu ul li a {
display: block;
width: 107px;
height: 47px;
float: left;
font-size: 125%;
font-size: 115%;
font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
font-weight:bold;
}

#menu ul li.agenda a {
background: url(images/menu_agenda_off.gif) no-repeat left top;
color: #d12621;
padding: 15px 0 0 0;
height: 32px;
}

#menu ul li.agenda a:hover {
background: url(images/menu_agenda_on.gif) no-repeat left top;
color: #fff;
}

#menu ul li.decouverte a {
background: url(images/menu_decouverte_off.gif) no-repeat left top;
color: #003c81;
padding: 5px 0 0 0;
height: 42px;
}

#menu ul li.decouverte a:hover {
background: url(images/menu_decouverte_on.gif) no-repeat left top;
color: #fff;
}

#menu ul li.projet a {
background: url(images/menu_projet_off.gif) no-repeat left top;
color: #e37925;
padding: 5px 0 0 0;
height: 42px;
}

#menu ul li.projet a:hover {
background: url(images/menu_projet_on.gif) no-repeat left top;
color: #fff;
}

#menu ul li.presse a {
background: url(images/menu_presse_off.gif) no-repeat left top;
color: #fff;
padding: 15px 0 0 0;
height: 32px;
}


#menu ul li.presse a {
background: url(images/menu_presse_off.gif) no-repeat left top;
margin: 0;
color: #15aa9a;
padding: 15px 0 0 0;
height: 32px;
}

#menu ul li.presse a:hover {
background: url(images/menu_presse_on.gif) no-repeat left top;
color: #fff;
}

#menu ul li.don a {
background: url(images/menu_don_off.gif) no-repeat left top;
background: url(images/bt-don.gif) no-repeat left top;
color: #fff;
/*font-size:115%;*/
height:42px;
padding:17px 0pt 0pt 8px;
}

#menu ul li.newsletter a {
background: url(images/menu_newsletter_on.gif) no-repeat left top;
color: #fff;
padding: 05px 0 0 0;
height: 42px;
}


#menu ul li.newsletter a {
background: url(images/menu_newsletter_off.gif) no-repeat left top;
margin: 0;
color: #9b2a25;
padding: 5px 0 0 0;
height: 42px;
}

#menu ul li.newsletter a:hover {
background: url(images/menu_newsletter_on.gif) no-repeat left top;
color: #fff;
}

/* fin menu */


/* PARTIE  GAUCHE */

#gauche {
width: 461px;
float: left;
padding: 20px 0px 0 0;
}

#gauche h2 {
font-size: 210%;
font-family: Arial, sans-serif;
font-weight: bold;
}

#gauche h3 {
font-size: 150%;
font-family: Arial, sans-serif;
font-weight: bold;
margin: 10px 25px;
}

div#newsletter1 ul, div#newsletter2 ul, div#newsletter3 ul {
margin: 0 0 0 50px;
padding:0;
list-style-type: none;
}
div#newsletter1 ul li, div#newsletter2 ul li, div#newsletter3 ul li {
margin: 0;
padding:2px 0;
display: list-item;
}

div#newsletter1 ul li a , div#newsletter2 ul li a, div#newsletter3 ul li a {
color:#D72A10;
font-size:120%;
text-decoration: none;
}

#gauche p.accroche {
background: #959595 url(images/fond_accroche.gif) repeat-x left top;
color: #fff;
border-bottom: 1px solid #494949;
padding: 8px 5px 8px 5px;
margin: 5px 0 10px 0;
font-size: 110%;
font-weight: bold;
font-family: Arial, sans-serif;
}

#gauche p.accroche2 {
background: #ebebeb;
color: #3f3f3f;
border: 1px solid #c9c9c9;
padding: 8px 5px 8px 5px;
margin: 5px 0 10px 0;
font-size: 110%;
font-weight: bold;
font-family: Arial, sans-serif;
}

#gauche div#centre {
width: 461px;
height:348px;
font-family: Arial, sans-serif;
font-size: 108%;
color: #14203e;
}
/*
#gauche div#centre img {
float: left;
margin: 0 15px 0 0;
}
*/
#gauche div#centre a {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 108%;
text-decoration: none;
}

#gauche div#nom {
color: #3f3f3f;
font-family: Arial, sans-serif;
font-size: 117%;
width: 462px;
height: 31px;
padding: 15px 0 0 0;
margin: 15px 0 0 0;
background: url(images/fond_FARMA.gif) no-repeat left top;
text-align: center;
}

/* PARTIE DROITE */

#droite {
float: right;
width: 344px;
padding: 20px 0 0 0;
}

div.slideshow {
	border-bottom:15px solid #CECECE;
	padding:0;
}

div.slideshow object {
	margin:0 0 -3px 0;
}

#droite #galerie {
border-bottom: 15px solid #cecece;
}

#droite .gallerie-titre {
background: url(images/galerie_photo.gif) no-repeat left top;
width: 344px;
height: 47px;
text-indent:-8000px;
}

#droite #galerie .contenu {
height: 244px;
}

#droite  .spot_radio {
background: url(images/spot_radio.gif) no-repeat left top;
padding:40px 0 0 0;
margin: 35px 0 21px 0;
}

#droite #audioplayer1 {
	margin:0 0 0 23px;
	outline:none;
}

/* PIED DE PAGE */

#pied_page {
clear:both;
margin: 65px auto 0 auto;
width: 850px;
color: #333333;
font-size:10px;
position:relative;
}

#pied_page .credits  {
width: 483px;
float: left;
font-size:9px;
}

#pied_page .credits h3{
display: inline;
}

#pied_page .ecedi {
float: left;
width: 344px;
text-align: right;
}

#pied_page .ecedi a {
text-decoration: none;
color: #333333;
}

.invisible {
visibility: hidden;
}

.aligncenter {
margin:0 auto;
text-align:center;
}

/*  ARCHIVES NEWSLETTERS    */
#gauche-nl {
width: 420px;
float: left;
padding: 20px 15px 0 0;
}
#inscription {
width: 100%;
/*text-align: center;*/
float: left;
padding: 15px 15px 0 0;
}
#gauche-nl h2, #inscription h2 {
font-size: 210%;
font-family: Arial, sans-serif;
font-weight: bold;
color:#D72A10;
}

#droite-nl {
float: left;
width: 385px;
padding: 20px 0 0 0;
}

div#menu-nl  { margin:0 0 0 0; padding:2px;}

#menu-nl ul li a {
display: block;
width: 117px;
height: 47px;
margin:0 1px;
float: left;
font-size: 125%;
font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
font-weight:bold;
}
#menu-nl ul {margin: 0; padding:0; }
#menu-nl li {margin:0 1px; padding:0; float: left; display: block; }

#menu-nl ul li.page-item-215 a:link,#menu-nl ul li.page-item-215 a:visited {border-top: 5px solid #d12621;border-bottom: 3px solid #ffffff;color: #d12621;padding: 5px 0 0 3px;margin:0;height: 42px;}
#menu-nl ul li.page-item-215 a:hover {border-bottom: 3px solid #d12621;}
div.liste-215 a:link, div.liste-215 a:visited { color:#d12621; }

#menu-nl ul li.page-item-219 a:link, #menu-nl ul li.page-item-219 a:visited {border-top: 5px solid #003c81;border-bottom: 3px solid #ffffff;color: #003c81;padding: 5px 0 0 3px;margin:0;height: 42px;}
#menu-nl ul li.page-item-219 a:hover {border-bottom: 3px solid #003c81;}
div.liste-219 a:link, div.liste-219 a:visited { color:#003c81; }

#menu-nl ul li.page-item-217 a:link, #menu-nl ul li.page-item-217 a:visited {border-top: 5px solid #e37925;border-bottom: 3px solid #ffffff;color: #e37925;padding: 5px 0 0 3px;margin:0;height: 42px;}
#menu-nl ul li.page-item-217 a:hover {border-bottom: 3px solid #e37925;}
div.liste-217 a:link, div.liste-217 a:visited { color:#e37925; }

div#archives   { overflow: auto; height: 340px; clear: both; margin:0 ; padding:5px; /*background:#EAEAEA;*/ }
div#archives ul { margin: 0 0 0 20px; padding:0; list-style-type:none; }
div#archives li {margin: 0 ; padding:2px; }
div#archives li a:link, div#archives li a:visited  { font-size:1.1em; text-transform: uppercase; text-decoration: none; }
div#archives li a:hover { text-decoration: underline; }
div#archives.liste-217 {padding:0 0 0 110px;}
div#archives.liste-219 {float:right; padding:5px 12px 5px 5px;}

div#inscription form { margin:-4px 20px 0 20px;}
div#inscription form  td{ padding:4px;}
div#inscription p{ padding:5px;}
div#inscription ul{ padding:5px; padding:0;}
div#inscription li{ margin:0; padding:1px;}
div#inscription li input{ margin:0 5px 0 0; padding:0;}
/*div#inscription form table { width:760px;}
div#inscription tr { display:block; float:left; width:360px;}
div#inscription td { display:block; width:130px; float:left;}
div#inscription td.attributeinput { display:block; width:180px;}
div#inscription form table .attributeinput input{width:180px;}
div#inscription form table .attributename, 
div#inscription form table .required {display:block; width:130px; padding:0;}*/
div#inscription td.attributeinput input { height:14px;}

div#inscription font{ display: none;}
div#inscription div.missing { text-align: center; clear: both; margin:2px 0;padding:10px; font-weight: bold; border:3px dotted #D72A10; color: #D72A10; width:45%;}

div.required {background:url(images/obligatoire.gif) no-repeat top right; padding:0 15px 0 0;}