body{
	margin:0;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:100%;
	min-width:988px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img { border:none; }
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

.wrapper01{
	background: url(../images/bg-body.gif);
	padding:11px 0 0;

}
#wrapper{
	width:988px;
	margin:0 auto;
	background: url(../images/shadow-t.png) no-repeat;
	padding:9px 0 0;
}
.wrap{
	width:834px;
}
.wrap-type2{
	width:500px;
}
.wrap-type2:after{
	content:"";
	display:block;
	clear:both;
}
.wrap:after{
	content:"";
	display:block;
	clear:both;
}
.w1{
	width: 980px;
	background: url(../images/shadow-c.png) repeat-y;
	padding:0 4px;
}
#page{
	background:#fff;
	padding:138px 0 0 146px;
	position:relative;
	width:834px;
	min-height:682px;
}
#page h1.logo,
#treecolumns h1.logo{
	position:absolute;
	top:-2px;
	left:0;
	margin:0;
	display:block;
	width: 146px;
	height: 594px;
	background:url(../images/villes.gif) 0 bottom no-repeat;
}
#page h1.logo-type2,
#treecolumns h1.logo-type2{
	top:0;
}
#page h1.logo a,
#treecolumns h1.logo a{
	background: url(../images/logo.gif) no-repeat;
	width: 146px;
	height: 490px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#page h1.logo-type2 a,
#treecolumns h1.logo-type2 a{
	background: url(../images/logo02.gif) no-repeat;
	width: 113px;
	height: 462px;
}
#page .bouton_tuto,
#treecolumns .bouton_tuto{
	position:absolute;
	top:612px;
	left:10px;
}
#header{
	position:absolute;
	top:0;
}
.list{
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	height:1%;
}
.list li{
	font-size:25px;
	color:#8c8c8c;
	float:left;
	clear:left;
}
.list .cufon{
	margin-bottom:-4px;
	float:left;
}
.list .silver{
	color:#c0c0c0;
}

#header .ill01,
#header-type02 .ill01{
	background: url(../images/ill01.png) no-repeat;
	width: 237px;
	height: 105px;
	float:left;
	margin:-3px 0 0 26px;
	display:inline;
}
#header .ill02,
#header-type02 .ill02{
	background: url(../media/bandeau_JPO.gif) no-repeat;
	width: 237px;
	height: 124px;
	float:left;
	margin:-14px 0 0 26px;
	display:inline;
}
#BanniereFlash {
	width:148px;
	height:124px;
	float:left;
	margin:-14px 0 0 110px;
}
#header-type02 .ill01-type02{
	margin:-18px 0 0 -19px;
	position:relative;
}
.le-blog{
	background: url(../images/le-blog.gif) no-repeat;
	width:94px;
	height:52px;
	float:left;
	margin:28px 0 0 11px;
	display:inline;
}
.top-menu{
	list-style:none;
	margin:27px 20px 0 0;
	padding:0;
	float:right;
	width:300px;
	overflow:hidden;
	display:inline;
}
.top-menu li{
	width:100%;
	float:left;
	background: url(../images/bull01.gif) no-repeat;
	padding:0 0 0 17px;
	margin:0 0 1px;
}
.top-menu a{
	float:left;
	font-size:13px;
	padding: 3px 3px 2px 8px;
	background:#888;
	color:#fff;
	text-transform:uppercase;
	width:274px;
	line-height:10px;
}
.top-menu a:hover,
.top-menu a.active{
	background:#e7501e;
	text-decoration:none;
}
.top-menu .cufon{
	float:left;
}
#navigation{
	width:845px;
	list-style:none;
	margin:10px 0 0;
	padding:0;
	height:23px;
	margin-right:-10px;
}
#navigation:after{
	content:"";
	display:block;
	clear:both;
}
#navigation li{
	float:left;
	margin:0 1px 0 0;
	height:23px;
	position:relative;
}
#navigation li a{
	background:#d9d9d9 url(../images/bg-nav.gif) no-repeat 100% 0;
	text-transform:uppercase;
	padding:4px 36px 0 12px;
	color:#fff;
	font-size:13px;
	height:19px;
	overflow:hidden;
	float:left;
	line-height:10px;
}
#navigation li a:hover,
#navigation li:hover a,
#navigation li.hover a{
	background:#666 url(../images/bg-nav.gif) no-repeat 100% -25px;
	text-decoration:none;
}
#navigation li a span{
	background: url(../images/bull02.gif) no-repeat 0 5px;
	padding:0 0 0 18px;
	display:block;
}
#navigation ul{
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	background:#666;
	width:207px;
	top:23px;
	left:0;
	display:none;
	overflow:hidden;
}
#navigation li:hover ul,
#navigation li.hover ul{
	display:block;
}
#navigation ul li{
	width:100%;
	margin:0;
	border-top:1px solid #fff;
	float:left;
}
#navigation li:hover ul a,
#navigation li.hover ul a{
	background:none;
	padding:6px 12px 4px;
	float:left;
	width:183px;
	height:auto;
}
#navigation li:hover ul a:hover,
#navigation li.hover ul a:hover{
	background:#f1592a;
	background-image:none;
}
#main{
	width:100%;
	overflow:hidden;
	padding:0 0 27px;
}
#main-type2{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-main.gif) repeat-y;
}
#content{
	width:406px;
	float:left;
	padding:10px 0 0;
	/*overflow:hidden;*/
	min-height:672px;
}
#content .creation{
	background: url(../images/creation.gif) no-repeat;
	width: 389px;
	height: 161px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 18px;
}
.info-box{
	font:13px Georgia, "Times New Roman", Times, serif;
	color:#666;
}
.info-box p{
	margin:0 0 13px;
	padding:0 0 10px;
}
.ttl{
	background:#f0f0f0;
	padding:4px 10px 3px 7px;
	width:372px;
	overflow:hidden;
	margin:0 0 8px;
}
.ttl .cufon{
	height:23px;
}
.ttl h2, .ttl h2 a{
	margin:0;
	text-transform:uppercase;
	color:#666;
	font-size:23px;
}
.ttl h2 a:hover {
	text-decoration:none;
}
.ttl .ico01{
	float:right;
	background: url(../images/ico01.gif) no-repeat 100% 0;
	width: 20px;
	height: 16px;
	padding:7px 28px 0 0;
	font: 10px Arial, Helvetica, sans-serif;
	color:#121212;
}
.ttl .e-artsup20 {
	width:74px;
	float:right;
}
#flash-homepage {
	position: absolute;
	top: 14px;
	left: -10px;
}
#flash-admissions {
	position:absolute;
	top:700px;
	left:80px;
}
.news-box{
	list-style:none;
	margin:0;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:389px;
	overflow:hidden;
	height:295px;
}
.news-box li{
	display:block;
	width:379px;
	padding:10px 5px;
	background:#f0f0f0;
	overflow:hidden;
	margin:0 0 13px 0;
}
.news-box .img-w{
	float:left;
	border:1px solid #666;
	width:58px;
	height:61px;
	overflow:hidden;
}
.news-box .img-w img{
	display:block;
}
.news-box .news{
	float:right;
	width:311px;
}
.news em{
	font-style:normal;
	color:#e7501e;
	font-weight:bold;
	display:block;
}
.news strong{
	display:block;
	font-weight:normal;
}
.news a{
	color:#999;
	display:block;
}
.bot-menu{
	list-style:none;
	margin:0;
	padding:0;
	width:389px;
	overflow:hidden;
	float:left;
}
.bot-menu li{
	float:left;
	background: url(../images/bull03.gif) no-repeat;
	padding:0 0 0 28px;
	margin:0 0 1px;
}
.bot-menu a{
	float:left;
	font-size:18px;
	padding: 8px 3px 4px 8px;
	background: url(../images/bg-bot-menu.gif);
	color:#fff;
	text-transform:uppercase;
	width:350px;
}
.bot-menu a:hover,
.bot-menu a.active{
	background:#e7501e;
	text-decoration:none;
}
.bot-menu .cufon{float:left;}
#sidebar{
	background: url(../images/bg-sidebar.gif) repeat-y;
	width: 428px;
	float:left;
	margin-top:5px;
	overflow:hidden;
}
.imgholder{
	position:relative;
	margin:14px;
	float:left;
}
.imgholder img{
	display:block;
}
.imgholder .ill02{
	position:absolute;
	right:-7px;
	top:41px;
}
.imgholder .tl{
	background: url(../images/tl.gif) no-repeat;
	width: 16px;
	height: 10px;
	position:absolute;
	left:-11px;
	top:-8px;
}
.img-type .tl{
	top:-9px;
	left:-12px;
}
.imgholder .tr{
	background: url(../images/tr.gif) no-repeat;
	width: 10px;
	height: 14px;
	position:absolute;
	right:-7px;
	top:-7px;
}
.img-type .tr{
	right:-8px;
	top:-8px;
}
.imgholder .bl{
	background: url(../images/bl.gif) no-repeat;
	width: 8px;
	height: 9px;
	position:absolute;
	left:-6px;
	top:322px;
}
.img-type .bl{
	left:-7px;
	top:634px;
}
.imgholder .br{
	background: url(../images/br.gif) no-repeat;
	width: 10px;
	height: 12px;
	position:absolute;
	right:-7px;
	top:320px;
}
.img-type .br{
	right:-8px;
	top:632px;
}

/* Position bas des effets hirondelles sur les images/flash */
.typographie .img-type .bl, .photographie .img-type .bl, .presentation .img-type .bl, .animation .img-type .bl, .pourquoi-eartsup .img-type .bl, .documentation .img-type .bl, .temoignages .img-type .bl, .metiers-creation .img-type .bl {
	top:198px;
}
.typographie .img-type .br, .photographie .img-type .br, .presentation .img-type .br, .animation .img-type .br, .pourquoi-eartsup .img-type .br, .documentation .img-type .br, .temoignages .img-type .br, .metiers-creation .img-type .br {
	top:196px;
}

.homePage .imgholder .bl {
	top:505px;
}

.homePage .imgholder .br {
	top:503px;
}

.financer .imgholder .bl {
	top:554px;
}

.financer .imgholder .br {
	top:552px;
}

.photographie .imagePhotographie .img-type .bl {
	top:239px;
}

.photographie .imagePhotographie .img-type .br {
	top:237px;
}

.presentation .imagePresentation .img-type .bl {
	top:93px;
}

.presentation .imagePresentation .img-type .br {
	top:91px;
}

.pourquoi-eartsup .imagePourquoi .img-type .bl {
	top:428px;
}

.pourquoi-eartsup .imagePourquoi .img-type .br {
	top:426px;
}

.img-type{
	border:1px solid #fff;
}

.flashholder{
	position:relative;
	margin:14px;
	float:left;
}

.flashholder .tl{
	background: url(../images/tl.gif) no-repeat;
	width: 16px;
	height: 10px;
	position:absolute;
	left:-11px;
	top:-8px;
}
.flash-type .tl{
	top:-9px;
	left:-12px;
}
.flashholder .tr{
	background: url(../images/tr.gif) no-repeat;
	width: 10px;
	height: 14px;
	position:absolute;
	right:-7px;
	top:-7px;
}
.flash-type .tr{
	right:-8px;
	top:-8px;
}
.flashholder .bl{
	background: url(../images/bl.gif) no-repeat;
	width: 8px;
	height: 9px;
	position:absolute;
	left:-7px;
	top:510px;
}
.flashholder .br{
	background: url(../images/br.gif) no-repeat;
	width: 10px;
	height: 12px;
	position:absolute;
	right:-8px;
	top:508px;
}

.flash-type {
	border:1px solid #fff;
}

.shadow-b{
	background: url(../images/shadow-b.png) no-repeat;
	width: 988px;
	height: 6px;
	margin:-2px 0 0;
	line-height:1px;
	font-size:1px;
}
#sidebar .txt{
	width:428px;
	color:#fff;
	padding:10px;
	font: 12px Arial;
	letter-spacing:0.03em;
}
#sidebar .txt p{margin:0;} 
.breadcrumbs{
	width:100%;
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	overflow:hidden;
}
.breadcrumbs li{
	float:left;
	color:#e7501e;
	margin:0 6px 0 0;
	font-size:11px;
}
.breadcrumbs li a{
	display:block;
	background: url(../images/sep02.gif) no-repeat 100% 3px;
	color:#e7501e;
	padding:0 7px 0 0;
	font-size:11px;
}
.paroles{
	font-size:53px;
	color:#e7501e;
	margin-bottom:10px;
	margin-top:3px;
	margin-left:0;
	margin-right:0;
}
.info{
	margin:0 0 8px 0;
	font-size:30px;
	color:#8c8c8c;
	display:block;
	width:100%;
	overflow:hidden;
}
.info .cufon{
	margin-top:-2px;
	float:left;
}
#twocolumns{
	width:406px;
	overflow:hidden;
}
.column{
	width:185px;
	float:left;
	margin:0 17px 0 0;
	display:inline;
}
.one-column
{
	margin:0 17px 0 0;
}
.column strong, .one-column strong{
	color:#666666;
	font-size:12px;
	margin:0 0 14px 0;
	display:block;
	font-family: "Times New Roman", Times, serif;
}

.column a{
	color:#E7501E;
}

.column p{
	margin:0 0 14px 0;
}
.mark01{
	color:#ff6633;
}
.mark01 strong {
	display:inline;
	color:#ff6633;
}
.mark02{
	color:#003366;
}
.mark02 strong {
	display:inline;
	color:#003366;
}/*
.mark03{
	color:#666666;
}
.mark03 strong {
	display:inline;
	color:#666666;
}
.mark04{
	color:#003366;
}
.mark04 strong {
	display:inline;
	color:#003366;
}*/
.mark01 strong, .mark02 strong {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#sidebar p{
	margin:0 0 15px;
	color:#ccc;
}
#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	color:#ccc;
	background: url(../images/bull04.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
	margin:0 0 15px;
}
.wrapper-type{
	background:#000 url(../images/bg-body02.gif) repeat-x;
}
#wrapper-type02{
	width:980px;
	margin:0 auto;
	background:none;
	padding:9px 0 0;
}
#treecolumns{
	background:none;
	padding:0 0 60px 114px;
	position:relative;
	background: url(../images/bg-treecol.gif) repeat-y 0 24px;
	width:868px;
}
#treecolumns:after{
	content:"";
	display:block;
	clear:both;
}
#header-type02{
	background: url(../images/bg-header.gif) no-repeat;
	width:504px;
	padding:0 0 30px;
	position:relative;
}
.list-type02 li{
	font-size:21px;
}
.col-2,
.col-3{
	position:relative;
	padding:5px 0 0 4px;
}
.corn{
	background: url(../images/corner1.gif) no-repeat;
	width: 24px;
	height: 24px;
	position:absolute;
	top:0;
	left:100%;
	margin:0 0 0 -24px;
}
.col-1{
	width:504px;
	float:left;
	background:#e8e8e8;
}
.col-1 .container{
	padding:17px 73px 25px 22px;
}
.container h2{
	margin:0 0 13px;
	font:20px Georgia, "Times New Roman", Times, serif;
	color:#ff6633;
	font-weight:bold;
}

.container img{
	display:block;
	margin:0 0 13px;
}
.container p{
	margin:0 0 19px;
	line-height:18px;
}
.container .comment{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.comment li{
	float:left;
	background: url(../images/separator02.gif) no-repeat 0 2px;
	padding:0 5px 0 5px;
	margin:0 5px 0 -5px;
}
.comment li a{
	color:#000;
}
.container .dashed-line{
	width:409px;
	background: url(../images/dashed-line.gif) repeat-x;
	height:1px;
	margin:16px 0 14px;
	line-height:1px;
	font-size:1px;
}
.col-2{
	width:176px;
	float:left;
}
.col-2 h2,
.col-3 h2{
	font: 20px Georgia, "Times New Roman", Times, serif;
	color:#666;
	margin:0 0 11px;
	font-weight:bold;
}
.categories,
.recentes{
	list-style:none;
	margin:0 0 48px 3px;
	padding:0 10px 0 0;
}
.recentes{
	width:152px;
}
.categories li{
	margin:0 0 5px;
}
.categories a{
	font-weight:bold;
	color:#999;
	background: url(../images/bull05.gif) no-repeat 0 5px;
	padding:0 0 0 7px;
}
.recentes li{
	float:left;
	margin:0 0 23px;
}
.recentes a{
	text-decoration:underline;
	color:#999;
	float:left;
}
.recentes a:hover{
	text-decoration:none;
}
.col-3{
	color:#818285;
	width:182px;
	float:left;
	padding:5px 0 0;
	margin:0 1px 0 -1px;
	display:inline;
	overflow:hidden;
}
.col-3 h2{
	color:#818285;
	margin:0 0 11px 13px;
}
.rechercher{
	width:148px;
	padding:0 0 28px 15px;
}
.rechercher label{
	float:left;
	margin:0 0 4px;
}
.rechercher input{
	width:148px;
	display:block;
	margin:0 0 2px;
	float:left;
}
.rechercher .btn{
	width:93px;
}
.col-3 .bg-box{
	width:181px;
	background:#e8e8e8;
	margin:0 0 17px;
	padding:10px 0 16px;
}
.photos-box{
	padding:0 0 0 13px;
}
.photos-box h2{
	margin:0 0 11px 0;
}
#footer{
	text-align:center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px 0 16px;
}
#footer p{
	margin:0;
}
#footer .foot-nav{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;	
	text-align:center;
}
.foot-nav li{
	display:inline;
	background: url(../images/separator.gif) no-repeat 0 2px;
	padding:0 4px 0 7px;
}
.foot-nav li:first-child{
	background:none;
	padding-left:0;
}
#footer a{
	color:#666;
}
.list-type02{
	margin:2px 20px 0 16px;
	display:inline;
}/*
#sidebar ul.demande-doc  {
	margin:20px;
}
#sidebar .demande-doc li {
	background:url(../images/bull06.gif) no-repeat scroll 0 4px;
	padding:4px 0 0px 20px;
	margin:5px;
	float:left;
}
.demande-doc a {
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/bg-doc.gif) repeat-x scroll 0 0;
	padding:5px 3px 2px 8px;
	width:280px;
	float:left;

}*/

.demande-doc {
	background:url(../images/bg-doc.jpg) no-repeat scroll 0 0;
	width:117px;
	height:87px;
	position:relative;
	margin-left:20px;
	margin-top:30px;
	float:left;
}

.demande-doc .lien {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	position:absolute;
	width:117px;
	margin-left:5px;
	margin-top:-10px;
}

.lienimg {
	position:static;
}

.demande-doc img {
	margin-left:13px;
}

.interieur-doc {
	 margin-top:-26px;
	 margin-left:2px;
	 position:absolute;
	 top:0;
	 left:0;"
}
#docFrame {
	position:absolute;
	left:155px;
	top:300px;
	/*top:360px;*/
}