html, body {
	height:100%;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
}
body {
	padding:0;
	margin:0;	
	overflow:hidden;
}
p, a, em { margin:0; padding:0; }
em { font-style:italic; }
ul, li {margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-size:12px; font-weight:bold; }
img { margin:0; padding:0; border:none; }
.clear { clear:both; }
.lastListElement { border:none !important; } 
.stripe {
	background-color:#000000;
	width:140px;
	_width:125px;
	height:100%;
	filter: alpha (opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3;
}
#SripeLeft {
	position:absolute;
	left:0;
	top:0;
	z-index:99;
}
#StripeRight {
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}
#Container {
	background-image:url(../images/design/background/body-bg.jpg);
	background-position:-444px top;
	background-repeat:no-repeat;
	height:100%;
}
#Header {
	width:1000px;
	height:93px;
	margin:0 auto;
	position:relative;
}
#LogoIONIS {
	position:absolute;
	left:50px;
	top:10px;
}
#MenuHeader {
	float:right;
	padding-right:10px;
	padding-top:15px;
}
#MenuHeader ul li {
	display:inline;
	height:17px;
	padding:8px 20px 0 20px;
	border-right:1px #494264 solid; 
}
#MenuHeader ul li a {
	text-decoration:none;
}
#MenuContainer {
	text-align:center;
	background-color:#494264;
	height:30px;
}
#Menu {
	width:1000px;
	margin:0 auto;
	color:#FFFFFF;
}
#Menu ul li { 
	display:block;
	float:left;
	margin-left:13px;
	text-align:center;
	position:relative;
	height:30px;
	padding:0 25px;
	cursor:pointer;
}
#Menu a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 5px 0;
	border-bottom:1px #e2e2e2 solid;
}
#Menu a:visited {
	color:#FFFFFF;
}
#Menu ul li ul {
	border-top:1px #FFFFFF solid;
}
#Menu ul li ul li {
	padding:5px 0 0 0;
	margin:0;
	float:none;
	text-align:center;
	position:static;
	height:20px;
}
.sous-menu {
	position:absolute;
	z-index:99;
	left:0;
	top:30px;
	_top:33px;
	background-image:url(../images/design/background/menu-arrow.png);
	_background-image:url(../images/design/background/menu-arrow.gif);
 	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	padding-top:12px;
	display:none;
}

.soussousmenu {
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #E2E2E2;
	padding-bottom:7px;
}


#MenuIONIS {
	background-color:#c05e99;
	_width:155px !important;
}
#MenuIONIS a {
	border-color:#e0afcc !important;
}
#MenuIONIS li:hover {
	background-color:#e0afcc;
}
#MenuIONIS a:hover {
	_background-color:#e0afcc;
}
#MenuIONIS .on {
	background-color:#e0afcc;
}
#MenuVision {
	background-color:#9dba55;
	_width:249px !important;
}
#MenuVision a {
	border-color:#b4d661 !important;
}
#MenuVision li:hover {
	background-color:#b4d661;
}
#MenuVision a:hover {
	_background-color:#b4d661;
}
#MenuVision .on {
	background-color:#b4d661;
}
#MenuActu {
	background-color:#248988;
	_width:114px !important;
}
#MenuActu a {
	border-color:#5fd3d2 !important;
}
#MenuActu li:hover {
	background-color:#5fd3d2;
}
#MenuActu a:hover {
	_background-color:#5fd3d2;
}
#MenuActu .on {
	background-color:#5fd3d2;
}
#MenuEcoles {
	background-color:#a07d74;
	width:250px !important;
	margin-left:-65px;
}

#MenuEcoles a {
	border-color:#c9aea7 !important;
}
/*
#MenuEcoles li:hover {
	background-color:#c9aea7;
}
#MenuEcoles a:hover {
	_background-color:#c9aea7;
}
*/
#Menu ul li #MenuEcoles li {
	cursor:default;
	font-size:9px;
}
#Menu ul li #MenuEcoles li a {
	display:inline;
	border-bottom:none;
	color:#eed7d1;
	font-size:9px;
}
#Menu ul li #MenuEcoles li a:hover {
	color:#544c6e;
}
#Menu ul li #MenuEcoles .li1 {
	height:68px;
}
#Menu ul li #MenuEcoles .li2 {
	height:53px;
}
#Menu ul li #MenuEcoles .li3 {
	height:37px;
}

#MenuEngagements {
	background-color:#77bbee;
	_width:156px !important;
}
#MenuEngagements a {
	border-color:#afdafa !important;
}
#MenuEngagements li:hover {
	background-color:#afdafa;
}
#MenuEngagements a:hover {
	_background-color:#afdafa;
}
#MenuEngagements .on {
	background-color:#afdafa;
}
#MenuContacts {
	background-color:#ffcc00;
	width:150px !important;
	margin-left:-25px;
	
}
#MenuContacts a {
	border-color:#ffea95 !important;
	color:#4F4829;
}
#MenuContacts a:visited {
	color:#4F4829;
}
#MenuContacts li:hover {
	background-color:#ffea95;
}
#MenuContacts a:hover {
	_background-color:#ffea95;
}
#MenuContacts .on {
	background-color:#ffea95;
}
#Main {
	width:100%;
	height:495px;
}
#ContentWrapper {
	width:960px;
	height:245px;
	margin:0 auto;
	color:#FFFFFF;
	position:relative;
	z-index:0;
	overflow:hidden;
	padding: 240px 20px 0 20px;
}
#Load {  
	display: none;  
	position: absolute;  
	right:479px; 
	top:331px; 
	background:url(../images/design/ajax-loader.gif):  
	width: 42px;  
	height: 42px;  
	text-indent: -9999em;  
}  

#Content { text-align:justify; }

#Content h1 {
	font-size:16px;
	padding-bottom:15px;
	text-transform:uppercase;
}
#Content h2 {
	font-size:13px;
	padding:10px 0;
}
#Content p {
	padding:5px 0;
}

.halfLeft { width:48%; float:left; }
.halfRight { width:48%; float:right; margin-top:-30px; }
.thirdLeft { width:30%; float:left; }
.thirdCenter { width:30%; float:left; margin-left:5%; margin-top:-30px; }
.thirdRight { width:33%; float:right; margin-top:-30px; }

#Content div div .halfRight, #Content div div .thirdCenter, #Content div div .thirdRight { margin-top:0; }

#Footer {
	width:1000px;
	height:93px;
	margin:0 auto;
	color:#b3b3b3;
	text-align:center;
}

#Footer ul {
	text-align:center;
	padding-top:5px;
}

#Footer li { 
	display:inline;
	text-transform:uppercase;
}

#Footer a {
	color:#b3b3b3;
}

/***************************************************************/
/*                      PAGE D'ACCUEIL                         */
/***************************************************************/
#Home #Titre {
	position:absolute;
	right:143px;
	top:18px;
}	
#Home h2 {
	font-size:16px;
	padding-bottom:10px;
	margin-top:-10px;
}
#Home a { color:#FFFFFF; }
#Home .thirdLeft { width:36%; }
#Home .thirdCenter { width:26%; float:left; margin-left:3%; margin-top:0; }
#Home .thirdRight { margin-top:0; }
#Home .news { padding: 5px 0 5px 2px; border-bottom:1px #FFFFFF dashed; }
#Home .news a { text-decoration:none; display:block; margin-top:2px; }
#Home .news a:hover { text-decoration:underline; }
#Home .news img { float:left; margin: 0 5px 2px 0; border:2px #FFFFFF solid; }
#Home #IONISMAG { float:left; margin-right:10px; }
#Home p.resume-IONISMAG { text-align:left; }
#Home #Facebook-Twitter-Video { padding-top:10px; }
#Home #Facebook-Twitter-Video a { margin-right:10px; }

/***************************************************************/
/*                      GROUPE IONIS                           */
/***************************************************************/
#Edito { position:relative; }
#EditoSellam { 
	width:700px; 
	height:475px; 
	background:url(../images/media/groupe-ionis/marc-sellam.png) 315px bottom no-repeat;
	position:absolute;
	right:-45px;
	top:-231px;
	z-index:0;
}
#EditoSellam .halfLeft { width:46%; }
#EditoSellam p.inverseColor {
	color:#c05e99;
	padding-bottom:10px;
}
#TxtBardeche {
	width:340px;
	float:left;
	margin-left:-20px;
	margin-top:-20px;
	height:254px;
	padding-left:150px;
	padding-top:10px;
	background:url(../images/media/groupe-ionis/fabrice-bardeche.png) left bottom no-repeat;
	
}
#TxtDrillech {
	width:290px;
	float:right;
	margin-right:-20px;
	margin-top:-20px;
	height:264px;
	padding-right:190px;
	background:url(../images/media/groupe-ionis/marc-drillech.png) right bottom no-repeat;
	
}
#Equipes {
	position:absolute;
	left:0;
	top:0;
}
#Histoire {
	margin:-52px 0 0 -20px;
	_margin:-55px 0 0 -1px;
}
#Chiffres h2 {
	padding-bottom:0;
}
#ChiffresContent {
	width:75%;
	position:absolute;
	right:20px;
	top:10px;
	color:#aa337b;	
}
#Chiffres .big {
	font-size:18px;
	font-weight:bold;
}
#Campus .thirdCenter, #Campus .thirdRight { margin-top:0; }
#CampusIllus { 
	position:absolute;
	right:50px;
	top:15px;
}
#Valeurs .halfRight {
	margin-top:0;
}
#ValeursTxt {
	position:absolute;
	top:20px;
	right:50px;
	width:720px;
	color:#c05e99;
}
/***************************************************************/
/*                 VISION DE L'ENSEIGNEMENT                    */
/***************************************************************/
#Pedagogie h2 {
	padding-bottom:0;
}
#PedagogieTxt {
	position:absolute;
	top:0;
	right:15px;
	width:520px;
	color:#9dba55;
}
#Ouverture {
	position:absolute;
	left:0;
	top:0;
}
#Recherche {
	background:url(../images/design/background/adn-bg.png) 255px 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	padding:239px 20px 0 30px;
	height:244px;
}
#Recherche .thirdLeft { width:280px; }
#Recherche .thirdRight { margin-top:0; margin-right:50px; }
#RechercheTxt {
	position:absolute;
	right:15px;
	top:120px;
	width:330px;
	color:#9dba55;
}
#RechercheTxt h2 { padding-bottom:0; }
#Besoins .halfRight { margin-top:0; }
#Besoins #BesoinTxt { 
	position:absolute;
	top:10px; 
	right:22px; 
	width:280px;
	height:207px;
	padding-right:220px; 
	background:url(../images/design/background/people-walking.png) right bottom no-repeat; 
}
#Besoins #BesoinTxt * { color:#9dba55; font-weight:bold; }

#Besoins img { padding-left:45px; }

#Cultiver .halfRight { margin-top:0; }
#Cultiver #CultiverTxt { 
	position:absolute;
	top:0px; 
	right:10px; 
	width:380px;
	height:167px;
	padding-right:140px;
	padding-top:40px; 
	background:url(../images/design/background/question-marks.png) 80px bottom no-repeat; 
}
#Cultiver #CultiverTxt * { color:#8daa46; font-weight:bold; }

#Cultiver img { padding-left:45px; }

#Vie-Associative #Vie-AssociativeTxt { 
	color:#9dba55; 
	font-weight:bold;	
	width:320px;	
	position:absolute;
	top:10px; 
	right:203px; 

 }

#Insertion .thirdCenter, #Insertion .thirdRight { margin-top:-45px; }
#Insertion #InsertionTxt {
	position:absolute;
	top:30px; 
	right:130px;
	width:400px;
}
#Insertion #InsertionTxt * { color:#9dba55; }
#EnseignementDurable #EnseignementDurableBg {
	background:url(../images/design/background/windwheel-bg.png) right top no-repeat;
	position:absolute;
	top:8px;
	right:340px;
	width:272px;
	height:212px;
}
#EnseignementDurable #EnseignementDurableTxt {
	position:absolute;
	top:30px;
	right:120px;
	width:350px;
	font-weight:bold;
	color:#809b3f;
}
#EnseignementDurable .thirdRight { margin-top:0; }
/***************************************************************/
/*                         IONIS-ONLINE                        */
/***************************************************************/
#Actus #description { text-align:justify; margin-top:40px; }
#Actus #description p { padding-bottom:20px; }
#Actus #signature   { font-weight:bold; }
#Actus #description img { float:left; margin:0 5px 2px 0; }
#Actus .thirdCenter, #Actus .thirdRight { margin-top:40px; }
#Actus .news { padding: 4px 0 4px 2px;; }
#Actus .news a { text-decoration:none; display:block; margin-top:3px; color:#FFFFFF; }
#Actus .news a:hover { text-decoration:underline; }
#Actus .news img { float:left; margin: 0 5px 2px 0; border:2px #FFFFFF solid; }
/***************************************************************/
/*                         LES ECOLES                          */
/***************************************************************/

#Ecoles h1 { text-transform:none; }

#Ecoles .tierLeft {width:25%; float:left; }

#Ecoles .tierCenter {width:40%; float:left; margin-left:5%; margin-top:30px; }
#Ecoles .tierCenter a {
	color:#eed7d1;
}
#Ecoles .tierCenter a:hover {
	color:#544c6e;
}

#Ecoles .tierRight {width:25%; float:right; }

#Ecoles #EcolesTxt { 
	position:absolute;
	top:10px; 
	right:22px; 
	width:280px;
	height:207px;
	padding-right:220px; 
	background:url(../images/design/background/people-walking.png) right bottom no-repeat; 
}
#Ecoles #EcolesTxt * { color:#9dba55; font-weight:bold; }


/***************************************************************/
/*                      NOS ENGAGEMENTS                        */
/***************************************************************/

#EngagementsSida {
	float:left;
	height:400px;
	margin-top:-93px;
	background:transparent url(../images/media/engagements/bg-sida.png) no-repeat;
}

#EngagementsSida a, #Engagements a, #EngagementsUniversite a {
	color:#335066;
}

.deuxTiers { width:53%; float:left; }
.unTier { width:43%; float:right; margin-top:-14px; font-size:10px; line-height:12px;}

.deuxTiersSida { 
	margin-top:92px;
	width:48%;
	float:left; }
.unTierSida { width:23%; float:right; margin-top:95px;}

.demiPartenariatLeft { width:48%; float:left; margin-top:5px;}
.demiPartenariatRight { width:48%; float:right;margin-right:-76px;
margin-top:46px;}

.deuxTiersCite { 
	width:64%;
	float:right; 
}
.unTierCite { 
	width:28%; 
	float:left; 
}
.unDemiBasCite { 
	width:100%; 
	margin-top:20px;
	float:left; 
}
.logoCite { 
	width:100%; 
	float:left; 
}


#EngagementsUniversite {
	float:left;
	height:400px;
	margin-top:-207px;
	padding-top:207px;
	background:transparent url(../images/media/engagements/bg-universite-de-la-terre.png) no-repeat scroll 201px 0;
}

.unTierUniversite { width:30%; float:left; margin-right:25px;}
.imgUniv { 
	margin-left:18px;
	margin-top:-16px;
}

/***************************************************************/
/*                         CONTACTS                            */
/***************************************************************/

.unTierLeftContact, .unTierLeftContactDeux { width:30%; float:left;margin-right:20px;}
.unTierRightContact { 
	border:1px solid #FFE990;
	float:right;
	margin-right:32px;
	margin-top:15px;
	padding:5px;
	width:28%;
	/*display:none;*/
}

#Contacts { color:#4f4829; }

#Contacts a {
	color:#940c00;
}
.fondUniContact {
	background:#FFCC00 none repeat scroll 0 0;
	height:244px;
	margin-top:-20px;
	padding-top:20px;
	width:102%;
}
.fondContactEcole {
	width:107%;
	margin-left:-9px;
	height:244px;
	margin-top:-20px;
	padding-top:20px;
}
.unTierLeftContact p {
	font-weight:bold;
	line-height:11px;
	text-align:right;}
.unTierLeftContactDeux p {
	font-weight:bold;
	line-height:11px;
}
.roll {
	cursor:pointer;
}
#ContactsPlanAcces { color:#4f4829; }
#ContactsPlanAcces a {
	color:#940c00;
	text-decoration:none;
}

#ImgPlan {
	margin-top:-225px;
	width:65%;
}

.contactsEcoleColonne {
	width:165px;
	float:left;
	padding-right:15px;
	margin-top:-10px;
}

.contactsEcoleColonne h2 {
	padding-bottom:5px !important;
}

.contactsEcoleColonne img { margin-bottom:10px; }

#FirstColonneEcole {
	margin-left:40px;
}

#IllusAgenceCom {
	left:164px;
	position:absolute;
	top:1px;
}

#MapSchools {
	position:absolute;
	left:320px;
	top:227px;
}