/** Css of RCM website
--------------------------------------------------*/
/** 1. General classes
/** 2. Page layout
/** 3. Menu AN+FR
/** 4. Sous-menu FR
/** 5. Sous-menu AN
/** 6. Filet sous-menu
/** 7. Menu Portfolio Flash
/** 8. Main content
/** 9. Page accueil
/** 10. Page contact
/** 11. Footer
/** 12. Bande grise infini droite




/** 1. General classes 
--------------------------------------------------*/

	/* Layout Helpers */

	html, body {height: 100%;}
	body {
		margin: 0;
		padding:0;
		font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
		background:none;
	}

	body, caption, th, td, input, textarea, select, option, legend, fieldset {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		color: #ffffff;
	}
	


	/* Titles  */
	h1 {
		font-size: 20px;
		line-height:22px;
		text-transform:uppercase;
		color:#a7a9ac;
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	
	/* Paragraph Styles */
	p { margin: 0 0 10px 0; }


	
	


	/* When declaring Link states, remember: LoVe HA : Link | Hover | Visited | Active */
	a:link, a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	a:hover, a:active {
		color: #3aad47;
		text-decoration: none;
	}
	
	
	h3{
		color: #848484;
		display: inline;
		list-style: none;
	}
	
	h4{
		color: #3aad47;
		display: inline;
		list-style: none;
	}



/** 2. Page layout 
--------------------------------------------------*/

		
	#page {
		position:relative;
		top:40px;
		width:1000px;
	}
	
	
	#logo a#bt_logo {
		display:block;
		float: left;
		display:inline;
		width:1000px;
		height:80px;
		background-color:red;
		background:url('../images/logo_rcm.gif') right top no-repeat;
	}
	
	
	#menu {
		position:relative;
		float: left;
		display:inline;
		width:1000px;
		height:20px;
		display:block;
		background-color:#5b5b5b;
	}
		
	#texte_menu {
		position: absolute;
		top: 3px;
		left: 400px;
	}
	
	#texte_menu li{
		display: inline;
		list-style: none;
	}
	
	#main_content {
		position: relative;
		width: 1000px;
		float: left;
		display:inline;
		background:url('../images/img_bande_couleur.gif') right top repeat-y;
	}
	
	
	

	#texte_sous_menu {
		position: absolute;
		width: 150px;
		top: 10px;
		left: 225px;
	}

	#texte_sous_menu li{
		list-style: none;
	}

	#texte_menu, texte_sous_menu a:link, a:visited {  
		text-decoration: none;		
		color:#ffffff;
		cursor:pointer;		
	} 	
	
	#texte_menu, texte_sous_menu a:hover {  
		text-decoration: none;
		color:#3aad47;
	} 	

	
	
	#main {
		width: 600px;
		float: left;
		display:inline;
		margin-left: 389px;
		border-style: solid;
		border-width: 1px;
		border-color: #5b5b5b;
		background-color: #000000;
	}
	
	
	#contenant_portfolio{
		width:600px;
		height:450px;
		background:url('../images/rcm_portfolio.swf') left 0 no-repeat;

	}
	
	
	#main_textbox {
		margin-left: 20px;
		float: left;
		display: inline;
		width: 565px;
	}
	
	#bande_couleur {
		width: 1000px;
		height: 9px;
		float: left;
		display:inline;
		display: block;
		background:url('../images/img_bande_couleur.gif') right top repeat-y;
	}
	
	#bottom_gray_line {
		width: 1000px;
		height: 20px;
		float: left;
		display:inline;
		background-color:#5b5b5b;
	}
	
	
	#footer {
		width:770px;
		margin-top:10px;
		margin-left:225px;
		margin-bottom:50px;
		color: #848484;
		float:left;
		display:inline;
		font-size:11px;
		line-height:13px;
	}
	
	#footer li{
		display:inline;
		list-style: none;
	}
	
	#footer a:link, #footer a:visited {  
		text-decoration: none;
		color: #848484;
		font-size:13px;
		cursor:pointer;		
	} 	
	
	#footer a:hover {  
		text-decoration: underline;			
	}