/** 960 Grid System : 24 col
--------------------------------------------------------------------------*/
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


body {
	margin: 0;
   background: #fff url(../images/bg_body.gif) 50% 40px repeat-x;
}


/** Default photo body background
--------------------------------------------------------------------------*/	
#page_wrapper{
	background: transparent url(../images/bg_photo_home.jpg) 50% 40px no-repeat;
}

/** specific photo body background
--------------------------------------------------------------------------*/
body.administration{ background-image: url(../images/bg_body_administration.gif);}
.administration #page_wrapper{ background-image:url(../images/bg_photo_2.jpg);}

body.colleges{ background-image: url(../images/bg_body_colleges.gif);}
.colleges #page_wrapper{ background-image:url(../images/bg_photo_5.jpg);}

body.sante-scolaire{ background-image: url(../images/bg_body_sante-scolaire.gif);}
.sante-scolaire #page_wrapper{ background-image:url(../images/bg_photo_3.jpg);}

body.transports{ background-image: url(../images/bg_body_transports.gif);}
.transports #page_wrapper{ background-image:url(../images/bg_photo_4.jpg);}

body.parascolaire{ background-image: url(../images/bg_body_parascolaire.gif);}
.parascolaire #page_wrapper{ background-image:url(../images/bg_photo_5.jpg);}


/** block
--------------------------------------------------------------------------*/
#header {
	position: relative;
	width: 960px;
	height: 331px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	position: absolute;
	top: 98px;
	left: 5px;
	width: 227px;
	height: 113px;
}

#content {
	position: relative;
	margin-top: 23px;
}

#grid_submenu {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	width: 245px;
}

#content_text {
	margin-left: 30px;
	margin-right: 0;
	width: 680px;
}

#footer {
	position: relative;
	margin-top: 20px;
	padding-top: 6px;
	padding-bottom: 40px;
	border-top: 1px solid #a7a7a7;
	width: 960px;
}
#footer ul {
	
}
#footer ul li {
	float: left;
	display:block;
	margin-right: 15px;
}
#footer li a{
	text-decoration: none;
	padding-bottom: 1px;
}
#footer li a:hover, #footer li.active a{
	text-decoration: none;
	border-bottom: 1px solid #5d5d5d;
}

#footer p#copyright {
	position: absolute;
	right: 0px;
	top: 3px;
	margin: 0;
}
#footer #logo_as{
  position:absolute;
   right: 0px;
   top: 30px;  
  height:10px;
  background: url('../images/logo_antistatique_net.png') 0 0px no-repeat;
  cursor: pointer;
  padding:0;
  padding-left:24px;
  text-transform: uppercase;
  font: 11px Arial, Verdana, sans-serif;
  text-decoration:none;
  color:#aeaeae;
}
#footer #logo_as:hover{
   color:#e2007a;
   background-position:0 100%;
}


/** Menu % Access menu 
--------------------------------------------------------------------------*/
#menu_access {
	position: absolute;
	top: 0;
	right: 5px;
	width: 960px;
	height: 48px;
}

#menu_access ul {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#menu_access ul li {
	float: left;
	display: block;
	margin-left: 28px;
	padding-bottom: 12px;
}
#menu_access ul li.first{
	margin-left: 0;
}
#menu_access ul li.active, #menu_access ul li:hover {
	background: transparent url(../images/access_item_arrow.png) 50% bottom no-repeat;
	display: block;
}

#menu {
	position: absolute;
	bottom: 0;
	height: 48px; /* 40px + arrow height */
	width: 960px;
}
#menu li {
	float: left;
	display: block;
	height: 48px;
	background: #fff url(../images/menu_item_arrow.png) left bottom no-repeat;
}
#menu li a {
	display: block;
	height: 40px;
	line-height: 40px;
}
#menu li.administration { background-color: #1b88a6; width:210px; /* 195px */ }
#menu li.colleges {       background-color: #8aa626; width:160px; /* 160px */ }
#menu li.sante-scolaire {          background-color: #5c5a78; width:210px; /* 200px */ }
#menu li.transports {      background-color: #d45566; width:180px; /* 165px */ }
#menu li.parascolaire {   background-color: #f2b861; width:200px; /* 240px */ }
#menu li.active, #menu li:hover {
	background-image: url(../images/menu_item_arrow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}



ul#submenu {
	padding-top: 10px;
	padding-bottom: 10px;
}
ul#submenu li {
	display: block;
}
ul#submenu li a{
	display: block;
	height: 32px;
}
ul#submenu ul.level3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
ul#submenu ul.level3 li{
	display: block;
}
ul#submenu ul.level3 li a {
	display: block;
	height: 22px;
}

/** Slider -general-
-----------------------------------------------------------------------------*/
.block_slider {
	position: relative;
	height: 170px;
	margin-top: 20px;
	background-color: #eee;
}
.block_slider h4{
	font-size: 16px;
	padding-top: 20px;
	margin-left: 25px;
	margin-bottom: 20px;
}
.block_slider .slider {
	position: absolute;
	top: 53px;
	overflow: hidden;
	height: 110px;
	width: 564px;
	margin-left: 55px;
	margin-right: 60px;
}
.block_slider .slider .items {
	position: absolute;
	width: 20000em;
}
.slider .item {
	float: left;
}
.slider .item a {
	float: left;
	position: relative;
	display: block;
	height: 120px;
	cursor: pointer;
	text-decoration: none;
	color: #5d5d5d;
}
.slider .item a:hover {
	color: #888;
}
.slider .item a .label {
   font-size:12px;
 position: absolute;
   top: 80px;
   left: 0;
	font-weight: bold;
   text-align: center;
   width: 100%;
   -width: auto;
   -padding-left:20px;
}
.block_slider .left, .block_slider .right {
	position: absolute;
	top: 85px;
	cursor: pointer;
	background-image:transparent;
   width: 49px;
	height: 45px;
	background: url('../images/slider_arrow.gif') no-repeat 0 0;
}
.block_slider .left {
	left: -4px;
}
.block_slider .right {
	right: -4px;
	background-position:0 -45px;
}
.block_slider .left:hover {background-position:0 -90px;}
.block_slider .right:hover {	background-position:0 -135px;}
.block_slider .left:active {background-position:0 -180px;}
.block_slider .right:active {	background-position:0 -225px;}

.block_slider .left.disabled, .block_slider .right.disabled {
	cursor: default;
}

/* Transports */
.info_resp{
   padding:10px 10px 0 10px;
   background-color:none;
   background:none;
   font-size:12px;
}

#transports_intro{
	width: 680px;   
   border-bottom:1px solid #e69da6;
   margin-bottom:20px;
   padding-bottom:80px;
   padding-left:280px;
   position:relative;
}
#transports_intro h1{
   margin:0;
}
#transports_intro #intro_content{

}
#transports_intro #map_logo{
   position:absolute;
   width:200px;
   height:112px;
   bottom:10px;
   left:20px;
   background: url('../images/icon_map.png') 0 0 no-repeat;
   display:block;
   z-index:99;
}
#transports_intro #map_logo b{
   display:none;
}
#input_box form{
   
}
#input_box #query_label{
   font-size:18px;
   color:#d45566;
   position:absolute;
   width:150px;
   left:280px;
   top:18px;
   display:block;
}
#input_box #query{
   font-size:18px;
   position:absolute;
   width:350px;
   left:440px;
   padding:3px;
   top:15px;
   display:block;
   border: 1px solid #F96378;
}
#input_box #geocoder{
   font-size:18px;
   color:#fff;
   background-color:#d45566;
   position:absolute;
   width:130px;
   left:810px;
   padding:3px;
   top:15px;
   display:block;
   border:1px solid #d45566;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;   
   cursor: pointer;
}
#input_box #geocoder:hover{
   background-color:#F96378;
   border:1px solid #F96378;
}

#transports_intro #input_box{ 
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#faefef;
}
#map_transport {
	display: block;
	height: 700px; 
	background-color: #ddd;
	width:685px;
}

#poi_detail_container .type_a{
    background:#d45566 url('../images/icon_flag_pink.png') no-repeat 15px 15px;
}
#poi_detail_container .type_b{
    background:#d45566 url('../images/icon_flag_purple.png') no-repeat 15px 15px;
}
#poi_detail_container .type_c{
   background: #8aa626 url('../images/icon_college.png') no-repeat 15px 15px;
   
}
#poi_detail{
    padding:18px 15px 15px 56px;
    margin:15px 0 0 0;
    color:#fff;
}
#poi_detail h2{
    color:#fff;
    font-size:24px;
    line-height:1.1em;
}
#poi_detail a{
    color:#fff;
    text-decoration:none;
}
#poi_detail p{
    font-size:14px;                    
    line-height:1.1em;
}
#poi_detail p.coordonnee{
   margin:5px 0;
    font-size:10px;                    
}
/* map legende */
#map_legende h2{
    background-color:#e69da6;
    color:#fff;
    padding:5px 20px;
}
#map_legende{
    background-color: #f1eeef;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
}
#map_legende ul li {
	display: block;
	position:relative;

}
#map_legende ul li.type_a label {
   background-image: url('../images/icon_flag_pink.png');
}
#map_legende ul li.type_b label {
   background-image: url('../images/icon_flag_purple.png');
}
#map_legende ul li.type_c label {
   background-image: url('../images/icon_college.png');
}
#map_legende ul li label{
   cursor:pointer;
	background-position: 28px 6px ;
	background-repeat: no-repeat;
	display: block;
/* height: 18px;;*/
	padding:12px 4px 16px 66px;
	background-color: #fbfcf8; 
	border-bottom: 1px solid #e3a8b0; 
}
#map_legende ul li label:hover{
	background-color: #f7ecec;    
}
#map_legende ul li input{
    position:absolute;
    left:5px;
    top:16px;
}




/* Slider in layout homepage */
#block_home_slider {
	width: 960px;
}
.block_slider.home .slider {
	width: 844px;
}

/* Slider in layout normal_slider */
.block_slider.normal {
	width: 680px; 
}
#content.debug {
	background: #fff url(../images/24_col.gif) repeat-y;
}

.block_slider.normal .slider .item span {
	
}