html, body, div, span, applet, object, iframe,
h1, 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:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #000000;
}


img {
    max-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;}

.partie100 .partie   { width: 17.5%; } 


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

#carte{
width:60%;


}

.carte_agents {
margin:4%;
text-align:center;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:1.1em;
   font-weight  :bold;
   font-style:italic;
   }
.partiecontact {
position:relative;
margin-top:2%;
text-align:center;
width:100%;
height:100%;
overflow:hidden;
}

.contact {
width:75%;
margin-left:10%;
margin-bottom:1%;
margin-top:2%;
background-color:#99CCFF;
border:3px solid #000000;
padding:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.contact .partie50 a {
    color: #0000FF;
}

.contact .partie50 h3 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	text-decoration:underline;
	font-weight  :bold;
	color:#FF0000;

}
.contact .partie50{
padding:0 5%;
	

}
.contact .partie50 h4 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	text-decoration:underline;
	font-weight  :bold;
	color:black;

}
.contact .partie50 h5 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	font-style:italic;

	color:black;
}

.contact3 {
width:75%;
margin-left:10%;
margin-bottom:3%;
margin-top:3%;
background-color:#99CCFF;
border:3px solid #000000;
padding:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.contact3 .partie50 a {
    color: #0000FF;
}

.contact3 .partie50 h3 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.4em;
	text-decoration:underline;
	font-weight  :bold;
	color:#FF0000;

}
.contact3 .partie50{
padding:0 5%;
	

}
.contact3 .partie50 h4 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	text-decoration:underline;
	font-weight  :bold;
	color:black;

}
.contact3 .partie50 h5 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	font-style:italic;

	color:black;
}

#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;

}
.partiecontact h2 {
font-family:Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	font-weight  :bold;
	color:black;
}
.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;
	}

.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;
}
.marque2 {
margin-bottom:1%;
}
.vignettesacceuil{
width:85%;
text-align:center;
border:none;}


.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 1em;  
}

.vignetteslivre{
width:100%;
text-align:center;
border:none;}

.phraselivre{
margin:2%;
text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.1em;
   font-weight  :bold;
   }
 .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;
}
.Style6:hover{color: #0000FF;}

.Style7 {
	color: #00000;
	font-size: 1.1em;
	font-weight: bold;
}
.Style7:hover{color: #0000FF;}

 .Style8 {
	font-size: 1.1em;
	color: #FFFFFF;
	text-align: center;
	font-weight: bolder;
	}
  .Style9 {
  font-family:Cambria, Arial, Verdana;
	font-size: 1em;
	color: #000000;
	}
	.Style9 a {
    color: #0000FF;
}
	.textegauche {
	text-align:left;
	font-weight: bolder;
	}
	
	.gras22soul {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
text-decoration:underline;
text-align:center;
margin:3%;

}
.gras22arial {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:1.2em;
text-align: left;
}
.gras18arial {
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align: left;
}
.gras18arial a {
color: #0000FF;
}
.paragraphe {
margin-bottom:4%;
margin-top:4%;
width:80%;
border-color: #000000;
border-style: solid;
}


.arial16gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style:italic;
	text-align: left;
}
.arial14rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color:#FF0000;
	font-weight: bold;
}
.arial16blanc {
margin-top:2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style:italic;
	text-align: left;
	color:#FFFFFF;
	line-height:2em;
	font-weight: bold;
}
.arial13noircentre{
margin:2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
	color: #000000;
	line-height:2em;
	font-weight: bold;
}
.arial14blanc {
margin-bottom:2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style:italic;
	text-align: left;
	color:#FFFFFF;
	line-height:2em;
	font-weight: bold;
}
.listearial16gras{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;

	text-align: left;
	 padding:5%;
}
   /*partie galerie*/
   
   .colonnelarge, .vignettes7_centre, .vignette10, .vignette8, .vignettes8, .vignette7, .vignette10delphia, .vignette14delphia, .vignettes10 {/*<===pour toutes les galeries ! ! ! */
text-align:center;
position:relative;
margin:0; padding:0;
height:100%;
display:table;
width:100%;
}
.colonnes{
text-align:center;
position:relative;
margin:0;
padding:0;
height:100%;
}
.colonnescourtes{
text-align:center;
position:relative;
margin-bottom:3%;
padding:0;
height:100%;
}
.colonnes30{
text-align:center;
position:relative;
margin-bottom:3%;
padding:0;
height:100%;
}
	
 .colonnes30 .colonne1, .colonnes30 .colonne3 { width: 38%; vertical-align:middle;  }
 .colonnes30 .colonne2 { position:relative; width: 20%; vertical-align:middle; text-align:center; margin-left:35%; }
.colonnes30 .colonne1 {float:left;}
.colonnes30 .colonne3 {float:right;}
.colonnes30 a:hover .grand, .thumb a:focus .grand {
position:absolute;
 left:20.8%;
 margin: none;
 border: #000000 solid;
 width:58%;
 transition-duration: 0.9s;
 }
 .colonnes30 .commentaires {
padding-bottom:10%;
padding-top:10%;
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold; 
 }
  .colonnes30 a img
{width:95%;  
   border: #000000 solid;
 margin-bottom:2%;}
 


.colonnescourtes a:hover .grand, .thumb a:focus .grand {
position:absolute;
top:1%;
 left:20.8%;
 margin: none;
 border: #000000 solid;
 width:58%;
 transition-duration: 0.9s;
 }
 


.colonnes a:hover .grand, a:focus .grand {
position:absolute;
top:3%;
 left:19.8%;
 margin: none;
 border: #000000 solid;
 width:60%;
 transition-duration: 0.9s;
 overflow:hidden;
 }
 .colonne100 a:hover .grand, a:focus .grand {
position:absolute;
top:14.5%;
 left:20%;
 margin: none;
 border: #000000 solid;
 width:68%;
 transition-duration: 0.9s;
 overflow:hidden;
 }




.colonne1, .colonne3 { width: 19%; vertical-align:middle;  }
.colonne1 {float:left;}
.colonne3 {float:right;}
.colonne2 { position:relative; width: 60%; padding:0 0 0 1em; vertical-align:middle; margin-top:2%; margin-left:19%; }

.colonne4, .colonne6 { width: 15%;  margin-top:1%; display: table-cell; vertical-align:middle; padding-top:3%; padding-bottom:3%;  }
.colonne5 { display: table-cell; width: 50%; padding:1em; vertical-align:top;}

.colonnes a img.imgmargesus {
margin-top:10%;
margin-bottom:25%;
}
.colonnes .colonne1:hover~.colonne2 {
visibility: hidden;
}
.colonnes .colonne3:hover~.colonne2 {
visibility: hidden;
}

.image60 {
max-width:60%;
}

.colonnescourtes .colonne1:hover~.colonne2 {
visibility: hidden;
}
.colonnescourtes .colonne3:hover~.colonne2 {
visibility: hidden;
}



.colonne8 { display:table-cell; vertical-align:middle; width: 15%;  margin-top:1%; }
.colonne9 { display:table-cell; vertical-align:middle; width: 50%;  margin-top:1%; }
.colonne10 {display:table-cell; vertical-align:middle; width: 15%;  margin-top:1%; }
.colonne25 { float:left; width: 20%; margin-bottom:3%;}
.colonne75 {width: 80%; float:right; margin-bottom:3%; text-align:left;}
.colonne11 { display:table-cell;width: 12.8%; width: 13%\9; vertical-align:top;  text-align:left; padding-left:0.5%;}

.colonne12 { display:table-cell;width: 63.3%;vertical-align:top; margin:10%; }

.colonne13 { display:table-cell; width: 12.8%; width: 13%\9; text-align:right; vertical-align:top; padding-right:0.5%;}

.colonne8:hover~.colonne9 {
visibility:hidden;
}
.colonne10:hover~.colonne9 {
visibility:hidden;
}

 .colonnelarge a:hover .grand, .colonnelarge a:focus .grand{
position:absolute;
 top:2%;
 left:19.8%;
 margin:none;
 border: #000000 solid;
 width:60%;
 }
.vignettes7 a:hover .grand, .vignettes7 a:focus .grand {
position:absolute;
top:24.3%;
top:24.1%\9;
 left:16.7%;
 left:16%\9;
 margin:none;
 border: #000000 solid;
 width:65%;
 width:66.8%\9;
 z-index:1;
 }
.vignettes7_centre a:hover .grand {
position:absolute;
bottom:0;
 left:17.1%;
 left:16.5%\9;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65.5%;
 width:66.7%\9;
 z-index:1;
overflow:hidden;
 }
.client .vignettes7 a:hover .grand2, .client.vignettes7 a:focus .grand2 {
position:absolute;
top:43%;
top:42.4%\9;
 left:32.7%;
 left:32%\9;
 margin:none;
 border: #000000 solid;
 width:36.7%;
 width:37.5%\9;
 z-index:1;
 }
.vignettes7_centre a:hover .grand2 {

bottom:0;
 left:17.1%;
 left:16.5%\9;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65.5%;
 width:66.7%\9;
 z-index:1;
overflow:hidden;
 }
.client img.grand2 {
  display:block;
 position:absolute;
 border:hidden; 
 width:0; 
 }
.client .vignettes7 img.grand2 {
  display:block;
 position:absolute;
 border:hidden; 
 width:0; 
 }

.vignettes7 a img
{width:12.3%;  
   border: #000000 solid;
   margin:0.5%;}
   
 /*.vignettes6 utilisé Joyeux matelot*/
   .vignettes6 {
  padding-top:2%;
 }
 .vignettes6 a:hover .grand, .vignettes6 a:focus .grand {
position:absolute;
top:57.3%;
top:57.1%\9;
 left:49.5%;
 left:49%\9;
 margin:none;
 border: #000000 solid;
 width:49.5%;
 width:60%\9;
 z-index:1;
 }
  .vignettes6 a img
{width:12.3%;  
   border: #000000 solid;
   margin:0.5%;}
   
 /*.vignette7 utilisé actu2013*/
   .vignette7 a:hover .grand, .vignette7 a:focus .grand {
position:absolute;
top:206%;
 left:49.5%;
 left:49%\9;
 margin:none;
 border: #000000 solid;
 width:49.5%;
 z-index:1;
 }
  .vignette7 a img
{width:12.3%;  
   border: #000000 solid;
   margin:0.5%;}
 

 



 .vignettes8 a:hover .grand, .vignettes8 a:focus .grand {
position:absolute;
top:2%;
top:26.5%\9;
 left:16.7%;
 left:16%\9;
 margin:none;
 border: #000000 solid;
 width:65.2%;
 width:66.9%\9;
 z-index:1;
 }
 

.colonne8 a img, .colonne10 a img
{width:95%;  
   border: #000000 solid;
 margin-bottom:10%;}
 
.colonne11 a img, .colonne13 a img
{width:88%;
width:87%\9;
margin-top:15%;
border: #000000 solid;
 margin-bottom:3%;}

/*.vignette8 utilisé actu2013*/
.vignette8 a:hover .grand, .vignette8 a:focus .grand{
position:absolute;
bottom:0.3%;
 left:17.3%;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65%;
 z-index:1;
overflow:hidden;
 }
  .vignette8 .colonne11 img, .vignette8 .colonne13 img
{width:96%;
width:95%\9;
margin-top:15%;
border: #000000 solid;
 margin-bottom:3%;}

.vignette8 > .colonne12 { display:table-cell;width: 64%; margin:2%; padding-top:1% }
.vignette8 > .colonne11 { display:table-cell;width: 12.8%; width: 13%\9; vertical-align:top;  text-align:left; padding-left:0.5%;}
.vignette8 > .colonne13 { display:table-cell;width: 12.8%; width: 13%\9; vertical-align:top;  text-align:left; padding-left:0.5%;}
.vignette8 > .colonne12 a img
{width:91%;
   border: #000000 solid;
}

/*  .vignette10 utilisé actu2013*/
.vignette10 a img.imgmargesus {
margin-top:10%;
margin-bottom:15%;
}
 .vignette10 a:hover .grand {
position:absolute;
top:3.5%;
 left:16.5%;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:66.5%;
 z-index:1;
overflow:hidden;
 }
  .vignette10 .colonne11 img, .vignette10 .colonne13 img
{width:96%;
margin-top:1%;
border: #000000 solid;
}
 
.vignette10 {
margin-bottom:2%;
}
.vignette10 > .colonne12 { display:table-cell;width: 64%;vertical-align:top; margin:2%; padding-top:1.6%; }
.vignette10 > .colonne11 { display:table-cell;width: 12.8%; width: 13%\9; vertical-align:top;  text-align:left; padding-left:0.5%;}
.vignette10 > .colonne12 a img
{width:93%;
margin-top:2%;  
   border: #000000 solid;
 margin-bottom:1%;}

/*  .vignette10delphia utilisé actu2013*/
.vignette10delphia a img.imgmargesus {
margin-top:10%;
margin-bottom:15%;
}


 .vignette10delphia a:hover .grand {
position:absolute;
top:26.5%;
 left:16.8%;
 left:15.7%\9;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65.5%;
 width:68.2%\9;
 z-index:1;
overflow:hidden;
 }
  .vignette10delphia .colonne11 img, .vignette10delphia .colonne13 img
{width:96%;
margin-top:1%;
border: #000000 solid;
}
 

.vignette10delphia > .colonne12 { display:table-cell;width: 64%;vertical-align:top; margin:2%; padding-top:1.6%; }
.vignette10delphia > .colonne11 { display:table-cell;width: 12.8%; vertical-align:top;  text-align:left; padding-left:0.5%;}
.vignette10delphia > .colonne13 { display:table-cell;width: 12.8%; vertical-align:top;  text-align:right; }


 /*  .vignette14delphia utilisé actu2013*/
.vignette14delphia a img.imgmargesus {
margin-top:22%;
margin-bottom:15%;
}
.vignette14delphia .colonne12 a img.image20 {
width:19%;
margin:2%;
margin-top:1%;
}

 .vignette14delphia a:hover .grand {
position:absolute;
top:21.2%;
 left:17%;
 left:15.6%\9;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65.5%;
 width:68.2%\9;
 z-index:1;
overflow:hidden;
 }
  .vignette14delphia .colonne11 img, .vignette14delphia .colonne13 img
{width:99%;
margin-top:1%;
border: #000000 solid;
}
 

.vignette14delphia > .colonne12 { display:table-cell;width: 64%;vertical-align:top;  }
.vignette14delphia > .colonne12 a img { margin-top:1% ;  margin-bottom:1%;  }
.vignette14delphia > .colonne11 { display:table-cell;width: 12.8%; vertical-align:top;  text-align:left; padding-left:0.5%;}
 .vignette14delphia > .colonne13 { display:table-cell;width: 12.8%; vertical-align:top;  text-align:right; }
  /*  .vignettes10 utilisé chezplusou*/
.vignettes10 a:hover .grand {
position:absolute;
top:0;
 left:17%;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65.5%;
 width:66.7%\9;
 z-index:1;
overflow:hidden;
 }
.vignettes10 a img.margepetite
{
margin:5px;}
.vignettes10 {
margin-bottom:2%;
}
.vignettes10 > .colonne12 { display:table-cell;width: 64%;vertical-align:top; margin:2%; padding-top:1.6%; }
.vignettes10 > .colonne11 { display:table-cell;width: 12.8%; width: 13%\9; vertical-align:top;  text-align:left; padding-left:0.5%;}
.vignettes10 > .colonne12 a img
{width:92%;
width:94%\9;
margin-top:1%;  
   border: #000000 solid;
 margin-bottom:1%;}
 

 
 .vignettes11 a:hover .grand {
position:absolute;
top:1.7%;
 left:17%;
 left:16.5%\9;
 margin:none;
 padding:none;
 border: #000000 solid;
 width:65.5%;
 width:66.7%\9;
 z-index:1;
overflow:hidden;
 }
.vignettes11 a img.margepetite
{
margin:5px;}
.vignettes11 {
margin-bottom:2%;
}
 .vignettes11 .colonne11 img, .vignettes11 .colonne13 img
{width:88%;
width:87%\9;
margin-top:2%;
border: #000000 solid;
 margin-bottom:3%;}
 
.vignettes11 > .colonne12 { display:table-cell;width: 64%;vertical-align:top; margin:2%; padding-top:1.6%; }
.vignettes11 > .colonne11 { display:table-cell;width: 12.8%; width: 13%\9; vertical-align:top;  text-align:left; padding-left:0.5%;}
.vignettes11 > .colonne12 a img
{width:92%;
width:94%\9;
margin-top:1%;  
   border: #000000 solid;
 margin-bottom:1%;}
  
.colonne12 a img
{width:92%;
width:94%\9;
margin-top:3%;  
   border: #000000 solid;
 margin-bottom:3.5%;}
 

 
.komdelphia34actus{
padding-top:10%;
text-align:center;
}
   

   
    .vignettes8 a img
{width:12.4%;  
   border: #000000 solid;
   margin:0.5%;}


 
  .colonne9 a img
{width:95%;  
   border: #000000 solid;
 margin-bottom:2%;}
 

.client {
position:relative;
margin-top:2%;
text-align:center;
width:100%;
height:100%;
overflow:hidden;}

.marque2 {
margin:2%;}
 
 .colonnes a img
{width:95%;  
   border: #000000 solid;
 margin-bottom:15%;}
 
 .colonnescourtes a img
{width:95%;  
   border: #000000 solid;
 margin-bottom:2%;}


 

 
 .colonne75 a img
{width:85%;  
   border: #000000 solid;
   text-align:left;
}
 .colonne75 p
{
padding-left:1%;
padding-top:2%;
text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   font-weight  :bold;
}
 
   .colonne25 a img {
  width:65%;
  border: #000000 solid;
  } 
.client img.grand {
  display:block;
 position:absolute;
 border:hidden; 
 width:0; 
 }


.client a{
border:none;}

.legende {
text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   font-weight  :bold;

}
.colonnescourtes .commentaires {
padding-bottom:10%;
padding-top:10%;
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold; 
 }

 .colonnescourtes .commentaires2 {
padding-bottom:5%;
padding-top:5%;
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold; 
 }

.commentaires {
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold;     
}
.commentaires a{
    color: #0000FF;     
}
.listebateaux {
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold;
   margin:2%;   
}

.liste {
   text-align:left;
   font-weight  :bold;
   margin:5%;
   list-style: disc;
   margin-top:2%;
}

.titre2 {
   margin:2%;
  
}

.commentairesgros {
   text-align: center;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:1.5em;
   font-weight  :bold;
   margin-bottom:2%;
     
}
.commentairesgros a {
   text-align: center;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:1.3em;
   font-weight  :bold;
   margin-bottom:2%;
    color: #0000FF;
     
}
.commentairescentre {
   text-align: center;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#FFFBF0;
   font-size:1.1em;
   font-weight  :bold;
   margin-bottom:2%;   
}
.signature {
    font-family: "Comic Sans MS",Candara,Arial;
    font-weight: bold;
	text-align: left;
	
}

.signature a {
    color: #0000FF;
}
h2{
font-size:1em;
font-style:italic;}

.ville {
	color: #666666;
	font-style: italic;
	font-weight: bold;
	text-align:left;
}
h3{
font-size: 1em;
}
.signature hr{
margin-bottom:3%;
margin-top:3%;
width:70%;
border-color: #000000;
border-style: solid;
}
.client hr{
margin-bottom:3%;
margin-top:3%;
width:70%;
border-color: #000000;
border-style: solid;
}
.partie75 hr{
margin-bottom:2%;
width:70%;
border-color: #000000;
border-style: solid;
}
#livre hr{
margin-top:2%;
margin-bottom:1%;
width:85%;
border-color: #808080;
border-style: solid;
}
#retours{
width:99%;
text-align:center;
margin-top:2%;
display:table;
font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold;
   padding-top:1%;
   padding-bottom:1%;
   border: 4px double #000000;
   vertical-align:middle;
}
#pageunique{
margin-left:20%;
width:76%;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:1.1em;
   font-weight  :bold;
   padding-top:1%;
   padding-bottom:1%;
   border: 4px double #000000;
   vertical-align:middle;
}
.partie90 {
	width:100%;
	margin-top: 3%;
}
.colonne45 {vertical-align:middle; width: 45%; float:left;  margin-top:1%; text-align:left; font-family: Cambria, Arial, Verdana; font-weight:bolder;
   font-size:1em;
    }
	.colonne45 br {
	line-height:0.5em;
    }
	
/*  colonne56 utilisé actu2013*/
.colonne56 {vertical-align:middle; width: 50%; float:right;  margin-top:1%;  }

/*  colonne56 utilisé service*/
.colonne55 {vertical-align:middle; width: 50%; float:right;  margin-top:1%; padding-top:3%; }


#page2colonne1 {display:table-cell; vertical-align:middle; width: 50%;  margin-top:1%; }
#page2colonne2 {display:table-cell; vertical-align:middle; width: 50%;  margin-top:1%; }
#page3colonne1 {display:table-cell; vertical-align:middle; width: 33%;  margin-top:1%; }
#page3colonne2 {display:table-cell; vertical-align:middle; width: 33%;  margin-top:1%; }
#page3colonne3 {display:table-cell; vertical-align:middle; width: 33%;  margin-top:1%; }
#page4colonne1 {display:table-cell; vertical-align:middle; width: 25%;  margin-top:1%; }
#page4colonne2 {display:table-cell; vertical-align:middle; width: 25%;  margin-top:1%; }
#page4colonne3 {display:table-cell; vertical-align:middle; width: 25%;  margin-top:1%; }
#page4colonne4 {display:table-cell; vertical-align:middle; width: 25%;  margin-top:1%; }
#pageactuelle { color:#FFFFFF;}

#footer {
margin-top:3%;
}
#footer .partie {
width:25%;

}
#footer img{
border-style:none;
}

#footer2 {
margin-top:3%;
margin-left:1%;
}
#footer2 .partie {
width:19%;

}
#footer2 .partie2 {
width:60%;

}
#footer2 img{
border-style:none;
}
 @media only screen and (max-device-width:6in) {
 
#menu li{
background-image:url(../images/ancre.gif);
	margin-left:0;
}

#menu {
padding-left:0;
}


}
.tableauactu { 
  display: table; 
  border-spacing: 4px;
  width: 95%; 
  vertical-align: middle; 
}
.tableauactu a{
    color: #0000FF;     
} 
.rowactu { 
  display: table-row;
  vertical-align: middle; 
}
.colactu{ 
  display: table-col;
  width:60%;
  vertical-align: middle; 
}

.celluleactu  {
  text-align:left;
  display: table-cell;
  vertical-align: middle;

}

.celluleactu p {
  float:left;
  text-align:left;
  margin:2%;
  width:60%;  
   

}


.celluleactu p span {
  font-weight: bold;
  background-image:url("../images/Curseurs/lon.gif");
  background-repeat:no-repeat;
  text-indent: 20%;
}
.celluleactu img { 
  margin:10%;
  margin-right:20%;
  float:right;
   border-color:black;
   border-width:3px;
 border-style:solid;
}
.celluleactu2  {
  text-align:left;
  display: table-cell;
  vertical-align: middle;

}

.celluleactu2 p {
  float:left;
  margin:2%;
  width:85%;
  vertical-align: middle;
  background-image:url("../images/Curseurs/lon.gif");  
  background-repeat:no-repeat;
  background-position: left; 
  text-indent: 5%; 
   

}


.celluleactu2 p span {
  font-weight: bold;
}
.celluleactu2 img { 
  margin:2%;
  vertical-align:left;
  border-color:black;
   border-width:3px;
 border-style:solid;
  margin-left:5%;

  width:80%;
}
.actusoul20{
   padding-top:1%;
   padding-bottom:1%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration:underline;
   vertical-align:middle;
}
.listeadherents {
   text-align:left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:1.1em;
   margin:2%;   
}
.listeadherents span {
  
   font-weight  :bold;
      
}