#exemplemutuelle {position:absolute;top:0px;left:0px;visibility:hidden;width:100%;height:100%;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#034EB2;}
* {margin:0;padding:0;}
#exemplemutuelle .clear {clear:both;height:0;font-size:1px;}
#exemplemutuelle a.print {background:url(../img/common/bt-print.png) no-repeat 0 0;padding-left:20px;line-height:20px;display:block;margin-top:10px;float:right;color:#000;font-weight:bold;}

#container {width:930px;background:#FFF;padding:5px 5px 15px 5px;margin:40px auto;position:relative;}
#barre-top {width:930px;height:23px;line-height:23px;background:url(../img/common/flyover/bg-barre-top.png) no-repeat;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#barre-top h1 {color:#000099;font-size:16px;margin-left:15px;float:left;}
#barre-top a {float:right;display:block;color:#009E38;font-weight:bold;text-decoration:none;width:70px;}

/* SECU ETUDIANTE - INSCRIPTION GRATUITE OU PAYANTE ? */
#type-inscription {width:890px;margin-left:25px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#type-inscription th.titvert {color:#009E38;font-size:14px;padding:0 10px;}
#type-inscription th.titbleu {color:#00538E;font-size:14px;}
#type-inscription th.row {background:#009E38 url(../img/secu/flyover/bg-basvert.gif) no-repeat 0 bottom;vertical-align:top;width:222px;}
#type-inscription th.row p {background:url(../img/secu/flyover/bg-topvert.gif) no-repeat 0 0;padding:10px;font-size:12px;color:#FFF;font-weight:normal;}
#type-inscription th.row p strong {font-size:14px;}
#type-inscription th.col {background:#C5E1EC url(../img/secu/flyover/bg-topbleu.gif) no-repeat 0 0;width:137px;font-size:13px;color:#00538E;padding:5px 10px;}
#type-inscription th.col a {color:#00538E;}
#type-inscription td.yellow {background:#FFFF00;font-size:16px;font-weight:bold;color:#00538E;padding:5px 10px;text-align:center;border-bottom:1px solid #91D5A9;border-top:1px solid #009E38;}
#type-inscription td.orange {background:#FF6600;font-size:16px;font-weight:bold;color:#FFF;padding:5px 10px;text-align:center;border-bottom:1px solid #91D5A9;border-top:1px solid #009E38;}
#type-inscription td.orange a{color:#FFF;}
#type-inscription td.vert {background:#009E38;width:7px;border-bottom:1px solid #91D5A9;border-top:1px solid #009E38;}
#type-inscription td.orange p {font-size:14px;font-weight:normal;margin-bottom:10px;padding:0 5px;}
#type-inscription td.end {background:#009E38 url(../img/secu/flyover/bg-basvert.gif) no-repeat 100% bottom;vertical-align:top;width:18px;}
#type-inscription td.end p {background:url(../img/secu/flyover/bg-topvert.gif) no-repeat 100% 0;}
#type-inscription td.txt11 {font-size:11px;}
#type-inscription td.txt11 a {color:#000;}

/* OFFRES - EXEMPLE */
#left-col {float:left;width:450px;margin-left:10px;}
#left-col h2 {color:#FF4709;font-size:24px;}
#left-col h2 small {font-size:18px;}
#image {position:absolute;top:130px;left:15px;z-index:1;}
#comment {width:298px;position:absolute;top:307px;left:158px;z-index:10;}
#comment #comment-bulle {width:298px;background:url(../img/offres/flyover/comment-bas.png) no-repeat 0 bottom;}
#comment #comment-bulle div {background:url(../img/offres/flyover/comment-top.png) no-repeat 0 0;}
#comment #comment-bulle p {color:#FFF;font-weight:bold;padding:15px;}
#comment #comment-bulle p em {font-size:10px;display:block;padding-top:0px;}
#comment a {display:block;margin:10px auto;background:url(../img/offres/flyover/bt-fermer.gif) no-repeat;width:128px;height:20px;line-height:20px;padding-left:25px;color:#FFF;text-decoration:none;font-weight:bold;font-size:11px;}
#comment a:hover {color:#FFFF00;}
/* Tableau */
#exemple {float:right;width:425px;margin:0 15px 15px 0;font-size:11px;}
#exemple .orange {font-size:14px;font-weight:bold;}
#exemple th {text-align:left;font-size:16px;height:35px;vertical-align:bottom;}
#exemple th.tab1 {color:#FFCC00;font-size:10px;text-align:center;font-weight:normal;}
#exemple th.tab2 {color:#FF6600;font-size:10px;text-align:center;font-weight:normal;}
#exemple th.tab3 {color:#FF0000;font-size:10px;text-align:center;font-weight:normal;}
#exemple td {vertical-align:top;}
#exemple td.desc {width:280px;background:#9ED714;padding:0 5px 0 15px;}
#exemple a.info {font-size:11px;color:#000;font-weight:bold;padding:0 2px;background:none;display:}
#exemple a.info em {display:none;}
#exemple a.info:hover {z-index:100;position:relative;}
#exemple a.info:hover em {display:block;position:absolute;top:30px;left:-55px;padding:5px;width:200px;color:#FFF;font-weight:normal;background:#FF4A09;font-style:normal;text-decoration:none;}
#exemple a.info:hover em span {position:absolute;top:-10px;left:50px;height:10px;width:21px;background:transparent url(../img/offres/flyover/bg-infobulle.png);}

#exemple td.taux {width:60px;padding-left:10px;}
#exemple td.tab1 {background:#FFFF00;}
#exemple td.tab2 {background:#FF6600;}
#exemple td.tab3 {background:#FF0000;}

#exemple .links a {line-height:20px;color:#000;font-weight:bold;}
#exemple .links a.print {background:url(../img/common/bt-print.png) no-repeat 0 0;padding-left:20px;display:block;float:right;}