/*********************************/

/*                               */

/* Site Internet de l'Agenda 21  */

/*                               */

/* Feuille de style              */

/* Mairie de Toulouse            */

/* Direction de la Communication */

/* Pole Internet                 */

/* Pierre Humbert                */

/* Philippe Jaur                 */

/*                               */

/*********************************/



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

balises html

*/

html {

  overflow: auto;

}

/*Styles generaux */

body {

  margin: 0px;

  padding: 0px;

  /*background-color: #AAC4D6;*/
  
  background: #0674b4 url(../images/backgrounds/degrade.jpg) repeat-x;

  color: #000;

  font-size: 80%;

  line-height: 1.6em;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  text-align: center; /*bug IE*/

}

h1, h2, h3, h4, h5, h6{

  font-family: "Trebuchet MS", sans-serif;

}



h1{font-size: 1.5em;}

h2{font-size: 0.9em;}

h3{font-size: 1.3em;}

h4{font-size: 1.2em;}

h5{font-size: 1.1em;}

h6{font-size: 1em;}



#main h1 {

  border-bottom: 1px;

  border-bottom-color:#CCCCCC;

  border-bottom-style: dashed;

  padding-bottom: 10px;

  }

  









/**************************************FICHES PRATIQUES****************************************/



#fiches {

}



.titrefiche {

display: block;

background: url(../images/puces/fichespratiques_logo.gif) no-repeat 0px 8px;

font-size: 15px;

font-family: verdana;

height: 80px;

padding-left: 35px;

padding-top: 19px;

border-bottom: 1px;

margin-bottom: 20px;

margin-top: -25px;

}



.numerofiche {

width: 50px;

font-size: 9px;

color:#FF9900;

border: 1px;

padding-bottom: 3px;

}



h1.specialFiche {

background: url(../images/puces/fichespratiques_logo_small.gif) no-repeat 0px 0px;

height: 25px;

}



#fiches2 {

}

  

  

  

#fiches2.titrefiche {

display: block;

background: url(../images/puces/fichespratiques_logo_fiche2.gif) no-repeat 0px 8px;

font-size: 15px;

font-family: verdana;

height: 80px;

padding-left: 35px;

padding-top: 19px;

border-bottom: 1px;

margin-bottom: 20px;

margin-top: -25px;

}



#fiches2.numerofiche {

width: 50px;

font-size: 9px;

color:#FF9900;

border: 1px;

padding-bottom: 3px;

}



#fiches2 h1{

background: url(../images/puces/fichespratiques_logo_fiche2_small.gif) no-repeat;

background: #00ff00;

height: 25px;

}



#fiches3 {

}



#fiches3.titrefiche {

display: block;

background: url(../images/puces/fichespratiques_logo_fiche3.gif) no-repeat 0px 8px;

font-size: 15px;

font-family: verdana;

height: 80px;

padding-left: 35px;

padding-top: 19px;

border-bottom: 1px;

margin-bottom: 20px;

margin-top: -25px;

}



#fiches3.numerofiche {

width: 50px;

font-size: 9px;

color:#FF9900;

border: 1px;

padding-bottom: 3px;

}



#fiches3 h1{

background: url(../images/puces/fichespratiques_logo_fiche3_small.gif) no-repeat;

background: #00ff00;

height: 25px;

}



#fiches {

}



/*******************************************TEXTE ENCADRE****************************************/





#texteintro {

  border : 1px;

  border-style: solid;

  border-color:#FFCC33;

  padding: 10px;

  text-align : justify;

  background-color: #F7F7F7;

  color: #000000;

  /*font-style: italic;*/

  -moz-border-radius: 10px;

}

/**************************************9*********************************************************************/



#main li {

  /*display : block; */

  background: url(../images/puces/main_h2_puce_grise.gif) no-repeat 0px 8px;

  list-style-type: none;

  text-align : justify;

  list-style-position: outside;

  margin: 0px 0px 5px 0px; 

  padding-left: 12px;

}



pre, code{

  font-size: 1em;

  font-family: Trebuchet MS;

}



pre{

  width: 100%;

  overflow: auto;

  border: 1px solid #CCC;

}



fieldset{

  border: none;

}



label{

  cursor: pointer;

  cursor: hand;

}



.field label{

  display: block;

}



input,textarea{

  border: 1px solid #999;

}



textarea{

  width: 100%;

  font-size: 1em;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



.hidden{

  display: none;

}



a{

  color: #0674b4;

  text-decoration: none; 

}



a:visited{

  color: #0674b4;

}



a:hover{

  text-decoration: underline;

}



.left{

  float: left;

  margin-right: 1em;

}



.right{

  float: right;

  margin-left: 1em;

}



hr {

color:#FFCC00;

margin-top: -10px;

margin-left: 0px;

}



hr.gris {

color: #CCCCCC;

margin-top: -15px;

margin-left: 0px;

}

 

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

balises personnalisees

*/

/*page*/

#page{

  display: block;

  width: 799px;

  height: 680px;

  margin: 0px auto 0px auto;

  text-align: left; /*bug IE*/

}

#prelude{

  display: none;

}



/*************************************************LOGO MAIRIE*************************************************/

#preentete {

  display: block;

  float: left;

  height: 30px;

  width: 799px;

  margin: 10px 0px 2px 0px;

  padding: 0px; 

  background: url(../images/logos/logomairie.gif) no-repeat right;

}

#preentete a {

  display: block;

  float: right;

  height: 30px;

  width: 200px;

  border: none;

}

#preentete a span {

  display: none;

}

/******************************************************ENTETE**********************************************************/

#entete{

  display: block;

  /*z-index:1;*/

  float: left;

  height: 211px;

  width: 799px;

  margin: 0px;

  padding: 0px;

  background: url(../images/backgrounds/header_bg.jpg) no-repeat;

}

#entete forum{

  display: block;

  /*z-index:1;*/

  float: left;

  height: 160px;

  width: 832px;

  margin: 0px;

  padding: 0px;

  background: url(../images/backgrounds/header_bg.gif) no-repeat;

}



#entete h1{

  display: block;

  float: left;

  margin: 0px;

  padding: 0px;

  width: 660px;

}

#entete h1 a{

  display: block;

  height: 160px;

  width: 660px;

  margin: 0px;

  padding: 0px;

}

#entete h1 a span{

  display: none;

}



/*****************************************************MENU DE NIVEAU 1********************************************************/

#menu{

  display: block;

  float: left;

  margin: 0px;

  padding: 10px 0px 0px 0px;

  background: url(../images/backgrounds/content_bg.gif) repeat-y;

}

#menu ul{

  display: block;

  float: left;

  width: 844px;

  height: 29px;

  margin: 0px;

  padding: 0px 0px 0px 15px;

  background: url(../images/menus/menu_Ul_Bg_3.gif) no-repeat;

}

#menu ul li{

  display: block;

  float: left;

  width: 120px;

  height: 28px;

  margin: 0px 1px 0px 0px;

  padding-top: 0px;

  background: url(../images/menus/menu_Li_bg.gif) repeat-x;

  text-align: center;

}

#menu ul li.accueil{
	width:65px;
}

#menu ul li.plan{
	width:90px;
}

#menu ul li.actu{
	width:110px;
}

#menu ul li.action{
	width:115px;
}

#menu ul li.ressources{
	width:85px;
}

#menu ul li.semaine{
	width:225px;
}

#menu ul li.actif{

  font-family: verdana, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 10px;

  color: #0674B4;

  padding-top: 1px;

}

#menu ul li a{

  width: 120px;

  /*height: 29px;*/

  padding: 0px;

  margin: 0px 5px 5px 0px;

  font-family: verdana, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 10px;

  color: #868686;

  text-decoration: none;

}

#menu ul li a:hover{

  color: #FFFFFF;

}



#menu ul li a:active{

  color: #FFFFFF;

}



/**************************************************SOUS MENUS Mouse over *********/

#menu ul li span {

  margin:0px;

  padding:0px;

  display: none;

  position: absolute;

  margin-top: 20px;

  background-position:bottom left;

  text-align: left;

  border: 1px solid #EEEEEE;
  
  /margin-top:25px;
  /margin-left:-224px;
  
  z-index:1;

}

#menu ul li span ul{

  display: block;

  height: auto;

  padding:0;

  padding-bottom:5px;

  margin: -14px 0 0 0;

  width: 240px;

  background: #34A1EC;
  
  /margin:0;

}

#menu ul li span ul li{

  display: block;

  margin : 0px 20px 0px 8px;

  padding: 0px 0px 0px 10px;

  height: auto;

  list-style-type: none;

  text-align: left;

  float: none;

  background: url(../images/puces/menu_sub_fleche_bleue.gif) no-repeat 0px 7px;

}

#menu ul li span ul li a{

  display: block;

  padding: 0px;

  margin: 0px;

  height: 18px;

  font-family: verdana, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 10px;

  color: #ffffff;

  text-align: left;

  text-decoration: none;

  white-space:nowrap;

}

#menu ul li span ul li a:hover{

  float: none;

  color: #00000d;

  font-weight: bold;

}


/**************************************************MENU DE NIVEAU 2****************************************/

#subMenu {

  display: block;

  float: left;

  width: 100%;

  margin: 0;

  padding: 0px 0px 0px 45px;

  background: url(../images/backgrounds/content_bg.gif) repeat-y;

}

#subMenu ul {

  display: block;

  float: left;

  height: 20px;

  width: 600px;

  margin : 0;

  padding: 0;

  background: url(../images/menus/menu_sub_Ul_Bg.gif) no-repeat;



} 

#subMenu ul li {

  display: block;

  float: left;

  height: 20px;

  font-size: 10px;

  margin : 0px 20px 0px 8px;

  padding: 0px 0px 0px 10px;

  background: url(../images/puces/menu_sub_fleche_bleue.gif) no-repeat 0px 7px;

}

#subMenu ul li a{

  font-family: verdana, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 10px;

  color: #ffffff;

  text-decoration: none;

  margin: 0;

}

#subMenu ul li a:hover{

  color: #00000d;

  font-weight: bold;

}



/***********************************************************MENU FONCTIONS SPECIALES************************************************/



#menuSpecial {

  overflow: visible;

  display: block;

  float: right;

  position: relative;

  top: 30px;

  right: 20px;

  width: 140px;

  height: 180px;

  margin-top: -180px;

  padding-left: 5px;

  background: url(../images/menus/menu2_Ul_Bg.gif);

}

#menuSpecial ul {

    background: url(../images/backgrounds/menu2_Ul_Bg.gif);

  margin-top: 5px;

}

#menuSpecial ul li {

  display: block;

  float: right;

  width: 110px;

  height: 36px;

  margin-top: 4px;

  margin-right: 12px;

  padding: 0px 8px 0px 8px;

  background-repeat: no-repeat;

}

* html #menuSpecial ul li {/*correction ie*/

  margin-right: 5px;

}

#menuSpecial ul li a {

  display: block;

  height: 36px;

  width: 113px;

  border: none;

}

#menuSpecial ul li a span{

  display: none;

}

#menuSpecial ul li.forum a{ background-image: url(../images/menus/menuSpecial_li_forum.gif);}

#menuSpecial ul li.contact a{ background-image: url(../images/menus/menuSpecial_li_contact.gif);}

#menuSpecial ul li.newsletter a{ background-image: url(../images/menus/menuSpecial_li_newsletter.gif);}

#menuSpecial ul li.glossaire a{ background-image: url(../images/menus/menuSpecial_li_ressources.gif);}

#menuSpecial ul li.forum a:hover{ background-image: url(../images/menus/menuSpecial_li_forum_over.gif);}

#menuSpecial ul li.contact a:hover{ background-image: url(../images/menus/menuSpecial_li_contact_over.gif);}

#menuSpecial ul li.newsletter a:hover { background-image: url(../images/menus/menuSpecial_li_newsletter_over.gif);}

#menuSpecial ul li.glossaire a:hover{ background-image: url(../images/menus/menuSpecial_li_ressources_over.gif);} 









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





#contenu {

  display: block;

  float: left;

  width: 799px;

  padding: 0px;

  margin: 0px;

  background: url(../images/backgrounds/content_bg.gif) repeat-y;

}







/**********************************************************MAIN*************************************************/

#contenu #main{

  display: block;

  float: left;

  width: 520px;

  padding: 10px 0px 0px 25px;

}

#contenu #main h1{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #868686;

  margin-bottom: 30px;

  padding-left: 22px;

  padding-top: 30px;

  background: url(../images/puces/main_h1_puce_bleue.gif) no-repeat 0px 31px;

  }
  
  
#contenu #main h1.calendrier{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #868686;

  padding-top: 30px;

  }

  

#contenu #main h1.titreGlobal{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #868686;

  margin-bottom: 30px;

  padding-left: 22px;

  padding-top: 30px;

  background: url(../images/puces/main_h1_puce_bleue.gif) no-repeat 0px 30px;

  }

#contenu #main h1.contact{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #868686;

  margin-bottom: 30px;

  padding-left: 22px;

  padding-top: 30px;

  background: url(../images/puces/main_h1_puce_rose.gif) no-repeat 0px 30px;

  }

#contenu #main h1.newsletter{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #868686;

  margin-bottom: 30px;

  padding-left: 22px;

  padding-top: 30px;

  background: url(../images/puces/main_h1_puce_bleue.gif) no-repeat 0px 30px;

}



#contenu #main p{

  font-family: Verdana, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: normal;

  color: #333333;

  text-align: justify;  

}



#contenu #main p.special{

  font-family: Verdana, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: normal;

  color: #333333;

  text-align: justify;

  padding-left: 15px;

  background: url(../images/puces/menu_sub_fleche_bleue.gif) no-repeat 0px 7px;

}



#contenu #main .lireSuite {

  font-weight: bold;

  color: #0674B4;

  padding-left: 14px;

  margin-left: 5px;

  background: url(../images/puces/lire_suite_bleu.gif) no-repeat 0px 2px;

}



#contenu #main .lireSuite:hover{

  text-decoration: underline;

}



#contenu #main p.post-info-co{

  font-weight: bold;

  color: #0674B4;

}



#contenu #main p.post-info-co a{

  color: #0674B4;

  font-weight: normal;

}



#contenu #main p.post-info-co a:hover{

  text-decoration: underline;

}



#contenu #main p.post-info{

  color: #0674B4;

}



#contenu #main p.post-info a{

  color: #0674B4;

  font-weight: normal;

}



#contenu #main p.post-info a:hover{

  text-decoration: underline;

}



/*****************************************************SIDE*******************************************/





#side{

  float: right;

  width: 170px;

  padding-bottom: 1em;

  margin-right: 20px;
  /margin-right: 10px;

  margin-top: 30px;

  text-align: center;

}



/******************************************************PIED DE PAGE****************************************************/

#pied {

  display: block;

  float: left;

  width: 832px;

  height: 75px;

  margin: 10px auto 0px auto;

  padding: 0px;

  background: url(../images/backgrounds/footer_bg.gif) no-repeat;

}

#pied a{

  display: block;

  /*float: left;*/

  width: 250px;

  height: 40px;

  margin: 25px 0px 0px 300px;

  }

#pied a span{

  display: none;

}





#menubottom {

  float: right;

  width: 200px;

  margin: 0px ;

  }



#menubottom a {

  float: right;

  font-size: 10px;

  float: left;

  width: auto;

  height: auto;

  margin: 0px;

  padding-left: 15px;

  text-decoration: none;

}

#menubottom a:hover {

  font-size: 10px;

  font-weight: bold;

  color: #333333;

}





/*******************************************************RUBRIQUE LIENS*******************************************/



#liens li {

  

  width: 150px;

  padding-left: 15px;

  background: url(../images/puces/liens_li_puce_orange.gif) no-repeat 0px 5px;

  list-style-type: none;

  }

  

#liens li a{

  display: block;

  font-family: verdana, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 10px;

  color: #868686;

  text-decoration: none;

  margin: 0;

  

}



#liens li a:hover{

  font-weight: bold;

  font-size: 10px;

  color: #000000;

  

}







/******************************************/

/*#dates ul {

  float: left;

  display: block;

  margin: 0;

}



#dates li{

  font-family: verdana, Helvetica, sans-serif;

  display: block;

  width: 520px;

  padding-left: 15px;

  margin: 0; 

  background: url(../images/puces/liens_li_puce_orange.gif) no-repeat 0px 5px;

  list-style-type: none;

  }/*

  

  

  

  

  

  

  

/****************************************SCHEMAS DD & AGENDA TOULOUSAIN*******************************/





#frise_dd {



  width: 570px;

  height: 700px;

  margin: 0;

  background: url(../images/schemas/frise_dates_dd_2.jpg) no-repeat ;

  border-style: solid;

  border-width: 1px;

  border-color: #999999;

  

  }

  

  

/*#frise_agenda21 {

  width: 600px;

  height: 200px;

  margin: 0;

  background: url(../images/schemas/Sans titre-1.swf) no-repeat ;

  border-style: dashed;

  border-width: 1px;

  border-color: #999999; */

  

  

  

  

  

/***********************************************************PAGE LIENS*************************************************/







#liens a {

  cursor: pointer;

}



#texteliens {

  width: 150px; 

  display: block; 

  float: left; 

  margin: 0px 0px 0px 0px; 

}



/*#logos {

display: block;

float: right;

margin: 0px 0px 0px 200px;

width: 350px;

height: 260px;

}*/





/*************************************************ASSOCIATIONS********************************************************/

#listeassociations {

  width: 500px;

  float: left;

  

  }

#listeassociations dt{

  width: 500px;

  padding-left: 15px;

  background: url(../images/puces/menu_sub_fleche_bleue.gif) no-repeat 0px 7px;

}



#listeassociations dd {

  width: 500px;

  font-style: italic;

  font-size: 11px;

  display: block;

  text-align: left;

  margin: 0;

  margin-bottom: 20px;

}



#inscription {

  padding-left: 22px;

  background: url(../images/puces/icone_inscription.gif) no-repeat 0px 2px;

  border: 1px;

  border-style: solid;

  font-style: italic;

  font-size: 11px;

  border-color:#FFCC00;

  margin-bottom: 25px;

  }

  



  

  

/**********************************************FORMULAIRE DE CONTACT*********************************************/



#main fieldset.validation {

  display: block; 

  width: 350px;

  margin: 0px 0px 0px 0px;

}



#main input.validation {

  margin: 0px 0px 0px 0px;

  display: inline;

  float: left;

  border-weight: 1px;

  border-style: solid;

  width: 80px;

}



#main input.reset {

  margin: 0px 0px 0px 0px;

  display: inline;

  float: left;

  border-style: none;

  border-style: solid;

  width: 90px;

}



#main input {

  display: block; 

  background-color:#CCCCCC;

  margin: 0 50px 0px 0px;

  border-style: dashed;

  width: auto;

}



#main input.checkbox {

  float: left;

  margin: 5px;

  padding: 0;

  border: none;

  background: none;

}



#main input#sending {

  display: block; 

  background-color: #FF9900;

  margin: 0 50px 0px 10px;

  border-style: solid;

  width: 150px;

}



#main legend {

  display: block;

  width: 250px;

  font-family: trebuchet ms;

  font-size: 18px;

  color:#FF9900;

  float: left;

  margin: 10px 0px 0px -5px ;

  background: url(../images/puces/menu_sub_fleche_bleue.gif) no-repeat 0px 17px ;

  padding-left: 12px;

  padding-top: 10px;

}



#main textarea.adresse {

  display: block;

  -moz-border-radius: 0px 7px 0px 7px;

  -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;

  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;

  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;

  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;

  border-color:#CCCCCC;

  width: 350px;

  height: 80px;

}



#main textarea.message {

  display: block;

  -moz-border-radius: 0px 10px 0px 10px;

  -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;

  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;

  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;

  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;

  border-color:#CCCCCC;

  width: 350px;

  height: 200px;

}



/***********************************************DOCS DE REFERENCE**********************************************************/



/*special docs*/

#contenu #documents{

  display: block;

  float: left;

  margin: 60px 0px 0px 40px;

  padding: 0px;

}



#main #docList h1.titreDoclist{

background: url(../images/puces/main_h1_puce_bleue_SMALL.gif) no-repeat 10px 36px;

}



#docList{

  display: block;

  float: left;

  width: 580px;

  overflow: auto;

  padding: 0px;

}



#docList li a {

  display: block; 

  margin-left: 10px;

}



#docList li{

  display: block; 

  background: url(../images/puces/menu_sub_fleche_bleue.gif) no-repeat 10px 6px;

}



#docList h2{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  font-weight: bold;

  color: #FF9900;

}



#docList h3{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #FF9900;

}



#docList ul{

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: normal;

  color: #FF9900;

}



#docList ul li{

  list-style: none;

}



#docList ul li a{

  color: #333333;

  text-decoration: none;

}



#docList ul li a:hover{

  color: #999999;

  text-decoration: underline;

}

/*********************** contenu accordion ************************************/

#accordion_couleur{
	background-color:#E0E0E0;
	padding:10px;
	margin:15px 0 15px 0;
}