/*******************************************************
TITLE: Fixed One-Column Layout (Basic) V1.1
DATE: 20070824
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Georgia,Arial, Helvetica, sans-serif;
font-size:16px;
}

a {
color:#cccccc;
text-decoration:underline;
}

a:hover {
color:#cc0000;
text-decoration:none;
}

p {
margin:6px 0;
}

blockquote {
margin:16px;
padding:8px;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

ul {
list-style-type:disc;
}

li {
margin:0 0 0 25px;
list-style-type:disc;
font-weight:bold;
}

#centerColumn { 	
margin:0 auto;
padding:1em;
width:700px;
text-align:left;
vertical-align: middle;	
background: #FFFFFF url(images/header.jpg) no-repeat center top;	
}

#zone1 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 100px;
height:45px;
margin-left: 5px;
margin-top: -67px;
text-indent: -5000em;
}

#zone2 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 100px;
height:45px;
margin-left: 126px;
margin-top: -67px;
text-indent: -5000em;
}


#zone3 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 100px;
height:45px;
margin-left: 252px;
margin-top: -67px;
text-indent: -5000em;
}

#zone4 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 100px;
height:45px;
margin-left: 373px;
margin-top: -67px;
text-indent: -5000em;
}

#zone5 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 100px;
height:45px;
margin-left: 498px;
margin-top: -67px;
text-indent: -5000em;
}

#centerColumn h2 {
margin:0 0 0 0;
padding:6px 0;
font-size:1.2em;
letter-spacing:.1em;
}

#header {
margin:0 0 0 0;
padding:0 0 0 0;
padding-bottom:10px;
height:110px;
}

#header h1 {
margin:0 0 -8px 0;
padding:16px 0 0 24px;
font-size:1.7em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 0 0;
padding:16px 0 0 24px;
font-size:.9em;
font-weight:lighter;
letter-spacing:.1em;
}

#fauxRightColumn {
position:relative;
float:right;
margin:.5em 0 0 .5em;
padding:0 .7em .25em .7em;
width:200px;
font-size:.9em;
background-color:#ffffff;

}

.visuel{
margin: .5em 0 0 -.5em;
padding:2 .7em -.25em -.7em;
}

.ebook{
float: right;
margin-left:10px;
}

.cd{
float: left;
margin-right:10px;
}

#fauxRightColumn h2 {
font-size:.9em;
}

#fauxRightColumn p {
font-size:.73em;
letter-spacing:.1em;
text-align: right;
padding-right:5px;
}

#footer {
position:relative;
bottom:-30px;
margin:20px 0 0 0;
padding:0;
height:40px;
line-height:64px;
text-align:center;
font-size:.8em;
letter-spacing:.1em;
background-color:#ffffff;
border-top:1px solid #000000;
}

#footer a,hoover{
text-decoration:none;
color:#000;
}

/* Style des paragraphes */

.intro {
  padding: 0.4em;
  word-spacing: 10px ;
  font-size: 1em;
  font-weight:bold;
  text-align:right;
}

.dev {
  padding: 0.4em;
  font-size: 0.9em;
}

.scient {
  word-spacing: 10px ;
  font-size: 0.8em;
  font-weight:bold;
text-align: justify;
}

ul {
list-style-type: circle;
}

li {
 list-style-type: none;
 padding-left: -5px;
 }

.big {
font-size: 1.1em;
text-decoration:underline;
 font-weight:bold;
}

.gros {
font-size: 1.4em;
text-decoration:underline;
 font-weight:bold;
}

.surlign {
text-decoration:underline;
}