/* Feuille de styles maritech v1.0 - juillet 2008 */



/* ----------- Styles génériques ----------- */
	html {
		height : 100%;
		margin: 0;
		padding: 0;

	}
	h1, h2, h3, h4, h5, ul, li, div {
		margin: 0;
		padding: 0;
		border: 0;
	}
	h1 {
		background: #fff url(../images/logo.jpg) top left no-repeat;
		width: 776px;
		height: 126px;
		text-indent: -9999px;
	}
	h3 {
		width:540px;
		text-indent: -9999px;
	}
	h5 {
		width:219px;
		text-indent: -9999px;
	}


	body {
		background: #789CB2 url(../images/bg_body.gif) top center repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height : 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #285779;
		
	}
	select, input, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #285779;		
	}


/* ---------- Structure ---------- */
	
/* ----- centrer la page ----- */
		#page {
			width: 776px;	
			height : 100%!Important; 
			text-align: center;
			margin:0 auto 0 auto;
		}
		.fond{
		background: url(../images/fond_body.gif) top center repeat-y;
		height:100%;
		}
		
/*   Menu de navigation   */
		    ul#menu {
		        background: url(../images/fond_menu.gif) top center repeat-x;
     			list-style: none;
				margin: 0 0 0 0;
	            width: 776px;
				height: 27px;
				font-size:1.1em;
			}
			ul#menu li {
				float:left;
                display:block;
				width: 108px;
				height: 27px;
				background:url(../images/bouton.gif);
				padding: auto 0 0 auto;
				font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
				color: #1E6C7E;

			}
			ul#menu li.en {
				float:left;
                display:block;
				width: 108px;
				height: 27px;
				background:url(../images/bouton_en.gif);
				padding: auto 0 0 auto;
				font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
				color: #1E6C7E;

			}
			ul#menu li.fr {
				float:left;
                display:block;
				width: 108px;
				height: 27px;
				background:url(../images/bouton_fr.gif);
				padding: auto 0 0 auto;
				font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
				color: #1E6C7E;

			}
			ul#menu li a {
				font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
				color: #1E6C7E;
			}
			ul#menu li a:link					{ text-decoration: none; }
			ul#menu li a:visited				{ text-decoration: none;
												  color: #1E6C7E; }
			ul#menu li a:hover 					{ text-decoration: none;
												  color: #AEC4D1; }
			ul#menu li a:active 				{ text-decoration: none;
												  color: #1E6C7E; }
/*   gauche   */
		   #total_gauche {
			float:left;
			width:540px;
			text-align:left;
			}
			#total_gauche p {
			margin:50px 20px 0 50px;
			}
			h3.gauche {
				background: url(../images/produits_h_n.gif) top left no-repeat;
				width: 540px;
				height: 25px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h3.gauche_en {
				background: url(../images/produits_h_en.gif) top left no-repeat;
				width: 540px;
				height: 25px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h2.gauche {
				background: url(../images/produits_h.gif) top left no-repeat;
				width: 540px;
				height: 25px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h2.gauche_en {
				background: url(../images/produits_h_eng.gif) top left no-repeat;
				width: 540px;
				height: 25px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}

			#gauche_contenu {
				background: url(../images/produits_m.gif) top left repeat-y;
				padding: 1em;

			}
/*   produits  */
		
		ul#produits {
			list-style: none;
			
		}
		ul#produits li {
			position:relative;
			padding-left:150px;
			padding-top:5px;
		}
		#produits img {
			position:absolute;
			left:15px;
		}
		
/*   actualite */
		
		ul#actu {
			list-style: none;

			
		}
		ul#actu li {
			position:relative;
			padding-left:160px;
			padding-right:0;
			padding-top:0;

		}
		ul#actu li p{
			margin-top:2px;

		}
		#actu img {
			position:absolute;
			left:0;
		}
		#actu_contenu {
				background: url(../images/produits_m2.gif) top left repeat-y;
				padding: 1em;

		}
		h2.actu {
				background: url(../images/produits_h2.gif) top left no-repeat;
				width: 540px;
				height: 25px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h2.actu_en {
				background: url(../images/produits_h2_en.gif) top left no-repeat;
				width: 540px;
				height: 25px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}

/*   droite  */

		   #total_droite {
			float:right;
			width:219px;
			text-align:left;
			}

			h4.droite {
				background: url(../images/actualite_h.jpg) top left no-repeat;
				width: 219px;
				height: 33px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h4.droite_en {
				background: url(../images/actualite_h_en.jpg) top left no-repeat;
				width: 219px;
				height: 33px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			#droite{

			}
			#droite_contenu {
				background: #FFFFFF;
				padding: 1em;

			}
			#droite_contenu p {
				margin:2px;
				padding:2px;

			}
.blanc{
color:#FFFFFF;
}	
#newsletter{
padding:0;
margin:0;
font-size:10px;
}
.fond_vert{
background-color:#789CB2 ;
}

/*   droite_contact  */

		   #total_droite_contact {
			float:right;
			width:219px;
			text-align:left;
			}

			h4.droite_contact {
				background: url(../images/coor_h.jpg) top left no-repeat;
				width: 219px;
				height: 33px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h4.droite_contact_en {
				background: url(../images/coor_h_en.jpg) top left no-repeat;
				width: 219px;
				height: 33px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h4.droite_contact2 {
				background: url(../images/plan_h.jpg) top left no-repeat;
				width: 219px;
				height: 33px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			h4.droite_contact2_en {
				background: url(../images/plan_h_en.jpg) top left no-repeat;
				width: 219px;
				height: 33px;
				text-align:left;
				text-indent: -9999px;
				margin-top: 1em;
			}
			#droite_contenu2 {
				background: #FFFFFF;
				padding: 1em;

			}
			#droite_contenu3 {
				background: #FFFFFF;
				padding: 1em;

			}			
		
/*   news  */
		 
			h5.news {
				background: url(../images/newsletter_h.jpg) top left no-repeat;
				width: 219px;
				height: 72px;
				text-indent: -9999px;
				margin-top: 23px;
			}
			h5.news_en {
				background: url(../images/newsletter_h_en.jpg) top left no-repeat;
				width: 219px;
				height: 72px;
				text-indent: -9999px;
				margin-top: 23px;
			}
	


/*   Formulaire contact */
#form_contact {
	float: left;
	margin:40px 0 0 50px;
	padding:0;
	width:475px;
	text-align:left;
}
#form_contact p {
	margin:0;
	padding: 0;
}

#form_contact label {
	width: 100px;
	display: block;
	cursor: pointer;
	float: left;
	margin-top: 0.65em;
	clear: left;
	font-weight:bold;
}

#form_contact input {
	float: left;	
	margin-top: 0.65em;
}
#form_contact select {
	float: left;
	margin-top: 0.65em;
}
#form_contact textarea {
	float: left;
	margin: 1em 0 1em 0;
}
#form_contact img {
	float: left;
	clear: left;
	margin-left:100px;
}
#form_contact label.copier {
	float: left;
	clear: none;
	margin-left:30px;
	width:65px;
}
.boutons {
	margin-top: 0.65em;
	float: left;
	margin-left:95px;
	clear: left;
}