/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .inputbox, .button, select, textarea{font-size:11px;font-family:Arial,Helvetica,sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

ul, ol, dd{margin:0px;}
ul, ul li{list-style-type:none}

.underline {text-decoration:underline; }

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}

.fl{float:left;display:inline}
.rl{float:right;display:inline}
.invisble{display:none}

a:link,a:visited{color:#0082C4}
a:hover,a:active{color:#0082C4;text-decoration:underline}
/*********************************************************************
  STRUCTURE
*********************************************************************/
html{margin:0;padding:0;}
body{background:#FFF}

#global{}
#global_content{width:990px;position:relative;margin:0px auto}

#top{position:relative;height:270px;width:100%;background:url(/images/fape/bg_logo.jpg) bottom left no-repeat}
#middle {width:970px}
#bottom{clear:both;position:relative;width:100%;}

#middle_content{position:relative;width:925px;}
#middle_form{position:absolute;width:411px;z-index:10;top:0px;left:585px;z-index:200}

/*********************************************************************
  TOP
*********************************************************************/
#top #link_back{position:absolute;display:block;top:32px;left:0px;width:262px;height:198px;padding-top:40px;padding-left:30px}
#top #img_call{position:absolute;top:32px;left:292px;}
/*Fade*/
#top #img_home{position:absolute;top:32px;left:292px;z-index:110}
#top #img_home_1{position:absolute;top:0px;left:0px;z-index:110}
#top #img_home_2{position:absolute;top:0px;left:0px;z-index:108}
#top #img_home_3{position:absolute;top:0px;left:0px;z-index:104}

#menu_top{width:635px;height:32px;padding-left:225px;list-style:none;background:url(/images/fape/bg_menu.png) bottom left no-repeat;}
#menu_top li{float:left;width:62px;padding-right:5px}
#menu_top li a{display:block;width:62px;height:29px;line-height:29px;font-size:13px;font-weight:bold;color:#969696;text-align:center;text-decoration:none;}
#menu_top li a:hover,
#menu_top li#active a{text-decoration:none;color:#575759;}

#menu_top li.item_1{float:left;width:242px;}
#menu_top li.item_1 a{width:242px;text-align:center;}
#menu_top li.item_1 a span{color:#969696}
#menu_top li.item_1 a:hover,
#menu_top li.item_1#active a{text-decoration:none;color:#575759;}
#menu_top li.item_1 a:hover span,
#menu_top li.item_1#active a span{color:#FFF;font-weight:bold}

/*********************************************************************
  Contenu
*********************************************************************/
#ribbon{height:131px;padding-left:35px;background:url(/images/fape/bg_ribbon.png) top left repeat-x;}
#middle_content #content_home{position:relative;height:365px;padding-top:17px;background:#f1ece9;}
#middle_content #content_home .avantages{position:absolute;top:-26px;left:280px;width:344px;height:332px;padding-top:30px;text-align:center;background:url(/images/fape/bg_avantages.png) top left no-repeat;}
#middle_content #content_home .avantages img{}
#middle_content #content_home .avantages div{float:left;width:140px;padding-left:23px;}
#middle_content #content_home .avantages div.col2{padding-left:18px;}
#middle_content #content_home .avantages p{padding-top:60px;font-size:12px;color:#323232}
#middle_content #content_home .exemple{height:187px;padding-left:30px;padding-top:20px;color:#2c3232;background:#ddd4cf}
#middle_content #content_home .exemple p{color:#2c3232;font-weight:bold}
#middle_content #content_home .exemple .break{height:1px;width:215px;margin:10px 0px;font-size:0px;background:#FFF}
#middle_content #content_home .exemple ul.list{padding-left:20px;}
#middle_content #content_home .exemple ul.list li{display:block;padding-left:15px;font-size:11px;font-style:italic;background:url(/images/fape/puce_exemple.gif) center left no-repeat;}
#middle_content #content_home .exemple ul.exp li{display:block;font-size:12px;color:#2c3232}
#middle_content #content_home .exemple ul.exp li span{display:block;float:left;width:150px;}
#middle_content #content_home .infos{height:50px;padding-left:30px;padding-top:20px;border-bottom:1px solid #d0c2bc;background:url(/images/fape/bg_infos.png) top left no-repeat;}
#middle_content #content_home .infos p{color:#a40f4c;font-size:14px;font-weight:bold;}
#middle_content #content_home .infos p span{font-size:12px;font-weight:normal;}

#middle_content #assoc{margin-top:4px;padding-left:30px;background:#f1ece9;}
#middle_content #assoc p{float:left;width:160px;font-size:14px;color:#9c928d;line-height:55px;}
#middle_content #assoc div{float:left;margin-right:30px;}
#middle_content #assoc div.title{line-height:55px;color:#9c928d;font-size:14px}

/*EN SAVOIR PLUS*/
#ribbon_savoir_plus{height:79px;}
#middle_content #content_savoir_plus{height:595px;padding-top:5px;background:#f1ece9;}
#middle_content #content_savoir_plus .engagements{position:absolute;top:398px;left:314px;width:291px;height:217px;padding-top:30px;padding-left:18px;background:url(/images/fape/bg_engagements.png) top left no-repeat;}
#middle_content #content_savoir_plus .engagements h2{margin-bottom:15px;}
#middle_content #content_savoir_plus .engagements ul{padding-left:35px;}
#middle_content #content_savoir_plus .engagements ul li{display:block;margin-bottom:5px;padding-left:20px;font-size:12px;color:#2c3232;background:url(/images/fape/puce_square.png) top left no-repeat;}
#middle_content #content_savoir_plus .faq{float:right;width:240px;padding-right:320px;padding-top:25px}
#middle_content #content_savoir_plus .faq dl{margin-bottom:30px;}
#middle_content #content_savoir_plus .faq dl dt{margin-bottom:10px;font-weight:bold;font-size:13px;color:#2c3232}
#middle_content #content_savoir_plus .faq dl dd{margin-bottom:5px;padding-left:20px;font-size:12px;color:#2c3232;background:url(/images/fape/puce_line.png) top left no-repeat;}
#middle_content #content_savoir_plus .contrat{width:323px;height:104px;padding-top:15px;padding-left:25px;margin-bottom:10px;background:url(/images/fape/bg_contrat.png) top left no-repeat;}
#middle_content #content_savoir_plus .contrat h2{margin-bottom:10px;}
#middle_content #content_savoir_plus .contrat ul{margin-left:15px;}
#middle_content #content_savoir_plus .contrat ul li{display:block;margin-bottom:3px;padding-left:20px;font-size:14px;font-weight:bold;color:#2c3232;background:url(/images/fape/puce_contrat.png) top left no-repeat;}
#middle_content #content_savoir_plus .contrats{width:328px;height:319px;padding-top:20px;padding-left:20px;background:url(/images/fape/bg_contrats.png) top left no-repeat;}
#middle_content #content_savoir_plus .contrats h2{margin-bottom:10px;}
#middle_content #content_savoir_plus .infos{height:48px;padding-left:30px;padding-top:20px;border-bottom:1px solid #d0c2bc;background:url(/images/fape/bg_infos.png) top left no-repeat;}
#middle_content #content_savoir_plus .infos p{color:#a40f4c;font-size:14px;font-weight:bold;}
#middle_content #content_savoir_plus .infos p span{font-size:12px;font-weight:normal;}

/*ETAPE 2*/
#middle_content #ribbon_content_step2{height:59px;padding-left:35px;padding-top:20px;background:url(/images/fape/bg_ribbon_small.png) top left repeat-x;}
#middle_content #ribbon_content_step2 p{color:#FFF;font-size:15px;}
#middle_content #ribbon_content_step2 p.hello{font-weight:bold}

#middle_content #content_step2{position:relative;height:380px;background:#f1ece9;}
#middle_content #content_step2 .infos{height:118px;padding-left:35px;padding-top:30px;background:url(/images/fape/bg_step2.png) top left no-repeat;}
#middle_content #content_step2 .infos p{width:565px;font-size:12px;color:#3c3c3c}
#middle_content #content_step2 .infos p span{font-size:14px;color:#a60f4d}
#middle_content #content_step2 .simulation{padding-top:105px;background:url(/images/fape/bg_simulation.png) top left no-repeat;}
#middle_content #content_step2 .simulation h2{margin-bottom:10px;padding-left:105px}
#middle_content #content_step2 .simulation .bt_simulation{display:block;width:109px;height:31px;margin-left:100px;background:url(/images/fape/bt_start.png) top left no-repeat;}
#middle_content #content_step2 .simulation #iframe{position:absolute;top:-240px;left:0px;width:622px;height:541px;padding-top:19px;background:url(/images/fape/bg_iframe_shadow.png) top left no-repeat !important;background-image:url(no-image);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fape/bg_iframe_shadow.png',sizingMethod='crop');}
#middle_content #content_step2 .simulation #iframe #stop_simulation{position:absolute;top:35px;left:550px;display:block;width:40px;height:40px;}
#middle_content #content_step2 .simulation #iframe .iframe_content{width:562px;height:501px;margin:0px auto;padding-top:20px;background:url(/images/fape/bg_iframe.png) top left no-repeat;}
#middle_content #content_step2 .simulation #iframe .iframe_content .content{width:470px;margin:0px auto;background:#FFF;}
/*********************************************************************
  Bottom
*********************************************************************/
#bottom .menu_content{width:955px;margin:0px auto;}
#bottom #menu_bottom{width:740px;height:25px;padding-top:60px;padding-left:175px;background:url(/images/fape/bg_menu_bottom.png) top right no-repeat;}
#bottom #menu_bottom li{float:left;width:115px;text-align:center;background:url(/images/fape/bg_tab_menu_bottom.gif) center right no-repeat;}
#bottom #menu_bottom li a{font-size:9px;text-transform:uppercase;color:#505050;text-decoration:none;}
#bottom #menu_bottom li a:hover{color:#505050;text-decoration:underline;}
#bottom #menu_bottom li.item_1{float:left;width:220px;background:none}

#bottom #bottom_content{height:152px;padding-top:25px;background:#a40f4c}
#bottom #bottom_content div{width:955px;margin:0px auto;}
#bottom #bottom_content p{margin-bottom:10px;color:#FFF;font-size:9px}
#bottom #bottom_content p a{font-size:9px;color:#9d968d;}

/**********************************************************************
  Fin opération
**********************************************************************/