html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  -webkit-font-smoothing: antialiased;    
}
body {
  background:#ffd9da url(../images/degrade.png) 0 0 repeat-y ;
  font: normal normal 400 100%/1.5em georgia, verdana, sans-serif;
  text-align:left;
  margin: 2% 0;
  color: #000000;
min-width:1200px;

}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

a:link,
a:visited,
a:focus,
a:active {
  text-decoration: none;
  color: #000000;
}
.partie75 h1 {
padding-bottom:1%;
padding-top:1%;
font-family:Arial, Helvetica, sans-serif;
	font-size : 1.8em;
	font-weight :bold;
	width:100%;
	color:white;
	border-bottom-width :20%;
	border-bottom-color:black;
	border-bottom-style:solid;
	text-align:left;
}
	
h2 {
font-family:Arial, Helvetica, sans-serif;
	font-weight  :bold;
	color:white;
	padding:5%;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
	font-weight  :bold;
	color:white;
	padding:1%;
}
img {
    max-width:100%;
 
}
#apple {
    margin: 0;
    
    width: 100%;	
}

#page {
    margin-left: 1%;
    max-width: 1500px;
    width: 99%;	
}

.partie100, .acceuil {
  margin: 0 0; /* Can be set in em, % or px */
  padding: 0; /* Remove if you already reset paddings */
  clear: both;
  list-style: none; /* Works with ul & ol */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  width: inherit;
}

.partie, .partie50, .partie2 {
  margin: 0; /* Remove if you already reset margins */
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  padding: 0 0; /* Can be set in em, % or px (must match .partie100 negative margins) */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
  vertical-align:middle;
}

.partie100 {
  *letter-spacing: normal;
  *zoom: 1;
}

.partie {
  *display: inline;
  *margin-right: -1px;
  *padding: 0;
  *zoom: 1;
}
.vignettes{
max-width:80%;
text-align:center;
border:none;}

.vignettesacceuil{
width:85%;
text-align:center;
border:none;}

.partie100 .partie   { width: 17.5%; } 


.partie100 .partie75 { 
width: 82.5%;
padding-right:0; 
padding-left:10px;}



#unepage{
margin-bottom:2%;
margin-top:5%;
width:90%;
border-color: #000000;
border-style: solid;
}
#unepage2{
margin-bottom:10%;
margin-top:5%;
width:90%;
border-color: #000000;
border-style: solid;
}

.partiecontact .partie49 { 
width: 49%;
float:right;

}

.partiecontact .partie25 {
margin-top:5%; 
width: 30%;
float:left;
}
.partiecontact .partie25 a { 
color: #0000FF;
}
.partiecontact .partie24 { 
width: 18%;
float:left;
margin-top:15%;
}
.partiecontact .partie51 { 
width: 49%;
float:left;

}
.partiecontact .partie26 { 
width: 24%;
float:right;
margin:10%;

}

.soustitre{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight  :bold;
	color:white;

}

.contenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight  :bold;
	color:black;
}


.top {
vertical-align:top;
margin-top:7%;
}

.top a:link {
	color: #000000;
	text-decoration: none;
}
.top a:visited {
	text-decoration: none;
	color: #000000;
}
.top a:hover {
	text-decoration: underline;
}
.top a:active {
	text-decoration: none;
}

.top hr{
width:75%;
border-color: #000000;
border-style: solid;
}

#menu {
padding-left:3%;
 }

 
#menu ul{
 list-style-type: none;
 text-align:left;
 vertical-align:middle;
 padding-top:2%;
 }

#menu li{

	background-image:url(../images/ancre2.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight  :bold;
	padding-left:8%;
	margin-left:1%;
}

.georgia {
text-align:center;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:1.1em;
   font-weight  :bold;
   font-style:italic;
   }
   #emi ul{
 list-style-type: none;
 vertical-align:middle;
 padding-top:2%;
 text-align: center;
	padding-top: 1%;
 }

#emi a{
	text-decoration:none;
	color:black;
}
#emi a:hover{
	text-decoration:none;
	color: #0000FF;
}
#emimini {
width:80%;
}
.icone {
width:20%;
height:20%;
border:none;
}

.espace_haut {
	margin-top: 1em;
}
.bord {

	border-left-width :3px;
	border-left-color:#DCDCDC;
	border-left-style:solid;
	margin-top:1em;
	}

.accueil .partie50, #livre .partie50{
width:44%;
margin:2%; }

.accueil img{
border:#000000 solid;
 }
.accueil .vignettesacceuil{
border:none;
 }
 .accueil .vignettes{
border:none;
 }
.horizontal {
margin-bottom:2%; 
    padding: 0; margin: 0;  
    text-align: center;
}  
.horizontal li {  
    display: inline;  
    list-style: none;
	margin-bottom:3%;  
}  
.horizontal a {  
    display:inline-block;  
    margin: 0;  
}
 .Style4 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #0000FF;}
.Style4:hover{color: #000000;}
.Style6 {
padding-left:2px;
padding-right:1em;
	color: #00000;
	font-size: 1.1em;
	font-weight: bold;
}
.paragraphe {
margin-bottom:4%;
margin-top:4%;
width:80%;
border-color: #000000;
border-style: solid;
}

.commentaires a{
    color: #0000FF;     
}
.blanc {
    color: #ffffff;
}
.beneteau {
margin-top:2%;
width:80%;
text-align:center;
}
.partie75 .partie49 {
	padding-top:2%;
	width: 49%;
	float:left;

}
.partie75 .partie51 {
	padding-top:2%;
	width: 49%;
	float:right;

}
.btn a{
text-decoration: none;
padding: 10px;
font-family: arial;
font-size: 1em;
color: #FFFFFF;
background-color: #ff0000;
border-radius: 196px;
-webkit-border-radius: 196px;
-moz-border-radius: 196px;
border: 4px solid #FFFFFF;
box-shadow: 3px 3px 12px #444444;
-webkit-box-shadow: 3px 3px 12px #444444;
-moz-box-shadow: 3px 3px 12px #444444;
}
.btn {
margin-top: 5%;
}

.btn:hover a{
padding: 10px;
background-color: #c0504d;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
box-shadow: 1px 1px 4px #777777;
-webkit-box-shadow: 1px 1px 4px #777777;
-moz-box-shadow: 1px 1px 4px #777777;
}
.commentaires {
	padding:1%;
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold;     
}
.hover {
	padding-top:7%;
}

.hover a:hover{
	text-decoration:none;
	color: #0000FF;
}
.georgiabeneteau {
text-align:center;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:1.3em;
   font-weight:bold;
   font-style:italic;
   }