/* @override 
	http://localhost:8888/site_arrimage/css/style.css
	http://www.arrimage.ca/css/style.css
*/

/********************************
*
* WEBSITE 	: Arrimage
* Author 	: Francisco & Michael
* version 	: 1
* Date		: 01/2009
*
********************************/


body							{ background-color:#000; color:#FFF; font-family:HelveticaNeue, Helvetica, Arial, Verdana, Sans-Serif; margin: 0 0 15px; }

a:link							{ color:#3b7091; text-decoration:none; letter-spacing:.1px; }
a:visited						{ color:#204365; text-decoration:none; }
a:hover							{ color:#71A7D7; text-decoration:none; }
a:active						{ color:#9CF; text-decoration:none; }

.page							{ width:730px; margin-right:auto; margin-left:auto; margin-top:0;
	display: block;
}
.head							{ height:180px; display:block; position:relative; }
.logo							{ width:320px; height:120px; display:block; position:relative; left:-17px; top:34px; }
.bar_top						{ background-color:#1b5283; height:4px; display:block;
	width: 730px;
	margin: 0;
	padding: 0;
	font-size: 1px;
}
.intro							{ margin-top:20px; margin-bottom:3px; font:21px HelveticaNeue-Light, HelveticaNeue, Helvetica; }
.bar_bot						{ background-color:#1b5282; font-size:5px; height:4px; padding-left:10px; margin-bottom:20px; }

.menu							{ color:#79a1c4;
	float: left;
	display: block;
}
.menu ul						{ display: block; list-style: none; padding: 15px 0; margin: 0;
	float: left;
}
.menu ul li						{ float:left; text-transform:uppercase; font-size:12px; margin-right:15px;
	display: block;
}

.menu_prod						{ display:block; color:#c1ece7; margin: 0; }
.menu_prod ul					{ display:block; background-color:#2b5479; list-style: none; padding: 0; margin: 0; }
.menu_prod ul li				{ float:left; font-size:12px; text-transform:uppercase; padding:15px; }

.sous_menu_prod					{
	display: block;
	width: 715px;
	clear: left;
	padding-bottom: 15px;
	float: left;
	padding-left: 15px;
}
.sous_menu_prod ul				{ list-style:none; display: block; margin:0;
	padding: 0;
}
.sous_menu_prod ul li			{ display: table; width: 342px; font-size:11px;
	float: left;
	margin-right: 0;
	margin-top: 15px;
	height: 100px;
}
	.sous_menu_prod img				{ display:block; width: 170px; height: 97px; float: left; overflow: hidden; }
	.sous_menu_prod a img			{ border-style:none; }
	.sous_menu_prod a:hover img		{ opacity: 0.49; }
	.sous_menu_prod h2				{ margin:0 0 0 180px; font-size:14px; font-weight:400; color:#FFF; font-style:normal; }
	.sous_menu_prod h3				{ margin:2px 0 0 180px; font-size:12px;font-weight:400; font-style:normal; margin-bottom:2px; }

	.sous_menu_prod h4				{ margin:10px 0 0 180px; font-size:11px; font-weight:400; font-style:normal; }
	
	.sous_menu_prod p				{ margin-left:100px; margin-top:0; margin-bottom:0; }



	.bg_01							{ background-color:#a3c1da; color:#11314e; }
	.bg_02							{ background-color:#4777a1; color:#0b2033;
}
	.bg_03							{ background-color:#35638c; color:#172a3c;
}
	.bg_04							{ background-color:#2b5479;
	display: block;
	float: left;
	width: 730px;
}
	.bg_01 a						{ color:#284b69; }
	.bg_01 a:hover					{ color:#3673a8; }
	.bg_02 a						{ color:#84afd6; }
	.bg_02 a:hover					{ color:#c5dcf1; }
	.bg_03 a,.bg_04 a				{ color:#74a6d1; }
	.bg_03 a:hover,
	.bg_04 a:hover					{ color:#a1cdf2; }
	
	.box2_bg_01					{ background-color:#a3c1da; color:#172a3c; }
	.box2_bg_02					{ background-color:#5584ae; color:#172a3c; }
	.box2_bg_03					{ background-color:#3f6c93; color:#172a3c; }



#container						{ clear: both; display: block; color: #333;
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
#container2						{ clear: both; display: block; }

.box2							{ clear: both; margin-bottom: 15px;
	float: left;
	display: block;
	padding: 0 0 0 15px;
	width: 715px;
}
	
	.texte							{ display:block; float:left; width: 200px; font-size:14px;
	margin-top: 15px;
}
	.texte h2						{ color:#FFF; margin-bottom:0; margin-top:0; font-weight:400; font-style:normal; font-size:19px;
	margin-right: 15px;
}
	.texte h3						{ margin-top:2px; font-size:14px; }


	.texte1							{ display:block; width: 495px; font-size:12px;
	margin-top: 15px;
	float: right;
	margin-bottom: 15px;
}

	.texte1 p {
	width: 480px;
}
	.texte1 h4						{ margin:5px 0;}

		.screen							{ display:block; width:480px; margin-bottom:15px;
	clear: left;
}
		
		.photos							{ display:block; font-size:12px;
}
			.photos	a:link						{ border: none;
	display: block;
	float: left;
}
			
			.photos	a:hover {
	opacity: 0.6;
}

		
			.photos	img						{ display: block; border: none;
	margin-bottom: 10px;
	padding-right: 15px;
	width: 100px;
	float: left;
}
		
	

.aboutbox						{ margin-top: 15px;
	display: block;
	float: left;
	width: 100%;
}

.contactbox						{ display:block; padding:0;
	margin: 15px 0 0;
}

.contenu						{
	display: table;
	margin-bottom: 15px;
	width: 730px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 0;
}

.pagetop {
	display: block;
	float: left;
	width: 715px;
	padding-top: 15px;
	padding-bottom: 30px;
}

.contenu .tx_ga					{ clear width:318px; display:block;
	float: left;
	clear: left;
	width: 318px;
	margin-right: 15px;
}
.contenu .tx_dr					{ font-size:12px;
	display: block;
	float: left;
	width: 367px;
	margin-right: 15px;
}
.contenu .tx_ga1				{ width:318px; display: block; font-size:18px; color:#FFF;
	float: left;
}
.contenu .tx_dr1				{ font-size:14px;
	width: 367px;
	float: right;
	display: block;
	padding-right: 15px;
}

.contenu .tx_dr1 p {
	margin-top: 0;
}
.contenu h2						{ font-weight:400; font-style:normal; color:#FFF; font-size:18px; margin-bottom:0; margin-top:0;
	margin: 0;
	padding: 0;
}
.contenu h3						{ margin-top:0; font-size:14px; color:#FFF; font-weight:400; font-style:normal; }