@charset "UTF-8";
/* CSS Document */


/*mise en place typo Lithos*/

@font-face {
    font-family:'LithosProRegular';
    src: url('lithospro-regular-webfont.otf') format('opentype'),
		 url('lithospro-regular-webfont.eot');
    font-weight: normal;
    font-style: normal;
}


/*--- page ---*/

html { padding: 0px; margin: 0px; background-color: #CCC; font: 14px Arial, Helvetica, sans-serif; }

body { position: relative; margin: 0 auto; height: auto; width: 600px; background: #FFF; }

a { text-decoration: none; }

em { font-style: italic; }


/*--- blocs ---*/

#header, #nav, #section, #figure, #footer { display: block; }

#header { background: #FFF; height: 150px; width: 134px; }

#nav { position: absolute; left: 142px; height: 85px; width: 458px; top: 56px; }

#section { width: 560px; min-height:650px; margin-top: 25px; margin-bottom: 30px; padding-right: 20px; padding-left: 20px; }

#footer { height: 24px; width: 559px; border-top: thin solid #999; text-align: center; font-size: 11px; color: #666; margin: 0px 20px; }


/*--- header ---*/

#header a { display: block; float: left; width : 124px; height:148px; overflow: hidden; text-indent: -5000px; background: url(images/header.jpg) no-repeat; }
#header a:hover { background: url(images/header.jpg) no-repeat 1px 0px; }

/*--- nav ---*/ 

#nav a { /*bloc ==>*/display: block; float: left; width: 134px; height: 22px; background: url(images/nav.png) no-repeat; margin-left: 12px; margin-top: 12px; /*image fond ==>*/
/*police de caractère ==>*/ font-family:LithosProRegular, Arial, Helvetica, sans-serif; font-style:normal; text-align: center; color: #000;
/*centrer le texte en hauteur ==>*/ padding-top: 2%; }

#nav a:hover { background: url(images/navhover.png) no-repeat; }

/*--- section ---*/

#figure { position: relative; height: 400px; width: 559px; border: thin solid #000; left: 0px; top: 0px; margin: 0px; padding: 0px; }

#figure img { position: relative; margin: 0 auto; }

#section h2, #section h3 { color: #666; font-weight: normal; margin-top: 30px; margin-bottom: 15px; }

#section h2 { font-size: 300%; }

#section h3 { font-size: 200%; }

#section p { margin-top: 0px; margin-bottom: 15px; }

#section a { color: #666; }
#section a:hover { color: #333; text-decoration: underline; }

.justifier { text-align: justify; }
.centrer { text-align: center; line-height: 150%; }

.cb { text-align: center; line-height: 28px; font-style: italic; }
.cb a { display: inline-block; width : 44px; height:30px; overflow: hidden; text-indent: -5000px; background: url(images/cb.png) no-repeat; }
.cb a:hover { -moz-transform: rotate(8deg); -webkit-transform:rotate(8deg); } 

.ancre { font-size: 80%; text-align: center; margin: 30px 0px 0px; }

/*--- footer ---*/

#footer a { color: #666; }
#footer a:hover { color: #333; text-decoration: underline; }