html, body { padding: 0; margin: 0; text-align: center; font: 12px Trebuchet MS, Helvetica, sans-serif; color: #666; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; font-family: Trebuchet MS, Helvetica, sans-serif; }
h1 { margin-bottom: 25px; font-size: 20px; color: #FFBC3A; }
h2 { font-size: 14px; color: #FFBC3A; }
p { padding: 0; margin: 0 0 10px 0; line-height: 20px; }

a { color: #444; }
a img { border: none; }
h1 a { text-decoration: none; }
ul { padding: 0 0 0 20px; margin: 0 0 20px 0; line-height: 20px; }
li {  }
strong { color: #444; }

form, fieldset { padding: 0; margin: 0; border: none; }
label { display: block; margin-bottom: 3px; color: #444; }
input.text, textarea { padding: 2px; margin-bottom: 3px; width: 90%; border: 1px solid #FFBC3A; color: #666; }

#wrapper { margin: 0 auto; width: 980px; background: url(images/mainBG.jpg) top right repeat-y; text-align: left; }

#left { float: left; width: 620px; }
#right { float: right; width: 360px; height: 670px; background: url(images/rightBG.jpg) top right no-repeat; }

#header { position: relative; height: 180px; }
#logo { position: absolute; top: 40px; left: 0; width: 192px; height: 78px; }

#mainMenu { position: absolute; bottom: 0; left: 0; width: 100%; height: 26px; border-width: 1px 0; border-style: solid; border-color: #FFBC3A; line-height: 26px; }
#mainMenu ul, #mainMenu li { padding: 0; margin: 0; list-style: none; line-height: 26px; font-size: 14px; }
#mainMenu li { position: relative; display: block; float: left; height: 26px; }
#mainMenu li a { display: block; padding: 0 10px; height: 26px; text-decoration: none; text-transform: lowercase; color: #666; }
#mainMenu li a.active, #mainMenu li a:hover { background: #FFBC3A; color: #FFF; }

#mainMenu ul li ul { position: absolute; display: none; top: 26px; left: 0; width: 300px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #FFBC3A; background: #FFBC3A; }
#mainMenu ul li ul li a { display: block; padding: 0 10px; width: 280px; height: 26px; color: #FFF; }
#mainMenu ul li ul li a:hover { background: #FFF; color: #FFBC3A; }

#mainMenu li:hover ul { display: block; }

#content { padding: 20px 20px 20px 0; }
#leftContent { float: left; width: 390px; }
#rightContent { float: right; width: 200px; }

#footer { position: relative; clear: both; height: 80px; background: #FFE1A7; border-width: 1px 0; border-style: solid; border-color: #FFF; }
#footer #contactImg { position: absolute; top: 0; right: 0; }

#copyrightInfos { position: relative; height: 30px; font-size: 11px; line-height: 30px; }
#copyrightInfos #copyright { position: absolute; top: 0; left: 5px; text-align: left; }
#copyrightInfos #credits { position: absolute; top: 0; right: 5px; text-align: right; }
#copyrightInfos #credits a { text-decoration: none; color: #444; }

.imgLeft { float: left; width: 225px; height: 370px; }
.contentRight { float: right; width: 350px; }
.temoignage { padding-bottom: 10px; border-bottom: 1px dotted #FFBC3A; font-style: italic; }
.pdf { padding: 0 0 0 20px; background: url(images/pdf.gif) center left no-repeat; line-height: 24px; }
.word { padding: 0 0 0 20px; background: url(images/word.gif) center left no-repeat; line-height: 24px; }

li.pdf, li.word { list-style: none; }
.clear { padding: 10px 0; clear: both; }

/*== Contact form ==*/

.coordonnees { padding: 10px; margin-bottom: 10px; background: #fff4df; border: 3px solid #ffebc5; color: #444; }
.coordonnees h2 { color: #d58d00; }
.coordonnees ul { padding: 0 0 0 10px; margin: 0; list-style: none; }