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

body {
	padding:0;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color: #212121;
}


#cadre {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background:url(../_img/bg-formations-management.gif) repeat-y;
}

#site {
	width:962px;
	margin-left:auto;
	margin-right:auto;
}

#mc-formations-management {
	background:url(../_img/bg-mc-formations-langue.jpg) repeat-x;
	width:960px;
	height:25px;
	padding-top:8px;
	text-align:center;	
	border-bottom: 1px solid white;
}

#mc-formations-management a{
	text-decoration:none;
	color:#5f5f5f;
}

#header {
	width:960px;
	height:247px;
	padding-top:6px;
	background:url(../_img/header-formations-management.jpg) no-repeat;
	border-bottom: 1px solid white;
}

#header a {
	text-decoration:none;
}

#onglets {
	width:960px;
	clear:both;
	height:19px;
}

#onglet {
	height:19px;
	float:right;
	color:#FFF;
	margin-left:1px;
	text-transform:uppercase;
	font-weight:bold;
}

#onglet a {
	color:#FFF;
	text-decoration:none;
}

#logo {
	width:315px;
	height:90px;
	margin-left:15px;
	text-decoration:none;
	clear:both;
}

#swf {
	margin-top:21px;
	margin-left:8px;
	width:505;
	height:850px;
}

#fil-ariane {
	width:960px;
	height:29px;
	background:url(../_img/bg-fil-ariane.jpg) repeat-x;
	border-bottom: 1px solid white;
}

#ariane {
	height:22px;
	width:680px;
	padding-top:8px;
	padding-left:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#5e5e5e;
	float:left;
}

#ariane a {
	color:#5e5e5e;
	text-decoration:none;
}

#ariane a:hover {
	text-decoration:underline;
}

#recherche {
	height:25px;
	width:255px;
	padding-top:5px;
	padding-right:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#5e5e5e;
	text-align:right;
	float:right;
}

#recherche input {
	width:133px;
	height:18px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	border:0;
	background:url(../_img/bg-input.gif) no-repeat;
}

#container {
	width:962px;
	background:url(../_img/bg-container.gif) repeat-y;
	float:left;
}

#liste-formations-langue {
	width:200px;
	float:left;
	border-right:1px solid white;
}

h3.menu {
	background:#5f5f5f url(../_img/coin-categories-formations.jpg) no-repeat top left;
	border-bottom: 1px solid #FFCC00;
	padding:10px;
	margin:0;
	font-size:10px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:normal;
}

h3.menu a {
	text-decoration:none;
	color:#FFFFFF;
}

h4.menu {
	padding:10px 0 0 10px;
	margin:0;
	color:#C21A01;
	font-weight:normal;
}

h4.menu a {
	text-decoration:none;
	color:#C21A01;
}

ul.menu {
	list-style-image:url(../_img/puce.gif);
	list-style-position:inside;
	padding:0 0 10px 0;
	margin:0;
}

ul.menu li {
	color:#5f5f5f;
	background:#f2f2f2;
	border:1px solid #FFCC00;
	padding:2px 2px 2px 5px;
	font-size:12px;
	width:280px;
}

ul.menu li a {
	text-decoration:none;
	color:#000;
}

ul.menu li a:hover {
	text-decoration:underline;
}

#content {
	width:504px;
	padding:10px;
	float:left;
}

h1, h1 a {
	color:#FFCC00;
	font-weight:normal;
	margin-top:0;
}

h1 a:hover {
	text-decoration:underline;
}

h2, h2 a {
	color:#99CC00;
	font-size:12px;
}

h2 a:hover {
	text-decoration:underline;
}

h3, h3 a {
	color:#99CC00;
	font-size:12px;
	text-transform:uppercase;
}

h3 a:hover {
	text-decoration:underline;
}

h4, h4 a {
	color:#5f5f5f;
	font-size:10px;
	text-decoration:underline;
}

h4 a:hover {
	text-decoration:underline
}

#content ul li, #content ul li a {
	font-size:10px;
	color:#000;
	text-decoration:none;
}

#content ul li a:hover {
	text-decoration:underline;	
}

#content a {
	text-decoration:none;
	color:#5f5f5f;
}

#content a:hover {
	text-decoration:underline;
}

#encarts {
	width:237px;
	padding-top:2px;
	float:right;
}

#confiance-formations-management {
	width:226px;
	height:118px;
	padding:40px 5px 10px 5px;
	background:url(../_img/ils-nous-font-confiance.jpg) no-repeat;
}

#actualites {
	width:216px;
	height:188px;
	padding:50px 10px 10px 10px;
	background:url(../_img/actualites.jpg) no-repeat;
}

#actualites #contenuActus h2 {
	font-size:10px;
	background:#5f5f5f;
	color:#fff;
	display:inline;
	padding:2px;
	line-height:12px;
}

#actualites #contenuActus p, #actualites #contenuActus p a {
	font-size:10px;
	color:#212121;
}

#actualites #contenuActus p a.hlGrey {
	color:#fff;
}

#vague {
	clear:both;
	width:960px;
	height:34px;
	padding-top:52px;
	background:url(../_img/vague.jpg) no-repeat;	
}

#vaguesuite {
	width:940px;
	background:url(../_img/vague-suite.jpg) repeat-y;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
}

#vaguesuite a {
	color:#fff;
	text-decoration:none;
}

#vaguesuite a:hover {
	text-decoration:underline;
}

#footer {
	width:930px;
	height:24px;
	padding:15px;
	background:url(../_img/bg-footer.gif) repeat-x;
	clear:both;
}

#footer a {
	text-decoration:none;
}

#footer #copyright {
	width:370px;
	height:14px;
	padding:4px;
	background:url(../_img/bg-copyright.gif) no-repeat;
	color:#FFF;
	float:left;
}

#footer #copyright a {
	text-decoration:none;
	color:#FFF;
}

#footer #navigation {
	height:14px;
	padding:4px;
	float:right;
	color:#5e5e5e;
}

#footer #navigation a {
	text-decoration:none;
	color:#5e5e5e;
}


/* Classes */
#content ul li.liste-formation-management {
	font-size:13px;
	list-style:none;
	text-align:left;
	background-color:#999999;
	margin-top:5px;
	padding-bottom:1px;
	padding-left:21px;
	padding-top:1px;
	width:400px;
	color:#fff;
}
#content ul li.liste-formation-management a { 
	color:#fff;
	text-decoration:none;
}

img.vignette {
	margin:5px;	
}

#content a.hl {
	text-decoration:none;
	color:#FFF;
	background:#99CC00 url(../_img/coin.gif) no-repeat left top;
	padding:2px 7px 2px 7px;
	font-size:10px;
}

a.hlGrey{
	text-decoration:none;
	color:#FFF;
	background:#5f5f5f url(../_img/coin.gif) no-repeat left top;
	padding:2px 7px 2px 7px;
	font-size:10px;
}

span.reference {
	background-color: #FFCC00;	
	color:#FFF;
	font-weight: bold;
	padding: 3px;
	 
}