/*                                  */
/*         ACCES-WEB.COM            */
/*   Copyright 2006, Acces-web      */
/*    CREE LE : 01-10-2007          */
/*----------------------------------*/


body {
	background:url(../images/fond-page.jpg) repeat-x #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px;
	margin:0px auto;
	text-align:center;
}

#superConteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  background:url(../images/img_nav/fond-conteneur.jpg) no-repeat top center;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 840px;
}

/********************************************************************************/
/******************************* PAGE ACCUEIL ***********************************/
/********************************************************************************/

#header {
	float:left;
	padding:0;
	margin:0;
	width:840px;
	height:106px;
	background:url(../images/img_nav/fr-header.jpg) no-repeat right #dfe1e2;
}

	#logo {
		float:left;
		padding:0;
		margin:16px 0 0 13px;
		width:246px;
		height:72px;
	}

	#versionFr {position:absolute; z-index:10; top:5px; left:807px;}

/***************************** menu  ******************************/
ul#menu {
	float:left;
	list-style-type: none;
	height: 43px;
	width:840px;
	padding:0;
	margin:0;
	background:url(../images/img_nav/bg-menu.jpg) no-repeat right #ffffff;
} 

	ul#menu li { float:left; margin: 0; padding:0px; font-weight:bold; text-align:center; color:#6f6e72; font-size:15px;}
	ul#menu li:hover {float:left; margin: 0; padding:0px; font-weight:bold; text-align:center; color:#6f6e72; font-size:15px; background:url(../images/img_default/menu-over.jpg) no-repeat top center;}
	ul#menu a {margin: 10px 0 8px 0; display: block; text-decoration: none; color: #6f6e72; padding:0 7px 0 7px; line-height:22px; border-right:1px solid #6f6e72;}
/*******************************************************************/

#titrePage {
	float:left;
	padding:0;
	margin:0;
}
	#titrePage h2.who { background:url(../images/img_nav/fr-titre-who-we-are.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.what { background:url(../images/img_nav/fr-titre-what-we-do.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.gyrotainer { background:url(../images/img_nav/fr-titre-gyrotainer.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.theCryodrum { background:url(../images/img_nav/fr-titre-the-cryodrum.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.cryodrum64 { background:url(../images/img_nav/fr-titre-cryodrum-64.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.faq { background:url(../images/img_nav/fr-titre-faq.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.contactUs { background:url(../images/img_nav/fr-titre-contact-us.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.accessories { background:url(../images/img_nav/fr-titre-accessories.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.news { background:url(../images/img_nav/fr-titre-news.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}
	#titrePage h2.presse { background:url(../images/img_nav/titre-presse.jpg) no-repeat; text-indent:-5000px; width:840px; height:85px; padding:0; margin:0;}


#contenu {
	float:left;
	margin:0px 0 0 0;
	padding:0;
	width:840px;
}
	#gauche {
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 18px;
		width:437px;
	}
	#gaucheWhat {
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 18px;
		width:437px;
	}
		#gauche h3, #gaucheWhat h3 {padding:5px 0 0 0; margin:0 0 10px 0px; width:437px; color:#2cb5ab; font-size:16px; font-weight:bold; border-bottom:1px solid #2cb5ab;}
		#gauche span, #gaucheWhat span {color:#2cb5ab; font-size:16px; font-weight:bold;}
		#gauche p { padding:0 0 15px 0; margin:0; font-size:14px; font-weight:normal; color:#6c6f73; line-height:22px;}
		#gaucheWhat p { padding:0 0 20px 0; margin:0; font-size:14px; font-weight:normal; color:#6c6f73; line-height:22px;}
		#gauche p#longText { padding:0 0 20px 0; margin:0; font-size:14px; font-weight:normal; color:#6c6f73; line-height:22px;}
	
	#gaucheActus {
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 18px;
		width:547px;
	}
		#gaucheActus h3 {padding:5px 0 0 0; margin:0 0 10px 0px; width:530px; color:#2cb5ab; font-size:16px; font-weight:bold; border-bottom:1px solid #2cb5ab;}
		#gaucheActus p { padding:0 15px 10px 0; margin:0; font-size:12px; font-weight:normal; color:#6c6f73;}
		#gaucheActus a { color:#3c6e6a; font-weight:bold; text-decoration:none;}

	#gaucheGyrotainer {
		float:left;
		margin:10px 0 0 0;
		padding:0 0 0 10px;
		width:463px;
		color:#4e5143;
		font-size:14px;
	}
		ul#atoutsGyrotainer {float:left; padding:0; margin:15px 0 28px 0; width:140px; background-color:#d5f0ee; color:#6c6f73; font-size:13px; font-weight:bold; text-align:left}
		ul#atoutsGyrotainer li { list-style-type:none; float:left; width:136px; margin:0px; padding:2px 2px 2px 2px; /*border-right:1px solid #2cb5ab;*/}

		ul#atoutsCryodrum {float:left; padding:6px 0 6px 0; margin:15px 0 10px 0; width:260px; height:65px; background-color:#d5f0ee; color:#6c6f73; font-size:13px; font-weight:bold; text-align:left;}
		ul#atoutsCryodrum li { list-style-type:none; float:left; width:250px; margin:0 0 0 5px; padding:0; line-height:17px;}
		
		#gyrotainerClassic {
			float:left;
			clear:left;
			padding:320px 0 0 26px;
			margin:28px 0 0 0;
			width:199px;
			height:55px;
			background:url(../images/img_nav/gyrotainer-classic.jpg) no-repeat top;
			color:#5d656f;
			font-weight:bold;
		}
		#gyrotainerDryShipper {
			float:left;
			padding:320px 0 0 30px;
			margin:28px 0 0 0;
			width:208px;
			height:55px;
			background:url(../images/img_nav/gyrotainer-dry-shipper.jpg) no-repeat top;
			color:#5d656f;
			font-weight:bold;
		}
		#cryodrum {float:left; clear:left; padding:300px 0 0 26px; margin:35px 0 0 0; width:437px; height:44px; background:url(../images/img_nav/cryodrum.jpg) no-repeat top; color:#5d656f; font-weight:bold;}
		#cryodrum span {float:right; padding:0; margin:-23px 0 0 0; width:300px; font-size:12px;}
		#cryodrum64 {float:left; clear:left; padding:292px 0 0 26px; margin:35px 0 0 0; width:437px; height:36px; background:url(../images/img_nav/cryodrum-64.jpg) no-repeat top; color:#5d656f; font-weight:bold;}
		#gyrotainerClassic span, #gyrotainerDryShipper span {font-size:12px;}
		
	#droite {
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 20px;
		width:357px;
		background:url(../images/img_nav/bg-contenu.jpg) no-repeat top right;
	}
	#droiteWhat {
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 12px;
		width:363px;
		height:430px;
		background:url(../images/img_nav/bg-contenu-what.jpg) no-repeat top right;
	}

	#droiteGyrotainer {
		float:left;
		margin:5px 0 0 0px;
		padding:0 0 0 0px;
		width:357px;
		background:url(../images/img_nav/bg-contenu-gyrotainer.jpg) no-repeat top right;
	}
		#whatGyrotainer {
			float:left;
			padding:93px 5px 0 0;
			margin:0;
			width:128px;
			height:113px;
			background:url(../images/img_nav/what-logo-gyrotainer.jpg) no-repeat top;
			color:#3f5f5c;
		}
		#whatCryodrum {
			float:left;
			padding:85px 5px 0 0;
			margin:0;
			width:128px;
			height:77px;
			background:url(../images/img_nav/what-logo-cryodrum.jpg) no-repeat top;
			color:#3f5f5c;
		}

		#droiteGyrotainer h4 {padding:0; margin:15px 0 0 10px; color:#264744; font-size:14px; font-weight:bold; width:262px; border-bottom:1px solid #2cb5ab; text-align:left;}
		fieldset.specifGyrotainer { width:262px; border:none; margin:0 0 0 10px; padding:0 0 0 0px; color:#58595a;}
		.champSpecif { margin:0; padding:4px 0 4px 0; vertical-align:top; width:262px; color:#295451; border-bottom:1px solid #2cb5ab; }
		label { display:inline; float:left; width:100px; color:#3c6e6a; font-weight:bold;}

		ul#doc { float:left; padding:0; margin:0 0 0px 10px; width:262px; height:90px;}
		ul#doc li { list-style-type:none; padding:0; margin:0px; width:262px; border-bottom:1px solid #2cb5ab; color:#3c6e6a; font-weight:bold; height:24px; }
		ul#doc li a { color:#3c6e6a; font-weight:bold; text-decoration:none; }

	#droiteCryodrum {
		float:left;
		margin:5px 0 0 0px;
		padding:0 0 0 0px;
		width:357px;
		background:url(../images/img_nav/bg-contenu-cryodrum.jpg) repeat-x top right;
	}
		#droiteCryodrum h4 {padding:0; margin:15px 0 0 10px; color:#264744; font-size:14px; font-weight:bold; width:336px; border-bottom:1px solid #2cb5ab;}

		fieldset.specifCryodrum { width:336px; border:none; margin:0 0 0 10px; padding:0 0 0 0px; color:#58595a;}
		.champSpecifCryodrum { margin:0; padding:4px 0 4px 0; vertical-align:top; width:336px; color:#295451; border-bottom:1px solid #2cb5ab; }
		label { display:inline; float:left; width:130px; color:#3c6e6a; font-weight:bold; }


/************************************ FAQ ************************************/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	background-color:#3ab9b0;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding:0 5px 0 5px;
	line-height:20px;
	text-align:left;
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #d7d7d6;
	background:url(../images/img_nav/fond-reponse-faq.jpg) repeat-x #e6f6f5;
	width:438px;
	color:#5d656f;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:5px 10px 5px 10px;
	font-size:12px;	
	line-height:22px;
	position:relative;
}
/*****************************************************************************/

/*************************** formulaire contact ******************************/
#gaucheContact {
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 18px;
	width:455px;
}

	fieldset#contact {
		border:none;
		margin:0;
		padding:0 0 0 0px;
		width:437px;
		font-size:12px;
	}
	.champFrom {
		margin:5px 0 0 0;
		float:left;
		padding:0;
		width:437px;
	}
	label.contact {
		margin:0 5px 0 0;
		padding:0;
		display: inline;
		float: left ;
		width: 115px ;
		color:#3c6e6a;
		font-size:12px;
		border-bottom:1px solid #2cb5ab;
		line-height:23px;
	}
	.largeur{ width:300px; color:#4e5143; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	
	.btnSubmit {
		width:120px;
		background-color:#264744;
		color:#FFFFFF;
		border:1px solid #ffffff;
	}
	
	span.message {
		color:#264744;
		font-size:14px;
		text-align:center;
		font-weight:bold;
		text-align:center;
	}	

#droiteContact {
	float:left;
	margin:15px 0 0 0px;
	padding:5px 0 5px 0px;
	width:357px;
	color:#264744;
	text-align:center;
	font-size:14px;
	line-height:22px;
	background:url(../images/img_nav/bg-contenu-contact.jpg) repeat-x top right;
}
	#droiteContact a {color:#264744; font-weight:bold; text-decoration:underline;}
	#droiteContact span {font-size:12px; }

/*****************************************************************************/

/********************************* actualites ******************************/
#droiteActus {
	float:left;
	padding:0;
	margin:10px 5px 0 10px;
	width:255px;
	height:165px;
	display:inline;
}
	#droiteActus h2 {padding:0; margin:0; width:255px; height:35px; background:url(../images/img_default/fr-lastest-news.gif) no-repeat left #88cccc; text-indent:-5000px; }
	#droiteActus h2#presse {padding:0; margin:0; width:255px; height:35px; background:url(../images/img_default/fr-paru-presse.gif) no-repeat left #88cccc; text-indent:-5000px; }
	
	.uneActu {
		float:left;
		display:inline;
		padding:10px;
		margin:2px 0 0 0;
		background:url(../images/img_default/bg-actualite.jpg) repeat-x;
		width:235px;
		height:101px;
		border-bottom:1px solid #88cccc;
		color:#5a696a;
	}
	.uneActu a { text-decoration:none; color:#5a696a; font-weight:bold; }
	.uneActu a:hover { text-decoration:underline; color:#5a696a; font-weight:bold; }
/*****************************************************************************/

#footer {
	clear:left;
	padding:0 0 0 590px;
	margin:0;
	width:250px;
	height:45px;
	line-height:45px;
	background:url(../images/img_default/footer.jpg) repeat-x;
	color:#3f5f5c;
	font-weight:bold;
}
	#footer a {text-decoration:none; color:#3f5f5c; font-weight:bold;}