/*************** GENERAL */
html{background:#fff url(../img/bg-body.gif) no-repeat center top; font-size:100%}
body{margin:0; padding:0; font-size:0.8em; color:#707070; font-family:Arial, Helvetica, sans-serif; width:1000px; margin:40px auto 0; }
form{margin:0; padding:0}
.clearboth{clear:both; font-size:0em; margin:0; padding:0; width:1%; float:none}
.right{float:right}
.left{float:left}
a img{border:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
h1{ padding:0; margin:0}
.colleft .content .cont .article h2{color:#fff; background:#cd041c url(../img/bg-h1.gif) no-repeat left bottom; font-size:1.4em; margin:0; padding:3px 0 3px 5px;}
h3{color:#cd041c; font-size:1.2em;  margin:0; background:#fff url(../img/bg-h2.gif) no-repeat left top; padding:3px 0 4px 25px;  }
h4{padding:3px 0 4px 0; margin:0; font-size:1.1em; font-weight:normal;overflow:hidden; }
h4 strong{display:block; float:left; background:#cd041c url(../img/bg-h3_left.gif) no-repeat left top; color:#fff; margin:0; padding:1px 0 1px 4px;  }
h4 span{display:block; float:left; background:#fff url(../img/bg-h3_right.gif) no-repeat left top ; color:#fff; margin:0; padding:0px ; height:18px; width:40px  }
h5{padding:3px 0 4px 0; margin:0;color:#707070; font-size:1em}
.color{color:#cd041c;}
h6{padding:3px 0 4px 0; margin:0;color:#707070; font-size:0.9em; font-weight:normal}
img.imgleft{float:left; padding:3px 8px 8px 0}
img.imgright{float:right; padding:3px 0 8px 8px}
input{margin:0; padding:0}



/*************** STRUCTURE */
.page{background:url(../img/bg-page.gif) no-repeat; }
ul.rapidaccess{ position:absolute; top:-5000px}
.colleft{width:770px; float:left;}
.colleft .head ul, .colleft .head ul li{margin:0; padding:0; list-style:none}
.colleft .head ul li{float:left; color:#a0a0a0; padding-right:5px}
.colleft .head ul li a{color:#707070}
.colleft .head ul li a.logo{padding-right:78px; display:block}
.colleft h2{ width:456px}
.colleft .content{clear:both; padding-top:30px}
#crumb { font-size:1em; font-weight:normal; padding:0; margin: 0 0 0 248px; color:#707070}
#crumb a{color:#707070; text-decoration:underline}
.colleft .content .cont{margin-top:20px}
.colleft .content .cont .menu{float:left;}
.colleft .content .cont .menu ul, .colleft .content .cont .menu ul li{margin:0 0 0 10px; padding:0; list-style:none}
.colleft .content .cont .menu ul li a{display:block; padding:3px 0 3px 10px; color:#fff; font-weight:bold; background:#cd041c url(../img/bg-menu.gif) no-repeat top left; width: 175px; margin-bottom:9px; text-decoration:none}
.colleft .content .cont .menu ul li a:hover, .colleft .content .cont .menu ul li a.active{display:block; padding:3px 0 3px 10px; color:#fff; font-weight:bold; background:#cd041c url(../img/bg-menu.gif) no-repeat bottom left; width: 175px;  margin-bottom:9px}
.colleft .content .cont .article{ float:left; margin-left:37px; width:520px}
.colleft .content .cont .article a{color:#cd041c; text-decoration:underline}
.colleft .content .cont .article a:hover{text-decoration:none}
.colleft .content .cont .article .parag{padding:20px 10px 10px 5px}
.colleft .content .cont .article ul{ padding-left:20px}
.colleft .content .cont .article ul li{list-style-image: url(../img/bg-li.gif); list-style-position:inside}
.colleft .content .cont .article .separ{padding:0; border-bottom:#bfbfbf dotted 1px; border-top:#bfbfbf dotted 1px; height:3px; margin:5px 0 20px; line-height:0.1em}
.colleft .content .cont .article .left{width:44%; margin-right:20px; margin-top:10px; margin-bottom:10px;}
.colleft .content .cont .article .right{width:44%; margin-right:23px; margin-top:10px; margin-bottom:10px; float:right}
.colleft .content .cont .article .left2{width:47%; margin-right:10px; margin-top:0; margin-bottom:10px; float:left}
.colleft .content .cont .article fieldset label{ width:75px; display:block; float:left; text-align:right; font-size:0.9em; padding-right:5px; line-height:180%; margin-bottom:5px}
.colleft .content .cont .article fieldset legend{height:1%;position:absolute;top:-3000em; text-indent:-10000em }
.colleft .content .cont .article fieldset p{ clear:both; margin:0; padding:0 }
.colleft .content .cont .article fieldset input.input_text{ border:none; background:#fff url(../img/bg-input-text-colright.gif) no-repeat; width:143px; padding:2px 0 5px 10px; color:#58585a; font-size:0.9em; display:block; float:left; margin-bottom:5px}
.colleft .content .cont .article fieldset select{ border:none; background:#fff url(../img/bg-input-text-colright.gif) no-repeat; width:153px; padding:2px 5px 10px 10px; color:#58585a; font-size:0.9em; display:block; float:left; margin-bottom:0; text-align:center; line-height:140%}
.colleft .content .cont .article fieldset.small{ margin:0; padding:10px 5px 0 5px; border:0; width:237px; background:url(../img/bg_fieldset_contenu_small.gif) no-repeat; }
.colleft .content .cont .article fieldset p input#send_form{ background:#cd041c url(../img/bg-valid.gif) no-repeat; width:63px; height:18px; color:#fff; text-align:right; border:0; padding-right:5px; font-weight:bold; margin-top:10px; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; cursor:pointer; margin-right:5px }
.colleft .content .cont .article fieldset p input#send_form:hover{ color:#000 }
.colleft .content .cont .article fieldset p.input_radio{ text-align:right; padding-right:4px}
.colleft .content .cont .article fieldset p.input_radio span{ float:left; padding-left:40px; padding-top:5px; display:block  }
.colleft .content .cont .article fieldset p.input_radio span label{ float:left; width:40px; text-align:left; line-height:130%;cursor:pointer }
.colleft .content .cont .article fieldset p.input_radio span input{ float:left; width:20px  }
.colleft .content .cont .article .bootom_fieldset_big fieldset { margin:0; padding:5px; border:none; width:480px; background:url(../img/bg_fieldset_contenu_big.gif)}
.colleft .content .cont .article .bootom_fieldset_small{ margin:0 10px 0 0; padding:0 0 8px 0 ; width:247px; background:url(../img/bg_fieldset_contenu_small_bottom.gif) no-repeat left bottom; float:left }
.colleft .content .cont .article .bootom_fieldset_big{ margin:0; padding:0 0 8px 0 ; width:480px; background:url(../img/bg_fieldset_contenu_big_bottom.gif) no-repeat left bottom;}

.colleft .content .cont .footer{margin-top:80px}
.colleft .content .cont .footer p{text-align:center; color:#cd041c}
.colleft .content .cont .footer ul, .colleft .content .cont .footer ul li{margin:0; padding:0; list-style:none}
.colleft .content .cont .footer ul  {margin-left:30px; margin-top:30px; padding-bottom:45px}
.colleft .content .cont .footer ul li{float:left; color:#a0a0a0; padding-right:5px}
.colleft .content .cont .footer ul li a{color:#707070}
.colright{width:221px; float:right;  }
.colright h2{color:#fff; background:#bf041a url(../img/bg-h2-colright.gif) repeat-x left top; font-size:1.2em; padding:5px 0 5px 0; margin:0; text-align:center; min-height:22px; width:221px; }
.colright form.connect {border:none; margin:0; padding:10px 0 10px 0; background:#fff}
.colright form.connect div label {height:1%;position:absolute;top:-3000em;}
.colright fieldset legend{height:1%;position:absolute;top:-3000em; text-indent:-10000em}
.colright form div p{margin:6px 0 0 0; padding:0; margin-left:18px}
.colright form input.input_text{border:none; background:#fff url(../img/bg-input-text-colright.gif) no-repeat; width:143px; padding:2px 0 5px 10px; color:#58585a; font-size:0.9em; }
.colright form.connect div input.ok{border:none; background:#bf041a url(../img/bt-ok-connect.gif) no-repeat; width:22px; height:20px; top:6px; cursor:pointer; text-indent:-10000em; position:relative }
.colright form.search {border:none; margin:0; padding:0;text-align:left; background:#e1e1e1 none}
.colright form.search div label {color:#000021; font-size:1.2em; font-weight:bold; display:block; padding-left:10px; padding-bottom:6px; padding-top:10px; display:block}
.colright form.search div span {display:block; width:190px; height:45px; background:url(../img/bg-span-colright.gif) no-repeat; vertical-align:middle }
.colright form.search div span input.input_text{ margin:11px 0 0 10px; background:#fff url(../img/bg-input-text-colright-2.gif) no-repeat; width:133px; padding:2px 0 5px 10px;}
.colright form.search div span input.ok{border:none; background:url(../img/bt-ok-search.gif) no-repeat; width:21px; color:#000; height:20px; top:7px; cursor:pointer; text-indent:-10000em; position:relative }
.colright .bottomright{padding:10px 0 0 0; }
.colright .actu{margin:6px 18px 0 14px; padding: 10px 0 15px 0; border-bottom:#a9a9a9 dotted 1px; border-top:#a9a9a9 dotted 1px; }
.colright .actu h2{color:#cd041c; background:none; font-size:1.2em; padding:0 0 4px 16px; margin:0; text-align:left }
.colright .actu ul {margin:0; padding:0; list-style:none; width:194px}
.colright .actu ul li {margin:0; padding:4px 4px 4px 16px; list-style:none; background:url(../img/bg-li-actu.gif) repeat-y; font-size:0.9em }
.colright .actu ul li a{ color:#696969; text-decoration:none}
.colright .actu ul li a:hover{text-decoration:underline}
.colright .actu ul li.first {margin:0; padding:18px 4px 4px 16px; list-style:none; background:url(../img/bg-li-actu-first.gif) no-repeat; }
.colright .actu ul li.last {margin:0; padding:25px 4px 0px 20px; list-style:none; background:url(../img/bg-li-actu-last.gif) no-repeat; text-align:right; font-weight:bold }
.colright .actu ul li.last a{ color:#cd041c;}
.colright .promo{margin:6px 18px 0 14px; padding: 10px 0 15px 0;  }

/*************** HOME PAGE */
.homepage {background:url(../img/bg-page.gif) no-repeat; }
.homepage .colleft .content{clear:both; padding-top:20px}
.colleft .content .cont .menu ul{margin:10px 0 0 10px;}
.colleft .content .cont .home { float:left; margin-left:37px; width:520px}
.colleft .content .cont .home .centre{ position:relative;width:520px}
.colleft .content .cont .home .centre h2{ margin:0; padding:0;  width:215px;}
.colleft .content .cont .home .centre h2 a{ color:#cd041c; font-size:0.8em; display:block; }
.colleft .content .cont .home .centre h2 a strong{ font-size:1.2em; }
.colleft .content .cont .home .centre a:hover{ text-decoration:none; color:#000 }
.colleft .content .cont .home .centre p{ background:#9f9f9f url(../img/bg-p-home.gif) no-repeat; width:211px; min-height:57px; color:#fff; padding:10px 7px 5px 7px; margin:5px 0 0 0  }
.colleft .content .cont .home .centre p a{color:#fff; font-size:1.2em; font-weight:bold }
.colleft .content .cont .home .centre .bloc_1{ float:left; margin-bottom:25px}
.colleft .content .cont .home .centre .bloc_2{ float:right; margin-bottom:25px; margin-right:30px}
.colleft .content .cont .home .centre .bloc_3{ float:left; margin-bottom:25px}
.colleft .content .cont .home .centre .bloc_4{ float:right; margin-right:30px; margin-bottom:25px}
.colleft .content .cont .home .centre .bloc_5{ float:left; margin-left:130px}
.colleft .content .cont .home .centre .bloc_1:hover a, .colleft .content .cont .home .centre .bloc_2:hover a, .colleft .content .cont .home .centre .bloc_3:hover a, .colleft .content .cont .home .centre .bloc_4:hover a, .colleft .content .cont .home .centre .bloc_5:hover a{ color:#000; cursor: pointer}
.colleft .content .cont .home .centre .bloc_1:hover, .colleft .content .cont .home .centre .bloc_2:hover, .colleft .content .cont .home .centre .bloc_3:hover, .colleft .content .cont .home .centre .bloc_4:hover, .colleft .content .cont .home .centre .bloc_5:hover{cursor: pointer}
.colleft .content .cont .article h2 a{color:#FFF;}