*{margin:0; padding:0}
body{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#303030; background-color:#FFFFFF}
#container{margin:auto; width:100%}
#engagement{clear:both}
li{list-style-type:none}
#engagement .intro{background: transparent url('../img/default/bg_intro_sim.png') no-repeat center center; width:100%; height:70px;text-indent:-5000px;font-size:0px}
#engagement .intro p{font-family:Myriad Pro;font-size:37pt;text-transform:uppercase;text-align:center;color:#F15922}
#engagement .intro p.ligne2{color:#000000;font-size:45pt}
#engagement .onglet{position:relative; overflow:hidden; width:100%; background:#fff}
// #engagement .onglet .section{background: #8a8a8a url('../img/default/bg_onglet3.png') no-repeat; height:40px; border-bottom:1px solid #ffffff;text-indent:10px}
#engagement .onglet .section{transition:.2s all;text-transform:uppercase;margin-bottom:1px;text-decoration:none;display:block;background:#0096B1;font-family:'Open Sans', Arial;font-size:14px;color:#fff;text-indent:18px;height:44px;line-height:44px}
#engagement .onglet .section p{background:url('../img/default/fleche_off2.png') no-repeat center right  3%; padding-top:5px}
#engagement .onglet .section > p{padding-top:0}
#engagement .onglet .section p a{font-size:14px;text-transform:uppercase;color:#fefefe}
#engagement .onglet .section.on{background:#F15922;background-position: 0% 100%}
#engagement .onglet .section.on p{background:url('../img/default/fleche_on2.png') no-repeat center right  3%}
#engagement .onglet .hidden{background: transparent url('../img/default/bg_onglet_on_sim.png') no-repeat; height:40px; border-bottom:1px solid #ffffff;cursor:pointer}
#engagement .onglet .hidden p{font-size: 15px;text-indent: 10px;text-transform:uppercase;padding-top: 12px;color: #fefefe}
#engagement .contenu ul{clear:both;margin: 8px 0 0 18px}
#engagement .contenu ul.clients{}
#engagement .contenu ul.clients li{margin-bottom:15px}
#engagement .contenu ul.clients li p{margin-left: 18px;font-size: 12px;color: #2c2c2c;text-transform: none}
#engagement .contenu li{margin-bottom:22px}
#engagement .contenu .first{color:#F15922;text-transform:uppercase;font-size: 15px;font-family: 'Open Sans',Arial;font-weight: bold;margin: 0 0 10px -10px}
#engagement .contenu .first span{color: #000;text-transform: none;font-size: 15px;font-family: Arial;font-weight: normal}
#engagement .contenu .texte{line-height:18px;color: #2c2c2c;font-family: Arial;font-size: 12px}
#engagement .contenu .texte.conditions{font-size:10px}
#engagement .contenu .texte span{font-size:10px}
#engagement .contenu .texte img{vertical-align:middle}
#engagement .contenu .titre{color: #2c2c2c;font-size: 12px;text-transform: uppercase;font-weight: bold;margin-top:22px;  line-height: 20px;margin-bottom: 9px}
#engagement .contenu .mentions{font-family: Arial;font-size: 11px;margin-left: 20px;margin-bottom: 30px;color: #2c2c2c}
#engagement .contenu .mentions.bleu{font-size: 10px}
#engagement .contenu .mentions.noir{font-size: 10px}
#engagement .contenu .mentions.noir span{font-size: 11px}
#engagement .contenu .bloc{float:left}
#engagement .contenu .bloc .intro_texte{color: #2c2c2c;font-family: Arial;font-size: 12px;margin-left:18px;line-height:18px}
#engagement .texte_intro{font-family:Arial;font-weight:bold;height:60px;text-transform:uppercase;color:#5e5e5e;text-align:right;margin: 9px 12px 30px 0}
#engagement .texte_intro img{float:left;margin-left:10px;width: 100px;height: auto;}
#engagement .texte_intro p{font-size:15px}
#engagement .contenu .bloc ul li table{width:98%;border-top:1px solid #000;border-bottom:1px solid #000;margin:5px 0}
#engagement .contenu .bloc ul li table tr{width:100%}
#engagement .contenu .bloc ul li table tr th{width:25%;text-align:left;padding:5px 4px;border-bottom:1px solid #000;color:#fff;background-color:#F15922;font-size:12px}
#engagement .contenu .bloc ul li table tr td{width:25%;padding:5px 0;border:1px solid #ccc;border:none;text-align:center}
#engagement .contenu .bloc ul li table tr:nth-child(even){background-color:#eceaeb}
#engagement .contenu .bloc ul li .encadre{float:left;width:90%;margin: 2% 0 3% 0;padding:10px;border:1px solid #ccc; font-size:12px}
#engagement .contenu .bloc ul li .encadre > *{float:left;margin:0;padding:0}
#engagement .contenu .bloc ul li .encadre b{font-weight:bold}
#engagement .z8 .contenu .bloc a{display:block;width:50%;max-width:157px;height:auto;margin:0 auto 1.375rem}
#engagement .z8 .contenu .bloc a img{display:block}
#engagement .contents .menu ul li a{transition:.2s all;text-transform:uppercase;text-decoration:none;display:block;background:#0096B1;font-family:'Open Sans', Arial;font-size:14px;color:#fff;text-indent:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#engagement .contents .menu ul li.active a,
#engagement .contents .menu ul li a:hover{transition:.2s all;float:none;margin-left:0;font-size:16px;background:#F15922}