/****************************************
**	website: 	www.USBANDCO.com / PORTAL
**	version: 	0.1 
**	media:		screen
**	date:		03/03/2009
**  colors:		bleu: #0093D2 / a:hover[fond bleu] : #bfecff
				noir: #1b1b1b
				blanc: #fefefe
*****************************************/
/*--------------------------------------------------------------
	0=RESET
	1=GENERAL
		2.0=typo
		2.1=links
		2.2=lists
	2=PAGE STRUCTURE
	3=SANDBOX
	4=PAGE COMPONENTS
    5=HACKS
---------------------------------------------------------------*/
/*--------------------------------------------------------------
	0=RESET
---------------------------------------------------------------*/
html, body, form, fieldset, table, tr, td, caption, img, span { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p, a, small, big, pre, strong, b, blockquote, ul, ol, dl, dt, dd, address { margin: 0; padding: 0; }
li, dd, blockquote { margin-left: 1.5em; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
/*tables still need 'cellspacing="0"' in the markup*/
table { border-spacing: 0; /*make the table visible*/ }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
form input { font-size: inherit; vertical-align: middle; }
img, iframe, object { border: 0 none; }
textarea { border: 1px solid #1b1b1b; }
/*--------------------------------------------------------------
	1=GENERAL
---------------------------------------------------------------*/
html {background: #fefefe url(../images/bg-html.jpg) repeat-x 0 0;}
body { color: #1b1b1b; font-family: Helvetica, Arial, sans-serif; font-size: 75%; }
.hide { display: none; }
.bd { border: 1px solid red; }
.bg { background: #ccc; }
.bg1 { background: #ccffff; }
.bg2 { background: #ccff00; }
.bg3 { background: #ffff00; }
/*
	2.0=typo (12px/18px : line-height x 1.5)
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #1b1b1b; }
h6 { margin: .5em 0; }
h1 { font-size: 2.5em; line-height: 0.6em; margin-bottom: 0.6em; }
.content-title h1 { font-size: 2em; line-height: 1; margin: 5px 0.75em 0 0; padding-bottom:10px }
.content-title h1 a { color:#1b1b1b }
.content-title h1 a:hover { text-decoration:none }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em; }
.small11 { font-size: 0.916667em; line-height: 1.636364em; }
.small10 { font-size: 0.833333em; line-height: 1.8em; }
/*
	2.1=links
---------------------------------------------------------------*/
a:link, a:visited, a:active { color: #0093D2; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
/*
	2.1=lists
---------------------------------------------------------------*/
li ul, li ol { margin: .15em 1.5em; font-size: 95%; color: #404040; }
ul, ol { margin: .5em 1em 1em 1em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
/*--------------------------------------------------------------
	2=PAGE STRUCTURE
---------------------------------------------------------------*/
div#main {position:relative;width:910px;height:439px;margin:0 auto;background: #fefefe url(../images/bg-main.jpg) no-repeat 0 0 ;margin-top:50pX}
div#footer {width:910px;height:231px;background: #fefefe url(../images/bg-footer.jpg) no-repeat 0 0 ;margin:0 auto;}
div.presentation {position:absolute;top:50px;right:25px;width:40%}
/*--------------------------------------------------------------
        3=SANDBOX
---------------------------------------------------------------*/
div#main ul:after, .catalog-item-head ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#main ul { display: inline-block; }
div#main ul { display: block; }

/*--------------------------------------------------------------
        4=PAGE COMPONENTS
---------------------------------------------------------------*/
div.presentation h1 {color:#0093D2; font-size: 2em; margin-bottom: 0.1em;line-height:1.15em }
div.presentation h2 { font-size: 1.5em; line-height: 1; margin: 0 0 .5em 0;color:#333 }
div.presentation dl dt { margin:.5em 0 0 0; color:#0093D2; font:bold 1.2em Helvetica, Arial, sans-serif;}
div.presentation dl dd { margin:0 0 0 1em; font-size:0.9em; line-height:1.5em; color:#00435B; text-align:justify }
div.presentation dl { float:left; margin:0}
div.presentation dl a { color:#00435B; }
div.presentation dl a:hover { text-decoration:none; border-bottom:1px solid #00435B }
div#main img.logo {padding:50px 0 0 32px}
div#main b {display:block;margin:0 0 30px 120px;color:#333;font-size:215%;font-weight:normal}
div#main ul {width:458px;height:198px;margin:0}
div#main ul li {display:block;float:left;margin:0;text-align:center}
div#main ul li a {line-height:55px;font-size:18px}
div#main ul li.fr {width:228px;height:63px;background:transparent url(../images/flag-fr.gif) no-repeat 0 0}
div#main ul li.it {width:229px;height:63px;background:transparent url(../images/flag-it.gif) no-repeat 0 0}
div#main ul li.de {width:228px;height:65px;background:transparent url(../images/flag-de.gif) no-repeat 0 0}
div#main ul li.eu {width:229px;height:65px;background:transparent url(../images/flag-eu.gif) no-repeat 0 0}
div#main ul li.es {width:228px;height:70px;background:transparent url(../images/flag-es.gif) no-repeat 0 0}
div#main ul li.uk {width:229px;height:70px;background:transparent url(../images/flag-uk.gif) no-repeat 0 0}