/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Général                                                     */
/*--------------------------------------------------------------------------------------------------------------------------*/

body{
background-color:#CCC;
margin:0px 0 0 0;
padding:0;
border:0;
font-family:Arial, Helvetica, sans-serif;
}

table, table tr, table tr td, tr, td, tr td{
margin: 0px;
padding: 0px;
border: 0px;
border-width:0px;
border-spacing:0px;
border-collapse:collapse;
}

div{
margin:0;
padding:0;
}

h1{
margin:0px;
padding:0;
font-size:11px;
font-weight:bold;
color:#262626;
text-align:left;
}

h2{
margin:0px;
padding:0;
font-size:12px;
font-weight:bold;
color:#333;
}

h3{
margin:0;
font-size:13px;
font-weight:bold;
}


h4{
color:#0E174F;
font-size:11px;
margin:8px 0px 2px 8px;
}

h4#titre-image{
padding-left:20px;
margin:5px 0 5px 0;
}

p{
margin:0;
padding:0;
}

img{
border:0;
}

.souligne{
text-decoration:underline;
}

.clearer{
clear:both;
}

/*Pour la fonction de transition photos*/

.slideshow { 
height:110px; 
width:195px; 
margin:auto;
}

#opacite{ 
padding:4px; 
border:1px solid #ccc; 
background-color:#eee; 
}

/*Pour cahcer les points lorqu'on clique sur les ancres */

a{
outline:none;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Structure                                                   */
/*--------------------------------------------------------------------------------------------------------------------------*/

#conteneur{
width:990px;
padding:0;
margin:auto;
}

#milieu-accueil{
width:990px;
height:440px;
margin:0px;
padding:0;
background:url(../images/milieu/accueil-bg-80.jpg) no-repeat;
}

#milieu-actualite{
width:990px;
height:474px;
margin:0px;
padding:0;
background:url(../images/milieu/actualites-bg.jpg) no-repeat;
}

#milieu-contact{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/contact-bg.jpg) no-repeat;
}

#milieu-extranet{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/extranet-bg.jpg) no-repeat;
}

#milieu-recherche{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/contact-bg.jpg) no-repeat;
}

#milieu-liens{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/contact-bg.jpg) no-repeat;
}

#milieu-liste-projets{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/liste-projets-bg.jpg) no-repeat;
}

#milieu-presentation{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/presentation-bg.jpg) no-repeat;
}

#milieu-fiche-categorie-fiche-projet{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/projets-bg-fiche.jpg) no-repeat;
}

#milieu-fiche-categorie{
width:990px;
height:474px;
margin:0px;
background:url(../images/milieu/projets-bg.jpg) no-repeat;
}

div#gauche{
width:192px;
height:430px;
float:left;
}

div#centre{
width:990px;
height:418px;
margin:0;
padding:0px;
}

div#centre2{
width:990px;
height:452px;
margin:0;
padding:0px;
}

div#droite{
width:170px;
float:left;
margin:0;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                                Haut                                                      */
/*--------------------------------------------------------------------------------------------------------------------------*/

#zone-logo {/* la zone de lien */ 
float: left;
width :158px; 
height:63px; 
margin:7px 0 0 35px;
position:absolute;
z-index:1;
}

#bandeau2{
width:990px;
height:176px;
}

#bandeau-accueil{
background:url(../images/bandeau/accueil-bandeau-actus.jpg) no-repeat;
width:990px;
height:204px;
}

#bandeau-fiche-projets{
width:990px;
height:204px;
}

#bandeau-actualites{
width:990px;
height:148px;
background:url(../images/bandeau/actualites-bandeau.jpg) no-repeat;
}

#bandeau-contact{
width:990px;
height:148px;
background:url(../images/bandeau/contact-bandeau.jpg) no-repeat;
}
 
#bandeau-extranet{
width:990px;
height:148px;
background:url(../images/bandeau/extranet-bandeau.jpg) no-repeat;
}

#bandeau-recherche{
width:990px;
height:148px;
background:url(../images/bandeau/recherche-bandeau.jpg) no-repeat;
}

#bandeau-liens{
width:990px;
height:148px;
background:url(../images/bandeau/liens-bandeau.jpg) no-repeat;
}

#bandeau-liste-projets{
width:990px;
height:148px;
background:url(../images/bandeau/liste-projets-bandeau.jpg) no-repeat;
}

#bandeau-presentation{
width:990px;
height:148px;
background:url(../images/bandeau/presentation-bandeau.jpg) no-repeat;
}

#texte_description{
margin:0px;
width:400px;
height:182px;
float:left;
}

/*-------------------------------------------------Bandeau---------------------------------------------------------*/

#menu-haut{
width:990px;
height:28px;
margin:0px;
padding:0px;
}

#conteneur-haut{
width:990px;	
margin:0;
padding:0px;
}

#conteneur-haut-centre{
width:990px;
min-height:140px;
height:auto;	
}

/*--------------------Menu haut----------------------*/

#menu-haut-bleu{
background:url(../images/menu-frame.gif) repeat-x;
width:990px;
height:28px;
float:left;
z-index:4;
}

#menu-haut-bleu ul{
margin:0px;
padding:0px;
z-index:4;
}

#menu-haut-bleu li{
margin:0px;
width:114px;
z-index:4;
}

#menu-haut-bleu ul li{
margin:0px;
list-style-type:none;
text-align:center;
float:left;
font-size:11px;
line-height:28px;
color:#000;
z-index:4;
}

#menu-haut-bleu ul li a{
color:#000;
text-decoration:none;
cursor:pointer;
z-index:4;
}

#menu-haut-bleu ul li a:hover{
color:#EFEFEF;
}

ul.sous-menu-bleu {
margin:5px;
padding:0;
position:absolute;
list-style:none;
display:none;
width:114px;
line-height:18px;
border-bottom:2px solid #616161;
z-index:4;
}

ul.sous-menu-bleu li, ul.sous-menu-bleu li a {
padding:0 0 0px 0;
text-align:left;
text-indent:4px;
text-decoration:none;
display:block;
width:114px;
background-color:#cacacc;
color:#000;
z-index:4;
line-height:18px;
opacity:0.8;
filter:alpha(opacity=80);
}

ul.sous-menu-bleu li a:hover ,ul.sous-menu-bleu li a:active{
background-color:#616161;
color:#FFFFFF;
z-index:4;
}

/*ul.sous-menu-bleu2 {
margin:5px;
padding:0;
position:absolute;
list-style:none;
display:none;
width:250px;
line-height:18px;
border-bottom:2px solid #616161;
z-index:4;
}

ul.sous-menu-bleu2 li, ul.sous-menu-bleu2 li a {
padding:0 0 0px 0;
text-align:left;
text-indent:4px;
text-decoration:none;
display:block;
width:250px;
line-height:18px;
background-color:#cacacc;
color:#000;
z-index:4;
opacity:0.8;
filter:alpha(opacity=80);
}

ul.sous-menu-bleu2 li a:hover ,ul.sous-menu-bleu2 li a:active{
background-color:#616161;
color:#FFFFFF;
z-index:4;
}*/

#gris{
/*width:87px;
background:url(images/menu-bleu-frame.gif) repeat-x;*/
width:250px;
cursor:pointer;
}

.gris1{
/*width:130px;
background:url(images/menu-bleu-frame.gif) repeat-x;*/
cursor:pointer;
}


#calage-recherche .calage-bouton-ok{
position:absolute;
float:left;
margin:8px 0 0px -24px;
padding:0;
z-index:1;
}

#champ-recherche{
margin: 0 0 0px 15px;
background:url(../images/recherche-bg.gif) no-repeat;
width:145px;
height:28px;
border:none;
font-size:10px;
line-height:28px;
padding:0 0 0 5px;
float:left;
}

#diaporama1{
width:338px;
height:182px;
margin:0;
float:left;
}

.diaporama{
width:338px;
height:182px;
margin:0;
margin-left:-40px;
float:left;
z-index:1;
}

#theme{
background:url(../images/bg-actus.jpg) no-repeat;
width:252px;
height:182px;
margin:0;
padding:0;
float:left;
}

.diaporama li{
list-style-type:none;
overflow:hidden;
position:absolute;
}

.diaporama_controls{
position:absolute;
width:350px;
margin:70px 0 0 5px;
padding:1px;
float:left;
z-index:2;
}

.decale{
margin:0px 0 0 266px;
}

.diaporama_controls .btns{
z-index:3;
}

.diaporama_controls a{
font-weight:normal;
width:30px;
height:30px;
text-indent:-9999px;
display:inline-block;
margin:0px;
}

.diaporama_controls .prev{
background:url(../images/puce-gauche.png) no-repeat;
}

.diaporama_controls .next{
background:url(../images/puce-droite.png) no-repeat top left;

}

.diaporama_controls .pause{
background:url(../images/pause.gif) no-repeat bottom right;
}

.diaporama_controls .play{
background:url(../images/play.gif) no-repeat bottom left;
}

#texte-diapo{
margin:-23px 0 0 0;
background:#000;
padding:0px;
height:20px; 
width:100%; 
opacity:.6; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#texte-diapo p{
margin:0;
width:332px;
padding:2px 2px 2px 3px;
color:#FFFFFF; 
font-weight:bold; 
font:9pt "Lucida Grande", Arial, sans-serif;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                               ACCUEIL                                                    */
/*--------------------------------------------------------------------------------------------------------------------------*/

#accueil{
width:598px;
height:474px;
}

#texte-accueil{
position:absolute;
margin:140px 0 0 506px;
float:left;
z-index:1;
width: 460px;
height: 97px;
}

#texte-accueil p{
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
/*letter-spacing:-0.05em;*/
}

#categories-accueil{
/*margin:135px 0 0 382px;*/
margin:105px 0 0 382px;
float:left;
position:absolute;
z-index:2;
}

/*---------------------------*/

.developpement-titre, .developpement-titre a{
/*color:#006AB0;*/
color:#2193ec;
font-size:12px;	
text-decoration:none;
}

.developpement-titre a:hover{
/*color:#005EA8;*/
color:#2193ec;
}

.renouvellement-titre, .renouvellement-titre a{
color:#A2C866;
font-size:12px;	
text-decoration:none;
}

.renouvellement-titre a:hover{
color:#95C154;
}

.amenagement-titre, .amenagement-titre a{
color:#FFE00F;	
font-size:12px;	
text-decoration:none;
}

.amenagement-titre a:hover{
color:#FFDD00;	
}

.equipements-titre, .equipements-titre a{
color:#E5343D;
font-size:12px;	
text-decoration:none;
}

.equipements-titre a:hover{
color:#E20031;	
}

/*---------------------------*/

#categories-accueil ul{
margin:0;
padding:0;
}

#categories-accueil ul li{
margin:0;
padding:0;
list-style-type:none;
width:112px;
height:52px;
}

#animation-flash{
position:absolute;
float:left;
z-index:2;
margin:273px 0 0 789px;
height:145px;
width:185px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                        PAGE PRESENTATION                                                 */
/*--------------------------------------------------------------------------------------------------------------------------*/

#menu-presentation{
position:absolute;
float:left;
margin:75px 0 0 35px;
padding:0px;
width:388px;
height:249px;
}

#menu-presentation ul{
margin:0;
padding:0;
}

#menu-presentation ul li{
list-style-type:none;
margin:0;
padding:0;
}

#liste-presentation{
margin:0;
padding:0 0 0 15px;
}

#liste-presentation li{
color:#000;
font-size:12px;
margin:8px 0 0px 0;
padding:0;
}

div#conteneur-presentation{
position:absolute;
float:left;
/*margin:29px 0 0 460px;*/
margin:15px 0 0 460px;
padding:0px;
width:440px;
height:400px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
div#conteneur-presentation ul li{
list-style-type:none;
}
div#conteneur-camembert{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
div#affichage-camembert{
padding:55px 0 0 170px;
}

div#conteneur-camembert p{
color:#85888f;
}

.texte-presentation{
color:#000;
font-size:12px;
margin:4px 0px 4px 13px;
padding:0px;
text-align:justify;
}
.texte-presentation ul{
margin:4px 0 4px 20px;
padding:0;
}
.texte-presentation2{
color:#000;
font-size:12px;
margin:4px 0;
padding:0px;
}

.texte-presentation3{
color:#000;
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px;
text-align:justify;
}

.texte-presentation2 hr {
margin:3px 0 0 0;
padding:0;
}
.texte-presentation2 ul{
margin:4px 0 4px 20px;
padding:0;
}
/*#liste-presentation{
margin:0;
padding:0;
}

#liste-presentation li{
margin:0 0 0 5px;
padding:0;
list-style-type:none;
}*/

/*---------------------------------------- Capital Social ---------------------------------*/

.cci{
color:#ecb35a;
font-weight:bold;
}

.logiseine{
color:#6fa0b7;
font-weight:bold;
}

.crea{
color:#ae1e22;
font-weight:bold;
}

.departement{
color:#9fbb3a;
font-weight:bold;
}

.ville-rouen{
color:#666;
font-weight:bold;
}

.cdc{
color:#8d5883;
font-weight:bold;
}

div#affichage-cci{
position:absolute;
margin:-136px 0 0 107px;
text-align:center;
}

div#affichage-logiseine{
position:absolute;
margin:-170px 0 0 193px;
text-align:center;
}

div#affichage-crea{
position:absolute;
margin:-100px 0 0 308px;
text-align:center;
}

div#affichage-departement{
position:absolute;
margin:4px 0 0 215px;
text-align:center;
}

div#affichage-ville-rouen{
position:absolute;
margin:-13px 0 0 105px;
text-align:center;
}

div#affichage-cdc{
position:absolute;
margin:-60px 0 0 13px;
text-align:center;
}

/*---------------------------------------- Dirigeants ---------------------------------*/


/*---------------------------------------- Rôle ---------------------------------*/

.decale2{
margin:0 0 0 7px;
}

/*---------------------------------------- Plan zoom ---------------------------------*/

#conteneur-zoom-plan{
background-color:#FFF;
height:725px;
width:750px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                          PAGE PROJETS EN COURS (LISTE PROJETS accessible via le MENU HAUT)                               */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#liste-projets-amenagement{
padding:5px 0 5px 400px;
margin:0;
min-height:50px;
}

div#liste-projets-renouvellement{
padding:0 0 5px 480px;
margin:0;
min-height:50px;
}

div#liste-projets-equipements{
padding:5px 0 5px 400px;
margin:0;
min-height:50px;
}

div#liste-projets-developpement{
padding:5px 0 5px 480px;
margin:0;
min-height:50px;
}

.titre-projet{
font-size:11px;
margin:0;
padding:0;
color:#333;
}

.titre-projet a{
color:#333;
text-decoration:none;
}

.titre-projet a:hover{
color:#093D76;
}


div#liste-projets{
font-size:11px;
line-height:15px;
width:589px;
max-height:410px;
overflow:auto;
scrollbar-face-color:#004A99;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#004A99;
scrollbar-3dlight-color:#004A99;
}

div#liste-projets ul{
padding:0;
margin:0;
}

div#liste-projets ul li{
list-style-type:none;
padding:1px;
}

div#conteneur-cartes{
position:absolute;
float:left;
margin:14px 0 0 521px;
z-index:1;
width:450px;
height:400px;
padding:0;
}

div#liste-projets-amenagement h3, div#liste-projets-amenagement h3 a{
color:#FFE00F;	
font-size:12px;
padding:10px 0 0 0;
text-decoration:none;
}

div#liste-projets-amenagement h3 a:hover{
color:#FFDD00;	
}

div#liste-projets-renouvellement h3, div#liste-projets-renouvellement h3 a{
color:#A2C866;	
font-size:12px;
padding:20px 0 0 0;
text-decoration:none;
}

div#liste-projets-renouvellement h3 a:hover{
color:#95C154;	
}

div#liste-projets-equipements h3, div#liste-projets-equipements h3 a{
color:#E5343D;	
font-size:12px;
padding:20px 0 0 0;
text-decoration:none;
}

div#liste-projets-equipements h3 a:hover{
color:#E20031;	
}

div#liste-projets-developpement h3, div#liste-projets-developpement h3 a{
/*color:#006AB0;*/
color:#2193ec;
font-size:12px;	
padding:35px 0 0 0;
text-decoration:none;
}

div#liste-projets-developpement h3 a:hover{
color:#005EA8;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                             PAGE FICHE CATEGORIE (AVANT FICHE PROJET)                                    */
/*--------------------------------------------------------------------------------------------------------------------------*/



#bloc-categorie{
width:400px;
height:182px;
float:left;
}

#theme-actus{
background:url(../images/bandeau/cat-actus.jpg) no-repeat;
width:252px;
height:182px;
float:left;
}

#categories-projets{
margin:51px 0 0 405px;
float:left;
position:absolute;
z-index:1;
}

#categories-projets ul{
margin:0;
padding:0;
}

#categories-projets ul li{
margin:0;
padding:0;
width:113px;
height:52px;
list-style-type:none;
}

div#description-categorie{
position:absolute;
margin:60px 0 0 20px;
width:350px;
z-index:1;
}

#description-categorie p{
color:#444;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: justify ;
}

div#conteneur-fiche-projets{
position:absolute;
width:360px;
height:360px;
margin:5px 0 0 10px;
float:left;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div.puce {
margin: 2px;
position: relative;
}

div.puce hr {
border:1px solid #333;
margin:2px 3px;
}

div#afficher-carte-agglo{
position:absolute;
z-index:5;
width:50px;
height:70px;
margin:259px 0 0 233px;
float:left;
}

div#afficher-carte-generale{
position:absolute;
z-index:5;
width:115px;
height:16px;
margin:384px 0 0 272px;
float:left;
}

div.js {
display: none;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                             				PAGE FICHE PROJET              			                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

#presentation-projet{
padding:5px 5px 5px 0;	
}

div#logo-projet{
float:left
height:60px;
width:60px;
}

div#titre-projet{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:60px;
width:310px;
margin: 0 0 0 70px;
}
#description-fiche-projet p{
color:#000;
padding: 5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
text-align: justify ;
width:365px;
height:75px;
}

#programme-fiche-projet{
padding: 3px 0 0 0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
width:360px;
text-align: justify ;
}

#conteneur-fiche-projets{
padding : 5px 0 0 0;
width:400px;
height:200px;

}
#photos-projets img{
border: 2px solid #FFFFFF;
margin : 20px 0px 0 0;
}

div#plaquette{
height:40px;
position:absolute;
right:0;
bottom:20px;
}
div#information-projet{
max-height:	200px;
max-width:350px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                            PAGE CONTACT                                                  */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#contact{
width:600px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
/*border:solid 1px;*/
margin:0px;
padding:0px;
}

#table-contact tr{
height:30px;
}

div#informations-contact{
margin:0px;
padding-top:5px;
height:25px;
width:990px;
}

div#informations-contact p{
text-indent:20px;
}

div#contact p{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
margin:0px;

}

div#gauche-contact{
width:205px;
/*height:420px;*/
float:left;
position:absolute;
margin:0px 0px 0 48px;
}

div#droite-contact{
width :360px;
/*height:420px;*/
float:left;
position:absolute;
margin:0px 0px 0 565px;
color:#85888f;
}

.lien-contact a {
color:#85888f;
text-decoration:none;
cursor:pointer;
}
.lien-contact  a:hover {
color:#85888f;
text-decoration:none;
cursor:pointer;
}

div#droite-contact a img {
height:30px;
max-width:90px;
}
.contact-input {
margin-bottom:0px;
font-size:12px;
vertical-align:middle;
color:#333;
border:1px solid #636363;
}

.bordure-input{
border:1px solid #636363;
margin-bottom:5px;
}

div#contact textarea{
border:1px solid #636363;
font-size:12px;
color:#333;
}

.asterisque{
font-style:italic;
color:#333;
}
.asterisque2{
font-style:italic;
color:red;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                           Page LIENS                                                  */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#liste-lien{
position:absolute;
font-size:12px;
margin : 0 0 0 80px;
padding: 5px 0 0 0 ;
width:910px;
max-height:410px;
overflow:auto;
scrollbar-face-color:#004A99;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#004A99;
scrollbar-3dlight-color:#004A99;
}

div#lien-gauche{
float:left;
width:250px;
min-height:405px;
margin-right:40px;
}

div#lien-milieu{
float:left;
width:250px;
min-height:405px;
}

div#lien-droite{
float:left;
width:250px;
min-height:405px;
}

div#liste-lien ul{
margin:0;
padding:0 0 0 14px;
}


div#liste-lien ul li{
list-style:none;
color:#333;
font-size:12px;
margin:0;
}

div#liste-lien a{
text-decoration:none;
color:#333;
}

div#liste-lien a:hover{
color:#093D76;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                           Page EXTRANET                                                  */
/*--------------------------------------------------------------------------------------------------------------------------*/
div#marge-extranet{
padding:45px 0 0 0;
}

.texte{
font-family:verdana;
font-size:12px;
line-height:14px;
text-align:justify;
text-decoration:none;
}
.admin_titre{
font-family:verdana;
font-size:14;
line-height:2;
color:white;
font-weight:bold;
text-align:justify;
text-decoration:none;
margin: 0 0 0 160px;
}

.lien_operation{
font-family:verdana;
font-size:11;
text-decoration:none;
color:#989898;
}
.lien_operation:hover{
text-decoration:underline;
}

.mentions{
font-family:verdana;
font-size:12;
line-height:2;
text-align:center;
text-decoration:none;
color:#2675B8;
}
.mentions:hover{
text-decoration:underline;
}
.mentions_rsa{
font-family:verdana;
font-size:12;
line-height:2;
text-align:center;
text-decoration:none;
color:#2675B8;
}
.mentions_rsa:hover{
text-decoration:none;
}

.img_operation{
border-right:2px solid #2675B8;
border-bottom:2px solid #2675B8;
border-top:2px solid #2675B8;
border-left:2px solid #2675B8;
width:130px;
height:100px;
}
.tableau_dossiers{
border-collpase:collapse;
}
.tableau_fichiers_colonnes{
border-collpase:collapse;
font-family:verdana;
font-size:12px;
font-weight:bold;
color:#2675B8;
border-bottom:1px solid #2675B8;
text-align:center;
padding-bottom:10px;
padding-top:15px;
}
.tableau_fichiers_lignes{
padding-left:5px;
border-collpase:collapse;
font-family:verdana;
font-size:12px;
border-right:1px solid #FF6600;
text-align:left;
}

.tableau_admin_lignes1{
padding-left:5px;
border-collpase:collapse;
font-family:verdana;
font-size:12px;
border-right:1px solid #efefef;
text-align:left;
background:#dcdcdc;
padding-top:15px;
}
.tableau_admin_lignes2{
padding-left:5px;
border-collpase:collapse;
font-family:verdana;
font-size:12px;
border-right:1px solid #dcdcdc;
text-align:left;
background:#efefef;
padding-top:15px;
}

.tableau_admin_lignes3{
padding-left:5px;
border-collpase:collapse;
font-family:verdana;
font-size:11px;
border-right:1px solid #efefef;
text-align:left;
background:#dcdcdc;
padding-top:10px;
}
.tableau_admin_lignes4{
padding-left:5px;
border-collpase:collapse;
font-family:verdana;
font-size:11px;
border-right:1px solid #dcdcdc;
text-align:left;
background:#efefef;
padding-top:10px;
}

.login{
font-family:verdana;
font-size:14;
font-weight:bold;
margin-right:30px;
}

.erreur{
font-family:verdana;
font-size:13;
font-weight:bold;
color:red;
text-align:justify;
}

.input{
font-family:verdana;
font-size:12;
color:#333;
background-color:#ffffff;
border:1px solid #636363;
margin-bottom:8px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                  Identification                                                          */
/*--------------------------------------------------------------------------------------------------------------------------*/

.connexion{
float:left;
margin:-38px 0 0 340px;
position:absolute;
}

#ident{
margin:0px 0 0 0;
padding:0;
font-size:12px;
text-align:right;
color:#C00;
width:150px
}

div#conteneur-mdp-oubli{
width:350px;
float:left;
margin:10px 0 0 85px;
}

#lien_mdp a{
font-style:italic;
font-size:10px;
color:#85888f;
}

#lien_mdp a:hover{
color:#093d76;	
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                      Page RECHERCHE			                                            */
/*--------------------------------------------------------------------------------------------------------------------------*/


div#recherche-centre, div#liste-projets{
width:990px;
max-height:440px;
margin:0px;
overflow:auto;
scrollbar-face-color:#004A99;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#004A99;
scrollbar-3dlight-color:#004A99;
}

div#conteneur-liste-projets{
height:400px;
margin:0px;
padding:10px;
}

div#conteneur-recherche{
float:left;
height:400px;
width:466px;
margin:0px;
padding:10px;
}
div#conteneur-recherche h3{
color:#093d76;
}

#recherche-centre .resultat-recherche{
font-size:12px;
color:#636363;
}

/*#recherche-centre .resultat-recherche a{
color:#D35019;
text-decoration:none;
}

#recherche-centre .resultat-recherche a:hover{
color:#636363;
cursor:pointer;
}*/

.reponse{
color:#093D76;
font-size:13px;
}
 
.texte-recherche{
margin:0px;
padding:0px;
}

.texte-recherche2{
margin:0px;
padding:0px;
color:#1a1a1a;
}

.texte-recherche2 img{
margin:0px;
padding:0;
}

.texte-recherche2 a{
color:#7d7d7f;
font-style:italic;
text-decoration:underline;
}

.texte-recherche2 a:hover{
color:#1A1A1A;
cursor:pointer;
}

.date-recherche{
font-style:italic;
font-size:10px;
text-decoration:underline;
float:right;
color:#7d7d7f;
}

.img-recherche{
float:left;
margin:5px;
padding:0;
}

div#recherche-operations{
float:left;	
margin:10px 0 0 10px;
padding:0;
width:466px;

}
div#recherche-operations h3{
color:#093d76;
}

div#recherche-actualites{
float:left;	
margin:10px 0 0 10px;
padding:0;
width:466px;
}
div#recherche-actualites h3{
color:#093d76;
}
div#recherche-actualites-conteneur{
float:left;	
padding:0;
width:466px;
}
.obligatoire{
color:red;
font-weight:bold;
font-size:12px;
float:right;
margin-right:57px;

}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                             ACTUALITES                                                   */
/*--------------------------------------------------------------------------------------------------------------------------*/
#listeActus {
width:990px;
margin:0px 10px 0 0;
max-height:450px;
overflow:auto;
scrollbar-face-color:#004A99;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#004A99;
scrollbar-3dlight-color:#004A99;
}

div#conteneur-toutes-actualites{
width:865px;
float:left;
margin:10px 0 0 85px;
max-width:865px;
}

div#conteneur-actualites-centre{
width:890px;

/*min-height:120px;*/
}

.titre-actus-centre{
font-size:12px;
font-weight:bold;
color:#6ab023;
}

h2.titre-actualites-centre{
color:#6ab023;
padding:1px 0 1px 0;
margin:0;
width:290px;
margin:0 0 0 30px;
}

h2.titre-presentation{
color:#005EA8;
padding:0;
margin:8px 0 0 0;
font-size:13px;
}

h2.titre-presentation a{
color:#005EA8;
text-decoration:none;
}

h2.titre-presentation a:hover{
color:#85888F;
}

.date-actus-centre{
font-style:italic;
font-size:10px;
text-decoration:underline;
float:right;
color:#7d7d7f;
}

.texte-actus-centre{
width:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 0 0 30px;

}

.texte-actus-centre a{
color:#7d7d7f;
font-style:italic;
text-decoration:underline;

}

.texte-actus-centre a:hover{
color:#1A1A1A;
cursor:pointer;
}

.image-actus{
float:left;
max-width:100px;
margin:2px -5px 5px -35px;
}

.image-actus-droite{
float:right;
max-width:100px;
margin:5px 5px 5px 0;
border:1px solid #F9B200;
}

.ecart-puce {
margin-right:3px;
}

div#conteneur-toutes-actualites hr, div#conteneur-bibliotheque hr{
width:400px;
color:#85888F;
}

#publication-gauche{
width:380px;
height:110px;
float:left;
margin:0 30px 0 0;
margin-bottom:20px;
}

#publication-gauche-archives{
width:380px;
height:110px;
float:left;
margin:0 30px 0 0px;
margin-bottom:20px;
}

.texte-publication{
color:#000;
font-size:11px;
padding:5px;
}

.texte-publication a:hover{
color:#1A1A1A;
}

.titre-publication{
color:#10792D;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.titre-publication-soc{
color:#D35019;
font-size:11px;
font-weight:bold;
}


ul#listepages
{
text-align:center;
color:#636363;
font-weight:bold;
list-style-type:none;
padding:0;
}
ul#listepages li
{
display:inline;
margin: 0.3em;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                         Mentions légales                                                */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#scroll-zoom-mentions{
width:500px;
max-height:210px;
margin-left:60px;
overflow:auto;
scrollbar-face-color:#004A99;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#004A99;
scrollbar-3dlight-color:#004A99;
}

#conteneur-zoom-mentions{
height:200px;
width:360px;
padding:5px;
margin:0 0 0 20px;
float:left;
}

.texte-zoom-mentions{
width:480px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}

#centre-zoom-mentions{
height:210px;
width:420px;
}

.texte-mentions{
color:#636363;
}

.texte-mentions a{
color:#093D76;
text-decoration:underline;
cursor:pointer;
}

.texte-mentions a:hover{
color:#333;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                         une actualite                                                */
/*--------------------------------------------------------------------------------------------------------------------------*/
/*h2.titre-uneactualites-centre{
color:#000;
padding:1px 0 7px 0;
margin:0;
width:390px;
margin:0 0 0 80px;
}

.texte-uneactus-centre{
width:380px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 0 0 90px;
}

div#conteneur-uneactualites-centre{
width:890px;
margin:70px 0 0 150px;
min-height:120px;
}*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                          BLOC ACTUS HAUT                                                 */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#actualites-accueil{
width:200px;
height:105px;
margin:35px 0 0 17px;
}

.titre-actualites{
color:#333;
padding:1px 0 1px 0;
margin:0;
}

h2.titre-actualites-menu{
color:#000;
padding:1px 0 1px 0;
margin:0;
}

div#actualites{
width:195px;
height:112px;
float:left;
padding:0 3px 0 0;
margin:1px 0 0 2px;
}

div#conteneur-actualites{
width:185px;
height:auto;
margin:0px 3px 0px 3px;
}

.titre-actus, .titre1{
color:#333;
font-weight:bold;
font-size:12px;
}

.date-actus{
font-style:italic;
font-size:10px;
}

.texte-actus, .titre2{
color:#333;
font-size:11px;
margin:0;
width:195px;
}

.texte-actus a{
color:#E95E29;
font-style:italic;
}

.texte-actus a:hover{
color:#1A1A1A;
}

.liresuite, .liresuite a{
color:#005EA8;
font-style:italic;
text-decoration:underline;
}

.liresuite a:hover{
color:#1A1A1A;
}

.toutes-les-actus{
margin:5px 5px 0 20px;
}

.toutes-les-actus, .toutes-les-actus a{
color:#85888F;
font-weight:bold;
font-size:11px;
}

.toutes-les-actus a:hover{
color:#262626;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              ZOOM ACTUALITES                                             */
/*--------------------------------------------------------------------------------------------------------------------------*/
#conteneur-zoom-actualites{
height:478px;
width:640px;
background:url(../images/milieu/popup-bg.jpg) no-repeat;
}

#haut-zoom-actualites{
height:61px;
width:640px;
}

#bouton-fermer{
height:9px;
width:45px;
position:absolute;
margin:9px 0 0 581px;
}

#centre-zoom-actualites{
height:260px;
width:640px;
}

#conteneur-zoom-image{
height:170px;
width:170px;
margin:17px 0 0 0px;
float:left;
}

div#scroll-zoom-actualites{
width:350px;
max-height:180px;
margin:0px;
overflow:auto;
scrollbar-face-color:#004A99;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color:#FFF;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#004A99;
scrollbar-3dlight-color:#004A99;
}

#conteneur-zoom-texte{
height:170px;
width:300px;
padding:5px;
margin:0 0 0 20px;
float:left;
}

.texte-actus-zoom{
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}
.texte-actus-zoom a{
color:#7d7d7f;
font-style:italic;
text-decoration:underline;

}

.texte-actus-zoom a:hover{
color:#1A1A1A;
cursor:pointer;
}

#conteneur-zoom{
height:180px;
width:520px;
padding:10px 60px 5px 60px;
}

#bouton-imprimer{
height:64px;
width:72px;
position:absolute;
margin:0px 0 0 262px;
}


#bas-zoom-actualites{
height:157px;
width:640px;
}

#piedpage-zoom-actualites{
height:157px;
width:640px;
position:absolute;
margin:127px 0 0 0px;
}

.texte-piedpage3{
font-size:11px;
color:#FFFFFF;
text-align:center;
padding:1px 0 0 0;
margin:0;
}

.texte-piedpage3 a{
color:#FFFFFF;
text-decoration:none;
}

.texte-piedpage3 a:hover{
color:#333;
}

.navigation{
position:absolute;
top:600px;
float:left;
margin: 0 0 0 460px;

}
.navigation a{
color:#093D76;
text-decoration:none;
}

.navigation a:hover{
color:#85888f;
}

.actif{
color:#85888f;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                             Pied de page                                                 */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#piedpage{
width:990px;
height:22px;
margin:0;
padding:0;
}

.texte-piedpage{
font-size:11px;
color:#FFFFFF;
text-align:center;
padding:1px 0 0 0;
margin:0;

}

.texte-piedpage a{
color:#FFFFFF;
text-decoration:none;
background-image:url(../images/arobase-blanc2.png);
}

.texte-piedpage a:hover{
color:#333;
background-image:url(../images/arobase-gris2.png);
}

div#piedpage2{
width:990px;
height:22px;
margin: 0px 0 0 0 ;
}

.texte-piedpage2{
font-size:11px;
color:#333;
text-align:center;
padding:1px 0 0 0;
margin:0;
}

.texte-piedpage2 a{
color:#333;
text-decoration:none;
}

.texte-piedpage2 a:hover{
color:#093D76;

}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                   QTIP demo css                                                          */
/*--------------------------------------------------------------------------------------------------------------------------*/

.target {
width:15px;
height:15px;

text-align: center;
display: block;
float: left;
margin:0 0 0 30px;
}

.source {
/*clear: both;*/
}