@charset "utf-8";

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666;
}

#page {
	width: 980px;
	margin: 0 auto;
	border: 1px solid #666;
	text-align: left;
	background-color: #FFF;
}

.line {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 2px 0;
	padding: 2px 0;
}

#header {
	padding: 0;
	margin: 0;
}

#logo {
	float: left;
	width: 200px !important;
	width /**/: 260px;
	margin: 0;
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 13px;
	padding-left: 30px;
}

#topbann {
	float: left;
	width: 720px;
	padding: 0;
	margin: 0;
	text-align: right;
	background-image: url(/images/graph/Bandeau_Haut.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu_bar {
	float: left;
	width: 980px;
	padding: 0;
	background-image: url(/images/graph/Barre_menu_Haut_On.jpg);
	background-repeat: repeat-x;
	background-position: left 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

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

.menu_item {
	float: left;
	width: 120px;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.tb_home {
	float: left;
	width: 120px;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(/images/graph/Barre_menu_Home_On.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.tb_cont {
	float: left;
	width: 120px;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(/images/graph/Barre_menu_Contact_On.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.tb_form {
	float: left;
	width: 120px;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(/images/graph/Barre_menu_Formation_On.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.tb_plan {
	float: left;
	width: 120px;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(/images/graph/Barre_menu_Plan_du_site_On.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.menu_space {
	float: left;
	width: 140px;
	height: 22px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.menu_search {
	float: left;
	width: 130px;
	text-align: center;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin: 0;
}

.menu_datain {
	border: 1px solid #999;
	width: 120px;
	height: 16px;
}

.menu_lang {
	float: left;
	width: 34px;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 0;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.menu_lang a {
	text-decoration: none;
	color: #FFF;
	outline: none;
}

#side_left {
	float: left;
	width: 183px !important;
	width /**/: 189px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 4px;
	background-color: #DDD;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	height: 580px;
}

#left_dim {
	float: right;
	width: 1px;
	padding: 0;
	margin: 0;
}

#left_menu {
	float: left;
	position: relative;
	width: 180px;
	padding: 0;
	margin: 0;
}

#main {
	float: left;
	width: 586px !important;
	width /**/: 601px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	overflow: hidden;
}

#main .title {
	margin: 0 0 8px 0;
	padding: 4px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #666;
	color: white;
}

#main .title_left {
	text-align: left;
	padding-left: 5px;
	font-size: 12px;
}

#main .cont_title {
	font-weight: bold;
	padding: 4px 0;
}

#main p {
	padding: 1px 0;
	margin: 0;
}

#main a {
	color: #666666;
	outline: medium none;
	text-decoration: none;
}

#main .cont {
	clear: both;
}

#main .cont_left {
	float: left;
	width: 250px;
}

#main .cont_right {
	float: right;
	text-align: right;
	width: 250px;
}

#side_right {
	float: right;
	width: 180px !important;
	width /**/: 190px;
	background-color: #FFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#side_right .line {
	border-bottom: 1px solid #CCCCCC;
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	width: 164px;
}

.right_box .menu_title {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}

.right_box .menu_title a {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#side_right a {
	text-decoration: none;
	color: #555;
	outline: none;
}

.side_box {
	float: left;
	width: 178px !important;
	padding: 0;
	background-color: #DDD;
	border: 1px solid #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.box_title {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
	background: url(/images/graph/bar_bkg.jpg) repeat-x left top;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.box_in {
	text-align: left;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}

.side_space {
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
}

/*  ---------------- footer ----------------  */
#footer {
	float: left;
	width: 980px;
	font-size: 12px;
	color: #FFF;
	margin: 0;
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	background-image: url(/images/graph/Barre_menu_Haut_On.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

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

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

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

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

.top_bar {
	float: left;
	width: 980px;
	padding: 0;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 0;
}

.bck0 .colored {
	background-color: #e2001a;
	color: white;
}

.bck0 {
	background-color: #f08f65;
}

.bck1 .colored {
	background-color: #e96038;
	color: white;
}

.bck1 {
	background-color: #f1956e;
}

.bck2 .colored {
	background-color: #e6462f;
	color: white;
}

.bck2 {
	background-color: #ef8563;
}

.bck3 .colored {
	background-color: #e0091d;
	color: white;
}

.bck3 {
	background-color: #e96e4c;
}

.bck4 .colored {
	background-color: #c0131b;
	color: white;
}

.bck4 {
	background-color: #d86647;
}

.bck5 .colored {
	background-color: #801d23;
	color: white;
}

.bck5 {
	background-color: #a0564a;
}

.bck6 .colored {
	background-color: #641314;
	color: white;
}

.bck6 {
	background-color: #8b4836;
}

.bck7 .colored {
	background-color: #4e0e0e;
	color: white;
}

.bck7 {
	background-color: #7c4030;
}

.bck8 .colored {
	background-color: #4f3187;
	color: white;
}

.bck8 {
	background-color: #8166a6;
}

.bck9 .colored {
	background-color: #0064aa;
	color: white;
}

.bck9 {
	background-color: #6d8dc2;
}

.bck10 .colored {
	background-color: #009c8c;
	color: white;
}

.bck10 {
	background-color: #7db9ad;
}

.bck11 .colored {
	background-color: #658429;
	color: white;
}

.bck11 {
	background-color: #99a563;
}

.bck12 .colored {
	background-color: #be9718;
	color: white;
}

.bck12 {
	background-color: #eac76b;
}

.bck13 .colored {
	background-color: #4f4e4e;
	color: white;
}

.bck13 {
	background-color: #838383;
}

.bar0 {
	background-color: #e2001a;
}

.bar1 {
	background-color: #e96038;
}

.bar2 {
	background-color: #e6462f;
}

.bar3 {
	background-color: #e0091d;
}

.bar4 {
	background-color: #c0131b;
}

.bar5 {
	background-color: #801d23;
}

.bar6 {
	background-color: #641314;
}

.bar7 {
	background-color: #4e0e0e;
}

.bar8 {
	background-color: #4f3187;
}

.bar9 {
	background-color: #0064aa;
}

.bar10 {
	background-color: #009c8c;
}

.bar11 {
	background-color: #658429;
}

.bar12 {
	background-color: #be9718;
}

.bar13 {
	background-color: #4f4e4e;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

h3.news_title {
	font-weight: bold;
}

.news_item {
	padding: 3px;
}

.news_item h4 {
	margin: 0;
	padding: 2px 0;
}

.news_item p.news_text {
	margin: 0;
	padding: 2px 0;
}

.news_item .date_line {
	text-align: right;
}

.news_item .date_line .date_info {
	font-style: italic;
}

.news_item .date_line .date {
	font-weight: bold;
}

.clear {
	clear: both;
}

.newsletter_form_grid {
	width: 400px;
	margin-left: 110px;
}

.newsletter_form_grid td {
	padding: 1px;
}

.newsletter_form_grid .label {
	width: 13px;
}

.newsletter_form_grid input[type="text"] {
	width: 300px;
}

input[type="button"] {
	background-color: #EEEEEE;
	border: 2px outset #CCCCCC;
	color: #666666;
	cursor: pointer;
	font-size: 11px;
	font-weight: bolder;
	height: 20px;
	text-align: center;
	margin-top: 10px;
}

div#tintedGlass {
	background-color: #666666;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity =       70);
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 90;
	display: none;
}

#infoMessage {
	background-color: whitesmoke;
	border: 1px solid #DDDDDD;
	bottom: 50%;
	left: 50%;
	margin-left: -230px;
	padding: 30px 10px 20px 30px;
	position: absolute;
	width: 400px;
	z-index: 111;
	display: none;
}

#infoMessageContent {
	font-size: 9pt;
	color: black;
	padding: 0 0 15px 0;
	text-align: left;
}

.msg_box_ok:hover {
	cursor: pointer;
	display: block;
}