/* CSS Document */
/*-------General Starts-------*/
body {
	margin:0px;
	padding:0px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
td, ul, li, p, h2, h4, form, input, label{
	padding:0;
	margin:0;
}
img{
	padding:0;
	margin:0;
	border:none;
	line-height:0px;
	font-size:0px;
}
ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
.spacer{ 
	line-height:0; 
	font-size:0; 
	clear:both;
}
h4{
	font:normal 23px/28px Arial, Helvetica, sans-serif;
	color:#F7AE00;
	background-color:inherit;
}

h8{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#0866A2;
	background-color:inherit;
}




h2{
	color:#ffffff;
	font:normal 30px/31px Arial, Helvetica, sans-serif;
	background-color:inherit;
}
p{
	color:#5C7474;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background-color:inherit;
}
p.read_more{
	background:url(images/icon_black.gif) no-repeat 0 50%;
	line-height:0px;
	font-size:0px;
	padding-left:8px;
	margin:0px;
}
p.read_more a{
	color:#FFA800;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:inherit;
}
p.read_more a:hover{
	text-decoration:underline;
}
/*-------General Ends-------*/
/*-----------------------HEADER-PANNEL STARTS------------------------------*/
.top_bg{
	background: #0866A2;
	line-height:0px;
	font-size:0px;
	padding:29px 0 0;
	color:#C1DADE;
}
.header_left{
	width:200px;
	padding:7px 89px 0 0;
}
/*------------NAVIGATION STARTS-------------------*/
.header_left ul{
	margin:0 0 0;
	background:url(images/divider_nav.gif) repeat-x 0 100%;
}
.header_left ul li{
	background:url(images/divider_nav.gif) repeat-x 0 0;
	line-height:0px;
	font-size:0px;
	padding-left:5px;
}
.header_left ul li span{
	background:url(images/icon_arrow.gif) no-repeat 0 50%;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	padding-left:11px;
}
.header_left ul li span.active{
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	padding-left:11px;
	color:#F7AE00;
	background-color:inherit;
}
.header_left ul li span a{
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	background-color:inherit;
}
.header_left ul li span a:hover{
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#F7AE00;
	background-color:inherit;
}
/*-----------NAVIGATION  ENDS--------------------*/
.header_left p.caption{
	
	font:normal 10px/17px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	margin:4px 0 18px;
}
.logo{
	margin:0px;
	line-height:0px;
	font-size:0px;
	display:block;
}
.header_right{
	width:577px;
	background:url(images/header_bg.jpg) no-repeat 0 0;
	padding:187px 0 14px 34px;
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
}
.header_right span{
	color:#F9C539;
	background-color:inherit;
}
/*-----------------------HEADER-PANNEL ENDS------------------------------*/
/*-----------------------BODY-PANNEL STARTS------------------------------*/
.body_bg{
	/*background:url(images/body_bg.jpg) repeat-x 0 0 #DAFDFF;*/
	line-height:0px;
	font-size:0px;
	padding:30px 0 30px;
	/*color:#46828D;*/ 
}
/*--------------BODY-ICON STARTS-----------------*/
.body_icon{
	padding:0 0 25px;
}
.service_bg{
	width:200px;
	background:url(images/service_bg.jpg) no-repeat 0 0;
	line-height:0px;
	font-size:0px;
	padding:14px 0 18px 91px;
}
.new_ideas{
	width:200px;
	background:url(images/new_ideas.jpg) no-repeat 0 0;
	line-height:0px;
	font-size:0px;
	padding:14px 0 18px 91px;
}
.privacy_bg{
	width:200px;
	background:url(images/privacy.jpg) no-repeat 0 0;
	line-height:0px;
	font-size:0px;
	padding:14px 0 18px 91px;
}
.body_icon p{
	color:#333333;
	background-color:inherit;
	width:163px;
}
.body_icon p.read_more{
	background:url(images/icon_orange.gif) no-repeat 0 50%;
	line-height:0px;
	font-size:0px;
	padding-left:8px;
	margin:2px 0 0;
}
.body_icon p.read_more a{
	color:#2E323D;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	background-color:inherit;
}
.body_icon p.read_more a:hover{
	text-decoration:none;
}
/*--------------BODY-ICON ENDS-----------------*/
/*--------------BODY-LEFT STARTS-----------------*/
.body_left{
	width:291px;
	padding-right:14px;
}
.latest_news{
	padding:0 0 20px;
}
.body_left p.read_more{
	margin-top:5px;
}
.body_left p.date_bg{
	background-color:#CBEEF0;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#005387;
	padding-left:13px;
	margin:17px 0 10px;
}
.body_left p.date_bg_01{
	background-color:#005387;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-left:13px;
	margin:13px 0 9px;
}
.body_left p.date_bg span, .body_left p.date_bg_01 span{
	color:#00ff00; 
	background-color:inherit;
}
.body_left p{
	color:#46828D; 
	background-color:inherit;
	margin-left:13px;
}
.contact_top{
	line-height:0px;
	font-size:0px;
	width:277px;
	background:url(images/contact_top.gif) no-repeat 0 0;
	padding-top:5px;
}
.contact_bttm{
	line-height:0px;
	font-size:0px;
	width:277px;
	background:url(images/contact_bttm.gif) no-repeat 0 100%;
	padding-bottom:5px;
}
.contact_bg{
	line-height:0px;
	font-size:0px;
	background:url(images/contact_bg.gif) repeat-x 0 0 #F2DD47;
	border-left:1px solid #CEB913;
	border-right:1px solid #CEB913;
	width:260px;
	padding:2px 0 0 15px;
	color:#31444A;
}
.contact_bg h4{
	color:#31444A;
	font:bold 17px/32px Arial, Helvetica, sans-serif;
	background-color:inherit;
}
.contact_bg p{
	color:#31444A;
	background-color:inherit;
	margin:3px 0 0;
	line-height:14px;
}
.contact_bg p a{
	color:#0866A2;
	background-color:inherit;
	text-decoration:none;
}
.contact_bg p a:hover{
	text-decoration:underline;
}
/*--------------BODY-LEFT ENDS-----------------*/
/*--------------BODY-RIGHT STARTS-----------------*/
.body_right{
	width:581px;
	padding-left:14px;
}
.body_right p{
	color:#5C7474; 
	background-color:inherit;
}
.body_right p span{
	color:#0866A2;
	font-weight:bold;
	background-color:inherit;
}
.body_right p.content_welcome{
	margin:12px 0 0;
}
.welcome_bg{
	padding:0 0 25px;
}
.welcome_bg p.read_more{
	margin-top:11px;
}
.bttm_left{
	width:277px;
	padding-right:27px;
}
.bttm_left h4{
	margin-bottom:10px;
}
.bttm_left p span{
	line-height:13px;
}
.bttm_padding{
	padding-top:14px;
}
.bttm_left p.content_bttm{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#5C7474;
	margin-top:6px;
	background-color:inherit;
}
.bttm_left img{
	line-height:0px;
	font-size:0px;
	display:block;
	border:2px solid #2EA3AA;
}
.bttm_right{
	width:277px;
}
.bttm_right img{
	line-height:0px;
	font-size:0px;
	display:block;
	border:1px solid #2EA3AA;
	margin-top:11px;
}
.bttm_right ul{
	margin:13px 0 0;
	background:url(images/divider_service.gif) repeat-x 0 0;
	line-height:0px;
	font-size:0px;
	padding-top:1px;
}
.bttm_right ul li{
	background:url(images/divider_service.gif) repeat-x 0 100%;
		line-height:0px;
	font-size:0px;
	padding-bottom:1px;
}
.bttm_right ul li a{
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color:#005387;
	text-decoration:none;
	background:url(images/icon_list.gif) no-repeat 2% 50%;
	display:block;
	padding-left:13px;
	background-color:inherit;
}
.bttm_right ul li a:hover{
	display:block;
	background-color:#CBEEF0;	
	color:#005387;
}
.bttm_right p.read_more{
	margin-top:5px;
}
/*--------------BODY-RIGHT ENDS-----------------*/
/*-----------------------BODY-PANNEL ENDS------------------------------*/
/*-----------------------FOOTER STARTS------------------------------*/
.footer{
	background-color:#1D81B6;
	color:#A0ACB8;
}
p.link{
	font:normal 10px/32px Arial, Helvetica, sans-serif;
	color:#F7AE00;
	background-color:inherit;
	margin-bottom:2px;
	text-transform:uppercase;
}
p.link a{
	font:normal 10px/32px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;	
}
p.link span{
	padding:0 6px;
	font:normal 10px/32px Arial, Helvetica, sans-serif;
}
p.link a:hover{
	text-decoration:none;
	background-color:inherit;
	color:#F7AE00;
}
.copyright{
	color:#C1DADE;
	padding:5px 0 10px;
	background-color:#0866A2;
}
.copyright p{
	color:#FFFFFF;
	font: 11px/15px Arial, Helvetica, sans-serif;
	background-color:inherit;
}
.copyright p span{
	color:#ffffff;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background-color:inherit;
	/*text-transform:uppercase;*/
	display:block;
}
.copyright p a{
	background-color:inherit;
	color:#ffffff;
	text-decoration:none;	
}
.copyright p a:hover{
	text-decoration:underline;	
}

/*-----------------------FOOTER ENDS------------------------------*/





/*******MENU DEROULANT FORMATION*/

a:focus {
	outline: none;
}
#panel {
	background: #0866A2;
	margin-top: -5px;
	height: 607px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #0866A2;
	margin-top: -5px;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	/*background: url(images/white-arrow.gif) no-repeat right -50px;*/
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/* FORMULAIRE DE CONTACT
------------------------------------------------------------- */
#contactform {
	width:500px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius:5px
}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

#note {width:90%;margin:0 auto; }