#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:904px;margin-left:02px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#type-inscription * {color: white; }
#type-inscription * {text-align:center; }
#type-inscription span.secu {font-size:17px; font-weight:bold; color:black;}
#type-inscription th strong {font-size:14px;font-weight:bold;}
#type-inscription tr#ligneAges th {padding-top: 10px;}
#type-inscription .descProfession {font-size:10px;}
#type-inscription #insc_topTableau { 
	background:url(../img/secu/flyover/haut_rose.png) no-repeat;
	height:62px;
	width:645px;
}
#type-inscription .bleu_gauche, #type-inscription tr#ligneAges .bleu_gauche  { 
	padding:0 2px 0 2px;
	margin:0;
	background:url(../img/secu/flyover/gauche_bleu.png) no-repeat;
	width:245px;
	height:111px;
}

#type-inscription .col { 
	width:164px;
	height:112px;
}
#type-inscription .marge_gauche { width:5px; }
#type-inscription .col_vert { background:url(../img/secu/flyover/centre_vert.png) no-repeat; }
#type-inscription .col_long_vert { background:url(../img/secu/flyover/centre_vert_long.png) no-repeat; }
#type-inscription .col_rouge { background:url(../img/secu/flyover/centre_rouge.png) no-repeat; }
#type-inscription .col_orange { background:url(../img/secu/flyover/centre_orange.png) no-repeat; }
#type-inscription .col_petit_rouge { background:url(../img/secu/flyover/droite_rouge.png) no-repeat; }
#type-inscription .col_big_orange { background:url(../img/secu/flyover/droite_orange.png) no-repeat; color:white; text-align:center; width:127px; height:598px; }
#type-inscription th.titvert {font-size:14px;padding:0 10px;}
#type-inscription th.titbleu {font-size:14px;}

#type-inscription th.col a {color:white;}

#type-inscription td.vert {width:8px;}

#type-inscription td.txt11 {color:black; font-size:11px; background-color:#e24298;}
#type-inscription td.notes {text-align:left; padding-left:10px;}
#type-inscription td.txt11 a {color:#FFF;}

/* 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;}