@CHARSET "UTF-8";

body { /*background: #0a75b6 url(../images/bg.gif) repeat-x 0 0;*/
       background-attachment: fixed;
       background-image: url(../images/pub-paa.jpg);
       background-repeat: no-repeat;
       background-position: top center;
       background-color: #0a75b6;
       /*display:table;*/
       font: 75%/ 160% Verdana, Tahoma, sans-serif;
       /*width:100%;*/
       text-align: justify;
}

a{
    text-decoration: none;
    color:#3680A1;
    outline:medium none;
}

a:hover{

}

h2{
    font-size:18px;
    margin:0 0 8px;
}

h3{

}

#container{
    background-color: #FFF;
    
    -webkit-border-radius: 10px;
    -moz-border-radius : 10px;
    margin-top: 5px;
}

#main{
    /* padding: 5px;*/
}

/******** header ***********/

#header h1 {
    background: url(../images/logo-port-autonome-abidjan.jpg) no-repeat 35px
        5px;
    height: 155px;
    width: 200px;
}

#header h1 a {
    text-indent: -9999em;
    display: block;
    height: 151px;
    width: 151px;
}

#logo{
    position: relative;
}

small.slogan{
    font-size: 14px;
    color:red;
    font-weight: bold;
    position: absolute;
    z-index: 20;
    top: 160px;
    left: 10px;
}

small.certif{
    position: relative;
    display: block;
    /*border: 1px solid #ccc;*/
    height: 40px;
    line-height: 30px;
    font-size: 10px;
    color: #999;
    font-weight: bold;
    padding-left: 15px;
}

small.certif img{
    position: absolute;
    top: 0;
    left: 200px;
}


#topnav{
    margin: 10px 0;
    list-style: none;
}


#topnav li{
    float: left;
}

#banner { /*border: 1px solid #ccc;*/
          height: 240px;
          background: url(../images/bg-banner.jpg) no-repeat 5px 0px;
          margin: 0 10px;
}

#banner li {
    list-style: none;
    margin-left: 0px;
}


/**** slider header ****/


#slider1 {
	width: 660px; /* important to be same as image width */
	height: 235px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
	width: 660px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}

.slider1Image {
	float: left;
	position: relative;
	display: none;
	overflow: hidden;
	/*padding: 5px 15px;*/
}

.slider1Image span {
	position: absolute;
	font: 10px/ 15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 635px;
	background-color: #000;
	filter: alpha(opacity = 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
	text-align:center;
}

.slider1Image span h4{
	
	font-size: 26px;
	text-shadow: 1px 1px 1px #ccc;
	color: #0099ff;
	margin-bottom: 2px;
	/*border-bottom: 1px solid;*/
}

.slider1Image span hr{
	width: 500px;
	background-color:#0099ff;
	margin-bottom: 5px;
}

.slider1Image span small{
	font-size: 22px;
	font-weight: bold;
	color: #333;
	line-height:20px;
	text-shadow: 1px 1px 1px #ccc;
	display: block;
}

.clear {
	clear: both;
}

.slider1Image span strong {
	font-size: 18px;
	font-weight: lighter;
}

.left {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}

.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}

.bottom {
	bottom: 7px;
	left: 0px;
}



/********* end header *******/

/********** navigation ***********/
#navigation {

    margin: 10px 0;
    position: relative;
    z-index: 999;
}

ul.navigation {
    margin-bottom: 20px;
    padding: 7px 0 0;
    background: transparent url(../images/bg-nav.png) repeat-x 0 0;
    line-height: 100%;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    width: 100%;
    
}

ul.navigation li {
    margin: 0 10px;
    padding: 0 10px 8px;
    float: left;
    position: relative;
    list-style: none;
    z-index: 999;
}

/* main level link */
ul.navigation a {
    font-weight: bold;
    color: #e7e5e5;
    text-decoration: none;
    display: block;
    padding: 8px 10px;
    margin: 0;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    z-index: 999;
    font-size: 13px;
    
}

ul.navigation a:hover {
    background: #000;
    color: #fff;
    z-index: 999;
}

/* main level link hover */
ul.navigation .active a,ul.navigation li:hover>a {
    background: #666666 url(../images/gradient.png) repeat-x 0 -40px;
    color: #444;
    border-top: solid 1px #f8f8f8;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

/* sub levels link hover */
ul.navigation ul li:hover a,ul.navigation li:hover li a {
    background: none;
    border: none;
    color: #666666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

ul.navigation ul a:hover {
    background: #0078ff url(../images/gradient.png) repeat-x 0 -100px
        !important;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

/* dropdown */
ul.navigation li:hover>ul {
    display: block;
}

/* level 2 list */
ul.navigation ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 210px;
    position: absolute;
    top: 35px;
    left: 0;
    background: #ddd url(../images/gradient.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    /*z-index: 999;*/
}

ul.navigation ul li {
    float: none;
    margin: 0;
    padding: 0;
    /*z-index: 999;*/
}

ul.navigation ul a {
    font-weight: normal;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    text-align: left;

}

/* level 3+ list */
ul.navigation ul ul {
    left: 181px;
    top: -3px;
    /*z-index: 999;*/
}

/* rounded corners of first and last link */
ul.navigation ul li:first-child>a {
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
}

ul.navigation ul li:last-child>a {
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
}

/* clearfix */
ul.navigation:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.navigation {
    display: inline-block;
}

html[xmlns] ul.navigation {
    display: block;
}

* html ul.navigation {
    height: 1%;
}



/***** search *****/

#frmsearch {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    zoom: 1; /* ie7 hack for display:inline-block */
    display: inline;
    border: solid 1px #d2d2d2;
    padding: 3px 5px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff),
        to(#ededed) );
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
        '#ffffff', endColorstr = '#ededed' ); /* ie7 */
    -ms-filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr
        = '#ffffff', endColorstr = '#ededed' ); /* ie8 */

}

#searchfield {
    background: #fff;
    padding: 4px 3px 4px 5px;
    width: 160px;
    border: solid 1px #bcbbbb;
    outline: none;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

#searchform input {
    font: 12px/ 100% Arial, Helvetica, sans-serif;
}

#btnSubmit {
    color: #fff;
    border: solid 1px #494949;
    font-size: 11px;
    height: 27px;
	    /*width: 27px;*/
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    background: #5f5f5f;
    background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e),
        to(#454545) );
    background: -moz-linear-gradient(top, #9e9e9e, #454545);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
        '#9e9e9e', endColorstr = '#454545' ); /* ie7 */
    -ms-filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr
        = '#9e9e9e', endColorstr = '#454545' ); /* ie8 */
}

#btnSubmit:hover {
    cursor: pointer;
}

/***** end search ****/

/********** end navigation ***********/

/** main ***/

#main h2{
    border-bottom: 1px solid #D17101;
    line-height: 30px;
    max-width: 600px;
    text-align: left;
}

#main h2 a{
    color: #D17101;
    
}

#main h2.title {
    background: #e3e3e3;
    background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8);
    background: -webkit-gradient(linear, left top, left bottombottom, from(#e3e3e3),
        to(#c8c8c8) );
    padding: 10px 20px;
    margin-left: -20px;
    margin-top: 0;
    margin-bottom: 2px;
    position: relative;
    width: 90%;
    -moz-box-shadow: 1px 1px 3px #292929;
    -webkit-box-shadow: 1px 1px 3px #292929;
    box-shadow: 1px 1px 3px #292929;
    color: #454545;
    text-shadow: 0 1px 0 white;
    border: none;

}

.arrow {
    width: 0;
    height: 0;
    line-height: 0;
    border-left: 15px solid transparent;
    border-top: 10px solid #c8c8c8;
    top: 102%;
    left: 0;
    position: absolute;
}

.illustration {
    float: left;
    margin-right: 5px;
}

.read-entry{
    background: transparent url(../images/arrow-next.gif) no-repeat scroll
        right center;
    float: right;
    padding: 5px 20px;
    /*padding-right: 20px;*/
    line-height: 15px;
    height: 15px;
}

.read-entry a{
    font:italic 110%/100% Georgia,"Times New Roman",Times,serif;
    font-weight: bold;
}

.read-entry a:hover {
    text-decoration: underline;
}

#featured{
    margin-left: 30px;
}

#featured h2{
    height: 30px;
    line-height: 30px;
    background: transparent url(../images/bg-featured.gif) repeat-x 0 0;
    border: 1px solid #99defd;
    font-size: 20px;
    z-index: 100;
    margin: 0 auto;
    padding-left: 10px;
    color: #cc0000;
    

}

.featured-visites {
    position: relative;
    margin: 0 auto 10px;
}

.featured-visites span {
    background-color:#000000;
    
    display:block;
    font:17px/18px Arial,Helvetica,sans-serif;
    opacity:0.7;
    padding:5px 13px;
    position:absolute;
    width:205px;
    bottom: 5px;
    text-align: center;
}

.featured-visites span a{
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px 2px #ccc;
}

.featured-visites span a:hover{
	color: #ccc;
}

#featured li{
    height: 100px;
    overflow: hidden;
    margin: 0px;
    
}

#featured li h4 {
    font-size:1.1em;
    margin:0.5em 0;
    text-align: left;
    border-bottom: 1px solid #999;
}

#featured p{
    margin-bottom: 0.7em;
    
}

.numutiles{
    border: 1px solid #99DEFD;
    padding: 10px;
}


/****** slideshow news ******/
.slideshow-container {
    position: relative;
    /*margin: auto;*/
    padding: 0;
    width: 650px; /* equal .slideshow */
    height: 410px; /* 400px (equal to .slideshow) */
    background-color: #ececec;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border: 8px solid #FFFFFF;
}

.slideshow {
    height: 410px;
    margin: 0 auto;
    overflow: hidden;
    width: 650px;
}

.slideshow * {
    margin: 0;
    padding: 0;
}

.slideshow img {
    width: 620px;
    padding: 5px 0px;
    margin: 0px 10px;
}

.slideshow p {
    margin: 5px 0px 0px 0px;
    padding: 0px 20px 0px 10px;
}

.slideshow-news {
    /*border-bottom: 3px ridge #ffcc33;*/
    height: 380px;
}

.title-info {
    font-size: 16px;
    float: left;
    font-family: "kulturista-web-1","kulturista-web-2",Sans-Serif;
    margin-top: 10px;
    margin-left: 10px;
}

#nav a {
    /*border: 1px solid #99ccff;*/
    /*background: #0084cb url(../images/bg-nav-slideshow.png) repeat-x 0 0;*/
    background-color: #ececec;
    text-decoration: none;
    margin: 0;
    padding: 5px 10px;
    color: #999999;
    font-weight: bold;
}

#nav a.activeSlide {
    /*background: #ea0 url(../images/bg-nav-active-slideshow.png) repeat-x 0 0;*/
    background-color: #ffffff;
    /*border: 1px solid #ffcc66;*/
}

#nav a:focus {
    outline: none;
}

#nav {
    width: 320px; /* to match width of .slideshow p */
    margin: auto;
    position: relative;
    /*left: 60px;*/
    bottom: 15px;
    text-align: center;
    /* would normally be zero, but adding in 5px from #nav a + additional 5px for "padding" */
    z-index: 5;
}

.title2{
    text-align: center;
}

/******** sidebar *********/
#sidebar h3 {
    height: 25px;
    line-height: 25px;
    background-color: #ccc;
    font-size: 16px;
    z-index: 100;
    padding-left: 20px;
    margin: 0;
    padding-left: 10px;
    color: #333333;
}

#flash h3{
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #990000;
	height: 20px;
	font-size: 18px;
}

.sponsor{
    width:100px;
    height:100px;
    float:left;
    margin:4px;

    /* Giving the sponsor div a relative positioning: */
    position:relative;
    cursor:pointer;
}

.sponsorFlip{
    /*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:1px solid #ddd;
    background:url("../images/background.jpg") no-repeat center center #f9f9f9;

}

.sponsorFlip:hover{
    border:1px solid #999;

    /* CSS3 inset shadow: */
    -moz-box-shadow:0 0 30px #999 inset;
    -webkit-box-shadow:0 0 30px #999 inset;
    box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
    /* Centering the logo image in the middle of the sponsorFlip div */

    position:absolute;
    top:50%;
    left:50%;
    margin:-40px 0 0 -40px;
}

.sponsorData{
    /* Hiding the .sponsorData div */
    display:none;
}

.sponsorDescription{
    font-size:11px;
    padding:10px 5px 10px 5px;
    font-style:italic;
    line-height:12px;
    text-align: left;
}

.sponsorURL{
    font-size:11px;
    font-style:italic;
    line-height:12px;
    text-align: left;
}

.sponsorURL a{
    display:block;
    width: 80%;
    padding:0 10px;
    text-align: left;
}


/****** actualités *******/

.post-box {
    background:none repeat scroll 0 0 #ccc;
    border:7px solid #999;
    float:left;
    margin:15px 21px 15px 0;
    min-height:350px;
    padding:15px 15px 5px;
    position:relative;
    width:250px;
}

.box2{
	min-height: 150px;
}

.box2 p{
	font-size: 16px;
}

.boxshadow {
    -moz-box-shadow:0 0 4px #999999;
    -webkit-box-shadow: #555 0px 0px 8px;
}

.post-box h3{
    font-size: 14px;
    border-bottom: 1px solid #999999;
    text-align: left;
}

.galerie{
    min-height: 200px;
    text-align: center;
}

.galerie img{
    width: 162px;
    margin: 0 auto;
    display: block;
}

#paginationControl {
    color: #000000;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    padding: 30px;
    width: 692px;
    text-align:center;
}

#paginationControl a,#paginationControl span.current,#paginationControl span.disabled
{
    background-color: #E6E6E6;
    text-decoration: none;
    border: 1px solid #B3B3B3;
    color: #000000 !important;
    margin-right: 4px;
    padding: 5px 9px 4px;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #FFFFFF;
}

#paginationControl span.current,#paginationControl span.disabled,#paginationControl a:hover {
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 #333333;
    background-color: #0a75b6;
}



.form{
    width : 50%;
    border: 1px solid #0076a3;
    margin: 0 auto;
   
    /*padding: 10px 20px;*/
}

.form h3{
    padding: 10px 5px;
    color: #d9eef7;
    border-bottom: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

ul.demande{
    list-style: none;
    width: 250px;
    margin-left: 80px;
}

ul.demande li{
    border-bottom: 1px solid #ccc;
}

#userfrm label{
    width: 40%;
    float: left;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
}

#userfrm dt{
    margin: 10px 0;
}

#userfrm input{
    width: 230px;
    height: 20px;
}

#userfrm input[type=submit]{
    width: 100px;
    height: 30px;
    display: block;
    margin: 20px auto;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}




/****** organigramme *******/

#organigramme{
    text-align: center;
    width: 900px;
    margin: 5px auto;
    padding: 20px 0;
    position: relative;
    height: 900px;
}

.item {
    display: block;
    height:auto;
}

.item span{
    text-align: left;
}

.item span strong{
    color: #0095cc;
    font-size: 16px;
    display: block;
    text-align: center;
}

.item span img{
    width: 150px;
    margin: 0 auto;
    display:block;
}

.item span ul{
    list-style: none;
}

.item span li{
    margin: 0;
    text-align: left;
}

.item span li.nom{
    font-weight: bold;
}

.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
    z-index: 100;
    display: none;
    overflow:hidden;
    width: 180px;
    padding: 10px 5px 5px;
    position:absolute;
}

.txt-dg{
    top: -60px;
    left: 550px;
    position: absolute;

}

.txt-conseil-techno{
    top: -60px;
    left: 250px;
    position: absolute;
}

.txt-control-gene{
    top: -60px;
    right: 250px;
    position: absolute;
}

.txt-control-gest{
    top: -60px;
    right: 250px;
    position: absolute;
}

.txt-dir-qual{
    top: -60px;
    left: 250px;
    position: absolute;
}

.txt-dgaf{
    top: -60px;
    left: 230px;
    position: absolute;
}

.txt-doms{
    top: -60px;
    left: 230px;
    position: absolute;
}

.txt-dfc{
    top: 10px;
    left: 230px;
    position: absolute;
}

span.description{
    background: url(../images/hover.png) no-repeat;
    width: 180px;
    height: 45px;
    position: absolute;
    top: -60px;
    left: 550px;
    text-align: center;
    padding: 20px 12px 10px;
    font-style: normal;
    z-index: 2;
    display: none;
}

.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    width: 160px;

}

.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.direct-adjoint{
    position: relative;
    margin: 30px 0;
    padding: 5px 30px;
    height: 190px;
    /*border: 1px solid #ccc;*/
}

.parent-fils{
    position: relative;
    margin: 30px 0;
    padding: 0 30px;
    height: 100px;
    /*border: 1px solid red;*/

}

.conseil-techno,.dir-qual,.dga1{
    float: left;
}
.control-gene,.control-gest,.dga2{
    float: right;
}

.dga1{
	position: absolute;
	top:5px;
	left: 30px;
}

.dga2{
	position: absolute;
	top:5px;
	right: 30px;
}

.conseil-techno{
	position: absolute;
	top:80px;
	left: 30px;
}

.control-gene{
	position: absolute;
	top:80px;
	right: 30px;
}

.dir-qual{
    position: absolute;
    top: 140px;
    left: 30px;
}

.control-gest{
    position: absolute;
    top: 140px;
    right: 30px;
}

.line-princ{
    border-right: 3px solid #999;
    height: 250px;
    width: 5px;
    position: absolute;
    top: 47px;
    left: 450px;
}

.line-0{
    border: 2px solid #999;
    position: absolute;
    top: 30px;
    left: 240px;
    width: 420px;
}


.line-1{
    border: 2px solid #999;
    position: absolute;
    top: 90px;
    left: 240px;
    width: 420px;
}

.line-2{
    border: 2px solid #999;
    position: absolute;
    top: 150px;
    left: 240px;
    width: 420px;
}

.line-3{
    border: 2px solid #999;
    position: absolute;
    top: -50px;
    left: 105px;
    width: 635px;
}

.line-fils-1{
    border-right: 3px solid #999;
    height: 550px;
    width: 5px;
    z-index: 0;
    position: absolute;
    top: -40px;
    left: 100px;
}

.line-fils-2{
    border-right: 3px solid #999;
    height: 380px;
    width: 5px;
    position: absolute;
    top: -40px;
    right: 100px;
}

.parent-fils{
    /*border: 1px solid red;*/
    position: relative;
}

.fils-1{
    float: left;
    /*border: 1px solid yellow;*/
    position: relative;
}

.dgaf{
    position: relative;
    z-index:999;
}

.dgciml{
    position: relative;
    z-index:999;
}

.doms{
    position: absolute;
    top: 80px;
    left: 0;
}

.dfc{
    position: absolute;
    top: 140px;
    left: 0;
}

.drh{
    position: absolute;
    top: 200px;
    left: 0;
}

.dcm{
    position: absolute;
    top: 260px;
    left: 0;
}

.deepdev{
    position: absolute;
    top: 320px;
    left: 0;
}

.dajc{
    position: absolute;
    top: 400px;
    left: 0;
}

.dacirp{
    position: absolute;
    top: 460px;
    left: 0;
}

.fils-2{
    float: right;
    /*border: 1px solid green;*/
    position:relative;
}

.di{
    position: absolute;
    top: 80px;
    right: 0;
}

.dd{
    position: absolute;
    top: 140px;
    right: 0;
}

.dm{
    position: absolute;
    top: 200px;
    right: 0;
}

.dpp{
    position: absolute;
    top: 260px;
    right: 0;
}

.dl{
    position: absolute;
    top: 320px;
    right: 0;
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

#main table{
	width: 100%;
	border: 1px solid #CCC;
}

#main thead, #main tfoot{
	border-bottom: 1px solid #CCC;
}

#main th{
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #CCC;
	padding-left: 5px;
}

#main td{
	padding-left: 5px;
	border-right: 1px solid #CCC;
        text-align: left;
}

#main td.mot-data{
    width: 30%;
}


/**
 * footer
*/
#footer {
    background: #0a75b6 url(../images/bg-footer-2.gif) repeat-x top left;
    overflow: hidden;
    font-size: 12px;
    padding: 5px;
    color: #FFF;
    margin-top: 30px;
}

#footer-inner {
    padding: 20px 5px;
}

#footer-inner h4 {
    font-size: 14px;
    border-bottom: 3px solid #ff9900;
    margin-bottom: 5px;
}

#footer-inner h4 a {
    color: #FFF;
    font-weight: bold;
}

#footer-inner h4 a:hover {
    color: #ff9900;
}

#footer-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-inner li {
    margin: 0;
}

#footer-inner li a {
    color: #d3d3d3;
}

#footer-inner li a:hover { /* text-decoration: underline;*/
                           color: #ff9900;
}

.downbar {
    list-style: none;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.downbar li {
    display: inline;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #d3d3d3;
}

.downbar li:first-child {
    border-left: none;
}

.downbar li a {
    font-size: 12px;
    color: #ccffcc;
}

#copyright {
    margin-top: 20px;
    padding-top: 20px;
    background: transparent url(../images/divider.jpg) no-repeat top center;
    font-size: 14px;
}

#copyright p {
    text-align: center;
    font-size: 12px;
    margin-top: 30px;
}


.container-associative{
	border: 1px solid #ccc;
	min-height: 150px;
	
}

.container-associative dd{
	height: 30px;
	line-height:30px;
	font-size: 18px;
	background-color: #ccc;
	padding: 5px 10px;
	text-align:center;
}

.container-associative dt{
	padding: 5px 10px;
}

#AgentFrm label{
	float: left;
	width: 200px;
	text-align:right;
	margin-right: 10px;
	line-height: 20px;
	color: #504f4f;
	font-weight: bold;
}

#AgentFrm input[type=text],#AgentFrm select{
	width: 300px;
}

#AgentFrm dd{
	margin-bottom: 20px;
	height: 30px;
	position: relative;
}

#AgentFrm dt label.required:after{
	content: " * ";
	color: #ff0000;
}

#AgentFrm ul.errors{
	position: absolute;
	top: 25px;
	left: 220px;
	list-style: none;
	-moz-box-shadow: #DDD 0px 0px 6px;
    -webkit-box-shadow: #DDD 0px 0px 6px;
    box-shadow: #DDD 0px 0px 6px;
    background-color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
    min-height: 15px;
    padding: 4px 10px;
    z-index: 9999;
}

#AgentFrm ul.errors li{
	background-color: #000000;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}

.legend{
	font-style: italic;
	color: #666666;
	font-size: 9px;
	margin-left: 10px;
}