@import url('perf.css');

html { height: 100% }

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#global {
	width: 951px;
	height: 100%;
	margin: auto;
	position: relative;
	padding-top: 17px;
}

a, a:hover, a:visited {
	text-decoration: none;
	color: #000000;	
}
.red{
   color:#f64a15;
}
.blue{
    color:#1c3961;
}
.gry{
    color:#4f6682;
}
h3{
    font-weight:normal;
}

h4 {
	font-family: Arial;
	font-size: 12px;
	color: #F64A15;
	font-weight: normal;
	margin: 0;
}

/* HEADER */

#header {
	width: 100%;
	height: 85px;
	position: relative;
}

#header #topRight {
	height: 17px;
	position: absolute;
	top: -17px;
	right: 0px;
	font-family: Myriad Pro;
	font-size: 14px;
	color: #2f4a6f;
}

#header #topRight a {
	font-family: Myriad Pro;
	font-size: 14px;
	color: #2f4a6f;
}

#header #topRight .separator { 
	font-size: 11px;
	vertical-align: 2px; 
	font-weight: bold;
	margin: 0 5px;
}

#header #headerContent {
	width: 100%;
	height: 81px;
	background-image: url('../images/headerBackground.jpg');
	background-repeat: no-repeat;
}

#header #headerContent #headerMenu {
	position: absolute;
	bottom: -5px;
	right: 0px;
}

#header #headerContent #headerMenu li {
	display: inline; 
	margin-left: 40px;	
	font-variant: small-caps;
	
}

#header #headerContent #headerMenu li a {
	font-family: Arial;
	font-size: 16px;
	color: #2f4a6f;
	font-weight: bold;
}

#header #headerContent #headerMenu li a:hover { color: #f64a15; }
#header #headerContent #headerMenu li a.select { color: #f64a15; }

/* TEASER */

#teaser {
	margin: 0 0 15px 0;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

#teaser #teaser_left {
	float: left;
	overflow: hidden;
	width: 677px;
	height: 100%;
	margin: 0;
}

#teaser #teaser_right {
      /*  background-image:url('/images/teaser_back.jpg'); */
        background-repeat:no-repeat;
	float: left;
	overflow: hidden;
	width: 274px;
	height: 100%;
	margin: 0;
}
#teaser #gallery_text{
    font-family: Myriad Pro, Arial;
    font-size:13px;
    height:6px;
    margin-left:10px;
}

/* CONTENT */

#page {
	width: 100%;
	overflow: hidden;	
}

#left {
	width: 143px;
	float: left;
	overflow: hidden;
	padding-left: 2px;
}

#center {
	width: 609px;
	float: left;
	overflow: hidden;
	margin-left: 24px;
}

#right {
	width: 155px;
	float: left;
	overflow: hidden;
	margin-left: 18px;
}

/* LEFT */

#left h3 {
	font-family: Myriad Pro, Arial;
	font-weight: normal;
	font-size: 14px;
	color: #1c3961;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px #697492 dotted;
}

#left #society ul {
	list-style-image: none;
	margin: 2px 0 0 0;
	padding: 0;
}

#left #society li { padding-left: 5px; }

#left #society a {
	font-family: Arial;
	font-size: 11px;
	color: #637894;
}

#left #society li img {
	margin-right: 3px;
	vertical-align: 1px;
}

#left #society ul .select { background-color: #eef1f6; }
#left #news { margin-top: 15px; }
#left #news h3 .h3blue { color: #1c3961; }
#left #news h3 .h3red { color: #f64a15; }
#left #news .newsListe { margin-top: 10px; }
#left #news .newsListe .newsItem { 
	margin-bottom: 10px; 
	font-family: Arial;
	font-size: 11px;
}

#left #news .newsListe .newsItem .newsDate { color: #2a456a; }
#left #news .newsListe .newsItem .newsTitle { color: #f83b01; }
#left #news .newsListe .newsItem .newsContent { color: #4F6682; }

/* CENTER */

#center #presentation h3 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	color: #f64a15;
	padding-bottom: 5px;
	border-bottom: 1px #697492 dotted;
	font-weight: normal;
	margin-top: 0;
}

#center #presentation p {
	font-family: Arial;
	font-size: 11px;
	color: #4F6682;
	padding: 0 0 0 5px;
}

#center #perf_edit {
	width: 610px;
	overflow: hidden;
	margin-top: 20px;
}

#center #perf_edit h3, #center #es_atouts_top h3 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	color: #2f4a6f;
	font-weight: normal;
	background-color: #EEF1F6;
	margin: 0;
	width: 99.4%;
}

#center #perf_edit h3 .esLogo, #center #es_atouts_top h3 .esLogo { margin-left: 7px; vertical-align: -1px; }
#center #perf_edit h3 .puce { vertical-align: 2px; }

#center #perf_edit #es_perf, #center #perf_edit #es_edit {
	width: 285px;
	float: left;
	overflow: hidden;
	font-family: Arial;
	font-size: 11px;
	color: #4F6682;
	margin: 5px 0 15px 5px;
}

#center #perf_edit #es_edit { margin-left: 35px; }

#center #perf_edit #es_perf #es_perf_content, #center #perf_edit #es_edit #es_edit_content { 
	border: 1px solid #c7d3dc; 
	padding: 15px 5px 5px 8px;
	min-height: 235px;
	height: auto !important;
 	height:220px;
	width: 94%;
}

#center #perf_edit .intro {	color: #f83b01; }
#center #perf_edit #es_perf ul {
	list-style-image: url('../images/esPerfPuce.jpg');
	padding-left: 25px;
	margin-left: 0px;
}

#center #perf_edit #es_perf li span { vertical-align: 2px; }
#center #perf_edit #es_perf li { 
	color: #788aa2; 
	margin-bottom: 5px;	
}

#center #perf_edit #es_perf li .liTitle { color: #2f4a6f; font-weight: bold; }
#center #perf_edit #es_edit { color: #16335e; }
#center #perf_edit #es_edit .greyText { color: #74869f; margin: 5px 0; }

#center #perf_edit .knowMore {
	width: 86px;
	height: 15px;
	background-image: url('../images/knowMore.jpg');
	padding-left: 5px;
	margin: 10px 0 0 0; 
}

#center #perf_edit .knowMore a {
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}

#center #es_atouts {
	clear: both;
	width: 96.5%;
	border: 1px solid #c7d3dc; 
	margin: 0 0 10px 5px;
	padding: 15px 5px 20px 8px;
	font-family: Arial;
	font-size: 11px;
}
#center #es_atouts_top {
      color:#2F4A6F;
      font-family:Myriad Pro,Arial;
      font-size:14px;
      font-weight:normal;
      padding-left:5px;
     	margin-top: 15px;
}
#center #es_atouts .intro { color: #f83b01; margin-bottom: 10px; }
#center #es_atouts .intro img { 
	vertical-align: -5px; 
	margin-right: 3px;	
}

#center #es_atouts li { 
	color: #2f4a6f; 
	margin-bottom: 5px;	
}

#center #es_atouts li span { vertical-align: 2px; }
#center #es_atouts ul {
	list-style-image: url('../images/esPerfPuce.jpg');
	padding-left: 25px;
	margin-left: 0px;
}

#center #es_expertise {
	width: 96.5%;
	border: 1px solid #c7d3dc; 
	margin: 5px 0 10px 5px;
	padding: 15px 5px 20px 8px;
	font-family: Arial;
	font-size: 11px;
}

#center #es_expertise .intro { color: #f83b01; margin-bottom: 10px; }
#center #es_expertise .content { color: #788aa2; }
#center #es_expertise .content strong { color: #2f4a6f; }

#center #esLink {
	width: 96.5%;
	margin: 0px 0 10px 5px;
	padding: 15px 5px 20px 8px;
}

#center #esLink h3 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	font-weight: normal;
	display: inline;
	margin-right: 15px;
}

#center #esLink .h3red { color: #f83b01; }
#center #esLink .h3blue { color: #2f4a6f; }

/* RIGHT */

#right #contactUs { overflow: hidden; }

#right h3 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px #697492 dotted;
}

#right .h3red { color: #f83b01; }
#right .h3blue { color: #2f4a6f; }

#right #contactUs ul {
	list-style-image: url('../images/headerMenuPuce.jpg');
	padding-left: 15px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #2f4a6f;
}

#right #contactsUs li .value { color: #637894; }

#right #contactUs #contact_us_box {
	width: 112px;
	height: 11px;
	border: 1px solid #d9e1ea;
	font-family: Arial;
	font-size: 10px;
	color: #637894;
	padding: 2px 5px;
        margin-top:3px;
	float: left;
	overflow: hidden;
}

#right #contactUs .validButton {
	width: 18px;
	height: 16px;
	background-image: url('../images/validButton.jpg');
	float: left;
	overflow: hidden;
	margin: 3px 0 0 5px;
}

#right #contactUs .validButton a {
	font-family: Arial;
	font-size: 10px;
	color: #74869f;
	vertical-align: 4px;
	margin-left: 3px;
}

#right #confiance { margin-top: 15px; clear: both; }
#right #confiance h3 {
	padding-bottom: 5px;
	border-bottom: 1px #697492 dotted;
}

/* FOOTER */

#footer {
	width: 100%;
	padding-top: 5px;
	border-top: 1px solid #ff6a39;
	font-family: Arial;
	font-size: 11px;
	color: #2a456a;
	text-align: center;
	margin-bottom: 15px;
}

#footer a { color: #2a456a; }
#footer #footer_top .separator {
	vertical-align: 1px;
	margin: 0 10px;	
}

#footer #footer_bottom .separator { margin: 0 10px; }
#footer #footer_top { padding-top: 5px; }
#footer #footer_bottom { margin-top: 5px; }

#footer #footer_bottom_content {
	padding-top: 5px;
	border-top: 1px #b7bbc0 dotted;
	width: 90%;
	margin: auto;
}

/* Blackbox */

#blackBox {
	position: fixed !important;
	position: absolute;
	top: 0px; 
	left: 0px;	
	z-index: 50; 
	height: 100%; 
	width: 100%;
}

#blackBox_background {
	background-color: #000000; 
	opacity: 0.8; 
	filter : alpha(opacity=80)
	z-index: 60; 
	height: 100%; 
	width: 100%; 
	position: absolute;
	top: 0;
	left: 0;
}

/* FIGURE PAGE */

#presentation .presentBloc {
	width: 300px;
	float: left;
	overflow: hidden;
}

#presentation .presentBloc .blocLogo {
	float: left;
	overflow: hidden;
}

#presentation .presentBloc p {
	float: left;
	overflow: hidden;
	width: 250px;
	margin: 0 0 0 10px;
}

#figure #perf_edit #es_perf .es_perf_item {
    overflow: hidden;
    padding-bottom:17px;
}

#figure #perf_edit #es_perf .es_perf_logo {
	float: left;
	overflow: hidden;
        color:#f64a15;
}

#figure #perf_edit #es_perf p {
	overflow: hidden;
	width: 215px;
	margin-top: 5px;
}

#figure #perf_edit .title {
	font-size: 12px;
	color: #f83b01;	
}

#figure #perf_edit #es_edit h5 {
	font-size: 12px;
	color: #f83b01;
	margin: 0;
}

#figure #perf_edit #es_edit ul {
	list-style-image: url('../images/headerMenuPuce.jpg');
	padding-left: 20px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #788aa2;
}

/* Modifs joel */
.fig_logo{
    float:left;
    width:30px;
}
.fig_text{
    float:left;
    width:220px;
}
#center #es_team_content_left{
 width: 400px;
 border-top: 1px solid #c7d3dc;
 border-bottom: 1px solid #c7d3dc;
 border-left: 1px solid #c7d3dc;
 margin: 5px 0 10px 0;
 padding: 15px 5px 20px 8px;
 font-family: Arial;
 font-size: 11px;
 float:left;
 overflow:hidden;
 color:#4F6682;
 height: 240px;
}
#center #es_team_content_left .clear { clear: both; }
#center #es_team_content_right{
 width: 173px;
 border: 1px solid #c7d3dc;
 margin: 5px 0 10px 0;
 padding: 15px 5px 20px 8px;
 font-family: Arial;
 font-size: 11px;
 float:left;
 height:240px;
}
#center #es_team_content_left .name ,#center #es_team_content_right .name{
        color:#1c3961;
        font-weight: bold;
}
#center #es_team_content_left .title ,#center #es_team_content_right .title{
        color:#F64A15;
}
#center #es_team_content_left ul, #center #es_team_content_right ul {
 list-style-image: url('../images/societyPuce_select.jpg');
 padding-left: 25px;
 margin-left: 0px;
}
#center #es_team_content_left ul li, #center #es_team_content_right ul li{
    padding-bottom:6px;
    padding-top:5px;
}
#esPerformance #pef_pres_top{
   padding-left:6px;
   padding-right:4px;
}
#esPerformance .pres_border{
    background-color:#EEF1F6;
    padding: 5px;
}

#esPerformance #right #rightLeft #perf_promouvoir ul{
    list-style-image:url(../images/perf_square_blue.jpg);
    margin: -5px 0 5px 0;
    padding-left:30px;
}

#esPerformance #right #rightLeft #perf_promouvoir_pce ul {
list-style-image:url(../images/esPerfPuce_little.jpg);
margin-left:0;
padding-left:30px;
margin-top: 0;
}
#esPerformance #right #rightLeft #perf_promouvoir h3 {
border-bottom:medium none;
color:#2F4A6F;
font-family:Myriad Pro,Arial;
font-size:12px;
font-weight: bold;
}
#esPerformance #right #rightLeft #perf_promouvoir li {
color:#2F4A6F;
font-family:Arial;
font-size:11px;
margin-bottom:0px;
}
#esPerformance #right #rightLeft #perf_promouvoir_pce h3 {
    background-image:url(../images/etp_back.jpg);
    background-repeat:repeat-x;
    border-bottom:medium none;
    color:#1C3961;
    font-family:Myriad Pro,Arial;
    font-size:14px;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #C1CED9;
}
#esPerformance #right #rightLeft #perf_rentabiliser ul{
    list-style-image:url(../images/perf_square_blue.jpg);
    margin-top:0;
    margin-left:0;
    padding-left:30px;
}
#esPerformance #right #rightLeft #perf_rentabiliser li {
	font-family: Arial;
	font-size: 11px;
	color: #2f4a6f;
	margin-bottom: 1px;
}
#esPerformance #right #rightLeft #solution{
    background-color:#F7F8FA;
    border:1px solid #4F6682;
    color:#4F6682;
    text-align:center;
    padding-top:12px;
    width:250px;
    height:45px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
}
#references{
    background-image: url(../images/references.jpg);
    background-repeat:no-repeat;
    border-bottom:1px dotted;
    height:21px;
        width:951px;
}
.ref_name_img{
          background-image: url(../images/references/references_3.jpg);
          text-align:center;
        width:171px;
}
#center table{
        border-collapse: separate;
        border-spacing:0 20px;
        width:1030px;
}

/* REFERENCES */

#referencesPage #center { width: 	951px; }
#referencesPage .ref_name_img {
	font-family: Arial;
	font-size: 11px;
	color: #2f4a6f;	
}

#referencesPage #center h3 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	color: #f64a15;
	padding-bottom: 5px;
	border-bottom: 1px #697492 dotted;
	font-weight: normal;
	margin-top: 0;
}

/* ES EDITION PAGE */

#esEdit_page #left { width: 750px; overflow: hidden; }
#esEdit_page #left h3 { color: #f83b01; }
#esEdit_page #left #presentation {
	margin: 5px 0 0 5px;
	font-family: Arial;
	font-size: 11px;
	color: #2f4a6f;	
}

#esEdit_page #left ul {
	list-style-image: url('../images/headerMenuPuce.jpg');
	padding-left: 25px;
	margin-left: 5px;
	font-family: Arial;
	font-size: 12px;
	color: #2f4a6f;
}

#esEdit_page #left li { margin-bottom: 5px; }

#esEdit_page #left li a {
	font-family: Arial;
	font-size: 12px;
	color: #2f4a6f;
	vertical-align: -1px;
}

#esEdit_page #left .select { 	list-style-image: url('../images/headerMenuPuce_select.jpg'); }
#esEdit_page #left .select a { color: #f83b01; }

#esEdit_page #left #edition_left {
	float: left;
	overflow: hidden;	
	width: 310px;
}

#esEdit_page #left #edition_right {
	float: left;
	overflow: hidden;
	width: 420px;
	margin-left: 10px;
}


#confianceContent img{
    margin-left:14px;
    margin-top:5px;
}
#esContact {
    color:#4F6682;
    font-family: Arial;
    font-size: 12px;
    margin-top: 14px;
}
#esContact ul{

    list-style-image:url(../images/perf_square_red.jpg);
    margin-left:0;
    margin-top:0;
    padding-left:30px;
    padding-top:10px;
}
#esContact li{

}
#center #esContact h3 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	color: #f64a15;
	padding-bottom: 6px;
	border-bottom: 1px #697492 dotted;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#center #esContact #separateur{
    border-bottom: 1px #697492 dotted;
    padding-top:10px;
}
#center #esContact textarea{
    width:310px;
    height:150px;
}
#esContact #contact_ok{
          background-image: url(../images/contact_ok.jpg);
          background-repeat:no-repeat;
          text-align:center;
          border:none;
          height:21px;
          width:107px;
          margin-left:250px;
          color:#FFF;
          padding-left: 15px;
          font-family: Arial;
          font-size: 12px;
}
#esContact table input{
    width:215px;
}
#esContact table select{
    width:200px;
}
#esContact .form_text_r{
    color:#F64A15;
}
#esContact .form__r {
    text-align:right;
}
#esContact .form_text_g{
    color:#4F6682;
}
#esContact .form_text_b{
    color:#1c3961;
}

#es_perf p, #es_edit p { margin: 2px 0; }

#team_member { margin-left: 5px; overflow: hidden; }
#team_member img {
	float: left;
	overflow: hidden;
	margin-top: 4px;
}

#team_member p {
	width: 200px;
	float: left;
	overflow: hidden;
	margin-top: 0;
	margin-left: 5px;
}

.presentEditions {
	font-family: Arial;
	font-size: 11px;
}

#perf_rentabiliser h3 { border-bottom: none; }
#footer img { border: none; }
#referencesPage #center { margin-left: 0; }

#legalMentions h2 {
	font-family: Myriad Pro, Arial;
	font-size: 14px;
	color: #2f4a6f;
}

#legalMentions p {
	font-family: Arial;
	font-size: 11px;
	color: #4F6682;
}

#presentation { overflow: hidden; }

.logoLink {
	width: 296px;
	height: 90px;
	display: block;
}

.presentationLinks {
	margin-top: 15px !important;
	color: #16335E;	
	width: 165px;
	padding: 5px 10px 0 10px;
	margin-left: 35px !important;
	border: 1px solid #C7D3DC;
}
.presentationLinks li a { color: #16335E; }
.presentationLinks ul { padding-left: 0px; margin-left: 15px; margin-top: 5px; list-style-image: url(../images/headerMenuPuce.jpg); }