* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background: url(images/bg.gif) repeat-x top #eaf7f8}
html, input, textarea {font-family: Arial, Helvetica, sans-serif; color:#666666;}
.main {margin:0 auto; text-align:left; width:980px}
.alignMiddle {vertical-align:middle}
.alignCenter {text-align: center}
.alignLeft {text-align:left}
.container1 {width:100%}
object {vertical-align:top; outline:none}
.clear {clear:both;}
.fleft {float:left}
.fright {float:right}
.container {overflow:hidden; width:100%;}
a img {border:0}
img {vertical-align:middle;}
a{color:#338195; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}
.link{color:#fcbb18; text-decoration:none;  }
.link:hover{text-decoration:underline }
.button{border:0px; color:#4c4c4c; background:url(images/button3.gif) top left no-repeat; font-weight:bold; padding:8px 0 9px 0; text-decoration:none; font-size:1.5em; width:73px; height:38px; text-align:center; display:block  }
.button:hover{text-decoration:none; color:#ffffff }
.button2{border:0px; color:#ffffff; background:url(images/button4.gif) top left no-repeat; font-weight:bold; padding:8px 0 9px 0; text-decoration:none; font-size:1.5em; width:170px; height:38px; text-align:center; display:block  }
.button2:hover{text-decoration:none; color:#361d06 }
.button3{border:0px; color:#ffffff; background:url(images/button5.gif) top left no-repeat; font-weight:bold; padding:8px 0 9px 0; text-decoration:none; font-size:1.5em; width:300px; height:38px; text-align:center; display:block  }
.button3:hover{text-decoration:none; color:#361d06 }
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none;  }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; text-transform:uppercase; font-size:1.38em}
.link-1 strong { display:block; background:url(images/link_right.gif) no-repeat right top; padding:8px 18px 9px 20px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#a7d4e2}
/*header*/
#header {font-size:0.8125em; height:226px; color:#FFFFFF; background:url(images/bg_header.jpg) top left no-repeat;}
#header .logo {margin:0; width:980px; height:143px}
#header .menu {margin:0; width:980px;}
#header .img-indent {margin:0 0 10px 0}
#header h1{color:#fff; font-size:2em; margin-bottom:13px; height:64px; background:url(images/lock.png) no-repeat center left; padding-left:70px; font-weight:normal}
#header h1 span{color:#fff; display: block; margin-top:-10px }
#header h1 a{color:#fff; text-decoration:none; font-size:1.85em;}
#header h1 a:hover{text-decoration:none  }
#header .ul{margin:0; padding:0; list-style:none;}
#header .ul li{ margin:0; display:inline}
#header .ul li a{ background:url(images/bg_menu.png) top left no-repeat; color:#fff; text-decoration:none; width:140px; text-align:center; display:block; float:left ; padding:25px 0 23px 0; font-size:1.38em; text-transform:uppercase} 
#header .ul li a:hover { text-decoration:none; background:url(images/bg_menu-act.png) top left no-repeat;}
#header .ul li .current{ text-decoration:none; background:url(images/bg_menu-act.png) top left no-repeat;  }
#header .ul .first a{ background:url(images/bg_menu-first.png) top left no-repeat; } 
#header .ul .first a:hover {background:url(images/bg_menu-first-act.png) top left no-repeat;}
#header .ul .first .current{ background:url(images/bg_menu-first-act.png) top left no-repeat;  }
#header .ul .last a{ background:url(images/bg_menu-last.png) top left no-repeat; } 
#header .ul .last a:hover {background:url(images/bg_menu-last-act.png) top left no-repeat;}
#header .ul .last .current{ background:url(images/bg_menu-last-act.png) top left no-repeat;}
/*block*/
#emptyblock{margin:0 0 0 0; width:980px; background:url(images/bg_block.gif) no-repeat top left #fff; height:15px; font-size:0.8125em; color:#FFFFFF}
#block{margin:0 0 0 0; width:980px; background:url(images/bg_block.gif) no-repeat top left #fff; font-size:0.8125em; color:#FFFFFF}
#block p {margin:0 0 11px 0}
#block .indent1{padding:5px 0 0 4px}
.blockindent-1{padding:0 0 0 15px}
.indent-col2 {padding:200px 5px 0 5px}
.txt {font-size:1.8em; line-height:1.2em; text-transform:uppercase; font-weight:normal}
.txt strong {font-size:1.5em; color:#fff}
.txt span {display:block; margin-top:-11px; color:#fff}
#block .ul1 li {margin:0; display:inline}
#block .ul1 li a {background:url(images/botton-2.gif) top left no-repeat; color:#1e1e1e; text-decoration:none; width:252px; float:left; padding-left:25px; font-size:1.38em; text-transform:uppercase; line-height:53px; margin-bottom:3px} 
#block .ul1 li a:hover {color:#ffffff; text-decoration:none; background:url(images/botton-1b.gif) top left no-repeat;}
#block .ul1 li .current {color:#ffffff; text-decoration:none; background:url(images/botton-1.gif) top left no-repeat;}
#block .col-1{ width:286px; margin-right:0}
.blockcol-2{float:left; width:227px; background:url(images/bg_block1.gif) no-repeat top left; height:283px; margin-right:4px;}
.blockcol-2a{float:left; width:227px; background:url(images/227x283_securite.png) no-repeat top left; height:283px; margin-right:4px;}
.blockcol-2b{float:left; width:227px; background:url(images/227x283_fiabilite.png) no-repeat top left; height:283px; margin-right:4px;}
.blockcol-2c{float:left; width:227px; background:url(images/227x283_confiance.png) no-repeat top left; height:283px; margin-right:4px;}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background: url(images/bg_cont.gif) repeat-x top #f0fafb}
.indent-main{padding:10px 40px 40px 30px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 18px 0 0; background:url(images/button1.gif) no-repeat top left; width:42px; height:44px; text-align:center; font-size:.83em; color:#FFF}
#content .img-left1 strong{ color:#404040; font-size:2em; display:block; margin-top:3px; font-family:"Arial Black", Gadget, sans-serif; font-weight:normal}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent1{ margin:0 29px 50px 0}
#content p{ margin:0 0 19px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .p2{ margin:0 0 25px 0}
#content .p3{ margin:0 0 40px 0}
#content .rss{ margin:-50px 0 0 99px; float:left}
h2{color:#b2b8ba; font-size:2.5em; margin-bottom:17px; line-height:0.9em;  }
h2 strong{color:#9fcfde; font-size:1.33em;}
h2 span{ display:block; margin-top:-11px}
.title{color:#44A1C0; font-size:0.8em;}
.subtitle{margin-top:0px; color:#999; font-size:0.7em; line-height:0.9em; margin-bottom:30px;}
h3{color:#0e0e0e; font-size:1.5em; margin-bottom:21px;  }
.h3{ margin-bottom:15px;  }
h4{color:#fcbb18; font-size:1.5em}
h4 a{color:#fcbb18}
#content h5{color:#a1a1a1; font-size:1em; margin-bottom:9px; }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt1{ color:#9fcfde; font-size:1.08em; font-weight:bold}
.txt2{ color:#9fcfde; font-style:italic; font-size:1.16em}
.txt2 a{ color:#328296}
.txt3{ font-weight:bold; color:#fcbb18}
.txt3 a{ color:#fcbb18}
.txt4{color:#338195}
#content .indent{padding:45px 0 0 0}
#content .indent1{padding:0 0 0 256px}
#content .indent2{padding:0 0 0 300px}
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/tail.gif) repeat-x bottom left; padding:5px 0 5px 0;}
#content ul li a{color:#338195; text-decoration:none ; line-height:2em} 
#content ul li a:hover { text-decoration:none; color:#000; }
#content .ul1 li {margin:0; display:inline; font-weight:bold}
/*footer*/
#footer {color:#212121; font-size:0.75em; background:url(images/bot1.gif) repeat-x top; height:155px}
#footer a {color:#212121; text-decoration:none}  
#footer a:hover {text-decoration:underline}
#footer .bg-bot{ background:url(images/bot.gif) no-repeat top left}
#footer .indent{padding:30px 0 0 30px}
#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li a{color:#296777; text-decoration:none; line-height:1.66em} 
#footer ul li a:hover { text-decoration:underline; }
#footer .col-1{ width:200px}
#footer .col-2{ width:120px}
.copyright{text-align:center; width:510px; height:36px; margin:20px auto; color:#FFFFFF; font-size:0.9em; line-height:32px; background-image:url(img/bg_copyright.gif)}
.jamp{ width:40px; margin-left:6px}
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:29px; background:url(images/bg_input1.gif) no-repeat top left}
.h1{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
.h2{ height:123px; background:url(images/bg_input2.gif) no-repeat top left}
.h24{ height:50px; background:url(images/bg_input3.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:20px}
.input{border:none; background:none; width:220px; height:20px; font-size:1em; color:#4c4c4c; padding-left:10px; padding-top:3px}
.input2{border:none; background:none; width:365px; height:35px; font-size:2em; color:#4c4c4c; padding-left:15px; padding-top:5px}
textarea {border:none; background:none; width:365px; height:93px; font-size:2em; color:#4c4c4c; padding-left:15px; margin-bottom:11px; overflow:auto}
.col-1, .col-2, .col-3, .col-4, .col-5{float:left}
/*login.php et account.php*/
.logincol-1 {float:left; width:634px; margin-right:46px}
.logincol-1small {float:left; width:604px; margin-left:30px; margin-right:46px}
.logincol-2 {float:left; width:230px}
.loginthumb {float:left; width:205px}
.accountthumb {float:left; width:190px}
.loginform {float:left; width:379px}
.logincheck {color:#4c4c4c; font-weight:bold; padding:11px 0 11px 0; text-decoration:none; font-size:1.5em; text-align:center; float:left;}
.margintop30 {margin-top:30px}
.mr5 {margin-right:5px}
.ml20 {margin-left:20px}
.mb40 {margin-bottom:40px}
.alertblock {background-color:#FFEFBD; border:#FFCC99 1px solid; padding:10px}
.big {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.sobig {font-size:1.1em;; color:#4c4c4c}
.verybig {font-size:2em; color:#000;}
.red {color:#d5241c}
.green {color:#739f1c}
.helpcol-1 {float:left; width:274px; margin-right:46px}
.helpcol-2 {float:left; width:314px}
.homecol-1 {float:left; width:250px; margin-right:26px}
.homecol-2 {float:left; width:634px}
.homecol-2a {float:left; width:290px; margin-right:51px}
.homecol-2b {float:left; width:286px}
.debitthumb {float:left; margin-top:5px; margin-left:5px}
.pageon {font-size:1.5em; font-weight:bold; margin:5px; text-decoration:none}
.pageon:hover {color:#000}
.pageoff {font-size:1.5em; font-weight:bold; margin:5px}
#xiti-logo {text-align:center; height:15px; margin-top:15px;}