/* PPEPPS 2009 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { margin: 0; padding: 0; font: 100% Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: normal; color:#454346; background-color: #ffffff; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none; }
dt, dd, p, li { font-size: 0.69em; }
li li, li p, li h2, li h3, dd li, dd p, dd dd, dd dt, dd h2, dd h3 { font-size: 1em; }
table { border-collapse: collapse; font-size: 1em; padding: 0; }
a { outline: 0 none; text-decoration: none; color: #454346; }
a:hover { text-decoration: underline; }
.offLeft { position: absolute; left: -5000px; top: -2000em; }
.clear { clear: both; display: block; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
acronym, abbr { border: none; border-bottom: 1px dotted #336699; cursor: help; }

/*************** CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* LINKS */


/*************** STRUCTURE - GENERAL */
#quickAccess, #container, #footer { width: 820px; margin: 0 auto; text-align: right; }
#quickAccess li { font-size: .63em; }
#container { text-align: left; }

/*************** STRUCTURE - HEADER */
#header { padding: 20px 0 4px 0; background: #81725e url(../img/bg-header.png) bottom left repeat-x; }
#logo { float: left; padding: 0 0 20px 20px; }
#logo a { color: #FFFFFF; font-size: 1.5em; }
#logo a, #logo img { display: block; }
#slogan { padding: 60px 20px 0 0; font-size: .88em; color: #f39912; text-align: right; }
#mainNav { clear: both; padding: 0 0 0 5px; background: #d6c4ac url(../img/bg-nav.png) top left repeat-x; }
#mainNav li { float: left; text-transform: uppercase; }
#mainNav li a, #mainNav li strong { display: block; color: #FFFFFF; padding: 11px 9px 11px 9px; background: #d6c4ac url(../img/bg-nav.png) top left repeat-x; font-weight: normal; }
#mainNav li a:hover, #mainNav li strong { color: #503819; text-decoration: none; }

/*************** STRUCTURE - CONTENT */
#content { padding: 35px 0 80px 0; }

/*************** TYPOS - CONTENT */
.blockTitle { padding: 0 0 15px 0; color: #f39912; font-size: 2.06em; font-weight: normal; line-height: 1em; }
.blockTitle span { color: #281f1a; }
.blockSubtitle { padding: 0 0 15px 0; font-size: .94em; font-weight: normal; line-height: 1.5em; }
.parTitle { color: #f39912; font-size: 1.18em; line-height: 1.45em; }
.meaTitle { font-size: .81em; }
.meaTitle strong { color: #FFFFFF; }
.content { text-align: justify; }
.content p { padding-bottom: 1.4em; line-height: 1.45em; }
.content p.contentIllus { padding: 0 0 19px 0; }
.content p.contentIllus img { display: block; }
.miseEnAvant { text-align: center; }

/*************** STRUCTURE - FOOTER */
#footer { width: 780px; padding: 14px 20px 10px 20px; color: #FFFFFF; background: #81725e url(../img/bg-footer.png) top left repeat-x; font-size: .63em; }
#footer span { color: #f39912; }
#footer a, #footer strong { float: left; color: #FFFFFF; }
#footer strong { text-decoration: underline; }


/*************** HOME - QUI SOMMES-NOUS */
#quiBlock { padding: 12px 0 0 0; color: #503819; background: #f39912 url(../img/bg-qui-block-top.png) top left no-repeat; }
#quiBlock .innerBlock { padding: 0 0 10px 20px; background: #f39912 url(../img/bg-qui-block-bottom.png) bottom right no-repeat; position: relative; }
#quiBlock .blockTitle, #quiBlock .parTitle { color: #FFFFFF; }
#quiBlock .blockTitle { font-size: 2.63em; }
#quiBlock .parTitle { font-size: .81em; }
#quiBlock .content { float: left; width: 250px; margin: 0 20px 0 5px; }
#quiBlock .altContent { margin: 0 0 0 5px; }
#quiBlock .miseEnAvant { position: absolute; bottom: 0; right: 9px; }
#quiBlock .miseEnAvant img { display: block; float: left; }
#quiBlock .meaTitle { padding: 0 0 35px 0; }


/*************** DIALOGUER AVEC LES MEDIAS & S'EXPRIMER EN PUBLIC */
#dialogue .content, #expression .content { float: right; width: 440px; }
#dialogue .altContent, #expression .altContent { width: 355px; float: left; }
#dialogue .altContent p, #expression .altContent p { color: #81725e; font-size: .63em; line-height: 1.58em; }


/*************** NOS FORCES POUR VOTRE REUSSITE */
#forces .parTitle { font-size: .81em; }
#forces .innerBlock { float: right; width: 530px; }
#forces .contentIllus { float: left; }
#forces .content { float: left; width: 250px; margin: 0 25px 0 0; }
#forces .altContent { margin: 0; }


/*************** NOUS CONTACTER */
/* contact */
#contact { margin: 0 0 130px 0; padding: 12px 0 0 0; background: transparent url(../img/bg-contact-block-top.png) top left no-repeat; }
#contact .innerBlock { padding: 0 0 10px 20px; background: transparent url(../img/bg-contact-block-bottom.png) bottom right no-repeat; }
#contact .content { float: left; width: 210px; padding: 0 0 0 50px; }
#contact .parTitle { font-size: .81em; }
/* credits */
#credits .blockTitle { padding: 0 0 5px 0; font-size: 1.25em; }
#credits p { font-size: .63em; }


/*************** MENTIONS */
#mentions .parTitle { font-size: .81em; }




/* END */