@import url(backoffice.css);


/*========================================= 
Comment layouts
=========================================*/

a{
	text-decoration:none;

}

ul{
        margin:0;
        padding:0;
}

li{
       padding:0; margin:0;

}

#page{
     width:100%;
     margin-top:8px;
}
#header, #footer, #principal{
	margin:auto;
	width:1005px;
}

#menuhaut, #menubas{
	width:991px;
	margin:auto;
}

#header_bord{
        position:absolute;
}

#header{
	background: transparent;
	height:184px;
}

#header_bord img{

     cursor:pointer;

}

#principal{
	background: transparent url(../images/page_bg.png) repeat-y 0 0;
}

#footer{
	background: transparent url(../images/footer.png) no-repeat 0 0;
	height:70px;
}

#menuhaut, #menubas{
	text-align:right;
	color:#783B05;
}

#menuhaut a, #menubas a{

	color:#783B05;
	font-size:13px;
}



#content{

	margin:10px 0 0 10px !important;
	margin:10px 0 0 0px;

	width:760px;

}


.ongletHaut{
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	position:relative;
        display:inline; 
	height:38px;
}

.oneline{
	line-height:38px;
}

.twoline{
	line-height:10px;
        position:relative;
        top:8px
}

#menu11{
	background:transparent url(../images/1_services.png) no-repeat 0 0px;
        width:111px;
}
#menu60{
	background:transparent url(../images/2_jeunessesport.png) no-repeat 0 0px;
        width:113px;
}
#menu12{
	background:transparent url(../images/3_culture.png) no-repeat 0 0;
        width:110px;
}
#menu13{
	background:transparent url(../images/4_economieemploi.png) no-repeat 0 0;
        width:113px;
}
#menu14{
	background:transparent url(../images/5_habitat.png) no-repeat 0 0;
        width:111px;
}
#menu15{
	background:transparent url(../images/6_transports.png) no-repeat 0 0;
        width:111px;
}
#menu16{
	background:transparent url(../images/7_bistrots.png) no-repeat 0 0;
        width:111px;
}

#ongletshauts{
        position:relative;
        top:144px;
        left:216px;
	height:45px;
        width:780px;

}

/*Onglets de gauches*/

.menu_titre_gauche .titre_gauche{
      border-bottom:solid 1px;
      font-style:italic;
      text-align:right;
      color:#783B05;
      font-size:1.2em;
      font-weight:bold;
      
}


#ongletsgauches .menu_titre_gauche{

      margin: 0 0 2px 3px;
      width:172px;
}

#ongletsgauches .border_menu{
      border-left:1px solid;
      height:286px;
      margin:-286px 0 0 2px;
      position:relative;
      width:2px;}

#ongletsgauches .fin_menu_gauche{
      border-top:1px solid;
      margin:0 0 0 2px;
      width:198px;

}
#menu19{
	background:transparent url(../images/7_territoire.png) no-repeat right top;
}
#menu20{
	background:transparent url(../images/8_missions.png) no-repeat right top;
}
#menu18{
	background:transparent url(../images/9_projet.png) no-repeat right top;
}
#menu21{
	background:transparent url(../images/10_emploi.png) no-repeat right top;
}
#menu22{
	background:transparent url(../images/11_batir.png) no-repeat right top;
}
#menu23{
	background:transparent url(../images/12_financement.png) no-repeat right top;
}
#ongletsgauches{
	margin:0 0 0 11px;
	width:210px;	
}

.ongletGauche{
	height:40px;
	width:185px;
	font-size:12px;
	font-weight:bold;
	position:relative;
        line-height:38px;
        list-style-type:none;
        text-indent:15px;
}

/***********ACTUALITES***************/

.pays, .chez{
     height:305px;
     overflow:auto;
     width:211px
}
.pays{
     margin-right:5px;
}
.chez{
   /*  margin-left:10px;*/
}
.actualites{
     margin:35px 0 0 5px;
}
.titre_actus{
     margin-top:5px;
     font-weight:bold;
}
.lib_actus{
    margin:3px 0 0 17px;
}

.actualites p{
     margin:0px;
     padding:0px
}

.plusinfo{
     font-weight:bold;
}

.zoomactu{

     border:solid 2px;
     padding:10px;
     background:#FFF0E0;

}

.titrezoomactu{

     font-weight:bold;

}

.vignette_actu{
     width:140px;
     border-right: solid 5px #ed7807;
     margin-right:20px;
	 margin-top:7px;
}

.text_actu .date{
     font-weight:bold;
}
.text_actu .titre{
     font-weight:bold;
     color: #ed7807;
}
.text_actu .fichier{
     font-weight:bold;
     font-style:italic;
}

.liste_actu{
width:590px;
}

.text_actu p{
padding:0; margin:0;
}

.date_actu{

     font-style:italic;
     font-size:10px;
}

.lieu{
      
      font-size:1em;
      color:#783B05;
}
/************CINEMA*************/
.cinema{
       background:transparent url(../images/cadres.png) repeat scroll 0px -622px;
       height:271px;
       width:192px;
       margin:36px 0 0 6px;
}

.pos_cinema{
margin-top:17px;
text-align:center;


}
.pos_cinema span{
font-size:14px;
line-height:21px;

}

.pos_cinema a.sous-titre{
     margin-top:3px;
     color: #f67914;
     font-weight:bold;
}
#ma_liste{

     margin:auto;
}

.ma_liste{
    margin-right:15px;
    margin-bottom: 20px;

}

#content_right{
margin-right:10px;
text-align:justify;
}


/*****************SOUS-MENU*******************/
.sous-menu{

     width:502px;
}

.top_sousmenu{

    background:transparent url(../images/haut-menu.png) no-repeat 0px 0px;
    height:18px;width:505px;
}

.middle_sousmenu{
background:transparent url(../images/mil-menu.png) repeat 0px 0px;
width:505px;
}

.bottom_sousmenu{
    background:transparent url(../images/bas-menu.png) no-repeat 0px 0px;
    height:18px;width:505px;
    margin-bottom:10px;
}


/**************CHAPEAU MENU************************/
.top_chapeau{

     background:transparent url(../images/cadres.png) no-repeat -464px -8px;
     width:229px;
     padding-top:14px;
}

.chapeau{

     margin-left:20px;

}

.text_chapeau h3{

      color:inherit;
}
/***************************************************/

.vignette{
     width:80px;
     height:80px;
     text-align:center;
    margin-left:10px;
}

.vignette img {

     margin-top:14px;

}

.text_menu{
     width:165px;
     padding-left:10px;
     height:79px;

}

.tableau_menu{

     margin:23px 0 0 2px;

}

.text_chapeau{
     margin:15px 10px 0px 10px;
     text-align:justify;
     padding-bottom:5px;
}
.bottom_chapeau{

     background:transparent url(../images/cadres.png) no-repeat -464px -591px;
     width:229px;
     height:34px;

}

.chapeau p{
    margin-bottom:0
}

.sous-sous-menu {

     font-size:13px;
}

.sous-sous-menu a{
     color:#F67914;
}

.text_sous-menu{
     margin-top:5px;
    position:relative;
    top:19%;
}




fieldset {

     border:solid 2px;
     width:500px;
     margin:auto;
    padding:5px;

}

legend{

     font-weight:bold;

}
input{

     border:solid 1px #783B05;

}
textarea{

     border:solid 1px #783B05

}

.posBouton{

     width:100%;
     text-align:right;

}

.posBouton a{

     background:#783B05 none repeat scroll 0 0;
     border:1px solid #FFFFFF;
     color:#FFFFFF;
     padding:5px;
     text-decoration:none;
}

.posBouton a:hover{

     background:#ffffff none repeat scroll 0 0;
     border:1px solid #783B05;
     color:#783B05;
}

.retourmessage{

     color:#bb0000;
     text-align:center;
     font-weight:bold;
     text-align:center;
     line-height:40px;
}

/***************RECHERCHE ACTEURS CULTURELS********************/

.tableau_acteurs{

    margin: 20px 0 0 0;

}

.tableau_acteurs .entete{

    color:#ffffff;
    background:#783B05;
    font-weight:bold;
    line-height:33px;
    text-align:center;
}

.acteurs_disciplines{
     width:350px;
}

.acteurs_territoires{
     width:225px;
}

.tableau_acteurs .cellule{

    width:246px;
    overflow:hidden;
   padding: 0 0 0 5px;

}

.tableau_acteurs .corps .cellule{

     line-height:52px;    border: dashed 1px;

}

.tableau_acteurs .corps .cellule img{

     width:32px;
     margin:5px;

}

#map_canvas{
       height: 450px;
}

.map_canvas{
       height: 450px;
       border:dashed 1px;
}

#acteurs_detail{
      width:600px;
}

#map_canvas_detail{
      width: 300px;
       height: 200px;
      border:dashed;
}


#container_acteurs{

 
}

/**SLIDE**/

#header_slide {
height:157px;
overflow:hidden;
position:absolute;
width:780px;
z-index:-1;
margin-left:217px;
}

.territoires{
 text-align:left;

}

/*****flux*******/
.flux{
font-size:10px;
padding-left:20px;
background:transparent url(../images/feed-icon-16.gif) no-repeat 0 0;

}

/*********tableau 3 instances************/

.libelle-instances{
     display: none;
}

/*********3 axes************/

#axeglobaltext{
     display: none;
}

/*********MENU**********/
.menus{

    font-size:17px;
    font-weight:bold;

}

/**PROGRESSBAR**/
#progressbar{
      background: transparent url(../images/wait.gif) no-repeat 0 0;
      height:300px;
}

/**MAP LISTE**/
a.detailMap:hover > div{
      color:orange;
}

/*******CARTO********/
#carto .ui-accordion .ui-accordion-content{
      padding:0 0 10px 5px;
}

#carto .categ{
 border:none
}

/************ TABLEAU 3 INSTANCES ************************/
#instance_principale{
     height:500px;
     width:760px;
     color:#552809;
}

.instance_gauche{

    width:624px;
    font-weight:bold;

}

.instance_droit{

    width:136px;

}

.tab1{

   width:624px;
   height:60px;
   background:transparent url(../images/tab1.png) no-repeat 0 0;
   cursor:pointer;
   text-align:center;
   padding-top:30px;
}
.tab2{

   width:136px;
   height:108px;
   padding-top:40px;
   background:transparent url(../images/tab2.png) no-repeat 0 0;
   text-align:center;
 
}
.tab3{

   width:482px;
   height:47px;
   padding-left:213px;
   background:transparent url(../images/tab3.png) no-repeat 0 0;
   cursor:pointer;
   padding-top:10px;
   text-align:center;



}
.tab4{

   width:624px;
   height:61px;
   background:transparent url(../images/tab4.png) no-repeat 0 0;
   cursor:pointer;
   padding-top:26px;
   text-align:center;

}
.tab5{

   width:136px;
   height:186px;
   padding-top:85px;
   background:transparent url(../images/tab5.png) no-repeat 0 0;
  text-align:center;


}
.tab6{

   width:624px;
   height:54px;
   background:transparent url(../images/tab6.png) no-repeat 0 0;
   cursor:pointer;
   padding-top:26px;
   text-align:center;

}
.tab7{

   width:111px;
  
   background:transparent url(../images/tab7.png) no-repeat 0 0;
   cursor:pointer;
   text-align:center;
   padding-top:35px; 
   height:69px;

}
.tab8{

   width:100px;
   height:78px;
   padding-top:26px;
   background:transparent url(../images/tab8.png) no-repeat 0 0;
   cursor:pointer;
  text-align:center;

}
.tab9{

   width:100px;
   height:78px;
   padding-top:26px;
   background:transparent url(../images/tab9.png) no-repeat 0 0;
   cursor:pointer;
  text-align:center;

}
.tab10{

   width:100px;
   padding-top:35px; 
   height:69px;
   background:transparent url(../images/tab10.png) no-repeat 0 0;
   cursor:pointer;
  text-align:center;

}
.tab11{

   width:100px;
   padding-top:35px; 
   height:69px;
   background:transparent url(../images/tab11.png) no-repeat 0 0;
   cursor:pointer;
  text-align:center;

}
.tab12{

   width:113px;
   height:78px;
   padding-top:26px;
   background:transparent url(../images/tab12.png) no-repeat 0 0;
   cursor:pointer;
  text-align:center;

}
.tab13{

   width:624px;
   height:48px;
   background:transparent url(../images/tab13.png) no-repeat 0 0;
   cursor:pointer;
  text-align:center;
   padding-top:33px;

}
.tab14{

   width:136px;
   height:48px;
   padding-top:33px;
   background:transparent url(../images/tab14.png) no-repeat 0 0;
  text-align:center;

}

.popup_instance{

    width:600px;
    border:solid 1px;
   padding:10px;
}
/************ FIN TABLEAU 3 INSTANCES ************************/

/************ organigramme ************************/
.org1{
 
   width:251px;
   height:632px;
   background:transparent url(../images/org1.png) no-repeat 0 0;
}
.org2{
 
   width:255px;
   height:632px;
   background:transparent url(../images/org2.png) no-repeat 0 0;
}
.org3{
 
   width:241px;
   height:632px;
   background:transparent url(../images/org3.png) no-repeat 0 0;
}
/************ Fin organigramme ************************/

/**Images des contents**/
#content img {
     border:1px solid;
}

/*DIVERS EFFETS*/
.accordion, .ma_liste{
     display:none;
}


/**FENETRE DE CONNEXION**/
#fconnex img{
        border:none;
}
#fconnex .label{
	width:130px;
	font-weight:bold;
	font-size:16px;


}
#fconnex .label2{
    width:185px;
    font-weight:bold;
    font-size:16px;
}
#fconnex fieldset {
	padding: 1em;
	border: 2px solid ;
	margin: 0 0 15px 15px;
	display: block;
        width:380px;
}

#fconnex fieldset legend {
	padding: 4px;
	margin-bottom: 5px;
	font-weight:bold;
	font-size:16px;
}

#fconnex input {

	border:solid 1px ;
	font-size:11px;
}

#fconnex .posBouton, #fconnex2 .posBouton2{
	height:41px;
	width:129px;
	margin:auto;
	cursor:pointer;
}


#fconnex .posBouton{
	background:transparent url(../images/identifie.jpg) no-repeat 0 0;
}

#fconnex .posBouton2{
	background:transparent url(../images/envoyer.jpg) no-repeat 0 0;
}

#fconnex .posBouton2:hover{
	background:transparent url(../images/envoyer.jpg) no-repeat 0 -45px;
}
#fconnex .posBouton:hover{
	background:transparent url(../images/identifie.jpg) no-repeat center -45px;
}

#fconnex .login{
      font-size:0.7em;
      font-weight:bold;
}

#page_theme_14 fieldset{
	width:auto;
	border:none;
	padding:5px;
	margin-bottom:10px;
	background:#fff;
}