@charset "utf-8";

html, body, div, span, p, a, ul, ol, li, table, tr, th ,td, form, input, textarea, img, h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	border:none;
}

body{
	padding:0px;
	border:none;
	margin:0px;
	background-color:#F5FAFE;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
	font-size:12px;
	color:#999999;	
	background-image:url(http://www.esma.fr/images/MAIN_PAGE_LAYOUT-bg.jpg);
	background-position:center 0px;
	background-repeat:no-repeat;
}

#frame{
	position:relative;
	text-align:center;	
	width:960px;

	margin-left:auto;
	margin-right:auto;
	margin-top:63px;	
	text-align:left;
}

#bottom{
	width:960px;
	position:relative;	
	background-color:#FFFFFF;
}

#top-bar{
	height:180px;
	position:relative;
	width:960px;
}


 .clearfix:after {
    content: ".";
    display: inline;
    height: 0;
    clear: both;
    visibility: hidden;
    }
		.clearfix {display: inline-block;}  /* for IE/Mac */

/*		
.clearFix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
.clearFix {display: inline-block;}
* html .clearFix {height: 1%;}
.clearFix {display: block;}
*/


.nosee{display:none;}

.bold{font-weight:bold;}

.italic{font-style:italic;}

a{
	font-size:12px;
	color:#999999;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}



h1, h2, h3, h4{
	font-weight:Normal;
}

h4{font-size:16px;}

a#main-logo-link{
	width:212px;
	height:81px;
	position:absolute;
	top:25px;
	left:41px;
	background-image:url(http://www.esma.fr/images/top-left-logo.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
a#main-logo-link:hover{
	background-image:url(http://www.esma.fr/images/top-left-logo.jpg);
	background-position:0px -81px;
	background-repeat:no-repeat;
}

a.link-logo{
	padding-left:20px;
	background-image:url(http://www.esma.fr/images/small-logo-blue.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

a.link-pdf{
	padding-left:20px;
	background-image:url(http://www.esma.fr/images/page_white_acrobat.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}


/*
a.link-logo:hover{
	background-image:url(http://www.esma-testcn.com/images/small-logo-blue.gif);
	background-position:0px -81px;
	background-repeat:no-repeat;
}
*/


a.picto{
	position:absolute;
	width:18px;
	height:15px;	
	top:135px;	
	background-position:0px 0px;
	background-repeat:no-repeat;	
}

a#picto-flag-fr{ left:41px; background-image:url(http://www.esma.fr/images/flag-picto-fr.jpg); }
a#picto-flag-fr:hover{ background-position:0px -15px;}

a#picto-flag-uk{ left:65px; background-image:url(http://www.esma.fr/images/flag-picto-uk.jpg); }
a#picto-flag-uk:hover{ background-position:0px -15px; }

a#picto-flag-cn{ left:88px; background-image:url(http://www.esma.fr/images/flag-picto-cn.jpg); }
a#picto-flag-cn:hover{ background-position:0px -15px; }

#our-world{	position:absolute;width:285px;height:20px;top:133px;left:360px;}

a#picto-loupe{ left:857px; background-image:url(http://www.esma.fr/images/picto-loupe.jpg); }
a#picto-loupe:hover{ background-position:0px -15px;}

a#picto-facebook{ 	
	position:absolute;
	width:65px;
	height:20px;	
	top:133px;	
	background-position:0px 0px;
	background-repeat:no-repeat;left:806px; background-image:url(http://www.esma.fr/images/logo-fb.jpg); }
a#picto-facebook:hover{background-position:0px -20px;}

a#picto-print{ left:883px; background-image:url(http://www.esma.fr/images/picto-print.jpg); }
a#picto-print:hover{ background-position:0px -15px; }

a#picto-mail{ left:911px; background-image:url(http://www.esma.fr/images/picto-mail.jpg); }
a#picto-mail:hover{ background-position:0px -15px; }


#left-nav{
	float:left;
	width:288px;
}

/***** LEFT MENU START ****************************/

#list1b{
	position:relative;
}

.basic {
	width: 288px;
	border: none;
	margin-left:0px;
	float:left;
}

.basic div {
	background-color: #D9E2EB;
}

#list1b h2 {
	width:180px;
	margin-left:45px;
	cursor:pointer;
	padding:5px;
	font-weight: normal;
	font-size: 16px;
	color: #0F1F6C;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999;	

}


#list1b div ul{
	list-style-type:none;
	width:190px;
	margin-left:45px;
	border-bottom: 1px solid #999;

}

#list1b div ul li{
	list-style-type:none;
	width:190px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#list1b div ul li a{
	width:160px;
	cursor:pointer;
	display:block;
	padding:2px 0px 2px 30px;
	margin:0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color:#10206B;
	background-color:  #D9E2EB;
	border-top: none;
	border-bottom: none;	
	background-image: none;
}

#list1b div ul li a:hover{
	text-decoration: none;
	background-color:#A6BBD0;
	color:#FFFFFF;
}

#list1b div ul a.l-menu-active{
	font-weight:bold;
	font-size:14px;
	background-image:url(http://www.esma.fr/images/menu-logo-blue.gif);
	background-repeat:no-repeat;
	background-position:8px 2px;
}

#list1b div ul a.l-menu-active:hover{
	font-weight:bold;
	font-size:14px;
	background-image:none;
}


@media print {
	.basic-menu-div{
		display: block!important;
		height: auto!important
	}
}

/***** LEFT MENU END *****************************************************/


#ticker-div{
	height:18px;
	margin-bottom:12px;
	/*border-top:solid 1px #CBCBCB;*/
	}
	
#flash-info{
	background-color:#F59703;color:#FFFFFF;height:18px;padding:0px 4px 0px 4px;
}

.ticker-link a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:16px;
	text-decoration:none;
	padding-left:6px;
}
.ticker-link a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:16px;
	text-decoration:underline;
}


#espaces{
	width:195px;
	height:176px;	
	margin-left:52px;
	margin-top:40px;
	background-color: #FFFFFF;
}

#menu-esp-title{
	position:absolute;
	top:10px;
	left:32px;
	font-size:20px;
	color:#FFFFFF;
}


a#espace-student{
	display:block;
	width:195px;
	height:49px;	
	background-position:0px 0px;	
	margin:0px;
	border:none;
	padding:0px;	
}
a#espace-student:hover{
	background-position:0px -49px;		
}

a#espace-press{
	display:block;
	width:195px;
	height:47px;
	background-position:0px 0px;		
}
a#espace-press:hover{
	background-position:0px -47px;		
}

a.esp-st-en{
	background-image:url(http://www.esma.fr/images/espace-student-but-en.jpg);
	background-repeat:no-repeat;
}

a.esp-pr-en{
	background-image:url(http://www.esma.fr/images/espace-press-but-en.jpg);
	background-repeat:no-repeat;
}

a.esp-st-cn{
	background-image:url(http://www.esma.fr/images/espace-student-but-cn.jpg);
	background-repeat:no-repeat;
}

a.esp-pr-cn{
	background-image:url(http://www.esma.fr/images/espace-press-but-cn.jpg);
	background-repeat:no-repeat;
}

a.esp-st-fr{
	background-image:url(http://www.esma.fr/images/espace-student-but-fr.jpg);
	background-repeat:no-repeat;
}

a.esp-pr-fr{
	background-image:url(http://www.esma.fr/images/espace-press-but-fr.jpg);
	background-repeat:no-repeat;
}


a#download-tarif{
	display:block;
	width:195px;
	height:49px;	
	background-position:0px 0px;	
	margin:0px 0px 0px 46px;
	border:none;
	padding:0px;	
}
a#download-tarif:hover{
	background-position:0px -49px;		
}

a.tels-tarifs-fr{
	background-image:url(http://www.esma.fr/images/tels-tarifs-but-bg-fr.jpg);
	background-repeat:no-repeat;
}

a.tels-tarifs-cn{
	background-image:url(http://www.esma.fr/images/tels-tarifs-but-bg-cn.jpg);
	background-repeat:no-repeat;
}

a.tels-tarifs-en{
	background-image:url(http://www.esma.fr/images/tels-tarifs-but-bg-en.jpg);
	background-repeat:no-repeat;
}



a#bouton-elearning{
	display:block;
	width:195px;
	height:49px;	
	background-position:0px 0px;	
	margin:0px 0px 12px 46px;
	border:none;
	padding:0px;	
}
a#bouton-elearning:hover{
	background-position:0px -49px;		
}

a.but-elearn-fr{
	background-image:url(http://www.esma.fr/images/bouton-elearning.jpg);
	background-repeat:no-repeat;
}

a.but-elearn-en{
	background-image:url(http://www.esma.fr/images/bouton-elearning.jpg);
	background-repeat:no-repeat;
}

a.but-elearn-cn{
	background-image:url(http://www.esma.fr/images/bouton-elearning.jpg);
	background-repeat:no-repeat;
}





#right-main{
	float:left;
	width:618px;	
}

#centre-menu{
	width:618px;
	height:194px;
}


/*
#centre-menu-left{
	width:373px;
	height:194px;
	float:left;
}*/
#flashcontent{
	width:373px;
	height:194px;
	float:left;
}



#centre-menu-right{
	width:245px;
	height:194px;
	float:left;
	background-image:url(http://www.esma.fr/images/centre-right.jpg);
	background-repeat:no-repeat;
}


/***** CENTRE MENU START ****************************/

#list1c{
	position:relative;
}



.basic2 {
	width: 192px;
	border: none;
	margin-left:20px;
	margin-top:10px;
	float:left;
}

.basic2 div {
	/* background-color: #D9E2EB; */
}

#list1c h2 {
	width:192px;
	cursor:pointer;
	padding:0px;
	font-weight: bold;
	font-size: 12px;
	color: #0F1F6C;
	/*background-color: #FFFFFF;*/
	border-bottom: 1px solid #6C7184;	
}


#list1c div ul{
	list-style-type:none;
	width:162px;
	margin-left:0px;
	border-bottom: 1px solid #6C7184;

}

#list1c div ul li{
	list-style-type:none;
	width:192px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#list1c div ul li a{
	width:162px;
	cursor:pointer;
	display:block;
	padding:0px 0px 0px 30px;
	margin:0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color:#10206B;
	/* background-color:  #D9E2EB; */
	border-top: none;
	border-bottom: none;	
	background-image: none;
}

#list1c div ul li a:hover{
	text-decoration: none;
	background-color:#D9DADC;
	color:#10206B;
}


@media print {
	.basic-menu-div{
		display: block!important;
		height: auto!important
	}
}

/***** CENTRE MENU END *****************************************************/


.une-img-left{
	width:98px;
	display:block;
	float:right;
	margin:0px 16px 8px 0px;
}

.une-img-right{
	width:98px;
	display:block;
	float:right;
	margin:0px 0px 8px 16px;
}

.img-left{
	float:left;
	margin: 0px 20px 20px 0px;
}

.img-right{
	float:right;
	margin: 0px 0px 20px 20px;
}

.aligner-img-gauche{
	float:left;
	margin: 0px 20px 20px 0px;
}

.aligner-img-droite{
	float:right;
	margin: 0px 0px 20px 20px;
}

.content-line-gif{
	height:1px;
	width:100%;
}


.content-text{
	width:584px;
	background-image:url(http://www.esma.fr/images/content-line-left.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
	font-size:12px;
	font-weight:normal;
	color:#565656;
	padding:16px 0px 0px 32px;
}

.content-text table{
	width:100%;
	border-collapse:collapse;
}

.content-text tr{
	border-bottom:1px #CCCCCC dotted;
}

.content-text th, .content-text td{
	padding:2px 4px 2px 4px;
	
}

.content-text th{
	text-align:center;
	vertical-align:bottom;
}

.content-text td{
	text-align:left;
	vertical-align:top;
}

.center{
	text-align:center;
}


#content-text-left{
	display:inline;
	width:410px;
	float:left;
	text-align:justify;
	background-color:none;
}
#content-text-right{
	display:inline;
	width:142px;
	float:left;
	margin-left:26px;
}


.content-text h2{font-size:22px;font-weight:bold;color:#022C82;text-align:left;}
.content-text h3{font-size:14px;font-weight:bold;font-style:italic;color:#022C82;margin-top:16px;text-align:left;}
.content-text h4{font-size:14px;font-weight:bold;color:#565656;text-align:left;margin:18px 0px 12px 0px;}
.content-text p {padding-right:0px;}


/*
.content-img-right{
	float:right;
	margin:0px 0px 32px 32px;
}
*/


.content-text ul{margin-left:20px;}

.dotty-line{
	height:1px;
	border-bottom:#999999 1px dotted;
	margin-bottom:16px;
}

/******* ACTUALITES ***************************************************************/

.index-main-actu-title{font-size:18px;color:#022c82;font-weight:bold;}
.index-main-actu-p img{width:280px;!important}
.index-main-actu-link{text-align:right;}

.actus-img-left{
	display:block;
	float:right;
	margin:0px 16px 8px 0px;
}

.actus-img-center{
	display:block;
	margin:0px 0px 8px 0px;
}

.actus-img-right{
	display:block;
	float:right;
	margin:0px 0px 8px 16px;
}

/******* PHOTOTHEQUE ***************************************************************/
.pic_row{
	width:410px;
	margin-bottom:12px;
}

.pic_div{
	width:130px;
	margin-right:10px;
	float:left;
	font-size:10px;
	color:#333333;
}

.pic_div img{
	border:solid 1px #999999;
}

.last{
	margin-right:0px;
}


#pixS {   
    padding: 0;  
    margin:  0;  
} 
 
#pixS img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  360px; 
    top:  0; 
    left: 0 
} 


/****************** PARTENAIRES ******************************************************/

.client-div{
	width:380px;
	margin:12px 0px 10px 0px;
}

.client-img-div{
	float:left;
	width:140px;
	margin:0px 30px 0px 0px;
}

.client-img-div img{
	border:#999999 1px solid;
}


#right-col-1{
	display:inline;
	float:left;
	width:320px;
}

#newspanel-outer{
	width:320px;
	background-image:url(http://www.esma.fr/images/newspanel-outer-bg.jpg);
	background-repeat:repeat-y;
}

#newspanel-inner{
	width:280px;
	padding:8px 32px 16px 16px;
	background-image:url(http://www.esma.fr/images/newspanel-inner-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#666666;
}

#right-col-1-lower{
	width:284px;
	padding:8px 28px 16px 16px;
	background-image:url(http://www.esma.fr/images/right-col-1-lower-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#right-col-2{
	display:inline;
	float:left;
	width:280px;
	margin-left:10px;
	padding:8px 0px 0px 0px;
}


/********* ORGANIGRAMME ****************************************************/

.org-left {width:190px;float:left;text-align:center;}
.org-right {width:190px;float:left;margin-left:30px;text-align:center;padding-top:90px}

.diag-org{width:190px;}

.organi-img{float:left;margin:0px 20px 6px 20px;}
.organi-name{font-size:16px; color:#78797B;}
.organi-job{}




/******** COMMUNIQUES PRESSE *********************************************/

.presse-date{
	font-size:10px;
	color:#666666;
}
.presse-title{
	font-size:12px;
	font-weight:bold;
	color:#022C82
}
.presse-desc{
	font-size:12px;
	color:#666666;
}

/********* mail form  ****************************************************/

#mailholder{
margin-left:0px;
margin-top: 0px;
}

label{
float: left;
width: 150px;
font-weight: bold;
font-size:12px;
text-align:left;
}

input, textarea, select{
width: 180px;
margin-bottom: 5px;
border:#999999 solid 1px;
}

.radio{
width:20px;
}

textarea{
width: 250px;
height: 120px;
border:#999999 solid 1px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 100px;
margin-top: 5px;
width: 90px;
border:#7C7D7F solid 1px;
background-color:#D1D4D5;
color:#FFFFFF;
}


/* end mail form styles */





#plan-strip{
	position:relative;
	width:960px;
	height:27px;
	background-image:url(http://www.esma.fr/images/MAIN_PAGE_LAYOUT-plan-strip.jpg);
	background-repeat:repeat-x;
	display:block;
}


a.bot-picto{
	position:absolute;
	width:18px;
	height:11px;	
	top:8px;	
	background-position:0px 0px;
	background-repeat:no-repeat;	
}

a#bot-picto-flag-fr{ left:842px; background-image:url(http://www.esma.fr/images/bot-flag-picto-fr.jpg); }
a#bot-picto-flag-fr:hover{ background-position:0px -11px;}

a#bot-picto-flag-uk{ left:865px; background-image:url(http://www.esma.fr/images/bot-flag-picto-uk.jpg); }
a#bot-picto-flag-uk:hover{ background-position:0px -11px; }

a#bot-picto-flag-cn{ left:889px; background-image:url(http://www.esma.fr/images/bot-flag-picto-cn.jpg); }
a#bot-picto-flag-cn:hover{ background-position:0px -11px; }










#plan-site{
	width:960px;
	background-color:#EDEDED;
	display:block;
}


.plan-box{ 
	float:left;
	border-left:1px #D1D4D5 solid;
	width:123px;
	padding-left:2px;
	margin:15px 0px 0px 9px;
	display:block;
	}

.plan-box-title{
	width:113px;
	background-color:#D1D4D5;
	color:#707172;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	}

.plan-list{ 
	list-style-type:none;
	margin:12px 0px 0px 10px;
	}

.plan-list a{text-decoration:none;color:#707172;}
.plan-list a:hover{text-decoration:underline;color:#707172;}


#footer{
	font-size:10px;
	text-align:center;
}
#footer a{text-decoration:none;color:#707172;}
#footer a:hover{text-decoration:underline;color:#707172;}


.imgdiv img{
	width:auto;
	height:auto;
}