@import "reset.css";

body { background:#EFF1ED; text-align:center; }

.floatLeft { float:left; }
.floatRight { float:right; }
.cleaner { clear:both; visibility:hidden; }

#container { width:948px; margin:auto; text-align:left; border:1px solid #87856D; background:#FFF; margin-top:16px; }
#header { width:948px; height:134px; background:url(../img/header.jpg) no-repeat center top; }

#menu { padding-top:96px; padding-left:264px; }
#menu a.menuHome { background-position:0px 0px; width:72px; }
#menu a.menuWho { background-position:-182px 0px; width:148px; }
#menu a.menuListen { background-position:-72px 0px; width:110px; }
#menu a.menuLearn { background-position:-330px 0px; width:90px; }
#menu a.menuTestimony { background-position:-420px 0px; width:109px; }
#menu a.menuContacts { background-position:-529px 0px; width:87px; }
#menu a.menuHome:hover, #menu a.menuHomeSelected { background-position:0px -21px; width:72px; }
#menu a.menuWho:hover, #menu a.menuWhoSelected { background-position:-182px -21px; width:148px; }
#menu a.menuListen:hover, #menu a.menuListenSelected { background-position:-72px -21px; width:110px; }
#menu a.menuLearn:hover, #menu a.menuLearnSelected { background-position:-330px -21px; width:90px; }
#menu a.menuTestimony:hover, #menu a.menuTestimonySelected { background-position:-420px -21px; width:109px; }
#menu a.menuContacts:hover, #menu a.menuContactsSelected { background-position:-529px -21px; width:87px; }

#subHeader { font-family:Arial; font-size:13px; font-weight:bold; color:#a3c300; margin-left:14px; height:30px; }
#subHeader img { float:left; margin-right:4px; }
#subHeader div { padding-top:8px; }
#subHeader a { padding:0px 6px; color:#42A62A;  text-decoration:none;}
#subHeader a:hover, #subHeader a.selected { text-decoration:underline; }


#content { padding:0px 45px; min-height:350px; height:auto!important; height:350px; }
#content a { color:#42A62A; font-weight:bold; }
#content a:hover { color:#A3C300; }
#content p { font-family:Arial; font-size:13px; color:#5B5837; text-transform:justify; width:673px; margin-bottom:7px; line-height:21px; }
#content .vert { color:#42A62A; }
#content .titreVert, #content .sousTitreVert, #content .sousTitreGris { font-family:Trebuchet MS; font-weight:bold; font-size:22px; color:#42A62A; line-height:26px; margin-bottom:4px; }
#content h1.titreVert { font-size:38px; }
#content .sousTitreVert, #content .sousTitreGris { font-size:18px; line-height:22px; }
#content .titreVert span, #content .sousTitreVert span { color:#A3C300; }
#content .chapeau { font-family:Trebuchet MS; font-variant:italic; color:#87856D; font-size:19px; line-height:24px; margin-bottom:0px; }
#content .sousTitreGris { color:#5B5837; }
#content .texteVert { color:#42A62A; }
#content .legende { font-family:Arial; font-size:11px; font-variant:italic; line-height:13px; margin-top:4px; }
#content #mainPage p { width:auto; }

#copyright { width:950px; margin:5px auto; text-align:right; color:#AFAD9D; font-family:Arial; font-size:11px; letter-spacing:0.3px; }

#menu li { float:left; margin-left:9px; }
#menu li a { text-decoration:none; background-image:url(../img/menu.png); background-repeat:no-repeat; text-indent:-5000px; display:block; height:21px; }

#box, #boxContacts { border:1px solid #a3c300; }
#box h3, #boxContacts h3 { font-size:18px; height:20px; background:#A3C300; color:#FFF; font-family:Trebuchet MS; font-weight:normal; padding-left:20px; }
#box.home { width:422px; _width:419px; margin-left:434px;  } #box.home #boxContainer   { height:172px; overflow-y:scroll; }
#box.listen { width:476px; margin-left:0px; }   #box.listen #boxContainer { height:290px; overflow-y:scroll; }
#box #boxContainer .boxContent { background:url(../img/boxBottom.png) no-repeat bottom right; padding-top:10px; padding-bottom:8px; }
#box #boxContainer .over, #box #boxContainer .boxContent:hover { background:#D0DF79; }
#box #boxContainer .boxContentDate { width:122px; float:left; text-align:center; color:#42A62A; font-family:Arial; font-size:13px; font-weight:bold; }
#box #boxContainer .boxContentText { margin-left:122px; color:#5B5837; font-family:Arial; font-size:13px; line-height:15px; }
#box #boxContainer .boxContentText a { color:#42A62A; font-family:Arial; font-size:11px; font-weight:bold; }

#boxContacts { width:475px; margin:20px 0px; }
#boxContacts form { background:#A3C300; text-align:center; padding:4px 0px; }
#boxContacts select { border:none; }
#boxContacts select, option { color:#42A62A; font-weight:bold; text-align:center; font-size:13px; font-family:Arial; }
#boxContacts .name { font-weight:bold; border-bottom:2px solid #ACAB9B; }
#boxContacts .contact { margin:14px;  }
#boxContacts .over, #boxContacts .contact:hover { margin:14px; background:#E6E8E3; }
#boxContacts .email { float:right; color:#5B5837; font-weight:bold; }
#boxContacts p { line-height:normal; width:auto; font-size:12px; margin:0px; }
#boxContacts #overflow { height:300px; overflow-y:scroll; }

#map { border:1px solid #d7d700; background:#f2f2f2; color:#c2c2c2; }
#map.listen { height:310px; width:330px; float:right; margin-right:30px; }
#map.single { width:600px; height:400px; margin:auto; }

#copyright a { color:#AFAD9D; }

#content .testimony { width:473px; margin:10px 0px; border:1px dotted #42A62A; }
#content .testimony .comment { font-size:11px; line-height:normal; font-family:Trebuchet MS; color:#87856D; padding:2px; }
#content .testimony .title { color:#FFF; padding:2px; margin:0px; font-family:Trebuchet MS; font-size:14px; font-weight:bold; background:#42A62A; }
#content .testimony .from { font-size:11px; color:#FFF; font-family:Tahoma; float:right; margin-top:3px; margin-right:2px; }
#content .testimony .from a { color:#FFF; font-weight:normal; }

#pictures { text-align:center; }
#pictures .picture { margin:20px; }
#pictures .picture p { width:auto; }

#pagination { text-align:center; margin:10px; }
#pagination a { text-decoration:none; }
#pagination span { border:1px solid #42A62A; background:#F2F2F2; padding:4px; margin:2px; }


form#contactez-nous, form#temoignez { font-family:Arial; font-size:13px; color:#5B5837; width:354px; border:0px; padding:0px; margin:14px auto; }
form#contactez-nous label, form#temoignez label { float:left; display:inline; width:150px; }
form#contactez-nous input, form#contactez-nous textarea, form#temoignez input, form#temoignez textarea { width:200px; }
form#contactez-nous input#submit, form#temoignez input#submit { width:auto; padding:6px; margin-left:150px; }
form#contactez-nous textarea, form#temoignez textarea { height:80px; }
form#temoignez { float:right; margin:0px; }
form#temoignez h2 { margin-bottom:10px; color:#42A62A; }

#detailsPlus h3 { color:#87856D; font-family:Trebuchet MS; font-size:19px; line-height:24px; margin-bottom:0; }
#detailsPlus ul { margin:10px 0px; color:#5B5837; font-family:Arial; font-size:13px; }
#detailsPlus li { margin:8px 0px; clear:both; }
#detailsPlus span { display:block; width:150px; float:left; font-weight:bold;}
#map { color:#87856D; font-family:Trebuchet MS; font-size:12px; }