/* STRUCTURE BODY*/

.zone1 { border:#000000 1px solid; display:block;}

	body {
	margin-top:0px;

	padding: 0;

	/*background: #032450 url(../img/fond_transdev.jpg) repeat-x;*/
	/*background: #5f7491 url(../img/fond_transdev.jpg) repeat-x;*/
	
	/*background: #ececec;*/
	
	background: url(../img/fond_gris.png) repeat-x;
	/*background:#FFFFFF;*/

	font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

	font-size : 12px;

	color : #5B5B5B;

	}



/*SQUELETTE */



	div#container1_0 {

	margin:auto;

	width:968px;

	height: auto;

	background: transparent url(../img/ombre_droite.png) repeat-y right;

	}

	

	div#container1_1 {

	margin:auto;

	width:968px;

	height: auto;

	background: transparent url(../img/ombre_gauche.png) repeat-y left;

	}

	

	div#container2 {
	margin:auto;
	width:940px;
	height: auto;
	background: white url(../img/fond_nav.jpg) repeat-y left;

	}

	

		

	/* HEADER */

	

   #header {
	width:940px;
	height:250px;
	}

   #header_150 {
	width:940px;
	height:150px;
	}

   #header_admin {
	width:940px;
	height:84px;
	background: white url(../img/bandeau_transdev_admin.jpg);
	}

	#titre_info {
	width:180px;
	height:90px;
	position:relative;
	top:20px;
	left:700px;

	}

	#titre_info_archive {
	width:180px;
	height:90px;
	position:relative;
	top:20px;
	left:240px;

	}

	

	/* MIDDLE HOME*/

	

	#menu_left {
	float:left;
	width:210px;
	height: auto;
	background: transparent;
	margin-top: 5px;

		}



	#content_home {
	width:490px;
	height: auto;
	margin:auto;
	margin-top:45px;
	background: white;
	float:right;
	text-align: center;

	}

	

    #info_right {
	width:240px;
	height: auto;
	background: white;
	float: right;
	margin-top: 100px;

	}

	

	#page {
	width:700px;
	height: auto;
	background: white;
	float: left;
	margin-top: 30px;
	margin-left: 25px;

	}

	#page_archives {
	width:700px;
	height: auto;
	background: white;
	float: left;
	margin-top: 50px;
	margin-left: 25px;

	}

	#page_carte {
	width:710px;
	height: auto;
	background: white;
	float: left;
	margin-top: 25px;
	margin-left: 10px;

	}

	

	#page_contact {
	width:670px;
	height: auto;
	background: white;
	float: left;
	margin-top: 30px;
	margin-left: 25px;
	padding-left: 25px;

	}

	

	/* FOOTER */



   #footer {

   width:940px;

   height:55px;

   clear:both;

   background: white url(../img/fond_nav.jpg) repeat-y left;
   
   border-bottom:solid 1px #cccccc;
   
   margin-bottom:15px;

   font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

   font-size:10px;

   color: #5B5B5B;

   text-align:center;

   letter-spacing:0px;

   }

   
   #bulle{position:absolute;background-color:#00387e;display:none;width:auto;height:auto;border:1px solid #ffffff; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px;font-family:"Trebuchet MS",tahoma;font-size:12px;color:#ffffff;}

   /* PROPRIETE DU CONTENU */

  .question {
    font-size: 16px;
	color: #006699;
	font-weight:bold;
  }

  h2 {

    font-size: 20px;

	color: #00782C;

  }

  

  h2.contact {

     font-size: 20px;

	color: #3FA1D1;

  }

  

  h1 {

    font-size: 15px;

	font-weight: bold;

	color: #0086BE;

  }

  

  p {

	

  }

 .infobulle{
	position: absolute;
	visibility : hidden;
	border: 1px solid #ffffff;
	padding: 5px;
	font-family: "Trebuchet MS",Verdana, Arial;
	font-size: 12px;
	color:#ffffff;
	background-color: #064274;
	z-index: 100;
}

 .info_titre_loupe {
 background:url(../img/puce_loupe.gif) no-repeat center left;
 padding-left:25px;
 text-decoration: none;
 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;
 font-size: 12px;
 color: #006699;
 } 
 .info_titre_loupe:hover {
 color: #000000;
 } 

 .info_titre_loupe_25 {
 background:url(../img/bp_11.png) no-repeat center left;
 padding-left:35px;
 height:25px;
 text-decoration: none;
 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;
 font-size: 18px;
 color: #006699;
 } 
 .info_titre_loupe:hover {
 color: #000000;
 } 

 
 .info_titre_reseaux {
 text-decoration: none;
 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;
 font-size: 12px;
 color: #006699;
 } 

 .info_titre {
 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;
 font-size: 14px;
 color: #003B79;
 text-decoration: none;
 }

 .info_titre_plus {
 background:url(../img/puce_plus.gif) no-repeat center left;
 padding-left:25px;
 text-decoration: none;
 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;
 font-size: 14px;
 color: #003B79;
 }


 .info_titre_bold {

 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

 font-size: 14px;

 font-weight:bold;

 color: #003B79;

 }

 

 .info_titre a{

 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

 font-size: 14px;

 color: #003B79;

 }



  .info_date {

 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

 font-size: 10px;

 color: #5B5B5B;

 }

 

  .info_texte {

 font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

 font-size: 12px;

 color: #5B5B5B;

 }

 

 .alerte {

	color:red;

	font-weight: bold;

}

 

 .text_field_rub3 {
	font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 12px;
	color: #5B5B5B;
	border: 1px solid #8FC8E4;
	background: #DCEFF6;

 }

 

  .text_field_rub1 {

    font-family: "Trebuchet MS",Myriad, Arial, Helvetica, Verdana, sans-serif, Geneva;

	font-size: 12px;

	color: #5B5B5B;

	border: 1px solid #62AD7E;

	background: #DAECE0;

 }

 

 .info_flash{

	margin-bottom:5px;	

	margin-top:5px;	

}


/* light box */

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-color: #000000;
	z-index:10;
	opacity:0.4;
	filter: alpha(opacity=40);
	/*display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 150%;
	background-color: #ffffff;
	z-index:10;
	opacity:1;
	filter: alpha(opacity=100);*/
}


#box 
{
	display: none;
	position: absolute;
	top: 0px;
	left: auto;
	right: auto;
	width: auto;
	height: auto;
	/*padding: 45px 20px 20px 20px;*/
	padding: 0px 0px 0px 0px;
	margin-top: 60px;
	margin-left: 40px;
	/*border-right: 2px #333333 solid;
	border-bottom: 2px #333333 solid;
	border-left: 1px #333333 solid;
	border-top: 1px #333333 solid;*/
	/*background-color: #ffffff;*/
	z-index:101;
	overflow: none;
}

/*#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:100%;
	height:21px;
	padding-top:5px;
	border-bottom: 2px solid #666666;
	background-color:#FFFF33;
	color: #000000;
	text-align:center;
}*/

#boxtitle{background: url(../img/contentPattern.png) repeat; height:25px; color:#FFFFFF;}
#boxclose
{
	float:right;
	position:absolute;
	top: 15px;
	right: 15px;
	background-image:url(../img/close.gif);
	background-repeat:no-repeat;
	background-color:#cccccc;
	border:1px solid black;
	width:20px;
	height:20px;
	z-index:500;
}

div.pp_top .pp_left{background: url(../img/sprite.png) -88px -53px no-repeat;}
div.pp_top .pp_middle{background: url(../img/contentPattern.png) repeat;}
div.pp_top .pp_right{background: url(../img/sprite.png) -110px -53px no-repeat;}
div.pp_content{background: url(../img/contentPattern.png) repeat; color:#FFFFFF;}
div.pp_menu{background: url(../img/contentPattern.png) repeat; height:25px;}
div.pp_next:hover{background: url(../img/btnNext.png) center right no-repeat;cursor: pointer;}
div.pp_previous:hover{background: url(../img/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.pp_expand{background: url(../img/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.pp_expand:hover{background: url(../img/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.pp_contract{background: url(../img/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.pp_contract:hover{background: url(../img/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.pp_close{width:75px;height:22px;background: url(../img/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.pp_arrow_previous{background: url(../img/sprite.png) 0 -71px no-repeat;}
div.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.pp_arrow_next{background: url(../img/sprite.png) -22px -71px no-repeat;}
div.pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
div.pp_bottom .pp_left{background: url(../img/sprite.png) -88px -80px no-repeat;}
div.pp_bottom .pp_middle{background: url(../img/contentPattern.png) repeat;}
div.pp_bottom .pp_right{background: url(../img/sprite.png) -110px -80px no-repeat;}
div.pp_loaderIcon{background: url(../img/loader.gif) center center no-repeat;}

.pp_top{height:20px;position: relative;}
* html .pp_top{padding:0 20px;}
.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_top .pp_middle{left:0;position: static;}
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}

.pp_bottom{height:20px;position: relative;}
* html .pp_bottom{padding:0 20px;}
.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_bottom .pp_middle{left:0;position: static;}
.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}

