@charset "utf-8";

/* main styles */
body {
	background-image: url(../images/design/lsc/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #f4f2f1;
	border: 0;
	margin: 30px;
	padding: 0;
}

a img {
	border: 0;
}

.clear {
	clear: both;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
	line-height: 0;
}

div.separator {
	height: 0;
	padding: 7px 0;
	border-bottom: 1px solid #ebe8e6;
}

div.separator hr {
	display: none;
}

.text,
font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.error,
.req {
	color: #c87717;
}

span.req {
	font-size: 15px;
}

.notification {
	color: green;
}

dl {
	clear: both;
}

/* main wrapper */
#wrapper {
	width: 874px;
	margin: 0 auto;
	position: relative;
}

/* header */
#header {
	height: 237px;
}

#logo-lsc {
	position: absolute;
	top: 4px;
	left: 9px;
}

#banner {
	position: absolute;
	top: 0;
	left: 280px;
	border: 2px solid #FFFFFF;
}

#logo-cc {
	position: absolute;
	top: 0;
	right: 9px;
}

#searchbox {
	position: absolute;
	top: 50px;
	right: 9px;
	width: 228px;
}

#searchbox .magnifyer {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #003c77;
	padding-right: 5px;
	top: 0;
	left: 0;
}

#searchbox .textbox {
	position: absolute;
	top: 0;
	right: 14px;
	width: 179px;
}

#searchbox .gobutton {
	position: absolute;
	top: 0;
	right: 0px;
}

#header .line {
	border: 0;
	margin: 0;
	padding: 0;
	width: 586px;
	height: 3px;
	background-color: #003c77;
	position: absolute;
	top: 77px;
	left: 280px;
}

#header .line hr {
	display: none;
}

/* main navigation */
#navi {
	list-style: none;
	width: 600px;
	border: 0;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	position: absolute;
	top: 100px;
	left: 9px;
	font-size: 32px;
	color: #a49e96;
}

#navi li {
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#navi li a {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #a49e96;
	font-size: 32px;
	text-decoration: none;
}

#navi li a:hover,
#navi li.active a {
	color: #1a3976;
}

#navi li.active a {
	text-decoration: underline;
}

/* loginbox */
#loginbox {
	position: absolute;
	top: 100px;
	right: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1a3976;
	padding-left: 15px;
	background-image: url(../images/design/lsc/loginbox-border.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#loginbox a {
	color: #1a3976;
	text-decoration: none;
	font-size: 9px;
}

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

#loginbox .textbox {
	width: 193px;
}

#loginbox .formtitle {
	margin-bottom: 5px;
	font-weight: bold;
}

#loginbox .formtitle a {
	font-size: 11px;
	font-weight: bold;
}

#loginbox .formrow {
	margin-bottom: 5px;
	text-align: right;
}

.loginbutton,
.button {
	margin: 0;
	margin-left: 12px;
	padding: 0 2px;
	border: 0;
	border: 1px solid #b5b5b5;
	background-image: url(../images/design/lsc/boxshadow.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 14px;
	font-size: 9px;
	color: #1a3976;
	font-size: 9px;
}

#loginbox label {
	border: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #003c77;
	padding-right: 5px;
	margin-right: 3px;
}

#loginbox span.bullet {
	display: block;
	float: left;
	width: 31px;
	height: 8px;
	margin-right: 5px;
	border-bottom: 3px solid #1a3976;
}

#loginbox .loginboxseparator {
	border-bottom: 1px solid #bdb9b4;
	padding-bottom: 6px;
	margin-bottom: 14px;
}

#loginbox ul {
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	list-style: none;
}

#loginbox h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}

/* content */
#content {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	padding: 10px;
	height: 1%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#content h1 {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: bold;
	clear: both;
}

#content h1 #print-icon {
	position: absolute;
	top: 20px;
	right: 0px;
}

#content h2 {
	font-weight: bold;
	font-size: 12px;
}

#content a {
	text-decoration: none;
}

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

#leftcol {
	border: 0;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	width: 277px;
}

#rightcol {
	border: 0;
	padding: 0;
	margin: 0;
	position: relative;
	float: right;
	width: 521px;
	padding-left: 35px;
	padding-right: 20px;
	border-left: 1px solid #ebe8e6;
}

/* part #1 (top part with formations) */
#content-wrapper-1 {
	padding-bottom: 18px;
	border-bottom: 1px solid #ebe8e6;;
}

#fpi,
#fpc,
#fu {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
}

#fpi {
	padding-right: 18px;
	border-right: 1px solid #ebe8e6;
}

#fpc {
	padding-left: 18px;
	padding-right: 18px;
	border: 0;
}

#fu {
	padding-left: 18px;
	border-left: 1px solid #ebe8e6;
}

#fpi ul,
#fpc ul,
#fu ul {
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 11px;
	list-style: none;
}

#fpi ul li,
#fpc ul li,
#fu ul li {
	padding-bottom: 5px;
}

#fpi a,
#fpc a,
#fu a {
	text-decoration: none;
}

#fpi a:hover,
#fpc a:hover,
#fu a:hover {
	text-decoration: underline;
}

#content #fpi a {
	color: #ec6934;
}

#content #fpc a {
	color: #a5c442;
}

#content #fu a {
	color: #00a8ec;
}

#fpi ul span.bullet,
#fpc ul span.bullet,
#fu ul span.bullet {
	display: block;
	float: left;
	width: 95px;
	height: 8px;
	margin-right: 5px;
}

#fpi ul span.bullet {
	border-bottom: 3px solid #ec6934;
}

#fpc ul span.bullet {
	border-bottom: 3px solid #a5c442;
}

#fu ul span.bullet {
	border-bottom: 3px solid #00a8ec;
}

/* part #2 (middle part with offer & news( */
#content-wrapper-2 {
	border-bottom: 1px solid #ebe8e6;
	padding: 18px 0;
}

#offre_de_formations,
#news {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
}

#offre_de_formations {
	padding-right: 18px;
}

#news {
	padding-left: 18px;
	border: 0;
	border-left: 1px solid #ebe8e6;
}

#news ul {
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 11px;
	list-style: none;
	color: #a49e96;
}

#newslist ul {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	color: #a49e96;
}

#news ul li,
#newslist ul li {
	padding-bottom: 5px;
}

#content #news a {
	text-decoration: none;
	color: #a49e96;
}

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

#news ul span.bullet {
	display: block;
	float: left;
	width: 95px;
	height: 8px;
	margin-right: 5px;
	border-bottom: 3px solid #a49e96;
}

#news ul span.date,
#newslist ul span.date {
	color: #e46b3b;
	font-size: 9px;
}

#news ul li span.news {
	display: block;
	float: right;
	width: 440px;
	margin-right: 5px;
}

/* part #3 (bottom part with small navi pics) */
#content-wrapper-3 {
	padding-top: 18px;
}

#marche_de_la_formation,
#legislation,
#relation_ecole_entreprise {
	float: left;
}

#legislation {
	padding: 0 38px;
}

/* sidebar */
#sidebar {
	border: 0;
	margin: 0;
	padding: 0;
	width: 266px;
}

#sidebar #fpi,
#sidebar #fpc,
#sidebar #fu,
#sidebar #news,
#sidebar #offre_de_formations,
#sidebar #marche_de_la_formation,
#sidebar #legislation,
#sidebar #relation_ecole_entreprise {
	margin: 0;
	border: 0;
	padding: 0;
	float: none;
}

#sidebar #fpi,
#sidebar #fpc,
#sidebar #fu,
#sidebar #news,
#sidebar #offre_de_formations {
	padding-bottom: 15px;
	border-bottom: 1px solid #ebe8e6;
	margin-bottom: 15px;
}

#sidebar #marche_de_la_formation,
#sidebar #legislation,
#sidebar #relation_ecole_entreprise {
	margin-top: 15px;
}

#sidebar #news ul li span.news {
	display: block;
	float: right;
	width: 160px;
	margin-right: 5px;
}

/* footer */
#footer {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #b8b2aa;
	margin-top: 12px;
}

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

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

/* form styles */
.textbox {
	margin: 0;
	padding: 0;
	border: 0;
	border: 1px solid #b5b5b5;
	background-image: url(../images/design/lsc/boxshadow.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 13px;
	line-height: 11px;
	font-size: 10px;
}

/* contact page styles */
#contact {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
}

#contact .print-icon {
	position: absolute;
	top: 20px;
	right: 0;
}

#contact .contact-title {
	padding: 0;
	border: 0;
	margin: 0;
	font-weight: bold;
	font-size: 23px;
	color: #a49e96;
	clear: both;
	padding-bottom: 11px;
	margin-bottom: 18px;
	border-bottom: 1px solid #a49e96;
}

#contact .contact-item {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	width: 50%;
	margin-bottom: 30px;
}

#contact .contact-image {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 3px solid #1a3976;
}

#contact .contact-info {
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	margin: 95px 0 0 5px;
}

#contact .contact-name,
#contact .contact-job {
	color: #1a3976;
}

#contact .contact-email,
#contact .contact-phone,
#contact .contact-fax,
#contact .contact-email a {
	color: #a49e96;
}

#contact .contact-email a {
	text-decoration: none;
}

#contact .contact-email a:hover {
	text-decoration: underline;
}

#contact span.label {
	display: inline-block;
	width: 40px;
}

#contact .contact-separator {
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ebe8e6;
	margin-bottom: 26px;
}

/* advanced search styles */
.catselectbox {
	border: 1px solid #ECEBE9;
	padding: 2px;
	width: 255px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
}

.keywordbox {
	width: 210px;
	font-size: 11px;
	border: 1px solid #ECEBE9;
	padding: 2px;
}

.searchbutton {
	float: right;
}

#advsearch {
	padding-bottom: 10px;
}

#advsearch h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
}

#advsearch .col {
	float: left;
}

#advsearch .middlecol {
	margin: 0 18px;
}

#advsearch .error {
	font-size: 9px;
}

#advsearch .loginbutton {
	margin-left: 3px;
}

#advsearch h1 span.meta {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 12px;
}

#advsearch h1 span.meta a {
	font-size: 12px;
	color: #003c77;
}

#resultstitle {
	border: 0;
	padding: 0;
	margin: 0;
	padding: 17px 0 25px 0;
	border-top: 1px solid #a49e96;
	border-bottom: 1px solid #a49e96;
	margin-top: 25px;
	font-weight: bold;
	color: #003c77;
}

#resultstitle span.bullet {
	display: block;
	float: left;
	width: 154px;
	height: 8px;
	margin-right: 5px;
	border-bottom: 3px solid #003c77;
}

#searchresults {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

#searchresults li {
	display: block;
	position: relative;
}

#searchresults li a {
	display: block;
	padding: 4px 0;
	color: #443f39;
	text-decoration: none;
	font-weight: normal;
}

#searchresults li a span {
	color: #443f39;
	cursor: pointer;
}

#searchresults li a:hover {
	color: #1a3976;
	text-decoration: underline;
}

#searchresults li a:hover span {
	text-decoration: underline;
	color: #1a3976;
}

#searchresults span.period {
	position: absolute;
	padding: 6px;
	top: 0;
	right: 300px;
}

#searchresults span.type {
	position: absolute;
	padding: 6px;
	top: 0;
	right: 20px;
}

#pagination {
	border: 0;
	padding: 0;
	border: 0;
}

#pagination ul {
	list-style: none;
	border: 0;
	padding: 0;
	margin: 0;
	display: inline;
}

#pagination li,
#pagination li a {
	float: left;
}

#pagination li {
	padding: 4px 0;
	border-bottom: 1px solid #a49e96;
}

#pagination li a {
	margin: 0;
	padding: 0 5px;
	color: #6f6b64;
	text-decoration: none;
	border-right: 1px solid #6f6b64;
}

#pagination li.first {
	border-left: 1px solid #a49e96;
}

#pagination li.last {
	border-right: 1px solid #a49e96;
}

#pagination li.last a {
	border-right: 0;	
}

#pagination li.active a {
	color: #003C79;
	font-weight: bold;
	text-decoration: underline;
}

/* MyIFCC */
#myifcc_navi {
	border: 0;
	padding: 0;
	border: 0;
	margin-bottom: 20px;
}

#myifcc_navi ul {
	list-style: none;
	border: 0;
	padding: 0;
	margin: 0;
}

#myifcc_navi li,
#myifcc_navi li a {
	float: left;
}

#myifcc_navi li a {
	padding: 3px 5px;
	margin: 2px;
	border: 1px solid #ECEBE9;
	color: #000000;
	text-decoration: none;
}

#myifcc_navi li a:hover {
	background-color: #ECEBE9;
}

#myifcc_navi li.active a {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #003C79;
}

/* avis et prises de position */
#avis #pagination {
	margin-top: -20px;
}

#avislist {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	color: #a49e96;
}

#avislist li {
	padding-bottom: 10px;
}

#avislist span.date {
	color: #e46b3b;
	font-size: 9px;
}

#avislist span.bullet {
	display: block;
	float: left;
	width: 95px;
	height: 8px;
	margin-right: 5px;
	border-bottom: 3px solid #a49e96;
}

#avislist li span.avis {
	display: block;
	float: right;
	width: 415px;
	margin-right: 5px;
}

.avisteaser {
	padding-bottom: 10px;
	font-weight: bold;
}

.avistext {
	padding-bottom: 10px;
}

#content span.inscription {
	display: inline-block;
	padding: 4px 5px;
	margin: 0;
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #003C79;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

#content span.inscription a {
	color: #FFFFFF;
}

#content div.formation dt,
#content div.news dt {
	color: #a49e96;
	margin: 0;
	padding: 0;
	border: 0;
	clear: left;
	float: left;
	font-weight: bold;
	width: 150px;
	margin-bottom: 10px;
	border-top: 1px solid;
	padding-top: 10px;
}

#content div.formation dd,
#content div.news dd {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 370px;
	margin-bottom: 10px;
	border-top: 1px solid #a49e96;
	padding-top: 10px;
}

#content div.formation dd ul.linklist,
#content div.formation dd ul.documentlist,
#content div.news dd ul.linklist,
#content div.news dd ul.documentlist {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

#content div.formation ul.subnavi,
#content div.news ul.subnavi {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 25px;
	margin-bottom: 10px;
}

#content div.formation ul.subnavi li,
#content div.formation ul.subnavi li a,
#content div.news ul.subnavi li,
#content div.news ul.subnavi li a {
	float: left;
}

#content div.formation ul.subnavi li a,
#content div.news ul.subnavi li a {
	padding: 3px 5px;
	margin: 2px;
	border: 1px solid #ECEBE9;
	color: #000000;
	text-decoration: none;
}

#content div.formation ul.subnavi li a:hover,
#content div.news ul.subnavi li a:hover {
	background-color: #ECEBE9;
}

#content div.formation ul.subnavi li.active a,
#content div.news ul.subnavi li.active a {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #003C79;
}

#content #contact ul.subnavi {
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 25px;
	margin-bottom: 20px;
}

#content #contact ul.subnavi li,
#content #contact ul.subnavi li a {
	float: left;
}

#content #contact ul.subnavi li a {
	padding: 3px 5px;
	margin: 0;
	border: 1px solid #a49e96;
	color: #6f6b64;
	text-decoration: none;
}

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

#content #contact ul.subnavi li.active a {
	color: #003C79;
	font-weight: bold;
	text-decoration: underline;
}

#content #contact ul.subnavi li.last a {
	border-left: 0;
}

#content #contact dt {
	color: #a49e96;
	margin: 0;
	padding: 0;
	border: 0;
	clear: left;
	float: left;
	font-weight: bold;
	width: 150px;
	margin-bottom: 10px;
	border-top: 1px solid;
	padding-top: 10px;
}

#content #contact dd {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 370px;
	margin-bottom: 10px;
	border-top: 1px solid #a49e96;
	padding-top: 10px;
}

#content #contact dt.first,
#content #contact dd.first {
	border-top: 0;
}

/* registration form */
#registration_form {
	color: #a49e96;
}

#registration_form .advantages {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}

#registration_form .advantages span.bullet {
	display: block;
	float: left;
	height: 8px;
	margin-right: 10px;
	width: 32px;
	border-bottom: 3px solid #a49e96;
}

#registration_form label {
	border: 0;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 150px;
	text-align: right;
	border-right: 1px solid #003c77;
	padding-right: 8px;
	margin-right: 6px;
	color: #1a3976;
}

#registration_form label.checkbox {
	border: 0;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 250px;
	text-align: left;
}

#registration_form .textbox {
	width: 300px;
}

#registration_form .form-row {
	margin-bottom: 7px;
}

#registration_form h2 span.bullet {
	display: block;
	float: left;
	height: 8px;
	margin-right: 10px;
	width: 158px;
	border-bottom: 3px solid #1a3976;
}

#registration_form h2 {
	border: 0;
	margin: 0;
	padding: 0;
	color: #1a3976;
	font-weight: bold;
	padding: 23px 0 12px 0;
}

#registration_form h2 a {
	font-weight: normal;
}

#registration_form .country {
	width: 50px;
}

#registration_form .zip {
	width: 67px;
	margin: 0 4px;
}

#registration_form .city {
	width: 167px;
}

#registration_form .selectbox {
	font-size: 10px;
	padding: 0;
	margin: 0;
	height: 15px;
	line-height: 10px;
}

#registration_form .buttons {
	margin-top: 20px;
	margin-right: 55px;
	text-align: right;
}

#registration_form .note {
	text-align: center;
	color: #1a3976;
}

#registration_form .helpdesk,
#registration_form .helpdesk a {
	color: #1a3976;
}

#registration_form .day,
#registration_form .month,
#registration_form .year {
	width: 50px;
}

#registration_form .month {
	margin: 0 4px;
}

#registration_form .matricule {
	margin-left: 4px;
	width: 129px;
}

#registration_form div.error {
	text-align: center;
}

#registration_form .registration-button {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	width: 50%;
	margin-bottom: 30px;
}

#registration_form .registration-button a {
	color: #1a3976;
}

#registration_form .registration-image {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 3px solid #1a3976;
}

#registration_form .registration-info {
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	margin: 95px 0 0 5px;
}