﻿@font-face {
	font-family: 'AvantGardEF';
	src: url('AvantGardEF-Medium.otf')/*tpa=http://syarn-shipsupply.com/templates/css/AvantGardEF-Medium.otf*/;
}
@font-face {
	font-family: 'AlternateGothic2 BT';
	src: url('Alternate_Gothic.ttf')/*tpa=http://syarn-shipsupply.com/templates/css/Alternate_Gothic.ttf*/;
}
@charset "utf-8";
/* CSS Document */
body, html {
	margin: 0;
	padding: 0;
	color: #000;
	background: #FFF;
}
#header {
	margin-bottom: -22px;
}
#footer{
	
position:relative;
display:block;
clear:both
}
#allContent{

}
#container-text{
position: relative;
clear:both
}
a img
{
border: none;
}
#top {
	background: url(bande.png)/*tpa=http://syarn-shipsupply.com/templates/images/bande.png*/;
	height: 13px;
}
#menu_h {
	background: url(bar1.png)/*tpa=http://syarn-shipsupply.com/templates/images/bar1.png*/;
	height: 35px;
	margin-top:-11px;
}
.contenu_h {
	height: 109px;
	width: 960px;
	margin: 0 auto;
}
#menu_c {
	background: url(bar2.png)/*tpa=http://syarn-shipsupply.com/templates/images/bar2.png*/;
	height: 44px;
	width: 960px;

}
.icone {
	width: 20px;
	height: 20px;
	margin-left: 1px;
	margin-top: 8px;
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
height: 88px;
}
.wrapper ol, ul {
	list-style: none outside none;
}
ul#menu {

	width: 960px;
	margin-top: -5px;
	margin-left: -50px;
}
ul#menu li {
	float: left;
	display: block;
	margin-top: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-right: 15px;
	padding-left: 15px;
}
ul#menu li h5 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ebece6;
	text-decoration: none;
	height: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: -10px
}
ul#menu li:hover, ul#menu li.active {

	background: url(menu_active.png)/*tpa=http://syarn-shipsupply.com/templates/images/menu_active.png*/ repeat;
	height: 35px;
	margin-top: 0px;
}
ul#menu_c {

	width: 920px;
	margin-top: 0px;
    padding-left: 20px;
}

ul#menu_c a:hover, ul#menu_c li.actives {

	color:#3FF;
}

ul#menu_c li {
	float: left;
	display: block;
	margin-top: 0px;
 
	background-repeat: no-repeat;
	background-position: center 0px;
    margin-right: 10px;
    padding-left: 7px;
    white-space: nowrap;
}
ul#menu_c li h5 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ebece6;
	text-decoration: none;
	height: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: -10px
}
#menu_c_about {
	background: url(bar2.png)/*tpa=http://syarn-shipsupply.com/templates/images/bar2.png*/;
	height: 44px;
	width: 960px;
    margin: auto;

}
ul#menu_c_about {

	width: 920px;
	margin-top: 0px;
}
ul#menu_c_about li {
	float: left;
	display: block;
	margin-top: 0px;
	 
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-right: 18px;
	padding-left: 5px;
}
ul#menu_c_about li {
	float: left;
	display: block;
	margin-top: 0px;
	 
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-right: 0px;
	padding-left: 32px;
}
ul#menu_c_about li h5 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ebece6;
	text-decoration: none;
	height: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: -9px
}
#container {
	width: 960px;
	margin: 0 auto;
	margin-left: 10;
}
#container_img {
	height: 362px;
	width: 960px;
    margin: -95px auto 0;
}
#container_home {
	 
	width: 960px;
	margin: 0 auto;
}
.contenu_f {
	width: 960px;
	height: 175px;
	margin: 0 auto;
}
#footer_1 {
	background: url(footer_1.png)/*tpa=http://syarn-shipsupply.com/templates/images/footer_1.png*/ repeat;
	height: 17px;
}
#footer_2 {
	background: url(footer_2.png)/*tpa=http://syarn-shipsupply.com/templates/images/footer_2.png*/ repeat;
	height: 201px;
}
#footer_3 {
	background: url(footer_3.png)/*tpa=http://syarn-shipsupply.com/templates/images/footer_3.png*/ repeat;
	height: 62px;
}
.footer_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 15px;
	text-transform: uppercase;
}
.footer_texte {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	margin-top: 20px;
	line-height: 180%;
}
.li_footer {
	background: url(puce.png)/*tpa=http://syarn-shipsupply.com/templates/images/puce.png*/ no-repeat scroll 0 9px transparent;
	font-weight: bold;
	padding-left: 13px;
	padding-top: 1px;
}
.bar_3 {
 	margin-top: -45px;
	background: url(bar3.png)/*tpa=http://syarn-shipsupply.com/templates/images/bar3.png*/ no-repeat;
	height: 50px;
	width: 960px;
}
.bar_3_text {
	color: #FFF;
	font-size: 23px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: 6px;
	font-weight:bold;
}
.bar_4 {

	background: url(bar4.png)/*tpa=http://syarn-shipsupply.com/templates/images/bar4.png*/ no-repeat;
	height: 50px;
	margin-top: 10px;
}
.bar_4_text {
	color: #FFF;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: 15px;
}
.about_titre {
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.about_text {

	line-height: 172%;
	margin-top: 15px;
	font-size: 12px;
	color: #565656;
	font-family: Arial, Helvetica, sans-serif;
	height: 85px;
	overflow: hidden;
	width: 465px;
}
.bar_5 {

	background: url(bar5.png)/*tpa=http://syarn-shipsupply.com/templates/images/bar5.png*/ no-repeat;
	height: 50px;
	margin-top: -23px;
}
.bar_5_text {
	text-transform: uppercase;
	color: #FFF;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: 6px;
	font-weight:bold
}
.input_text_contact {
	width: 385px;
	height: 24px;

}
.input_textarea_contact {
	width: 384px;
	height: 120px;

}
.input_textarea_feedback {
	width: 384px;
	height: 68px;

}
.service_titre {
	margin-left: 6px;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.service_titre_1 {
	margin-left: 6px;
	margin-bottom: 11px;
	margin-top: 5px;
	color: #aaabab;
	font-size: 11.78px;
	font-family: Arial, Helvetica, sans-serif;
}
.service_text {

	line-height: 172%;
	margin-top: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 64px;
	overflow: hidden;
	margin-bottom: 1px;
}
.business_text {

	line-height: 172%;
	margin-top: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 84px;
	overflow: hidden;
	width: 463px;
	margin-bottom: 2px;
}
.input_file_style_file {
	opacity: 0.0;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	filter: alpha(opacity=0);
	height: 23px;
	width: 275px;
}
.input_file_style_new {
	margin-top: -23px;
}
.input_file_style_new img, .input_file_style_new input {
	vertical-align: middle;
}
.input_file_style_new input {
 
	height: 22px;
	margin: 1px;
	margin-right: 2px;
	padding: 1px;
}

.read-more {
	color:#20b9db;
	text-decoration: none;
 
}
.read-more:hover {
	color:#2379EF;
	text-decoration: underline;
 
}

.footer_link {
	color:#FFF;
	text-decoration: none;
 
}
.footer_link:hover {
	color:#FFF;
	text-decoration: underline;
 
}













/*
	Slideshow
*/

#slides {

	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 962px;
	 height: 414px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:relative;
	top:204px;
	left:30px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:882px;
    top:-253px;
}
#slides .prev {
    top:-210px;
}
