/*
PALETTE COULEUR:
#ec6c05 : Orange CGO
#40b4ce : Teal CCA 
*/


/* Base element */
body {background: #efefef; text-align: center;}
a {color: #686868; text-decoration: underline;}
a:hover {color: #000000;}
select {vertical-align: middle;}


table.datagrid {border-collapse: collapse !important; border: 0;}
table.datagrid th {margin: 0; padding: 3px; border: 1px solid #555; background: #777; color: #fff; font-weight: normal;}
table.datagrid td {margin: 0; padding: 3px; border: 1px solid #555;}



/* Layout general du site */
div#page {text-align: left; width: 100%; min-width: 800px; max-width: 1000px; margin: auto;}

div#header {position: relative; height: 96px; background: url(../images/layout/header-bg.jpg) top right;}

div#logo {position: absolute; top: 20px;}

img.font-size {border-bottom: 2px solid #fff; cursor: pointer}
img.font-size-selected {border-bottom: 2px solid #666; cursor: pointer}

#topnav1 {position: absolute; top: 5px; right: 12px;}
#topnav2 {position: absolute; bottom: 40px; right: 12px;}

.topnav {font-family: verdana;}
.topnav li {z-index: 999; display: inline; padding: 0 5px; position: relative;}
.topnav li.sep {padding: 0;}
.topnav a {text-decoration: none;}


ul#primnav {position: absolute; left: 150px; bottom: 0px;}
ul#primnav li {float: left; text-align: center; padding: 0 2px;}
ul#primnav li a {display: block; text-align: center; line-height: 34px; height: 31px; background-repeat: no-repeat; background-position: bottom; vertical-align: text-bottom; text-transform: uppercase; font-weight: bold;}
ul#primnav li a.cgo {background-image: url('../images/layout/primnav-cgo.gif'); color: #ec6c05; width: 209px;}
ul#primnav li a.cca {background-image: url('../images/layout/primnav-cca.gif'); color: #40b4ce; width: 209px;}
ul#primnav li.active a.cgo {background-image: url('../images/layout/primnav-cgo-active.gif'); width: 267px; color: #fff; text-decoration: none; font-size: 1.5em;}
ul#primnav li.active a.cca {background-image: url('../images/layout/primnav-cca-active.gif'); width: 272px; color: #fff; text-decoration: none; font-size: 1.5em;}


div#secnav {height: 41px; position: absolute; width:1000px; }
div#secnav li {display: block; float: left; height: 29px; padding: 0 15px 12px 15px; line-height: 29px;}
div#secnav li.active {background-position: center 41px;}
div#secnav li.sep {padding: 0 0 12px 0; color: #fff;}
div#secnav a {font-family: Arial; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 0.9em;}
div#secnav a:hover {text-decoration: underline;}


#banner {height: 226px;  margin-top: 25px;}
#banner-text {
	color: #40b4ce;
	text-align: left;
	letter-spacing: -3px;
	line-height: 1.2em;
	font-size: 3.3em;
	padding-top:75px;
	padding-left:85px;
}

/* Side navigation a gauche */
#sidenav {width: 210px;}
.sidenav-item {background: #fff; padding: 6px 0; text-align: right; margin-bottom: 4px;}
.sidenav-item a {display: block; padding: 1px 25px; font-family: Arial; letter-spacing: -1px; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1.2em;}
.sidenav-item a.sub {display: block; padding: 1px 25px; font-family: Arial; letter-spacing: 0px; text-transform: none; text-decoration: none; font-weight: bold; font-size: 1.1em;}
.sidenav-item a.active {background-position: right center; background-repeat: no-repeat;}

.sidenav-item-IT {display: block; padding: 1px 25px; font-family: Arial; letter-spacing: 0px; text-transform: none; text-decoration: none; font-weight: normal; font-size: 11px;}

/* Sidebar a droite */
#sidebar-container {background: #fff; width: 160px;}
#sidebar {width: 160px; padding-bottom: 15px;}
div.sidebar-spacing {padding: 11px;}
div.sidebar-box {border-style: solid; border-width: 1px; padding: 10px;}

#sidebar ul {padding-left: 17px;} 
#sidebar li {padding: 0;}

.sidebar-header {
	letter-spacing: -1px;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
}

#sidebar li a {
	text-decoration: none;
	text-align: left;
	font-size: 1.1em;
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar li a:visited {
	text-decoration: none;


}
a.sidebar-career {
	font-family: Arial;
	text-align: left;
	text-decoration: underline;
	letter-spacing: -1px;
	line-height: 1.1em;
	font-size: 1.5em;
	font-weight: bold;
}


#defaultgrid {width: 100%;}
#defaultgrid td {vertical-align: top;}
#defaultgrid-content {background: #fff;}

#document-header {padding: 20px 35px 10px 35px;}
#document-header h2 {text-align: left; letter-spacing: -3px; line-height: 1.2em; font-size: 2.1em; min-height: 30px;}
#document-header h2 p {margin: 0; padding: 0;}

#document-header-dates {height: 47px; background-position: top left; background-repeat: no-repeat; padding: 0 15px;}
#document-header-dates li {display: block; float: left; height: 36px; padding: 0 5px 11px 5px; line-height: 36px; color: white; font-size: 12px; font-weight: bold;}
#document-header-dates li.active {background-position: center 52px; font-size: 18px;}
#document-header-dates a {color: white; text-decoration: none;}

#document-body {position: relative; padding: 10px 35px 20px 35px; text-align: left;}
#document-body p {padding: 0.5em 0 1em 0; font-size: 1.0em; line-height: 1.1em; margin: 0;}
#document-body table {border-collapse: separate;}

.defaultgrid-sep {width: 12px;}
.defaultgrid-sep img {width: 12px; height: 1px;} /* assure the spacing */


#footer {border-top: 1px solid #dddede; background: #fcfcfc; padding: 8px 0 100px 0; clear: both; text-align: center;}
#footnav {width: 960px; margin: 0 auto; text-align: left; font: 10px verdana,arial,helvetica,sans-serif;}
#footnav li {float: left; text-align: left; width: 160px;}
#footnav a {font-family: verdana; display: inline; padding: 2px 2px; text-decoration: none; line-height: 15px;}


#page-footer-title {font: 12px verdana,arial,helvetica,sans-serif; font-weight:bold;}
#footer-nav-col1 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col2 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col3 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col4 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col5 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col6 {float: left; position: relative; width: 192px; text-align: left;}

#footer-nav-col_fr1 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col_fr2 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col_fr3 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col_fr4 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col_fr5 {float: left; position: relative; width: 192px; text-align: left;}
#footer-nav-col_fr6 {float: left; position: relative; width: 192px; text-align: left;}


/* Loading Popup */
#loading {width: 240px; border: 1px solid #002776; position: fixed; bottom: 15px; left: 15px; text-align: center; background: #ffcb08; display: none; z-index: 99999;}
#loading div.label {font-weight: bold; color: #002776; padding: 8px 8px 2px 8px;}
#loading div.image {padding: 2px 8px 8px 8px;}



div.profile-popup {
	width: 500px;
	display: none;
	position:absolute !important;
	top:0px /*!important*/;
	left:-200px /*!important*/;
	margin:0 !important;
	z-index:1000;
	/*border:1px solid #777;*/
	overflow:hidden;
}

.directorProfile {/*position:relative !important;*/ z-index:1;}
.directorProfile div.profile-popup img {float:right;}

div.profile-popup iframe {
 display:none;/*sorry for IE5*/
 display/**/:block;/*sorry for IE5*/
 position:absolute;/*must have*/
 top:0;/*must have*/
 left:0;/*must have*/
 z-index:-1;/*must have*/
 filter:mask();/*must have*/
 width:3000px;/*must have for any big value*/
 height:3000px/*must have for any big value*/;
 border:2px solid #ff0000;
}




/* POPUP */
/* Round popup styling */
table.rp {empty-cells: show; border-collapse: collapse; border-spacing: 0; width: 100%; text-align: left;}
table.rp td {padding: 0; margin: 0;}
.rp-close {float: right; position: relative; top: 13px; right: 5px; width: 22px; height: 18px;}
.rp-top {height: 35px;}
.rp-top h1 {font-weight: bold; font-size: 14px; color: #fff; padding-top: 13px; padding-left: 10px;}
.rp-bottom {height: 15px;}
.rp-tr {width: 15px;}
.rp-tl {width: 15px;}


/* Round popup images */
.rp-darkblue .rp-close {background: url(../images/layout/overlay/darkblue-close.png) no-repeat;}
.rp-darkblue .rp-top {background: url(../images/layout/overlay/darkblue-top-trans.png);}
.rp-darkblue .rp-middle {background: #ffffff; padding: 9px 9px 3px 9px;}
.rp-darkblue .rp-bottom {background: url(../images/layout/overlay/darkblue-bottom-trans.png);}
.rp-darkblue .rp-left {background: url(../images/layout/overlay/darkblue-left-trans.png);}
.rp-darkblue .rp-right {background: url(../images/layout/overlay/darkblue-right-trans.png);}
.rp-darkblue .rp-tr {background: url(../images/layout/overlay/darkblue-tr-trans.png);}
.rp-darkblue .rp-tl {background: url(../images/layout/overlay/darkblue-tl-trans.png);}
.rp-darkblue .rp-br {background: url(../images/layout/overlay/darkblue-br-trans.png);}
.rp-darkblue .rp-bl {background: url(../images/layout/overlay/darkblue-bl-trans.png);}