/*  *********************************************************** */
/*  Correction des styles HTML par defaut						*/
/*  *********************************************************** */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(media/image/page_bgd.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
} 
h1 {
	display: none;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}

p {
	margin: 0;
	line-height: 16px;
	font-size: 12px;
}
ul {}
li {
	line-height: 18px;
	font-size: 12px;
}
small {
	font-size: 10px;
}
a {
	color: #FF6600;
	text-decoration: none;
	cursor: hand;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a img { border: 0; }

.hidden {
	display: none;
}
.breaker {
	clear: both;
}
.nav {
	height: 20px;
	margin-top: 20px;
	background: url(media/image/puce_nav.gif) no-repeat right 4px;
	text-align: right;
}
.nav a {
	margin-right: 25px;
	line-height: 16px;
	font-size: 13px;
	text-decoration: underline;
}



/* ------------------------------
/* WRAPPER
/* ------------------------------ */
#outerwrapper {
	width: 770px;
	margin: 0 auto;
	
}
#innerwrapper {
	padding: 12px 5px 20px 5px;
	background: url(media/image/wrapper_bgd.gif) repeat left top;
	
}

/* ------------------------------
/* TOPMENU - HEADER - MAIN - FOOTER
/* ------------------------------ */
#topmenu, #header, #main, #footer, #bottommenu {
	width: 100%;
}

/* ------------------------------
/* TOPMENU
/* ------------------------------ */
#topmenu {
	height: 28px;
}
#topmenu-left {
	float: left;
	height: 28px;
	padding-left: 20px;
}
#topmenu-left a  {
	display: block;
	float: left;
	height: 28px;
	text-decoration: none;
}
#topmenu-left a:hover {
	text-decoration: none;
	background:  url(media/image/topmenu-left_fleche.gif) no-repeat 5px bottom;
}
#topmenu-left a.exposer, #topmenu-left a:hover.exposer {
	background:  url(media/image/topmenu-left_fleche.gif) no-repeat 5px bottom;
}
#topmenu-left a span {
	display: block;
	float: left;
	height:23px;
	padding: 0 7px;
	line-height: 23px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}
#topmenu-left a:hover span {
	background-color: #000000;
}
#topmenu-left a span.exposer, #topmenu-left a:hover span.exposer  {
	background-color: #000000;
}
#topmenu img {
	float: left;
	margin: 6px 7px;
}

#topmenu-right {
	float: left;
	width: 355px;
	padding-right: 25px;
	background: url(media/image/icon_contact.gif) no-repeat right 7px;
	text-align: right;
}
#topmenu-right a {
	line-height: 23px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#topmenu-right a:hover {
	text-decoration: underline;
}

/* ------------------------------
/* HEADER
/* ------------------------------ */
#header {
	clear: both;
	height: 120px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#header-left {
	float: left;
	width: 240px;
	padding: 10px;
}
#header-right {
	float: left;
	width: 480px;
	padding: 30px 10px 10px 10px;
}

/* ------------------------------
/* MAiN
/* ------------------------------ */
#main {
	clear: both;
	width: 740px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	padding: 10px;
}
#main li {
	list-style: url(media/image/puce.gif);
}

#main-left {
	float: left;
	width: 300px;
	color: #666666;
	text-align: justify;
	font-size: 11px;
}
#main-left h4 {
	padding: 50px 0 0 0;
	background: url(media/image/puce_titre.gif) no-repeat top left;
}
#main-left_content {
	padding: 20px;
	background-color: #EBF5FE;
}
#main-right {
	float: right;
	width: 400px;
	padding: 20px;
}
#main-right h3 {
	color: #FF6600;
}

/* ------------------------------
/* FOOTER
/* ------------------------------ */
#footer {
	clear: both;
	height: 145px;
	margin-bottom: 5px;
}
#footer a {
	line-height: 14px;
	color: #333333;
}
#footer a:hover {
	color: #333333;
}
#footer p {
	line-height: 14px;
}
#footer ul {
	margin: 10px 0 0 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
	color: #333333;
}
#footer small {
	font-size: 11px;
}

#footer ul.doc {
	margin: 5px 0 10px 0;
	padding: 0 0 0 70px;
}
#footer ul.doc li {
	list-style: square;
	margin-top: 5px;
}


#footer-left, #footer-center, #footer-right {
	float: left;
	width: 250px;
	height: 145px;
	background-color: #FFFFFF;
}
#footer-left_header, #footer-center_header, #footer-right_header {
	height: 24px;
	margin: 2px;
	background-color: #FF6600;
}
#footer-left_header h3, #footer-center_header h3, #footer-right_header h3 {
	margin: 0 5px;
	background: url(media/image/footer-header_icon.gif) no-repeat left 4px;
	line-height: 24px;
	color: #FFFFFF;
	font-size: 13px;
	text-indent: 25px;
}
#footer-left_content, #footer-center_content, #footer-right_content {
	height: 95px;
	margin: 2px;
	padding: 10px;
	background-color: #CCCCCC;
}
#footer-left_content p, #footer-center_content p, #footer-right_content p {
	color: #333333;
	font-size: 13px;
}
#footer-center {
	margin: 0 5px;
}
#footer-right {}
.formations {
	background: url(media/image/visuel_formations.gif) no-repeat left top;
}
.solutions {
	background: url(media/image/visuel_solutions.jpg) no-repeat left top;
}
#ipasserelle {
	height: 30px;
}


/* ------------------------------
/* BOTTOMMENU
/* ------------------------------ */
#bottommenu {
	height: 21px;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 11px;
}
#bottommenu-right {
	float: right;
	margin-right: 5px;
}
#bottommenu-right a {
	line-height: 21px;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
#bottommenu-right a:hover {
	text-decoration: underline;
}

/* ------------------------------
/* OUT
/* ------------------------------ */
#out {
	margin: 10px 0 10px 0;
	text-align: center;
	color: #999999;
	font-size: 11px;
}