* {font-size: 100.01%;}
html {font-size: 62.5%;}
body {
	margin:0;
	color:#000;
	font:1em/1.4em Arial, Helvetica, sans-serif;
	background:#fff;
}
img {border:none;}
a{
	color:#000;
	text-decoration: underline;
}
a:hover{text-decoration: none;}
.center, #content p.center, #content p .center { text-align:center; }
/* form styles */
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
input{
	font:100% Arial, Helvetica, sans-serif;
	color:#000;
	vertical-align:middle;
}
.hidden { display:none; }
/* wrapper start */
#wrapper{
	width:984px;
	margin:0 auto;
	position:relative;
	padding:137px 0 40px;
}
/* #####################  Header ###################### */
.logo{
	width:105px;
	height:117px;
	position:absolute;
	top:11px;
	left:0;
	margin:0;
	z-index:5;
	text-indent:-9999px;
	background: url(../images/logo.gif) no-repeat;
}
.logo a{
	display:block;
	height:100%;
	overflow:hidden;
}
#header {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	width:984px;
	height:137px;
	overflow:hidden;
	background: url(../images/bg-header.jpg) no-repeat;
}
.final-page #header{
	background: url(../images/bg-header.jpg) no-repeat;
}
#header .contact-box{
	width:177px;
	padding:4px 0 0;
	float:right;
}
#header .contact-box .heading{
	width:162px;
	height:23px;
	text-align:center;
	margin:0 0 13px 11px;
	padding:6px 0 0;
	color:#fff;
	font-size:1.1em;
	background: url(../images/bg-heading.gif) repeat-x;
}
#header .contact-box .heading a{
	color:#fff;
	text-decoration:none;
}
#header .contact-box .heading a:hover{
	text-decoration:underline;
}
#header .icons-list{
	margin:0 0 28px 7px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#header .icons-list li{
	float:left;
	padding:0 2px;
}
#header .icons-list li img{
	display:block;
}
#header form{
	height:1%;
	padding:0 3px 0 12px;
	overflow:hidden;
}
#header .text{
	width:104px;
	float:left;
	font-size:1.1em;
	line-height:1em;
	margin:0;
	padding:1px 5px 2px 7px;
	border:1px solid #30200e;
}
#header .btn-ok{
	width:33px;
	height:19px;
	float:right;
	_float:none;
	text-indent:-9999px;
	border-style:none;
	cursor:pointer;
	font-size:0;
	line-height:0;
	background: url(../images/bg-btn-ok.gif) no-repeat;
}
/* Hack pour IE7 only */
*:first-child+html #header .btn-ok{ float:none;}
#search { width:100px; }
.header-box{
	width:292px;
	float:right;
	font-size:1.1em;
	padding:0 38px 0 0;
}
.header-box-c{
	height:1%;
	padding:17px 18px 0 18px;
	background: url(../images/bg-header-box-c.png) repeat-y;
}
.header-box-c:after{
	content:"";
	display:block;
	clear:both;
}
.header-box-b{
	height:11px;
	background: url(../images/bg-header-box-b.png) no-repeat;
}
.header-box .holder{
	height:1%;
	position:relative;
	z-index:10;
	float:left;
	margin-bottom:-5px;
}
.header-box strong{
	width:257px;
	height:56px;
	display:block;
	margin:0 0 9px;
	text-indent:-9999px;
	background: url(../images/text-journee-portes.gif) no-repeat;
}
.header-box span{
	height:1%;
	overflow:hidden;
	position:relative;
	padding-left:3px;
}
.header-box span a{
	float:right;
	padding-left:22px;
	background: url(../images/arrow.gif) no-repeat 0 4px;
}
#main{
	width:100%;
	background: url(../images/bg-main.gif) repeat-y;
}
.main-t{
	background: url(../images/bg-main-t.gif) no-repeat;
}
.main-b{
	height:1%;
	overflow:hidden;
	background: url(../images/bg-main-b2.gif) no-repeat 0 100%;
}
.blog-page .main-b{
	background: url(../images/bg-main-b.gif) no-repeat 0 100%;
}
#sidebar{
	width:198px;
	float:left;
	padding:7px 6px 0 4px;
	color:#999;
}
.blog-page #sidebar{
	padding:11px 6px 0 4px;
}
#sidebar h2{
	font-size:1.8em;
	line-height:1.1em;
	color:#5d5d5d;
	margin:0 0 5px 5px;
	text-transform:uppercase;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
}
#nav li{
	height:1%;
	padding:5px 0 9px 7px;
	font-size:1.1em;
	line-height:1.2em;
	vertical-align:top;
}
#nav li.green{
	background: url(../images/bg-nav-green.gif) no-repeat;
        color:#FFFFFF;        
}
#nav li.violet{
	background: url(../images/bg-nav-violet.gif) no-repeat;
        color:#FFFFFF;
}
#nav li.yellow{
	background: url(../images/bg-nav-yellow.gif) no-repeat;
        color:#FFFFFF;
}
#nav li.orange{
	background: url(../images/bg-nav-orange.gif) no-repeat;
        color:#FFFFFF;
}
#nav li.blue{
	background: url(../images/bg-nav-blue.gif) no-repeat;
        color:#FFFFFF;
}
#nav li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#nav li a:hover{
	text-decoration:underline;
}
#nav .subnav{
	height:1%;
	margin:0;
	padding:13px 0 11px;
	list-style:none;
}
.blog-page #nav .subnav {
	padding:13px 0 11px;
}
#nav .subnav li{
	font-size:1em;
	padding:0 0 0 7px;
	background: url(../images/separator.gif) no-repeat 0 7px;
}

#nav .subnav li.couleur_gris{
	color:#999;
}

.blog-page #nav .subnav li{
	background:none;
	padding:0 0 0 12px;
}
#nav .subnav li a{
	color:#999;
	font-weight:normal;	
}
.blog-page #nav .subnav li a{
	padding-left:7px;
	background: url(../images/bull3.gif) no-repeat 0 4px;
}
.blog-page #nav .subnav li a:hover,
.blog-page #nav .subnav li a.active{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/bull3h.gif) no-repeat 0 4px;
}
#nav .subnav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav .subnav ul li{
	background:none;
}

#Menu-Blog ul {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
}
#Menu-Blog ul li{
	height:1%;
	padding:5px 0 9px 7px;
	font-size:1.1em;
	line-height:1.2em;
	vertical-align:top;
	text-transform:uppercase;
	background: url(../images/bg-nav-blue.gif) no-repeat;
}

#Menu-Blog ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#Menu-Blog ul li a:hover{
	text-decoration:underline;
}
#Menu-Blog ul li ul {
	height:1%;
	margin:0;
	padding:13px 0 11px;
	list-style:none;
}
#Menu-Blog ul li ul li{
	font-size:1em;
	padding:0 0 0 7px;
	background: url(../images/separator.gif) no-repeat 0 7px;
}
#Menu-Blog ul li ul li{
	background:none;
	padding:0 0 0 12px;
}
#Menu-Blog ul li ul li a{
	color:#999;
	font-weight:normal;
	text-transform:capitalize;
}
#Menu-Blog ul li ul li a{
	padding-left:7px;
	background: url(../images/bull3.gif) no-repeat 0 4px;
}
#Menu-Blog ul li ul li a:hover,
#Menu-Blog ul li ul li a.active{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/bull3h.gif) no-repeat 0 4px;
}
#Menu-Blog ul li ul li ul{
	margin:0;
	padding:0;
	list-style:none;
}
#Menu-Blog ul li ul li ul li{
	background:none;
}

#two-column{
	width:761px;
	float:right;
	overflow:hidden;
	font-size:1.1em;
	line-height:1.2em;
}
.blog-page #two-column{
	width:763px;
	margin:4px 0 0 0;
	background: url(../images/bg-twocolumn.gif) repeat-y -13px 0;
}
/* #####################   Content ###################### */
#content{
	width:529px;
	float:left;
	padding:11px 0 0;
}
.blog-page #content{
	padding:6px 0 0;
}

#content h1{
	font-size:18px;
	line-height:21px;
	padding:0 0 9px;
	margin:0 0 16px;
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	background: url(../images/line.gif) repeat-x 0 100%;
}
#content p{
	text-align:justify;
}
#content  em {
	font-style:normal;
}
#content .lettrine {
	font-size:25px;
	font-weight:bold;
	line-height:20px;
}

#content .colonneGauche {
	float:left;
	width:255px;
}
#content .colonneDroite {
	float:right;
	width:255px;
}

#content .clearboth{
	clear:both;
	display:block;
	height:0;
	width:0;
	font-size:1px;
}
#content .blocGris .colonneDroite,
#content .blocDegrade .colonneDroite,
#content .blocGris .colonneGauche,
#content .blocDegrade .colonneGauche {
	width:245px;
}

#content .colonneGauche p, 
#content .colonneDroite p {
	margin-bottom:14px;
}

#content h2 {
	height:18px;
	margin:0 0 5px;
	text-transform:uppercase;
	padding-top:7px;
	padding-left:10px;
}

#content h3 {
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid;
	border-top:1px solid;
	padding:3px;
}

/* -------------------- H2 --------------------*/
#content #ecole h2 {
	background-image:url(../images/bg-h2-green.jpg);
}
#content #formations h2 {
	background-image:url(../images/bg-h2-violet.jpg);
}
#content #vieEtudiante h2 {
	background-image:url(../images/bg-h2-orange.jpg);
}
#content #metiers h2 {
	background-image:url(../images/bg-h2-red.jpg);
}
#content #entreprise h2 {
	background-image:url(../images/bg-h2-blue.jpg);
}
/* -------------------- tableau --------------------*/
#content table{
	border:1px solid #dedede;
} 
#content table.noborder{
	border:0;
}
#content table td{
	padding:3px
}
/* -------------------- img --------------------*/
#content img{
	border:1px solid #dedede;
} 
#content img.noborder{
	border:0;
}

/* -------------------Bloc Gris ---------------*/
#content .blocGris{
	height:1%;
	padding:5px 10px 3px 10px;
	margin-bottom:15px;
	background:#dedede;
	overflow:hidden;
}
#content .blocGris p{
	margin:0 0 13px;
}
#content .blocGris p.gris{
	color:#535353;
	margin:0 0 5px;
}
/* -------------------Bloc Degrade ---------------*/
#content .blocDegrade{
	height:1%;
	padding:3px 3px 3px 9px;
	margin-bottom:11px;
	overflow:hidden;
}
#content #ecole .blocDegrade, #content #ecole th {
	background:#65c2b1 url(../images/bg-turquoise.gif) repeat-x;
}
#content #formations .blocDegrade, #content #formations th {
	background:#c98be2 url(../images/bg-violet-box.gif) repeat-x;
}
#content #vieEtudiante .blocDegrade, #content #vieEtudiante th {
	background:#ffa342 url(../images/bg-orange.gif) repeat-x;
}
#content #metiers .blocDegrade, #content #metiers th {
	background:#e23f0a url(../images/bg-red.gif) repeat-x;
}
#content #entreprise .blocDegrade, #content #entreprise th {
	background:#2d9dda url(../images/bg-blue.gif) repeat-x;
}
#content th {
	color:#ffffff;
}
#content .blocDegrade img{
	float:right;
	margin-left:45px;
	display:inline;
}
#content .blocDegrade h3,#content .blocGris h3{
	font-size:1.1em;
	line-height:1.15em;
	text-transform:uppercase;
	margin:6px 0 15px 1px;
}

#content .blocDegrade ul{
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
}
#content .blocDegrade ul li{
	padding-left:13px;
	background: url(../images/bull.gif) no-repeat 0 3px;
}
#content .blocDegrade ul li a{
	color:#fff;
	text-decoration:none;
}
#content .blocDegrade ul li a:hover{
	text-decoration:underline;
}

/* -------------------  Fond clair ------------------- */
#content #ecole .fondClair {
	background-color:#cdebe5;
}

#content #formations .fondClair {
	background-color:#edd9f6;
}

#content #vieEtudiante .fondClair {
	background-color:#fddbb5;
}

#content #metiers .fondClair{
	background-color:#f6c4b4;
}

#content #entreprise .fondClair{
	background-color:#bde0f3;
}

/* ------------------- Couleur selon rubrique -------------------*/
#content #ecole a, 
#content #ecole em, 
#content #ecole .lettrine {
    color:#2B9783;
}

#content #formations a, 
#content #formations em, 
#content #formations .lettrine {
	color:#9F72B1;
}

#content #vieEtudiante a, 
#content #vieEtudiante em, 
#content #vieEtudiante .lettrine {
	color:#f78f14;
}

#content #metiers a, 
#content #metiers em, 
#content #metiers .lettrine {
	color:#e1400a;
}

#content #entreprise a, 
#content #entreprise em,
#content #entreprise .lettrine {
	color:#2d9ed8;
}

#content #formations .blocDegrade h3, 
#content #ecole .blocDegrade h3, 
#content #vieEtudiante .blocDegrade h3, 
#content #metiers .blocDegrade h3, 
#content #entreprise .blocDegrade h3, 
#content #formations .blocDegrade .lettrine, 
#content #ecole .blocDegrade .lettrine, 
#content #vieEtudiante .blocDegrade .lettrine, 
#content #metiers .blocDegrade .lettrine, 
#content #entreprise .blocDegrade .lettrine, 
#content #formations .blocDegrade em,
#content #ecole .blocDegrade em, 
#content #vieEtudiante .blocDegrade em, 
#content #metiers .blocDegrade em, 
#content #entreprise .blocDegrade em, 
#content #formations .blocDegrade ul li, 
#content #ecole .blocDegrade ul li, 
#content #vieEtudiante .blocDegrade ul li, 
#content #metiers .blocDegrade ul li, 
#content #entreprise .blocDegrade ul li,
#content #formations .blocDegrade a, 
#content #ecole .blocDegrade a, 
#content #vieEtudiante .blocDegrade a, 
#content #metiers .blocDegrade a, 
#content #entreprise .blocDegrade a {
	color:#fff;
}

/* -------------------  Border Color ------------------- */
 
#content #ecole h3,
#content #ecole img {
    border-color:#2B9783;
}

#content #formations h3,
#content #formations img {
	border-color:#9F72B1;
}

#content #vieEtudiante h3,
#content #vieEtudiante img {
	border-color:#f78f14;
}

#content #metiers h3,
#content #metiers img{
	border-color:#e1400a;
}

#content #entreprise h3,
#content #entreprise img {
	border-color:#2d9ed8;
}

/* -------------------  Fond clair ------------------- */
#content #ecole .fondClair {
	background-color:#cdebe5;
}

#content #formations .fondClair {
	background-color:#edd9f6;
}

#content #vieEtudiante .fondClair {
	background-color:#fddab2;
}

#content #metiers .fondClair{
	background-color:#f8c1bc;
}

#content #entreprise tr.fondClair{
	background-color:#bde0f3;
}

/**/
#content #metiers ul.inline  {
	margin:0;
	padding:0;
}
#content #metiers ul.inline li {
	background:url(../images/bull-metiers.gif) no-repeat right;

	display:inline;
	padding:3px 8px 3px 2px;
	line-height:18px;
}
/* #####################  Fin Content ###################### */
.icon-homepage {
	float:right;
	width:50px;
	height:50px;
}

.a-side{
	width:218px;
	float:left;
	padding:4px 0 0 8px;
}
.blog-page .a-side{
	padding:0 0 0 10px;
}
.orange-list{
	width:210px;
	margin:0 0 30px 5px;
	padding:4px 0 0;
	list-style:none;
	background: url(../images/bg-orange-list.gif) no-repeat;
}
.blog-page .orange-list{
	margin:0 0 20px 5px;
}
.final-page .orange-list{
	width:302px;
	margin:0 0 0 10px;
	padding:8px 0 0;
	background: url(../images/bg-orange-list2.gif) no-repeat;
}
.orange-list li{
	height:1%;
}
.final-page .orange-list li{
	overflow:hidden;
}
.orange-list .link-1{
	padding:8px 0 7px 57px;
	background: url(../images/bg-orange-1.gif) no-repeat;
}
.orange-list .link-2{
	padding:6px 0 5px 57px;
	background: url(../images/bg-orange-2.gif) no-repeat;
}
.orange-list .link-3{
	padding:6px 0 7px 57px;
	background: url(../images/bg-orange-3.gif) no-repeat;
}
.orange-list .link-4{
	padding:5px 0 11px 57px;
	background: url(../images/bg-orange-4.gif) no-repeat;
}
.final-page .orange-list .link-1{
	padding:8px 0 7px 53px;
	background: url(../images/bg-orange-11.gif) no-repeat;
}
.final-page .orange-list .link-2{
	padding-left:54px;
	background: url(../images/bg-orange-22.gif) no-repeat;
}
.final-page .orange-list .link-3{
	padding-left:54px;
	background: url(../images/bg-orange-33.gif) no-repeat;
}
.final-page .orange-list .link-4{
	padding-left:54px;
	padding-bottom:6px;
	background: url(../images/bg-orange-44.gif) no-repeat;
}
.orange-list li a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	height:12px;
}
.orange-list .link-1 a{
	width:135px;
	background: url(../images/text-demande-information.gif) no-repeat;
}
.orange-list .link-2 a{
	width:120px;
	background: url(../images/text-demande-entretien.gif) no-repeat;
}
.blog-page .orange-list .link-3 a{
	width:138px;
	background: url(../images/text-conditions.gif) no-repeat;
}
.orange-list .link-3 a{
	background: url(../images/text-nous-rencortrer.gif) no-repeat;
	width: 91px;
}
.orange-list .link-4 a{
	width:72px;
	background: url(../images/text-candidature.gif) no-repeat;
}
.final-page .orange-list .link-4 a{
	float:left;
}
.final-page .orange-list .link-4 a.btn{
	width:40px;
	height:19px;
	text-indent:0;
	margin:-1px 0 0 3px;
	display:inline;
	background:none;
}/*
.a-side .box{
	width:197px;
	height:89px;
	margin:0 0 27px 9px;
	padding:10px 0 0 8px;
	color:#fff;
	overflow:hidden;
	background: url(../images/bg-box.gif) no-repeat;
}*/
.a-side .box {
	background:url(../images/bg-box.jpg) no-repeat scroll 0 bottom #151515;
	color:#FFFFFF;
	margin:0 0 27px 9px;
	min-height:89px;
	overflow:hidden;
	padding:11px 0 78px 8px;
	width:196px;
}
.blog-page .a-side .box{
	margin:0 0 18px 9px;
}
/*.a-side .box h4,*/
.a-side .box2 h4{
	font-size:1.1em;
	text-transform:uppercase;
	margin:0 0 14px;
}
.a-side .box h4 {
	background:url(../images/bg-box-head.jpg) no-repeat scroll 0 0 transparent;
	display:block;
	font-size:1.1em;
	height:30px;
	margin-left:-8px;
	margin-top:-14px;
	padding-left:5px;
	padding-top:10px;
	text-transform:uppercase;
	width:204px;
}
.a-side .box a{
	color:#FFFFFF;
	display:block;
	margin-top:-18px;
	text-decoration:none;
}
.a-side .box a:hover{
	text-decoration:underline;
}
.news-box{
	height:1%;
	margin-bottom:14px;
}

.final-page .news-box{
	margin:0;
}
.news-box h3{
	font-size:1.5em;
	line-height:1.7em;
	padding:0 0 2px 17px;
	margin:0 0 18px;
	color:#7cb4d2;
	text-transform:uppercase;
	background: url(../images/bg-line2.gif) repeat-x 0 100%;
}
.news-box #all-news {
	text-align:right;
	margin-right:15px;
}
/* ----------------------------- Widget témoignage ------------------------------- */
.widget {
	padding:10px;
	color:#FFFFFF;
	width:194px;
}
.widget h2 {
	font-size:15px;
	color:#FFFFFF;
	background:url(../images/bg-temoignage-h2.jpg) repeat-x scroll 0 20px;
	padding-bottom:15px;
}
#Temoignage {
	background: #45484d url(../images/bg-widget-gris.jpg) repeat-x scroll 0 0;
	color:#FFFFFF;
}
#Temoignage em, #Temoignage strong {
	color:#FFFFFF;
}
#Temoignage p {
	color:#acabac;
}
#Temoignage .fonction {
	color:#acabac;
	font-weight:bold;
	font-style:normal;
}
#Temoignage img {
	float:left;
	margin-right:5px;
}
#Temoignage h3 {
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	background:url(../images/puce-temoignage.jpg) no-repeat scroll 0 5px;
	padding-left:8px;
}
#Temoignage p a {
	text-align:right;
	color:#FFFFFF;
	display:block;
}

/* ------------------------------- Widget 4 filières ---------------------------------- */
#Filieres {
	background: #45484d url(../images/bg-degrade-noir.jpg) repeat-x scroll 0 0;
}

#Filieres h2 {
	text-transform:uppercase;
	background-position: 0 36px;
	line-height:17px;
}

#Filieres img {
	float:left;
	margin-right:5px;
}

#Filieres #TitreSI, #Filieres #TitreInfo, #Filieres #TitreBio, #Filieres #TitreEnergie {
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:15px;
	display:block;
	font-size:12px;
	padding-top:8px;
}

#TitreSI, #Filieres #LienSI a {
	color:#2b84c8;
}

#TitreInfo, #Filieres #LienInfo a {
	color:#a492e7;
}

#TitreBio, #Filieres #LienBio a {
	color:#41c1aa;
}

#TitreEnergie, #Filieres #LienEnergie a {
	color:#cc0a0a;
}

#Filieres #LienSI, #Filieres #LienInfo, #Filieres #LienBio, #Filieres #LienEnergie {
	text-align:right;
}

#Filieres #LienSI a, #Filieres #LienInfo a, #Filieres #LienBio a, #Filieres #LienEnergie a {
	text-decoration:none;
}

#Filieres #LienSI a:hover, #Filieres #LienInfo a:hover, #Filieres #LienBio a:hover, #Filieres #LienEnergie a:hover {
	text-decoration:underline;
}

#Filieres em {
	font-style:normal;
	color:#FFFFFF;
}

#Filieres p {
	color:#acabac;
}

.blog-page .news-box h3{
	padding:0 0 2px 33px;
	margin:0 0 8px;
}
.final-page .news-box h3{
	margin:0 0 15px;
}
.a-side .section{
	height:1%;
	margin-left:3px;
	padding:0 22px 20px 15px;
	background:url(../images/bull2.gif) no-repeat 0 4px;
}
.final-page .news-box .section{
	width:270px;
	padding:0 0 17px 18px;
	margin-left:19px;
	background:url(../images/bull6.gif) no-repeat 0 3px;
}
.a-side .section h4,
.final-page .news-box .section h4{
	margin:0;
	font-size:1.1em;
	text-transform:uppercase;
}
.a-side .section h4 a,
.final-page .news-box .section h4 a{
	text-decoration:none;
}
.a-side .section h4 a:hover,
.final-page .news-box .section h4 a:hover{
	text-decoration:underline;
}
.a-side .section p,
.final-page .news-box .section p{
	margin:0;
	line-height:1.25em;
	color:#666;
}
.a-side .box2{
	width:88px;
	padding:21px 110px 5px 8px;
	margin-left:9px;
        margin-bottom:20px;
        color:#fff;
	background:url(../images/bg-box2.gif) no-repeat;
}
.a-side .box2 h4{
	margin-bottom:14px;
}
.a-side .box2 p{
	margin:0 0 4px;
	color:#b6b6b6;
}
.a-side .box2 a{
	color:#fff;
	text-decoration:none;
}
.a-side .box2 a:hover{
	text-decoration:underline;
}
.a-side .side-link{
	display:block;
	width:105px;
	padding:4px 0 5px 54px;
	margin:0 0 29px 32px;
	color:#ea6c02;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	background:url(../images/bg-side-link.gif) no-repeat;
}
.archive-list{
	margin:0;
	padding:0 0 8px 33px;
	list-style:none;
}
.archive-list li{
	font-size:1.1em;
	line-height:2em;
	text-transform:uppercase;
	padding-left:8px;
	background:url(../images/bull4.gif) no-repeat 0 10px;
}
.archive-list li a{
	color:#636363;
}
.a-side .side-box{
	width:176px;
	padding:7px 10px 12px 18px;
	margin:0 0 44px 9px;
	line-height:1.8em;
	font-weight:bold;
	background:#eee url(../images/bg-side-box.gif) repeat-x;
}
.a-side .side-box p{
	margin:0;
	color:#646464;
}

/* ------------------------------- Widgets Fiches Metiers ---------------------------------- */
#WidgetFichesMetiers {
	margin:15px 0 10px 5px;
	color:#013366;
	font-size:90%;
}
#WidgetFichesMetiers .fichesMetiersContainer {
	background:	url(../images/bg_widget_fiche_metier_extended.jpg) repeat-y;
	width:208px;
}
#WidgetFichesMetiers ul {
	background:	url(../images/bg_widget_fiche_metier.jpg) no-repeat;
	list-style:none;
	margin:0;
	padding:38px 3px 0 75px;
}
#WidgetFichesMetiers li {
	padding:0;
	margin:5px 0 0 0;
}
#WidgetFichesMetiers a {
	color:#013366;
	text-decoration:underline;
}
#WidgetFichesMetiers a:visited {
	color:#5f7a96;
}
#WidgetFichesMetiers .fichesMetiersBottom {
	height:9px;
	background:	url(../images/bg_widget_fiche_metier_bottom.jpg) no-repeat;
}

/* #####################  Main ###################### */
#main-inner{
	width:983px;
	font-size:1.1em;
	background:#010204 url(../images/bg-main-inner.gif) no-repeat;
}
.main-inner-t{
	height:1%;
	background: url(../images/bg-main-r2.gif) repeat-y 100% 0;
}
#main-inner .top-area{
	height:82px;
	overflow:hidden;
}
#main-inner .top-area .holder{
	width: 257px;
	height: 40px;
	float:left;
	margin-right:100px;
	display:inline;
	padding:4px 0 0;
	background:url(../images/bg-holder.png) no-repeat;
}
#main-inner .top-area .holder span{
	display:block;
	text-indent:-9999px;
	height: 17px;
}
#main-inner .text-lecole{
	background:url(../images/text-lecole.gif) no-repeat;
	width: 222px;
	margin-left:16px;
}
#main-inner .text-4universe{
	background:url(../images/text-4universe.gif) no-repeat;
	width: 201px;
	margin-left:29px;
}
.main-area{
	width:980px;
	overflow:hidden;
}
.main-area .column-left{
	width:311px;
	float:left;
}
.main-area .column-left .heading{
	height:1%;
	padding:8px 0 0;
	background:url(../images/line2.gif) repeat-x;
}
.main-area .column-left .heading h2{
	font-size:1.5em;
	line-height:1.1em;
	color:#fff;
	margin:0;
	text-transform:uppercase;
	padding:0 0 6px 14px;
	background:url(../images/line2.gif) repeat-x 0 100%;
}
.main-area .column-left .heading h2 span{
	color:#505c7f;
}
.main-area .column-left .boxes-holder{
	height:1%;
	padding:0 0 0 14px;
	overflow:hidden;
}
.main-area .column-left .box{
	width:285px;
	color:#a2a2a2;
	margin:-1px 0 1px;
	padding:11px 0 13px;
	background:url(../images/bg-line3.gif) no-repeat;
}
.main-area .column-left .box h3, .main-area .column-left .box h3 a{
	font-size:1.1em;
	line-height:1em;
	color:#8397b8;
	margin:0 0 6px;
	text-transform:uppercase;
}
.main-area .column-left .text{
	height:1%;
	overflow:hidden;
}
.main-area .column-left .text img{
	float:left;
	margin:3px 12px 0 0;
	display:inline;
}
.main-area .column-left .text p{
	margin:3px 0 0;
	line-height:1.1em;
}
.main-area .column-left .text a{
	color:#fff;
	text-decoration:none;
}
.main-area .column-left .text a:hover{
	text-decoration:underline;
}
.main-area .frame{
	width:663px;
	float:right;
	overflow:hidden;
	background:#fff url(../images/bg-frame-right.gif) repeat-y 344px 0 ;
}
.main-area .frame-left{
	width:344px;
	float:left;
}
.main-area .frame-left .box{
	height:1%;
}
.main-area .frame-left .box-frame{
	min-height:102px;
	color:#fff;
	padding:9px 10px 0 18px;
}
.main-area .frame-left .box-frame h3 a{
	color:#fff;
        text-decoration:none;
}
* html .main-area .frame-left .box-frame{
	height:102px;
	overflow:visible;
}
.main-area .frame-left .blue-box{
	background:#2d9dda url(../images/bg-blue-box.gif) repeat-y;
}
.main-area .frame-left .violet-box{
	background:#a071b2 url(../images/bg-violet-box2.gif) repeat-y;
}
.main-area .frame-left .green-box{
	background:#77bab9 url(../images/bg-green-box.gif) repeat-y;
}
.main-area .frame-left .red-box{
	background:#e2350a url(../images/bg-red-box.gif) repeat-y;
}
.frame-left .blue-box .box-frame{
	min-height:107px;
	/*background:url(../images/bg-blue-box-f.gif) no-repeat 100% 0;*/
}
* html .frame-left .blue-box .box-frame{
	height:107px;
}/*
.frame-left .violet-box .box-frame{
	background:url(../images/bg-violet-box-f.gif) no-repeat 100% 0;
}*/
.frame-left .green-box .box-frame{
	min-height:97px;
	/*background:url(../images/bg-green-box-f.gif) no-repeat;*/
}
* html .frame-left .green-box .box-frame{
	height:97px;
}
.frame-left .red-box .box-frame{
	/*background:url(../images/bg-red-box-f.gif) no-repeat 100% 0;*/
}
.main-area .frame-left .box h3{
	font-size:1.1em;
	line-height:1em;
	margin:0 0 12px;
	text-transform:uppercase;
}
.main-area .frame-left .box ul{
	margin:0;
	padding:0 0 5px 0;
	list-style:none;
}
.main-area .frame-left .box ul li{
	padding-left:7px;
	background:url(../images/bull5.gif) no-repeat 0 6px;
}
.main-area .frame-left .box ul li a{
	color:#fff;
	text-decoration:none;
}
.main-area .frame-left .box ul li a:hover{
	text-decoration:none;
}
.main-area .frame-left .blue-box ul li a:hover, .main-area .frame-left .blue-box h3 a:hover {
	color:#8fddff;
}
.main-area .frame-left .violet-box ul li a:hover, .main-area .frame-left .violet-box h3 a:hover {
	color:#d3afe1;
}
.main-area .frame-left .green-box ul li a:hover, .main-area .frame-left .green-box h3 a:hover {
	color:#adf1e4;
}

.main-area .frame-left .red-box ul li a:hover, .main-area .frame-left .red-box h3 a:hover {
	color:#ffa578;
}
.main-area .frame-right{
	width:319px;
	float:right;
	background:url(../images/bg-frame-holder.gif) no-repeat 344px 0;
}
/* #####################  Footer ###################### */
#footer{
	width:960px;
	padding:8px 10px 4px 10px;
	color:#fff;
	text-align:center;
	font-size:1.1em;
	background:#616161 url(../images/bg-footer.gif) no-repeat;
}
.final-page #footer{
	padding:3px 10px 4px 10px;
	background:#616161;
}
#footer p{
	margin:0;
	display:inline;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#footer ul li{
	display:inline;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}