@charset "utf-8";
/* CSS Document */

#contentpp{
    font-family:Arial,sans-serif,Helvetica;
    font-size:11px;
    margin:0;
    padding:0;
    background:#ffffff url(front_top_bg_ra_img.jpg) top left repeat-x;
    line-height:1.3em;
    width:720px;
}

#contentpp *{ margin:0; padding:0; outline:0; border:0; list-style-type:none; }
#contentpp a img{ border: none; }
#contentpp li{ display:inline;}


/*------- CSS Document ---------*/

#contentpp .frontLogo {text-align:right; padding:50px 84px 0 0;}
#contentpp .frontLogo_right {text-align:right; padding:60px 84px 0 0; float:right;}
#contentpp h1 {padding:55px 0 0 40px; height:75px;}
#contentpp h1.h1home {padding:11px 0 0 40px; background: url(front_titre_accueil_bg_ra_img.jpg) right 6px no-repeat; height:auto;}
#contentpp h2 { color:#e9030a; font-size:14px; background: url(front_puce_rouge_ra_img.png) 0px 4px no-repeat; padding:0 0 0 15px; margin:25px 0 5px 0;}

#contentpp .innerPadding{ padding:60px 70px 0 120px;}
#contentpp .innerPadding p{ padding:2px 0 4px 0;}
#contentpp .innerPadding p.asterisque{ padding:20px 0 0 0; font-size:9px;}
#contentpp .innerPadding ul{ margin-bottom:5px;}
#contentpp .innerPadding li{ display:block; padding:0 0 3px 10px;}
#contentpp .innerPadding .doubleFleche{background: url(front_puce_double_fleche_ra_img.png) 0px 5px no-repeat; font-weight:bold; line-height:1.4em; padding:0 0 0 45px; margin-top:8px;}

#contentpp .innerPadding .frontBt{margin:50px 0 0 0;}
#contentpp .innerPadding .btRealisez {background:url(front_bt_realisez_ra_visu.png) top left no-repeat; width:175px; height:17px;}
#contentpp .innerPadding .btValorisez {background:url(front_bt_valorisez_ra_visu.png) top left no-repeat; width:203px; height:17px;}
#contentpp .innerPadding .btProtegez {background:url(front_bt_protegez_ra_visu.png) top left no-repeat; width:161px; height:39px;}
#contentpp .innerPadding .frontBtDroite{ text-decoration:none; float:right; }
#contentpp .innerPadding .frontBtDroite:hover{background-position:bottom left;}
#contentpp .innerPadding .frontBtDroite span{visibility:hidden;}


#contentpp .innerPadding .frontBtGauche{ text-decoration:none; float:left; background:url(front_bt_accueil_ra_visu.png) top left no-repeat; height:17px; width:173px;}
#contentpp .innerPadding .frontBtGauche:hover{background-position:bottom left;}
#contentpp .innerPadding .frontBtGauche span{visibility:hidden;}

#contentpp .innerContent { padding-bottom:140px; background: url(front_man_bg_ra_img.jpg) bottom left no-repeat;}
#contentpp .frontIntro { padding:25px 20px 5px 230px; font-size:13px; color:#000000; font-weight:bold;}

#contentpp .innerMenu { height:280px; background: url(front_menu_bg_ra_img.png) 220px top no-repeat; padding:20px 0 0 240px;}
#contentpp .innerMenu ul li {display:block; height:100px; float:left; width:180px; padding:20px 0 0 40px;}
#contentpp .innerMenu ul li a{display:block; text-decoration:none;}
#contentpp .innerMenu ul li a span{ visibility:hidden;}

#contentpp .innerMenu ul li a.btGerez{ background:url(front_menu_gerez_ra_visu.png) top left no-repeat; height:62px; }
#contentpp .innerMenu ul li a.btRealisez{ background:url(front_menu_realisez_ra_visu.png) top left no-repeat; height:60px; }
#contentpp .innerMenu ul li a.btValorisez{ background:url(front_menu_valorisez_ra_visu.png) top left no-repeat; height:57px; }
#contentpp .innerMenu ul li a.btProtegez{ background:url(front_menu_protegez_ra_visu.png) top left no-repeat; height:60px; }
#contentpp .innerMenu ul li a:hover{background-position:bottom left;}

#contentpp .btSavoirPlus {display:block; border:1px solid #d3d3d3; text-align:center; font-size:17px; font-weight:bold; padding:10px 0 10px 0; text-decoration:none; color:#4e4e4e; margin-top:15px;}
#contentpp .btSavoirPlus:hover {border-color:#f01318;}
#contentpp .btSavoirPlus span{ color:#f01318; }