/* 
Fichier CSS de www.trimaran-esperanza.com
 */


/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

body {
	padding: 0;
	margin: 0;
	font-family:Calibri, Arial, sans-serif;
	text-align: center;
	background:#a0c4ff url(_images/fond_body.jpg) no-repeat scroll center top;
	color:#000;
	font-size:12px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#0563ff;
}

p {
	margin: 0;
	padding: 0;
	color:#000;
}

h1{
	font-size: 18px;
	margin:0 0 20px 0;
}

h2{
	font-size: 14px;
	margin:0 0 20px 0;
}

h3{
	font-size: 18px;
	margin:0 0 10px 0;
}

h4{
	font-size: 14px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
}
 a:hover  {
	text-decoration: underline;
}

img {
	border: 0
}

.hide {
	display:none;
}

/* Page (enssemble du site)
-------------------------------------------------------- */

#wrapper {
	width: 1000px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	margin:50px 0 20px 0;
	padding: 0;
	width: 1000px;
	background:#FFFFFF url('_images/fond_menu.png') repeat-y scroll left top;
	border:solid 1px #000;
}

#contenu {
	float: right;
	width:710px;
	margin: 25px 25px 25px 25px;
	padding: 20px;
	border:solid 1px #5092ff;
	background:url('_images/back_contenu.png') repeat scroll left top;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
}
 
#contenuPageRubrique {
	float: left;
	width:730px;
	padding: 0 0 0 20px;
	margin: 25px 20px;
}

/* Page d'accueil
-------------------------------------------------------- */

#presentation {
	float: right;
	width:710px;
	margin: 25px;
	padding: 20px;
	border:solid 1px #5092ff;
	background:url('_images/back_contenu.png') repeat scroll left top;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
}

#news1 {
	float: left;
	width:320px;
	margin: 0 10px 20px 223px;
	padding: 20px;
	border:solid 1px #5092ff;
	background:url('_images/back_contenu.png') repeat scroll left top;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
}

#news2 {
	float: right;
	width:320px;
	margin: 0 25px 20px 10px;
	padding: 20px;
	border:solid 1px #5092ff;
	background:url('_images/back_contenu.png') repeat scroll left top;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
}

.loc_accueil {
	float: right;
	width:710px;
	margin: 0 45px 20px 0;
	padding: 0;
	border:solid 1px #5092ff;
	
}

/* lien pour demander un devis (vers la page de contact) */

#autre_loc {
	float:right;
	width:310px;
	margin: 0 25px 20px 0;
	padding: 0;
}

#autre_loc a {
	color:#5092ff;
}

#autre_loc a :hover{
	text-decoration: underline;
}

	
/* Entête
-------------------------------------------------------- */

#top {
	float: left;
	width: 1000px;
	height:200px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	z-index:1;
}

#top h1 {
	float: left;
	padding:0 0 0 10px;
	width: 400px;
	display:block;
}

#top h3 {
	color:#FFF;
	font-size:18px;
	margin:0 0 5px 0;
}

#top a, #top a:visited  {
	color: #c7c9ca;
	text-decoration: none;
}
#top a:hover {
	color: #fff;
	text-decoration: none;
}

#banniere {
	float:left;
	width:1000px;
	height:200px;
	margin:0;
}

/* Menu
-------------------------------------------------------- */

#menu{
	float:left;
	margin:20px 0 0 20px;
	padding:5px;
}

#menu li {
  font-size: 100%;
  display: list-item;
  list-style-image: url(_images/puce.png);
}

	

#menu li:hover {
  font-size: 100%;
  display: list-item;
  list-style-image: url(_images/puce_hover.png);
}

	
/* Dossiers
-------------------------------------------------------- */

#dossier {
	margin:0;
	padding:0;
}

#dossier .image {
	margin:10px 10px 10px 0;
	padding:1px;
	border:solid 1px #bbbdbf;
	float:left;
}

 
/* fil d'ariane
-------------------------------------------------------- */

#chemin {
	float: left;
	width:100%;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 8px 10px;
	background-color:#fff;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}

#chemin a:link, #chemin a:visited {
	color: #515053;
	text-decoration: none;
}

#chemin a:hover {
	color: #515053;
	text-decoration: underline;
}



/* Pied de page
-------------------------------------------------------- */

#footer {
	float: left;
	width: 100%;
	color: #000;
	font-size: 11px;
	font-weight:normal;
	padding:5px 0 5px 20px;
	background-color:#fff;
	border-top:solid 1px #000;
}
			
#footer a, #footer a:visited  {
	font-weight:normal;
	color: #000;
	text-decoration: none;
	padding:0 5px;
}

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


/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}