/*BEGIN STYLES.CSS*/
/*-----------------------------------------------------------------------------
  [CSS Styles - Imports]
				
-----------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------
  [CSS general - Général]
  
  Feuille de style générique
  
  1.  Init
  2.  2.  Page / #body
  3.  Liens / a
  4.  Styles
  5.  Titre
				
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
  [1.  Init]		
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

fieldset, img { border: 0; }

option { padding-left: 0.4em; }

ul, ol, dl { margin: 1em 0; padding-left: 30px }

dl { margin: 1em 0; }

dd { padding-left: 10px; }

blockquote { margin: 0 0 1em 1.5em; }

p { margin: 0em 0; }

td, th { padding: 1px; }

html { height: 100%; margin-bottom: 1px; }

strong { font-weight: bold; }

/*-----------------------------------------------------------------------------
  [2.  Page]		
*/

body { background: #ffffff; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 100%; }

#body { margin:0 auto; padding:0px; width:100%; }

/*-----------------------------------------------------------------------------
  [3.  Liens]		
*/

a { color: #ffffff; }

a:link { color: #ffffff; }

a:hover { color: #ffffff; }

/*#content-block a,#content a:link,#content a:visited{border-bottom:1px dotted #999;}*/
/*-----------------------------------------------------------------------------
  [4.  Styles]		
*/

.bold { font-weight: bold; }

.redbold { font-weight: bold; color: #FF0000; font-size: 14px; }

.italic { font-style: italic; }

.underline { text-decoration: underline }

.red { color: #FF0000; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.clearer { clear: both; padding:0px !important; margin:0px; }

.widget { display: block; }

.widget .link { color: #FF0000; }

.widget:hover .link { text-decoration: none; }

/*-----------------------------------------------------------------------------
  [5.  Titre]		
*/

h1 span { display: none; }

#capt { position:absolute; top:30px; display:none; }

#capt div.inner { background:#ffffff; border:1px solid #ccc; color: #666666; padding:5px; }

#capt img.arrow { margin-bottom:-1px; width:125px; display:block; }





/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		  [/accueil]--------------------------------------------------------------------
		-----------------------------------------------------------------------------*/
		
		
		/* CSS pour le composant: /layouts/base */
		
		/*-----------------------------------------------------------------------------
		  [Composant /layouts/base]
		  
		1. Main / #main
			2. Main left / .left
				2.1 Submenu / #submenu
				2.2 Contenu / #content-container
				2.3 Navigation inter section / #inter-section-nav
			3. Main right / .right
				3.1 Widget / .widget
	
		-----------------------------------------------------------------------------*/
				
		
			[2. Main left]
		*/
		
		#main .left { border-right: 1px solid #bababa; float: left; width: 549px; }

#main .left-100p { float: left; width: 50%; }

/*-----------------------------------------------------------------------------
			[2.1 Submenu]
		*/

#submenu .back span { display: none; }

#submenu ul { float: right; list-style: none; margin: 0px; padding: 0px; }

#submenu ul li { display: inline; }

#submenu ul li a { display: block; float: left; height: 31px; padding: 0px; text-decoration: none; }

#submenu ul li a span { display: none; }

/*-----------------------------------------------------------------------------
		
			[3. Main right]
		*/
		
		#main .right { color: #ffffff; float: left; height: 100%; width: 28px; }

/*-----------------------------------------------------------------------------
	
			
			[3. Menus]
		*/
		
		#top-menu { float: left; height: 112px; width: 400px; /* 950 - 237 */ }

/*-----------------------------------------------------------------------------
			[3.1 Nav]
		*/
		
		#top-menu-nav { border-bottom: 1px solid #bebebe; float: left; height: 28px; list-style: none; margin: 0px; padding: 0px; width: 100%; }

#top-menu-nav li { display: inline; font-size: 14px; font-weight: bold; text-align: center; vertical-align:middle; padding: 5px 10px 10px 9px;/*margin-right: 20px;*/ }

#top-menu-nav li.f1 { padding-right:0px }

#top-menu-nav li a { color: #FFFFFF; text-decoration: none; }

#top-menu-nav li a:hover { color: #000000; text-decoration: none; }

/*-----------------------------------------------------------------------------
			[3.2 Main menu]
		*/
		
		#top-menu-main { float: left; list-style: none; margin: 0px; margin-top: 10px; padding: 0px; width: 50%; }

#top-menu-main li { display: inline; }

#top-menu-main li a { display: block; float: left; height: 69px; margin-left: 1px; margin-right: 1px; padding: 0px; text-decoration: none; }

#top-menu-main li a span { display: none; }

/*-----------------------------------------------------------------------------