@charset "utf-8";













































	
	





/* CSS Document */

html, body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 100%;
	color:#000000;		 
}

body {	 
	background-image:url(/digitalAssets/1/1778_Background.jpg);
	background-repeat:repeat-x;
	font-size:11px;
	margin: 0px 0px 0px 0px;
        line-height: 1.27;

}
#center ul, #center ol {

        padding-left: 1.9em;
        margin-left:0px;
        /*list-style-position:inside;*/
}

#center ul li{

       /* padding-left: 1.0em;*/
        list-style-image: url(/digitalAssets/5/5889_puces_orage_OKBIS.gif);
}
#center ol li {
       /* padding-left: 1.0em;*/
}

#center ul li li{

        list-style-image: url(/digitalAssets/5/5892_puces_vert_OKBIS.gif);
       /* list-style-position:inside;*/
}
#center ol li li{
       /* list-style-position:inside;*/

}
/*bloc caché utilisé dans l'accessibilité */
div#acces_handicap {
       position:absolute;
       left: -5000px;
       font-size:0px;
       overflow:hidden;
}

#zone-logo{
    height: 86px; /* 80*/
    position:absolute;
    left: 53px;
    margin-top: 7px;
    width: 420px;   /*391*/
}  

#zone1{
     height:80px;
     width: 214px;
     float:left;
     margin:0px;
     padding:0px;
}

#zoneTrait{
	background-image:url(/digitalAssets/3/3068_orange.jpg);
        background-repeat:no-repeat;
        float:left;
        width: 3px;
	height:80px;
	margin: 0px;
        padding:0px;
}

#zone2{
     height:68px;
     width: 286px;
     margin:30px 0 0 0px;
     padding:0px 0px 0px 15px;
     font-size:13px;
     float:left;

} 
#zone2 P{
     color:#fb8700;
     font-size:14px;
     font-weight:bold;
     margin:0px;
     padding:0px;
     height:68px;
}



/* ACCES SITE LILLE1 */

#acces {
	background-color:#000000;
	background-image:url(/digitalAssets/1/1777_BackgroundTop.jpg);
	background-repeat:repeat-x;
	height:30px;
	width:100%;
        min-width: 600px;
}

#acces_direct {
	float:left;
	margin:5px 0 0 5px;
	font-size:9px;
	height:17px;
        width:240px;
}

#acces DIV {
	width:100%;
        height:25px;
}

#acces IMG {
	margin:0 0 0 20px;
	float:left;
}

#acces P {
	margin: 4px 0 0 5px;
        padding-top: 3px;
	color:#FFFFFF;
	float:left;
}	

#acces INPUT {
	float:left;
	background:none;
	border:none;
	color:#FFFFFF;
	padding:4px 0 0 2px;
	font-weight:bold;
	cursor:pointer;
}

#acces INPUT:HOVER {
	color:#e5e5e5;
}

div#englobe_acces {
	width: 480px;
	height: 28px;
	float: right;
        margin-right:10px;
}
	 
#content {
	width:810px;
	min-height:100%;
	background-image:url(/digitalAssets/1/1708_background_content.png);
	background-repeat:repeat-y;
	margin: 0 auto;
	position:relative;
}




/*************/
/* BLOC HAUT  */
/*************/

#main_top {
	top:0 ;
	width: 780px;
	height:328px;
	margin: 0 15px;
}

#top {
	 background-image:url(/digitalAssets/5/5947_topNew.jpg);
	 background-repeat:no-repeat;
	 height:115px;
	 width:780px;
}

#zone-accessibilite{
       position:absolute;
       top: 35px;
       color:#00525A;
       z-index:1;
       width: 780px;
       margin-left: auto;
       margin-right: auto;
}

#centre-accessibilite{
       width: 780px;
       margin-left: auto;
       margin-right: auto;
}
#zone-accessibilite ul{
       float:right;
       padding:0px 23px 0px 0px;
       margin:0;
}

/*#zone-accessibilite{
       position:relative;
       top: 35px;
       left: 520px;
       color:#00525A;
       z-index:1;
}*/

#zone-accessibilite li{
       margin:0;
       padding:0;
       float:left;
       list-style-type:none;
       list-style-image:none;
}

#zone-accessibilite li a{
       color:#00525A;
       text-decoration: none;
}

#zone-accessibilite li a:hover{
       text-decoration:underline;
}

#zone-portail {
        background-color:#000;
        position: absolute;	
        width:84px;
        height:18px;
        top: 96px;
        right:40px;
        margin:0px;
}

#zone-portail a{
        display:block;
        width:66px;
        height:16px;
        background-image:url(/digitalAssets/5/5809_boutonfil.jpg);
        background-repeat:no-repeat;
        color:#FFFFFF; 
	font-size:10px;
        margin:0;
        padding:2px 0px 1px 23px;
        text-decoration:none;

}

#zone-portail a:hover{
        background-image:url(/digitalAssets/5/5810_boutonfil-hover.jpg);
        text-decoration:none;
}

#top #zone-accessibilite A {
      color:#00525A;

}

#top IMG{
     /*margin:10px 0 0 38px;*/
	float:left;
}


/*******************/
/* BLOC RECHERCHE  */
/*******************/

#rechercher{
/*	margin:30px 0 0 597px;
	width:170px;
        height: 33px; */
       width:170px;
       height: 33px;
       position: absolute;
       top: 60px;
       /*left: 608px;*/
      right:37px;

}

#conteneur-rechercher{
	width:180px;
        height: 33px;
}

#div conteneur-rechercher input{
	width:121px;
}

#rechercher SPAN{
	color:#FFFFFF;
	cursor:default;
       font-size:10px;
}

#rechercheForm{
	color:#00525A;
	float:left;
	margin:0 5px 0 0 ;
	height:16px;
       width:136px;
}


#button_ok{
}

#button_ok A{
	background-image:url(/digitalAssets/1/1761_ok.jpg);
	background-repeat:no-repeat;
	height:21px;
	width:21px;
	float:left;
}
#button_ok A:HOVER{
	background-image:url(/digitalAssets/1/1762_okOver.jpg);
	background-repeat:no-repeat;
}

.submit_ok {
	background-image:url(/digitalAssets/1/1761_ok.jpg);
        background-color: #000000;
	background-repeat:no-repeat;
	background-position:top left;
	border:none;
	height:21px;
	width:21px;
	cursor:pointer;
       vertical-align:top;
       margin: 0px 0px 0px 1px;
}

.submit_ok:HOVER {
	background-image:url(/digitalAssets/1/1762_okOver.jpg);
	background-repeat:no-repeat;
}




/*******************/
/* MENU HORIZONTAL */
/*******************/
#menu {
	 height:25px;
	 width:780px;
	 top:115px;
	 z-index:1;
	 background-color:#FFFFFF;
	 position:absolute;
}


#home A{
	 height:14px;
	 width:14px;
	 float:left;
	 margin:8px 8px 2px 10px;
}

#home A{
	 background-image:url(/digitalAssets/1/1744_Home.jpg);
	 background-repeat:no-repeat;
}

#home A:HOVER{
	 background-image:url(/digitalAssets/1/1745_HomeOver.jpg);
	 background-repeat:no-repeat;
}

#nav .menuHorizontal A:HOVER{
	color:#fb8700;
}

#nav .menuHorizontal {
	background-image:url(/digitalAssets/3/3074_puce_formation.jpg);
	background-repeat:no-repeat;
}

#nav .menuHorizontal ul{
	border-left:3px solid #F98200;
}

#nav {
	float: right;
	width: 747px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:16px;
	background-color:#FFFFFF;
	top:0;
	text-align:left;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:16px;
	float:left;
	width:133px;
	border-right:1px solid #D9D9D9;
}

#nav a {
	display: block;
	color: #00525A;
	text-decoration: none;
	padding:3px 4px 0 4px;
	margin:0 6px;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li:hover, #nav li:focus{
	overflow:hidden;
}

#nav li span.highlight {
	display: block;
	padding:3px 4px 0 4px;
	margin:0 6px;
        cursor:default;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
}

#nav li ul a {
	background-color:#FFFFFF;
	font-size:11px;
	border-bottom: #D9D9D9 1px solid;
	line-height:18px;
	width:133px;
	
}

#nav li ul span.highlight {
	font-size:11px;
	border-bottom: #D9D9D9 1px solid;
	line-height:18px;
        width:133px;	
}

#nav li ul {
	background-color:#FFFFFF;
	font-size:11px;
	line-height:18px;
	
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, 
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, 
#nav li:focus ul ul, #nav li:focus ul ul ul, 
#nav li.sffocus ul ul, #nav li.sffocus ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,
#nav li:focus ul, #nav li li:focus ul, #nav li li li:focus ul, 
#nav li.sffocus ul, #nav li li.sffocus ul, #nav li li li.sffocus ul {

	left: auto;
}

#nav li:hover,#nav li:focus, #nav li.sfhover {}

#nav a.highlight, #left a.highlight {
	color:#fb8700;
}

/*BANDEAU IMAGE */
#bandeau {
	 background-image:url(/digitalAssets/5/5748_bandeau_yann.jpg);
	 background-repeat:no-repeat; 
	 height:170px;
	 width:780px;
	 position:absolute;
	 top:140px;
}


/**************/
/* FILET ARIANE*/
/**************/

#ariane {
	 height:18px;
	 width:780px;
	 font-size:10px;
	 margin:2px 10px 0 10px;
	 position:absolute;
	 top:310px;

}

#ariane A{
	color:#fb8700;
	text-decoration:none;
}

#ariane A:HOVER{
	text-decoration:underline;

}


/***********/
/* CONTENU */
/***********/

#main    {
	background-color:white;
	width: 780px;
	top:328px;
	bottom:142px;
	margin: 0 15px;
	padding:0;
	min-height:300px;
	clear:both;
} 


/*********************/
/*COLONNE DE GAUCHE */
/*********************/

#left {
	 background-image:url(/digitalAssets/1/1743_left.jpg);
	 background-repeat:no-repeat;
	 width:182px;
	 margin:0 10px 0 0;
	 float:left;
	 min-height:400px;
}

#left DIV {
	 width:150px;
	 margin:0 0 8px 10px;
	 border-bottom: 1px solid #D9D9D9; 
	 padding:0 0 8px 0px;
}

#left h1 {
	 background-image:url(/digitalAssets/1/1756_h1_left_orange.jpg);
	 background-repeat:no-repeat;
   background-color:#fb8700;
   height:26px;   /* Ajout bruno */
   width:155px; /* Ajout bruno */
	 color:#FFFFFF;
	 padding:5px 0px 0px 10px;
	 margin: 2px 0px 5px 0px;
	 font-size:16px;
}

#left ul {
	 padding:0;
	 margin:0;
}

#left li {
	background-image:url(/digitalAssets/3/3082_puce_left_orange.jpg);
	background-repeat:no-repeat;
	list-style:none;
	padding-left:15px;
}

#left div.menu li {
	border-bottom: 1px dotted #fb8700;
        margin-top: 1px;
        padding-bottom: 1px;
}

#left div.menu li li{

	/*background-image:url(/digitalAssets/3/3080_puce_left_gris.jpg);*/
	background-image:url(/digitalAssets/2/2109_puce_left_gris.jpg);
	background-repeat:no-repeat;
	list-style:none;
	padding-left:10px;
        border-bottom: none;
        margin: 0;
}

#left A {
	color:#00525A;
	text-decoration:none;
}


#left div A:HOVER, #left div .highlight, .highlight {
       color:#fb8700;
}




/********************/
/* COLONNE DE DROITE*/
/********************/



#right {
	 width:170px;
	 margin:0 0 0 10px;
	 float:right;
	 border-left: 1px solid #d9d9d9;
	 min-height:400px;
}

#right h1 {
	 background-image:url(/digitalAssets/1/1749_h1_right_orange.jpg);
	 background-repeat:no-repeat;
   background-color:#fb8700;
   height:26px;   /* Ajout 26 au lieu de 31px */
   width:150px; 
	 color:#FFFFFF;
	 padding:5px 0 0 20px;
	 margin:2px 0px 0px 0px;  /* Ajout 2px au lieu de 0 */
	 font-size:16px;
	 clear:both;
}

#right DIV{
	 width:140px;
	 margin:0 10px 5px 20px;
	 padding-bottom:5px;
	 float:left;
	 border-bottom: #fb8700 1px dotted;
}

#right h2 {
	 color:#fb8700;
	 margin:5px 0 0 0;
	 padding:0 0 0 10px;
	 font-size:11px;
	 background-image:url(/digitalAssets/1/1722_puce_right_orange.jpg);
	 background-repeat:no-repeat; 
}

#right P {
	 color:#000000;
	 margin:5px 0 0 0;
	 padding:0;
	 font-size:10px; 
	 text-align:left;
}

#right IMG {
	 max-width:140px;
	 margin: 0 0 5px 0;
}

#right A {
	 color:#fb8700;
	 margin:5px 0 0 0;
	 font-size:10px;
	 text-decoration:none;
}

#right A:HOVER {
	 color:#F98200;
	 margin:5px 0 0 0;
	 font-size:10px;
	 text-decoration:none;
         color:#00525A;
}

#right h3 A{
	 color:#ffffff;
	 margin:0px 9px 0px 5px;
	 padding:2px 0 0 10px;
	 font-size:10px;
	 background-image:url(/digitalAssets/1/1771_btn_info_orange.jpg);
	 background-repeat:no-repeat;
   background-color:#fb8700;
	 float:right;
	 height:16px;
	 width:63px;
	 text-decoration:none;
	 margin-bottom:5px;
}


#right h3 A:HOVER{
	 color:#ffffff;
         margin:0px 9px 0px 5px;
	 padding:2px 0 0 10px;
	 font-size:10px;
	 background-image:url(/digitalAssets/1/1772_btn_info_orange_over.jpg);
	 background-repeat:no-repeat;
	 float:right;
	 height:16px;
	 width:63px;	 
	 text-decoration:none;	 
	 margin-bottom:5px;
}

#right P A, #right LI A {
	/* color:#fb8700;*/
         color:#00525A ;
	 margin:5px 0 0 0;
	 padding:0;
	 font-size:10px;
	 text-decoration:none;
         float: none;
}

#right LI A:HOVER,  #right P A:HOVER{
	 /*color:#F98200;*/
         color:#FB8700;
	 margin:5px 0 0 0;
	 padding:0;
	 font-size:10px;
	 text-decoration:none;
	 float:none;
}

#right div.contacts p{
        text-align: left;
}

/* menu de droite Flash*/
#right div.flashleft P{
	 color:#00525A;
	 margin:5px 0 0 0;
	 padding:0;
	 font-size:10px; 
	 text-align:justify;
}

#right DIV.utiles{
	 width:140px;
	 margin:0 10px 5px 20px;
	 padding-bottom:5px;
         padding-top:5px;
	 float:left;
         font-size:11px;
	 border-bottom: #fb8700 1px dotted;
}
#right DIV.utiles a{
         font-size:11px;
}
#right DIV.utiles ul{
         list-style-type:none;
         padding-left:0px;
         margin: 0 0 10px 0;
}

#right DIV.utiles li{
         list-style-type:none;
         padding-left:0px;
         margin-left:0px;

         background-image:url(/digitalAssets/3/3082_puce_left_orange.jpg);
         background-repeat:no-repeat;
         list-style-image:none;
         list-style-position:outside;
         padding-left:15px;

}

#right div.utiles h2 {
	 color:#00525A;
	 margin:0;
	 padding:0 0 0 0px;
	 font-size:11px;
         background-image:none;
}

/*******************/
/* ZONE CONTENUS   */
/******************/

#center {
	 width:400px;
	 float:left;
}

#fullCenter
{
	 width:570px;
	 float:left;
}

#center DIV {
	float:left;
        width: 400px;
}

#fullCenter DIV
{
	float:left;
       width: 580px;
}

#center div.actus, #fullCenter div.actus {
	border-bottom:1px dotted #fb8700;
}


#center P, #fullCenter P {
	margin:5px 0 0 0;
	text-align:justify;
}

#center h1, #fullCenter h1 {
	font-size:24px;
	color:#00525A;
	margin:0;
	font-weight:normal;
}

#center h2, #fullCenter h2 {
	font-size:14px;
	color:#00525A;
	margin:15px 0 10px 0  ;
	/*padding: 0 0 0 10px;*/
	font-weight:bold;
}
#fullCenter h3, #center h3 {
     font-weight:bold;
     font-size:13px;
     margin-bottom: 5px;
     margin-top: 13px;
     color:#00525A;
   
}

#center .Indent1, #fullCenter .Indent1 {
    margin-left: 10px;
}

#center .Indent2, #fullCenter .Indent2 {
    margin-left: 20px;
}

#center A, #fullCenter A {
	color:#fb8700 !important;
	text-decoration:none;
	margin:0 0 8px 0;
}

#center h3 A[name], #fullCenter h3 A[name] {
	color:#00525A !important;
  text-decoration: none;
}

#center A:HOVER, #fullCenter A:HOVER {
	color:#F98200 !important;
	text-decoration:underline !important;
        color:#00525A !important;
}

#center p.JustifyCenter, #fullCenter p.JustifyCenter {
     text-align:center;
}

#center div.accrochePublication, #fullCenter div.accrochePublication {
       width: 280px; 
       float: left;
}

#center div.imagePublication, #fullCenter div.imagePublication {
      width: 120px; 
      float: left;
}

#center div.imagePublication img, #fullCenter div.imagePublication img{
      float: left;
      margin:10px 0;
      width:100px;
}

#center h1:first-letter,#center h2:first-letter,#center h3:first-letter,#center h4:first-letter{
color:#F98200;
}

/*******/
/* BAS  */
/*******/

#footer{
	background-image:url(/digitalAssets/5/5743_footer_780_IEEA.jpg);
	background-color: #fb8700; 
	background-repeat:no-repeat;
	bottom: 0;
	width: 780px;
	height:154px;
	margin: 0 15px;
	font-size:10px;
	position:static;
	clear:both;
}
	
#footer P{	
	 /*margin:0px;*/
	 color:#FFFFFF;
         /*padding: 0 px;*/
}

#footer A{
	 color:#FFFFFF;
	 text-decoration:none;
}


#footer A:HOVER{
	/* color:#F98200;*/

         text-decoration:underline;
}

#zone-logo-bas {
     width:170px;
     height: 66px;
     padding:56px 0px 0px 95px;
     float:left;
     margin:0px;
} 
#zone-titre-bas{
     float:left;
     height: 66px;
     width: 238px;
     padding:56px 0px 0px 0px;
     color: #ffffff;
     font-size:12px;
     margin:0px;

    /* padding: 20px 0px 0px 0px; */
}     
				
#zone-texte-bas1{
  
    float:left;
    color: #ffffff;
    padding: 96px 0px 0px 40px;  
    margin: 0px;    /* margin:56px 0px 0px 0px; height: 44px;*/
    width: 235px;
}         
#zone-texte-bas2 {
    float: left;
    width: 730px;
   /* height: 15px;*/
    margin:0px;
    padding : 0px 0px 0px 42px;
}

#zone-titre-bas p,#zone-texte-bas1 p{
   padding: 0px 0px 0px 0px;
   margin:0 0 0 0px;
   color:#FFFFFF;
} 

#zone-texte-bas2 p{
    padding: 0px 0 0 14px;
    margin:15px 0 0 0px;
    color:#FFFFFF;
} 




/*************/
/* FCKEDITOR */
/*************/
.JustifyLeft, #center .JustifyLeft, #fullCenter .JustifyLeft {
   text-align:left;
}

.JustifyCenter, #center .JustifyCenter, #fullCenter .JustifyCenter  {
   text-align : center;
}
.JustifyRight, #center .JustifyRight, #fullCenter .JustifyRight {
   text-align : right;
}
.JustifyFull, #center .JustifyFull, #fullCenter .JustifyFull {
   text-align: justify;
}


.underline {
   text-decoration:underline;
}

/* positionnement des images dans l'insertion d'images du FCKeditor */
img {
   border: none;
}

img.left {
   float:left;
   margin: 5px 10px 0 0;
}

a.right {
   float:right;
}

img.right {
   float:right;
   margin: 0 10px 10px 10px;
}

img.baseline {
   vertical-align: baseline;
   margin: 0 10px 10px 10px;
}

img.textTop {
   vertical-align: text-top;
   margin: 0 10px 10px 10px;
}

img.middle {
   vertical-align: middle;
   margin: 0 10px 10px 10px;
} 

img.mini {
   width: 100px;
}

strong {
      color:#00525A;
}

a.pdficon, #right a.pdficon { 
    padding-right: 18px; 
    background: transparent url('/digitalAssets/0/281_logo.GIF') no-repeat center right;
}

/* utilisé dans la configuration du FCK*/
body#center, body#fullCenter {
      background-image:url();
      width:100%;
}


body#center table td, body#fullCenter table td {
      font-size:11px;
}

body#center Indent1, body#fullCenter Indent1 {
      margin-left:10px;
}

body#center Indent2, body#fullCenter Indent2 {
      margin-left:20px;
}

/************************/
/* MOTEUR DE RECHERCHE  */
/************************/
/* styles utilisés dans l'affichage des résultats */
.ellipsis {
     font-weight: bold;
}

.url {
     color: #92C40A;
}

/***************/
/* FORMULAIRES */
/***************/

form.portlet-waiform {
	width: 580px;
	font-size: 1.1em;
	color: #333;
	}
	
form.portlet-waiform fieldset { margin-bottom: 10px; border: 1px solid #00525A;
}
	
form.portlet-waiform legend {
	padding: 0 2px;
	font-weight: bold;
	margin: 0 -7px; /* IE Win */
	color: #333333;
	}
	
form.portlet-waiform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #00525A;
	text-align:right;
	}
	
form.portlet-waiform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.portlet-waiform fieldset li {
	list-style: none;
	padding: 5px 10px 1px;
	margin: 0;
	}
	
form.portlet-waiform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	background: none;
	}
	
form.portlet-waiform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.portlet-waiform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.portlet-waiform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.portlet-waiform label { width: 120px; } /* Width of labels */
form.portlet-waiform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */


form {
        display:inline;
}