body,p,div,h1,h2,h3,h4,dl,dt,dd,img,ul,li {
margin:0;
padding:0;
}
ul,li{
list-style-type:none;
}
body{
background-color:#7b101d;
font-size:1em;
}
/*article{
width:1350px;
margin-left:auto;
margin-right:auto;
border:#D0D0D0 5px solid;
padding:5px;
}*/
.sommaire{/* pour retour sommaire*/
font-family:'Roboto',Arial, Helvetica, sans-serif;
text-align:center;
padding:5px;
width:85%;
margin:0 auto 20px auto;
font-size:1em;
color:#232c01;
}
.sommaire a{
color:#232d01;
text-decoration:none;
}
.sommaire a:hover{
color:#800040;
text-decoration:underline;
}

#global{
width:85%;
background-color:#FFFFFF;
height:auto;
margin-top:0px;
margin-right:auto;
margin-left:auto;
box-shadow:-1px 2px 20px rgba(100, 100, 100, 0.6) inset; 
}
header{
width:87%;
margin-right:auto;
margin-left:auto;
margin-bottom:25px;
}
header h1{
font-size:4em;
font-family:'Raleway',Arial, Helvetica, sans-serif;
padding-top:10px;
}
header h2{
font-size:1.6em;
font-family:'Raleway',Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
header p{
font-family:'Raleway',Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#672d5c;
font-weight:bold;
}
header p a{
text-decoration:none;
color:#3d7733;
}
header p a:hover{
color:#0000FF;
}
.livre{/*section*/
width:85%;
border:#D0D0D0 3px dotted;
margin-right:auto;
margin-left:auto;
padding:15px;
margin-bottom:20px;
border-radius:5px;
}
/*.livre .presentation{
display:inline-block;
width:75%;
}*/
.livre h1{
font-size:2.1em;
font-family:'Raleway',Arial, Helvetica, sans-serif;
color:#800040;
margin-bottom:5px;
}
.livre h2{
font-family:'Raleway',Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#575757;
margin-bottom:5px;
}
.livre h3{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:1.3em;
}
.livre p{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:1.05em;
line-height:1.6em;
margin-bottom:10px;
color:#575757;
}
.livre p:nth-last-child(2){
margin-bottom:20px;
}
.livre p a{
color:#0080FF;
text-decoration:none;
}
.livre p a:hover {
color:#ABABAB;
}
.livre .couverture{
float:right;
margin-right:10px;
margin-left:35px;
text-decoration:none;
border:#B8B8B8 0px solid;
}
figcaption{
color:#fff;
font-family:'Lato',Arial, Helvetica, sans-serif;
font-size:1,2em;
line-height:1.2em;
margin-top:5px;
background-color:#ed7b20;
padding:3px 3px 5px 3px;
border:#C0C0C0 thin solid;
border-radius:3px;
box-shadow: 1px 1px 15px #b9b7b7;
}
figcaption a{
text-decoration:none;
color:#000;
}
figcaption a:hover{
color:#0000FF;
}
.livre ul{
font-family:'Roboto',Arial, Helvetica, sans-serif;
margin:10px 0 10px 0;
}
.livre li{
line-height:1.6em;
color:#575757;
}
.livre .acheter{
color:#ed7b20;
font-weight:bold;
font-size:1.8em;
background-color:#e5e5e4;
margin-bottom:0px;
padding:5px;
border:#C0C0C0 thin solid;
border-radius:5px;
box-shadow: 1px 1px 15px #b9b7b7;
}
.livre .acheter a{
text-decoration:none;
color:#FF3100;
}
.livre .acheter a:hover{
text-decoration:none;
color:#0000FF;
}

nav{
width:86.8%;
background-color:#672d5c;
margin:20px auto 30px auto;
border:#BBBBBB 1px solid;
border-radius:5px;
padding:0px;
box-shadow: 1px 1px 15px #b9b7b7;
}
nav h1{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:1.3em;
text-align:left;
color:#000;
margin-bottom:0.5em;
background-color:#3d7733;
padding:5px 10px 5px 10px;
}
nav ul{
display:inline-block;
margin-right:4em;
vertical-align:top;
padding:10px;
}
nav li{
list-style:none;
font-family:'Raleway',Arial, Helvetica, sans-serif;
margin-bottom:0.6em;
font-size:1.2em;
font-weight:100;
}
.jaune{
color:#FFFF00;
}
nav li a {
color:#fff;
text-decoration:none;
}
nav li a:hover {
margin-bottom:0.5em;
color:#ABABAB;
}
/*----------------------------------------*/
#Avoir{
width:85%;
margin:0 auto 20px auto;
}
#Avoir h1{
font-size:2.1em;
font-family:'Raleway',Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:5px;
}
#Avoir li a{
display:block;
}
#Avoir li{
list-style:none;
font-family:'Raleway',Arial, Helvetica, sans-serif;
margin-bottom:0.5em;
font-size:1.5em;
font-weight:100;
}
#Avoir  li a {
color:#0080FF;
text-decoration:none;
}
#Avoir  li a:hover {
color:#ABABAB;
}
/*----------------------------------------*/
#Pub{
width:85%;
margin:0 auto 30px auto;
}
#Pub h1{
font-size:2.1em;
font-family:'Raleway',Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:5px;
}
/*----------------------------------------*/
footer{
width:85%;
margin:0 auto 20px auto;
}
footer p{
font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:1.6em;
margin-bottom:10px;
color:#575757;
}