/* CSS Document */


/*.mv7 {  *********   supression temporaire du bouton "téléchargements"   penser à modifier le margin de #menu-vertical ul li { ****
	position:absolute;
	top:-5000px;
	left:-5000px;
	}*/

* {
	margin:0;
	padding:0
	}

body{
	/*font: 76% arial,sans-serif;*/
	font:70% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
	background:#8E001C;
	}

#page{
	position:absolute;
	text-align:left;
	width:990px;
	margin-left:-495px;
	left:50%;
	height:606px;
	margin-top:-303px;
	top: 50%;
	background:#FFF url(images/structure/fond-990x606.jpg) no-repeat;
	overflow:hidden;
	}
h1 {
	padding:20px 0 0 20px;
	font-size:1.4em;
	}
h2 {
	padding:20px 0 0 8px;
	font-size:1.2em;
	font-size:1.2em;
	}
h3 {
	padding:20px 0 0 20px;
	font-size:1.2em;
	}
h4 {
	padding:20px 0 0 20px;
	font-size:0.9em;
	}
p {
	padding:10px 20px 0 20px;
	line-height:1.1em;
	}
td p {
	padding:10px 10px 0 20px;
	}
a, a:link, a:visited {
	color: #333333;
	z-index:300;
	}
 
img {
	border:none;
	}


.center {
	margin:0 auto;
	}

#contents li {
	margin:3px 20px 0 35px;
	}


#banner {
	position:absolute;
	width:784px;
	height:146px;
	left:206px;
	top:0;
	}

#logo {
	position:absolute;
	width:198px;
	height:146px;
	left:8px;
	top:0;
	}
#logo a.retour_accueil {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:198px;
	height:146px;
	background: url(images/out/logo.jpg);
	}
#logo a.retour_accueil:hover {
	background:url(images/hover/logo.jpg);
	}
#logo a.retour_accueil span {
	display:block;
	position: absolute;
	top:-5000px;
	left:-5000px;
	}


/******* menu vertical ***************/
#menu-vertical {
	position:absolute;
	width:198px;
	height:291px;
	left:8px;
	top:146px;
	overflow:hidden;
	}
#menu-vertical ul li {
	height:30px;
	margin: 9px 0;
	margin: 10px 0;
	}
#menu-vertical ul li a {
	display:block;
	width:186px;
	height:24px;
	background:url(images/out/mv-out.jpg);
	text-decoration:none;
	padding:6px 0 0 12px;
	margin: 8px 0 0 0 ;
	}	
#menu-vertical ul li a span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#666;
	}
#menu-vertical ul li a:hover {
	background:url(images/hover/mv-hover.jpg);
	}	
#menu-vertical ul li a:hover  span {
	color:#FFFFFF;
	}

#menu-vertical.affretement ul li a.mv1 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.affretement ul li a.mv1 span {
	color:#FFFFFF;
	}
	
#menu-vertical.transport ul li a.mv2 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.transport ul li a.mv2 span {
	color:#FFFFFF;
	}
	
#menu-vertical.logistique ul li a.mv3 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.logistique ul li a.mv3 span {
	color:#FFFFFF;
	}
	
#menu-vertical.coordonnees ul li a.mv4 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.coordonnees ul li a.mv4 span {
	color:#FFFFFF;
	}
#menu-vertical.plan-acces ul li a.mv5 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.plan-acces ul li a.mv5 span {
	color:#FFFFFF;
	}
	
#menu-vertical.contact ul li a.mv6 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.contact ul li a.mv6 span {
	color:#FFFFFF;
	}
	
#menu-vertical.documents ul li a.mv7 {
	background:url(images/structure/mv-active.jpg);
	}	
#menu-vertical.documents ul li a.mv7 span {
	color:#FFFFFF;
	}

.affretement #menu-vertical ul li a.mv1 {
	background:url(images/structure/mv-active.jpg);
	}	
.affretement #menu-vertical ul li a.mv1 span {
	color:#FFFFFF;
	}
	
.transport #menu-vertical ul li a.mv2 {
	background:url(images/structure/mv-active.jpg);
	}	
.transport #menu-vertical ul li a.mv2 span {
	color:#FFFFFF;
	}
	
.logistique #menu-vertical ul li a.mv3 {
	background:url(images/structure/mv-active.jpg);
	}	
.logistique #menu-vertical ul li a.mv3 span {
	color:#FFFFFF;
	}
	
.coordonnees #menu-verticalul li a.mv4 {
	background:url(images/structure/mv-active.jpg);
	}	
.coordonnees #menu-vertical ul li a.mv4 span {
	color:#FFFFFF;
	}
.plan-acces #menu-vertical ul li a.mv5 {
	background:url(images/structure/mv-active.jpg);
	}	
.plan-acces #menu-vertical ul li a.mv5 span {
	color:#FFFFFF;
	}
	
.contact #menu-vertical ul li a.mv6 {
	background:url(images/structure/mv-active.jpg);
	}	
.contact #menu-vertical ul li a.mv6 span {
	color:#FFFFFF;
	}
	
.documents #menu-vertical ul li a.mv7 {
	background:url(images/structure/mv-active.jpg);
	}	
.documents #menu-vertical ul li a.mv7 span {
	color:#FFFFFF;
	}

/******* fin menu vertical ***************/
	
	
#contents {
	position:absolute;
	width:784px;
	height:433px;
	left:206px;
	top:146px;
	}
#contents #main {
	position:absolute;
	width:784px;
	height:433px;
	left:0px;
	top:0px;
	overflow:hidden;
	background:#FFFFFF;
	}

#contents #main  #texte1 {
	position:absolute;
	width:784px;
	height:430px;
	left:0px;
	top:0px;
	overflow:auto;
	}






#footer{
	position:absolute;
	width:784px;
	height:17px;
	left:206px;
	top:579px;
	background: #575757;
	color: #FFF;;
	}
	
#footer p{
	padding:5px 10px;
	}


/****** diaporama *****/
#diaporama {
	position:absolute;
	width: 198px;
	height: 159px;
	left:8px;
	top:437px;
	background:#FFFFFF;
	}



/***** prechargement *****/
.prechargement {
	position:absolute;
	top:-5000px;
	left:-5000px;
	display:none;
	}
	
	
/***************************************/
/************** page index *************/
/***************************************/
#banner.index {
	background:url(images/index/banner.jpg) no-repeat;
	}
.index #banner {
	background:url(images/index/banner.jpg) no-repeat;
	}
#banner.index #phrase-500x50 {
	position:absolute;
	top:0;
	width:500px;
	height:50px;
	left:284px;
	}
	
#banner.index a {
	display:block;
	position:absolute;
	width:145px;
	height:22px;
	left:538px;
	}
#banner.index a.affretement {
	top:53px;
	background:url(images/out/affretement.jpg) no-repeat;
	}
#banner.index a:hover.affretement {
	background:url(images/hover/affretement.jpg) no-repeat;
	}

#banner.index a.transport {
	top:87px;
	background:url(images/out/transport.jpg) no-repeat;
	}
#banner.index a:hover.transport {
	background:url(images/hover/transport.jpg) no-repeat;
	}

#banner.index a.logistique {
	top:120px;
	background:url(images/out/logistique.jpg) no-repeat;
	}
#banner.index a:hover.logistique {
	background:url(images/hover/logistique.jpg) no-repeat;
	}


#contents #main.index  {
	height:351px;
	background: url(images/index/content.jpg) no-repeat;
	}
	
#contents #main.index #div1 {
	position:absolute;
	width:380px;
	left:138px;
	top:49px;
	}
#contents #main.index #div2 {
	position:absolute;
	width:630px;
	left:138px;
	top:153px;
	}
#contents #main.index #div3 {
	position:absolute;
	width:630px;
	left:138px;
	top:273px;
	}

#contents #main.index #div1 a , #contents #main.index #div2 a , #contents #main.index #div3 a {
	display:inline;
	height:inherit;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	}
#contents #main.index #div1 a:hover , #contents #main.index #div2 a:hover , #contents #main.index #div3 a:hover {
	text-decoration:underline;
	font-style:italic;
	}
#contents #main.index #div1 p , #contents #main.index #div2 p , #contents #main.index #div3 p {
	margin:14px 0 0 0;
	padding:0;
	}
	
	h1.accueil
	{padding-top:0;}
	
/*********ajout 080922********/
.index #banner {
	background:url(images/index/banner.jpg) no-repeat;
	}
.index #banner #phrase-500x50 {
	position:absolute;
	top:0;
	width:500px;
	height:50px;
	left:284px;
	}
	
.index #banner a {
	display:block;
	position:absolute;
	width:145px;
	height:22px;
	left:538px;
	}
.index #banner a.affretement {
	top:53px;
	background:url(images/out/affretement.jpg) no-repeat;
	}
.index #banner a:hover.affretement {
	background:url(images/hover/affretement.jpg) no-repeat;
	}

.index #banner a.transport {
	top:87px;
	background:url(images/out/transport.jpg) no-repeat;
	}
.index #banner a:hover.transport {
	background:url(images/hover/transport.jpg) no-repeat;
	}

.index #banner a.logistique {
	top:120px;
	background:url(images/out/logistique.jpg) no-repeat;
	}
.index #banner a:hover.logistique {
	background:url(images/hover/logistique.jpg) no-repeat;
	}

.index #banner  a span  {
	display:block;
	position:absolute;
	top:-5000px;
	left:-5000px;
	}
.index #contents #main  {
	height:351px;
	background: url(images/index/content.jpg) no-repeat;
	}
	
.index #contents #main #div1 {
	position:absolute;
	width:380px;
	/*height:90px;*/
	left:138px;
	top:49px;
	}
.index #contents #main #div2 {
	position:absolute;
	width:630px;
	/*height:90px;*/
	left:138px;
	top:153px;
	}
.index #contents #main #div3 {
	position:absolute;
	width:630px;
	/*height:90px;*/
	left:138px;
	top:273px;
	}

.index #contents #main #div1 a , .index #contents #main #div2 a , .index #contents #main #div3 a {
	display:inline;
	height:inherit;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	}
.index #contents #main #div1 a:hover , .index #contents #main #div2 a:hover , .index #contents #main #div3 a:hover {
	text-decoration:underline;
	font-style:italic;
	}
.index #contents #main #div1 p , .index #contents #main #div2 p ,.index #contents #main #div3 p {
	margin:24px 0 0 0;
	padding:0;
	}

/*********fin ajout 080922********/		

#news  {
	position:absolute;
	width:784px;
	height:82px;
	left:0;
	top:351px;
	background: url(images/index/news.jpg) no-repeat;
}	

#news #news1, #news #news2, #news #news3 {
	position:absolute;
	width:230px;
	height:60px;
	top:22px;
	}
#news #news1 {
	left:38px;
	}
#news #news2 {
	left:292px;
	}
#news #news3 {
	left:546px;
	}
#news img {
	width:83px;
	height:56px;
	margin:1px 4px 0 0;
	float:left;
	}
#news p, #news a {
	color:#FFFFFF;
	font-size:10px;
	margin:0;
	padding:0;
	}
#news a {
	position:absolute;
	display:block;
	text-decoration:none;
	font-style:italic;
	width:102px;
	right:0px;
	top:40px;
	}
#news a:hover {
	text-decoration:underline;
	}	
/****** boutons index   *****/
/*.index a {
	display:block;
	position:absolute;
	width:300px;
	height:60px;
	}
.index a span {
	position:absolute;
	top:-5000px;
	left:-5000px;
	}
.index a.transport {
	top:546px;
	left:196px;
	background:url(images/out/accueil-transport.jpg);
	}	
.index a.transport:hover {		
	background:url(images/hover/accueil-transport.jpg);
	}
.index a.affretement {
	top:428px;
	left:350px;
	background:url(images/out/accueil-affretement.jpg);
	}	
.index a.affretement:hover {		
	background:url(images/hover/accueil-affretement.jpg);
	}	
.index a.logistique {
	top:672px;
	left:629px;
	background:url(images/out/accueil-logistique.jpg);
	}	
.index a.logistique:hover {		
	background:url(images/hover/accueil-logistique.jpg);
	}		
*/

/****************************************/
/*********** page affretement ***********/
/****************************************/

.affretement #contents #main  {
	background: url(images/affretement/content.jpg) no-repeat;
	}	


/***************************************/
/*********** page transport ***********/
/***************************************/

.transport #contents #main {
	background: url(images/transport/content.jpg) no-repeat;
}

/****************************************/
/*********** page logistique ************/
/***************************************/

.logistique #contents #main {
	background: url(images/logistique/content.jpg) no-repeat;
	}

/***************************************/
/************* page coordonnées *****/
/***************************************/

.coordonnees #contents #main	{
	background: url(images/coordonnees/content.jpg) no-repeat;
	}
.coordonnees #contents #main #texte1	{
	position:absolute;
	width:280px;
	height:410px;
	left:493px;
	top:15px;
	overflow:hidden;
	}

/***************************************/
/************* page contact *****/
/***************************************/
.contact #contents #main 	{
	background: url(images/contact/content.jpg) no-repeat;
	}
.contact #contents #main #texte1	{
	position:absolute;
	width:760px;
	height:410px;
	left:12px;
	top:15px;
	overflow:auto;
	}
	
/***************************************/
/************* page documents *****/
/***************************************/
.documents #contents #main 	{
	background: url(images/documents/content.jpg) no-repeat;
	}
.documents #contents #main #texte1	{
	position:absolute;
	width:760px;
	height:410px;
	left:12px;
	top:15px;
	overflow:auto;
	}
	
/***************************************/
/************* page plan-acces *****/
/***************************************/
.plan-acces #contents #main 	{
	background: url(images/plan-acces/content.jpg) no-repeat;
	}
.plan-acces #contents #main #texte1	{
	position:absolute;
	width:760px;
	height:410px;
	left:27px;
	top:15px;
	overflow:hidden;
	}

/***************************************/
/************* page news *****/
/***************************************/

.news #contents #main	{
	background: url(images/news/content.jpg) no-repeat;
	}
.news #contents #main #texte1	{
	position:absolute;
	width:760px;
	height:410px;
	left:12px;
	top:15px;
	overflow:auto;
	}	

.news #contents #main p img {
	float:left;
	margin:0 20px 0 0;
	}
.news #contents #main img.trait {
	clear:left;
	}
.news #contents #main ul {
	margin:0  0 0 30px;
	}
.news #contents #main ul li {
	margin:0 0 0 60px;
	padding-left:50px;
	}

/***************************************/
/************* page mentions-legales*****/
/***************************************/

.mentions-legales 	#contents #main{
	background: url(images/mentions-legales/content.jpg) no-repeat;
	}
.mentions-legales 	#contents #main #texte1	{
	position:absolute;
	width:760px;
	height:410px;
	left:12px;
	top:15px;
	overflow:auto;
	}
	
	
	

/***************** largeur ********************/
.w100 { width:100px;}
.w140 { width:140px;}
.w156 { width:156px;}
.w162 { width:162px;}
.w198 { width:198px;}
.w330 { width:330px;}
.w418 { width:418px;}
.w450 { width:450px;}
.w542 { width:542px;}
.w600 { width:600px;}
.w750 { width:750px;}


/****** alignement ****/
.right {text-align:right;}


/******** formulaire de contact ***/
.table_formulaire_contact {
	width:600px;
	margin:0 auto;
	}
.table_formulaire_contact .col_gauche {
	width:140px;
	text-align:right;}
	
/*********************/
/****** menu bas ****/
/*********************/

/*#footer #retour_top {
}
#footer #retour_top a {
display:block;
width:30px;
height:30px;
position:absolute;
left:5px;
top:5px;
background:url(images/out/fleche-16x20.gif) no-repeat;
}
#footer #retour_top a:hover {
background:url(images/hover/fleche-16x20.gif) no-repeat;
}
#footer #retour_top a span {
	position:absolute;
	top:-5000px;
	left:-5000px;
	}*/
	
	
#footer ul#menu-horizontal  {
	list-style-image:none;
	list-style-type:none;
	padding:0px 0 0 0px;
	}
#footer ul#menu-horizontal li {
	float:left;
	padding:0 0 0 26px ;
	height:14px;
	/*width:70px;*/
	}
#footer ul#menu-horizontal li a {
	text-decoration:none;
	color:#AFAFAF;
	font-size:0.9em;
	display:inline;
	}
#footer ul#menu-horizontal li a:hover {
	text-decoration:underline;
	color:#EFEFEF;
	}
	
#footer ul#menu-horizontal li a span {
	position: relative;
	/*left:15px;*/
	/*position:absolute;
	top:-5000px;
	left:-5000px;*/
	}

/****** fin menu bas ****/

	
/***************************************/
/************* page test *****/
/***************************************/
.test  #banner{
	background:url(images/test/banner.jpg) no-repeat;
	}
.test #contents #main	{
	background: url(images/test/content.jpg) no-repeat;
	}