/* html { overflow-x:hidden; overflow-y:scroll; } */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, del, img, small, 
strike, strong, sub, sup, ol, ul, li, fieldset, 
form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; }


html, body { background:#c8c8c8; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:90%; }


#wrap { margin:0 auto; width:955px; overflow:hidden; background:#fff; margin-bottom: 10px; }
#top { width:955px; overflow:hidden; }


/*** BREADCRUMB ***/
#breadcrumb { width:690px; float:left; padding-left: 35px; }
#breadcrumb .Legend { font-size: 11px; color: #999; padding-right: 5px; }
#breadcrumb .Legend a { text-decoration: none; color: #999; } 
#breadcrumb .Legend a:focus, #breadcrumb .Legend a:hover { text-decoration: underline; }
#breadcrumb .Legend a { padding: 0 5px; }


/* #breadcrumb { width:690px; float:left; padding-left: 35px; }
#breadcrumb li, #breadcrumb .Legend { float: left; font-size: 11px; color: #999; padding-right: 5px; }
#breadcrumb li a, #breadcrumb .Legend a { text-decoration: none; color: #999; } 




#breadcrumb { float: left; width: 690px; padding-left: 35px; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; }
#breadcrumb li { float: left; font-size: 11px; color: #999; padding-right: 5px; }
#breadcrumb li a { text-decoration: none; color: #999; }
#breadcrumb li a:focus, #breadcrumb li a:hover { text-decoration: underline; }
#breadcrumb li span a { padding: 0 5px; }
#breadcrumb a:hover, #breadcrumb a:focus { text-decoration: underline; }
*/


/*** CONTENT ***/
#content { width:955px; float:left; overflow:hidden; padding: 20px 0 10px 0; }
#content ul, #content ol { padding: 0 0 10px 15px; }
#sitemap, #sitemap ul { list-style: none; padding: 0 0 0 20px; }


#col1 { width:675px; padding: 0 15px 0 35px; float:left; }
#col1narrow { width: 440px; padding: 0 20px 0 35px; float:left; }
#col1narrowfront { width: 460px; padding: 0 0 0 35px; float:left; }
#col2 { width:220px; padding: 0 10px 0 0; float:left; }
#col3 { width:220px; padding: 0 10px 0 0; float:left; }


/*** TOOLBAR ***/
#toolbar { width:225px; float:left; }
#toolbar a { font-size: 11px; color: #000; text-decoration: none; line-height: 17px; }
#toolbar a:hover, #toolbar a:focus { text-decoration: underline; }
#toolbar ul { list-style:none; }
#toolbar li { float: left; padding-right: 5px; }


/*** SEARCH ***/
#search { width:225px; float:left; }
#searchsubmit { background: transparent; border:0px solid #fff; margin-left:3px; cursor: pointer; }


/*** FOOTER ***/
#footer { background: #c8c8c8; clear: both; overflow: hidden; }
#footer li, #footer a { font-size: 10px; text-decoration: none; color: #000; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer li { float:left; padding:10px; }
#fleft { float: left; width: 130px; }
#fleft ul { list-style: none; float: left; }
#fright { float: right; width: 825px; }
#fright ul { list-style: none; float: right; }


/*** NAVI ***/
/* NIVEAU 1 */
#navi { width:690px; float:left; padding: 0px 0 0 35px; }
#nav, #nav ul { padding:0; margin:0; list-style:none; line-height:1.5; }
#nav a { display:block; color:#000; text-decoration:none; font-weight: bold; }
#nav li { float:left; padding-right: 20px; }
/* NIVEAU 2 */
#nav li ul { position:absolute; width: 136px; left:-999em; background: #ddd; border: 1px solid #aaa; font-size: 11px; line-height: 1; }
#nav li ul li { padding-right: 0px; }
#nav li ul li a { color: #369; padding: 5px 3px; display: block; width: 130px; }
#nav li ul li a.withchild { color: #369; padding: 5px 3px; display: block; width: 130px; background: url(gf/arrow.gif) no-repeat 125px 6px; }
#nav li ul li a:hover { background-color: #369; color: #fff; width: 130px; background-image: url(gf/arrow.gif) no-repeat 125px 6px; }
/* NIVEAU 3 */
#nav li ul ul { margin:-2em 0 0 137px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left:auto; color: #fff; }
#nav li:hover, #nav li.hover { position:static; }


/*** BOXES ***/
.textfront { float: left; width: 440px; height: 210px; overflow: auto; margin-bottom: 20px; }
.boxcontent { padding: 10px; width: 190px; }
.boxcontent small { color: #969696; }
.boxcontent ul, .boxcontent ol { padding-bottom: 0 !important; }


.dark-red-box, .light-blue-box, .dark-beige-box, .iframe-box, .image-box { float: left; overflow: auto; height: 210px; width: 230px; margin-bottom: 20px; }


.dark-red-box { background: url(gf/bg-box-red.gif) repeat-y; color: #fff; }
.dark-red-box a { color: #fff; }
.dark-red-box a:hover, .dark-red-box a:focus { color: #DDDDDD; }


.dark-beige-box { background: url(gf/bg-box-beige.gif) repeat-y; color: #000; }
.dark-beige-box a { color: #000; }
.dark-beige-box a:hover, .dark-beige-box a:focus { color: #DDDDDD; }


.light-blue-box { background: url(gf/bg-box-blue.gif) repeat-y; }
.light-blue-box * { color:#000; }


.iframe-box a { font-size: 10px; }
#flags { padding: 6px 0; width: 210px; }
.dropd { width: 210px; }
.dropd select { font-size: 11px; width: 210px; }


/*** FONT ***/
h1 { font-size:18px; font-weight: bold; padding-bottom: 10px; }
h2 { font-size:11px; font-weight: bold; }
h3 { font-size:11px; font-weight: bold; }
h4 { font-size: 11px; }
p, td, input, select { font-size: 11px; }
p { padding-bottom: 10px; }
p span.text2 { font-size: 11px; padding-bottom: 10px; font-weight: bold; }
table p { padding: 0; }


.boxcontent h1 { font-size: 15px; }
.iframe-box h4 { padding-top: 8px; }


#content ul, #content ol { font-size: 11px; }
small { font-style: italic; font-size: 10px; color:#000; }
a { color:#000; }
a:hover, a:focus { color: #c8c8c8; }


/*** FORMS ***/
.loginform { width: 400px; padding-bottom: 30px; font-size:11px; }
.loginform label { display:block; font-weight:bold; text-align:right; width:170px; float:left; }
.loginform .ipt { float:left; width:200px; margin: 0 0 10px 10px; }
.loginform .button { clear:both; margin-left:180px; text-align:center; }


/*** MISC ***/
a img { border: none; }
.hide { position:absolute; left:-999em; top:-999em; }

#cust_col2 {
margin-right:10px;
}