/**** FEUILLE DE STYLE MENSA ************************************************************************************/

/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#485458; text-align:center; background-color:#fff; }
td, th	  				{ font-size:12px; color:#485458; vertical-align:top; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:5px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #ccc; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#f70; border:1px solid #f70; }


/* couleurs */
.vert							{ color:#bc3; }
.orange							{ color:#f70; }
.bleu							{ color:#379; }
.color							{ color:#f70; }

/* liens */
a								{ color:#485458; text-decoration:underline; }
a:hover							{ color:#f70; text-decoration:underline; }

/* listes */
ul								{ margin:5px 0 10px 0; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(../images/li.gif); margin:0 0 2px 40px; padding:0; }
ul li ul					{ margin:0; }
ul li ul li				{ list-style-image:url(../images/disc.gif); margin:0 0 0 20px; }


/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }

.toppage						{ text-align:right; margin:20px 0 10px 0; clear:both; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#f70; color:#fff; }

.back a						{ font-weight:bold; text-decoration:none; padding:1px 10px; color:#fff; background-color:#bc3; border:1px solid #ab2; }
.back a:hover				{ background-color:#f70; border:1px solid #f60; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ margin:auto; width:980px; text-align:left; padding-bottom:30px; position:relative; }

/**** HEADER ************************************************************************************/
#header							{ height:170px; background-color:#485458; background-repeat:no-repeat; background-position:100% 100%; position:relative; }
#header h1						{ position:absolute; top:1px; right:5px; font:normal 10px Arial, Helvetica, sans-serif; color:#c8c8c8; text-align:right; }
#header h2						{ position:absolute; left:405px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
#header h2.niveau1				{ top:15px; }
#header h2.niveau2				{ top:42px; }
#header h2.niveau3				{ top:70px; }
#logo							{ position:absolute; top:15px; left:0; }
#logoprint						{ display:none; }
#chip							{ z-index:100; position:absolute; bottom:-70px; right:-30px; }

/**** MENU ************************************************************************************/
#menu							              { height:34px; background:#ffa458 url(../images/bg_menu_orange.png) repeat-x 0 50%; }
#menu ul, #menu ul li			      { margin:0; padding:0; z-index:0; }
#menu ul li						          { height:34px; line-height:34px; float:left; position:relative; display:inline; list-style-image:none; }
#menu ul li a					          { background:url(../images/border_dotted.gif) no-repeat 100% 50%; /*float:left;*/ float:left; padding:10px 20px 9px 20px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
#menu ul li.last a				      { background:none; }
#menu ul li a:hover,
#menu ul li a.actif				      { background:#e0f462 url(../images/bg_menu_vert.png) repeat-x 0 50%; color:#485458; text-decoration:none; }

#menu ul li dl					        { position:absolute; top:34px; left:0; width:220px; padding:5px 10px; margin:0; background-image:url(../images/black-70.png); z-index:100; }
#menu ul li dl dd				        { display:block; list-style-image:none; list-style-type:none; margin:0; padding:0; border-bottom:1px dotted #fff; text-align:left; }
#menu ul li dl dd.last          { border:none; }
#menu ul li dl dd,
#menu ul li dl dd a             { background:none; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; padding:4px 0; float:none; text-decoration:none; text-transform:none; }
#menu ul li dl dd a.actif:hover,
#menu ul li dl dd a:hover,
#menu ul li dl dd a.actif   		{ color:#bc0; background:none; }

#menu .addthis_toolbox          { float:right; margin:6px 5px 0 0; }

/**** FOOTER ************************************************************************************/
#footer							            { position:relative; height:30px; text-align:right; margin-bottom:10px; padding:5px 10px; background-color:#485458; }
#footer ul						          { float:right; }
#footer ul, #footer ul li		    { margin:0; padding:0; list-style-type:none; list-style-image:none; }
#footer ul li					          { display:inline; }
#footer a						            { margin:0 5px; padding:0; text-decoration:none; }
#footer a:hover					        { text-decoration:underline; }
#footer ul li, #footer ul li a,
#footer #CoordPrint a,
#footer #CoordPrint				      { color:#fff; font-size:10px; }
#footer ul li, #footer ul li a,
#footer #CoordPrint a			      { color:#899; }
#footer #CoordPrint				      { text-align:left; }

#liens_foot							        { float:left; }
#liens_foot ul, #liens_foot ul li	{ float:left; margin:0; padding:0; list-style-type:none; list-style-image:none; }
#liens_foot ul li					      { display:inline; }
#liens_foot ul li a					    { float:left; position:relative; margin-right:20px; }
#liens_foot ul li.lifacebook a	{ width:116px; height:25px; background:url(../images/facebook.gif) no-repeat 0 0; }

#linking						            { position:absolute; bottom:0; text-align:center; width:100%;}
#linking ul, #linking ul li		  { margin:0; padding:0; list-style-type:none; list-style-image:none; }
#linking ul li					        { display:inline; }
#linking ul li, #linking a		  { text-decoration:none; color:#aaa; font-size:10px; }
#linking a:hover				        { color:#485458; }

/**** CONTENT ************************************************************************************/
.content						{ padding:10px 0 0 0; clear:both; background-color:#fff; /*height:auto !important; height:350px; min-height:350px;*/ }

.content h2						{ font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#485458; text-transform:uppercase; }
.content h2 strong				{ color:#f70; }
.content h3						{ font:italic normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:2px 5px; margin-bottom:5px; }
.content h4						{ font:bold 16px Arial, Helvetica, sans-serif; color:#455; padding-left:16px; margin:20px 0 0 0; background-image:url(../images/fleche_orange.gif); background-repeat:no-repeat; background-position:0 3px; }
.content h5						{ font:normal 16px Arial, Helvetica, sans-serif; color:#455; }

#outils							{ text-align:right; }
#outils ul, #outils ul li		{ margin:0; padding:0; }
#outils ul li					{ list-style-image:none; list-style-type:none; display:inline; }
#outils ul li, #outils ul li a	{ font-size:10px; color:#aaa; }
#outils ul li a					{ margin:0 2px; padding:0; }
#outils ul li a:hover			{ color:#f70; }

small, small a					{ font-size:10px; color:#888; }
ul li span						{ color:#92999c; }

.droite							{ float:right; width:230px; margin:10px 0 0 0; text-align:center; }
.droite img						{ margin:0 auto 10px auto; display:block;}

.colLeft						{ width:320px; float:left; }
.colRight						{ margin-left:350px; }

/* Tableau */
thead th						{ text-align:center; background-color:#eee; padding:5px; }
tbody th						{ padding:5px; font-weight:normal; }
table small						{ display:block; }
tbody td						{ text-align:center; }
tr.trbg th, tr.trbg td			{ background-color:#f7f7f7; }
.tdbg1 th, .tdbg2 th, .tdbg3 th	{ background-color:#eee; }
.tdbg1							{ background-color:#cde; }
.tdbg2							{ background-color:#fda; }
.tdbg3							{ background-color:#de8; }

/**** COULEURS ************************************************************************************/
#orange a, #orange h2			{ color:#f70; }
#continue #orange h3			{ background-color:#f70; }
#orange h4						{ background-image:url(../images/fleche_orange.gif); }
#orange ul li					{ list-style-image:url(../images/li.gif); }
#orange ul li ul li				{ list-style-image:url(../images/disc.gif); }
#orange .toppage a				{ color:#999; }
#orange .toppage a:hover		{ background-color:#f70; color:#fff; }

#vert a, #vert h2				{ color:#bc3; }
#continue #vert h3				{ background-color:#bc3; }
#vert h4						{ background-image:url(../images/fleche_verte.gif); }
#vert ul li						{ list-style-image:url(../images/li_vert.gif); }
#vert ul li ul li				{ list-style-image:url(../images/disc.gif); }
#vert .toppage a				{ color:#999; }
#vert .toppage a:hover			{ background-color:#bc3; color:#fff; }

#bleu a, #bleu h2				{ color:#379; }
#continue #bleu h3				{ background-color:#379; }
#bleu h4						{ background-image:url(../images/fleche_bleue.gif); }
#bleu ul li						{ list-style-image:url(../images/li_bleu.gif); }
#bleu ul li ul li				{ list-style-image:url(../images/disc.gif); }
#bleu .toppage a				{ color:#999; }
#bleu .toppage a:hover			{ background-color:#379; color:#fff; }

/**** SIDEBAR ************************************************************************************/
#sidebar						{ float:left; width:245px; }

#sidebar ul, #sidebar ul li		{ margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:left; }
#sidebar ul li					{ background-color:#eee; border-width:1px 1px 1px 5px; border-style:solid; border-color:#dedede; padding:5px 10px; margin-bottom:1px; }
#sidebar ul li a				{ text-decoration:none; }
#sidebar ul li small			{ display:block; }

#sidebar ul li ul li			{ background-color:inherit; border-width:0; padding:0; margin:2px 0 0 15px; }
#sidebar ul li ul li a			{ font-size:11px; }

#sidebar ul li.vert ul li		{ list-style-image:url(../images/li_vert.gif); }
#sidebar ul li.orange ul li		{ list-style-image:url(../images/li.gif); }
#sidebar ul li.bleu ul li		{ list-style-image:url(../images/li_bleu.gif); }

#sidebar .title,
#sidebar .linkbg li				{ color:#fff; border-style:solid; }
#sidebar .title					{ font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; border-width:1px 0 1px 0; }
#sidebar .linkbg li				{ border-width:0 0 1px 0; }
#sidebar .linkbg a				{ color:#fff; }

#sidebar .zone					{ width:245px; background:#485458 url(../images/zone_left_top.gif) no-repeat 0 0; margin:10px 0; padding-top:25px; }
#sidebar .zone .bott			{ height:10px; background:url(../images/zone_left_bottom.gif) no-repeat 0 100%; }
#sidebar .zone ul li			{ margin:0 0 0 30px; padding:0; list-style-image:url(../images/li_zone.gif); background:none; border-width:0; padding:2px 0; margin-bottom:0; }
#sidebar .zone ul li a			{ color:#fff; }
#sidebar .zone ul li a.actif	{ color:#bc3; }

/**** ACCUEIL ************************************************************************************/
#home .colLeft					{ width:320px; height:433px; float:left; overflow:hidden; }
#home .colRight					{ margin-left:320px; }
#home a                 { text-decoration:none; }

.blockhome						{ padding:10px; overflow:hidden; }
.blocklink						{  }
.titre							{  }

#intro							{ background-color:#f1f1f1; /*background:#f1f1f1 url(../images/angle_tr_gris.gif) no-repeat 100% 0;*/ height:70px; padding:15px 10px;}
.partenaires table				{ width:100%; border-collapse:collapse; margin-top:5px;}
.partenaires td					{ width:50%; text-align:center; padding:0; }
.partenaires a					{ color:#999; font-size:10px; text-decoration:none;}
.partenaires a:hover			{ color:#000; }

#actu							{ background:#ff8820 url(../images/bg_orange.png) repeat-x 0 0; height:238px; }
#actu .titre					{ width:142px; height:23px; background:url(../images/t_actualites.gif) no-repeat 0 0; }
#actu, #actu p, #actu a			{ color:#fff; font-size:10px; }
.maj							{ text-align:right; font-size:10px; color:#914600; }
.scroll                 { padding-right:10px; width:290px; height:140px; }

#offre-emploi-widget					{ background:#c1d731 url(../images/bg_vert.png) repeat-x 0 0; height:125px; }
#offre-emploi-widget .titre		{ width:192px; height:19px; background:url(../images/t_offresemploi.gif) no-repeat 0 0; margin:5px 0; }
#offre-emploi-widget p        { margin:10px 0 0 0; }
#offre-emploi-widget p,
#offre-emploi-widget a,
#offre-emploi-widget ul li    { font-size:10px; color:#414600; }
#offre-emploi-widget a:hover  { color:#000; }
#offre-emploi-widget ul       { margin:0; padding:0; }
#offre-emploi-widget ul li    { margin:0 0 2px 0; padding:0; list-style-image:none; }
#offre-emploi-widget em       { font-style:normal; color:#890; }

#elearning						{ background-color:#f1f1f1; height:48px; }
#elearning .titre				{ width:225px; height:19px; margin-bottom:10px; background:url(../images/t_elearning.gif) no-repeat 0 0; }
#elearning form					{ margin:10px 0 0 0; }
#elearning form *				{ vertical-align:bottom; }
#elearning input				{ padding:1px 2px; }
#elearning input[type=text]		{ width:115px; }

.blocklink  					  { float:left; width:330px; height:433px; margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; }
.blocklink ul					  { position:relative; top:340px; left:10px; margin:0; padding:0; }
.blocklink ul li			  { margin:0 0 10px 20px; padding:0; list-style-image:none; list-style-type:square; }
.blocklink ul li a		  { font-size:14px; text-decoration:none; }
.blocklink ul li a:hover { text-decoration:underline; }
/*.blocklink a:hover			{ background-position:0 -433px; }*/
#blockalternance  			{ background-image:url(../images/home_alternance.jpg); }
#blockalternance a, #blockalternance li			{ color:#414600; }
#blockcontinue  				{ background-image:url(../images/home_continue.jpg); }
#blockcontinue a, #blockcontinue li			  { color:#fff; }

#fb_like                { background-color:#485458;text-align:center; }

/**** ACCUEIL ************************************************************************************/
.tab_offre						{ width:100%; margin:20px 0; border-collapse:collapse; }
.tab_offre thead th				{ text-align:left; padding:5px; border-width:1px 0; border-style:solid; border-color:#d60; background:#ffa458 url(../images/bg_menu_orange.png) repeat-x 0 50%; color:#fff; }
.tab_offre tbody td,
.tab_offre tbody th				{ text-align:left; padding:8px 5px; border-bottom:1px dotted #bbb; }
.tab_offre tbody th				{ font-weight:bold; color:#f70; }

/**** ASSURANCE QUALITE ************************************************************************************/
.tab_part, .tab_part3			{ width:90%; margin:20px auto; }
.tab_part td, .tab_part3 td		{ text-align:center; }
.tab_part td					{ width:50%; }
.tab_part3 td					{ width:30%; }

.legende						{ margin:0 0 3px 0; text-align:right; }
.legende ul, .legende ul li		{ margin:0; padding:0; }
.legende ul li					{ list-style-type:none; display:inline; padding:2px 10px;}

/**** INSCRIPTION ************************************************************************************/
ul.radio_list, ul.radio_list li     { margin:0; padding:0; }
ul.radio_list li     { display:inline; list-style-type:none; list-style-image:none; }

#inscription .zone          { display:block; margin:10px 0; padding:10px; background-color:#eee; border:1px solid #dedede; }
#inscription .tab_form      { width:inherit; margin:0; width:950px; }
#inscription .tab_form td,
#inscription .tab_form th   { padding:5px; }
#inscription .form_opt .tab_form textarea   { width:650px; height:20px; }

/**** TAXE APPRENTISSAGE ************************************************************************************/
#taxeapprentis .colLeft					{ width:420px;}
#taxeapprentis .colRight				{ margin-left:480px; background-image:url(../images/taxe_apprentissage.jpg); background-repeat:no-repeat;}
#taxeapprentis .colRight        { padding-top:265px; }
#taxeapprentis .colRight .coord        { float:left;width:210px; }
#taxeapprentis .colRight .taxe  { float:right; margin-top:5px; }

/**** CONTACT ************************************************************************************/
.chps							{ font-size:10px; text-align:right; color:#f70; margin:0 0 10px 0; }
.tab_form						{ margin:20px 0; width:625px; border-collapse:collapse; }
.tab_form td					{ text-align:left; }
.tab_form th					{ text-align:right; font-weight:normal; }
.ireset							{ width:190px; }
.error_list, .error_list li		{ margin:0; padding:0; list-style-type:none; list-style-image:none; }
.error_list li					{ font-size:10px; color:#fff; padding:0 2px; background-color:#f70; }