@import url(style.css);

/* HACK IE6 */
* html .accueil #actus {
	margin-right: 0px;
}
* html .accueil #destineo {
	margin-right: 0px;
}

#wrapper{
	height: 194px;
}

body {
   background: #8dc73f url(../voyageur/charte-graphique/bg-body.png) repeat-x center top;
}

#contents {
	padding:5px 0 10px 0;
}
#masque_chapitre{
	background : transparent  url(../voyageur/charte-graphique/masque.png) no-repeat top left;
	width:990px;
	height:105px;
	position:absolute;
	top:352px;
	left:0px;
	z-index:5000;
}
#banner {
	height:453px;
}
#image_chapitre {
	height:405px;
	margin:48px 0 0 0;
	height: 390px;
}

#footer {
	padding: 0px;
	clear: both;
}
#footer{
	background: none;
	padding:0px;
	text-align:center;
	width:970px;
	padding: 20px 10px 0px 10px;
	margin: 0 auto;
	background:transparent url(../voyageur/charte-graphique/contenu-bas.gif) no-repeat top center;
}
#logo2 {
}

/***********************************************************/
/*                                  Boite Outils                                  */
/***********************************************************/

#header2{
	z-index: 5000;
	/*overflow: hidden;*/
	float: left;
	/*margin-left: 674px;*/ margin: 0;
	margin-bottom: 20px;
	position: relative;
	width:100%
}

#boite_outils {float: right;}

#boite_outils a{
	display:block;
	width:25px;
	height:25px;
	float:left;
	color:black;
	text-align:center;
	text-indent: -9999px;
	margin-right: 7px;
}
#boite_outils ul li{
	list-style:none;
	float:left;
}
#boite_outils #menuserviceMeteo a{background: transparent url(../homegene/charte-graphique/icon-meteo.png) no-repeat top center;}
#boite_outils #menuserviceNL a{background: transparent url(../homegene/charte-graphique/icon-newsletter.png) no-repeat top center;}
#boite_outils #menuserviceRss a{background: transparent url(../homegene/charte-graphique/icon-facebook.png) no-repeat top center;}
#boite_outils #menuserviceGoodies a{background: transparent url(../homegene/charte-graphique/ico-goodies.gif) no-repeat top center;}
#boite_outils #menuserviceGoodies{display: none;}


#conteneur{
	min-height: inherit;
}
#page, 
#conteneur, 
#footer, 
#wrapper {
	background:none;
}
#conteneur{
	background-color:#8dc73f;
	margin-left:0;
}
#destineo, #plans, #fichehoraires, #actus{
	float: left;
}
#plans{
	margin-right: 30px;
width: 289px;
}
#fichehoraires{
	width:289px;
}
#actus{
margin-right: 30px;
margin-left: 10px;
width: 300px;
}
#actus h2 {
	background: url("charte-graphique/titre-actus.png") no-repeat scroll 0 0px transparent;
	height: 58px;
	margin: 0;
	width: 250px;
}
#actus h3 {
	margin: 0;
}
#actus h3 a {
margin: 0;
color: black;
font-size: 14px;
display: block;
padding-top: 5px;
text-transform:uppercase
}
#actus p {
margin: 0;
color: black;
}
#actus h2 span {
	display: none;
}
#actus .news-latest-item{
height: 36px;
overflow: hidden;
padding-left: 15px;
margin-left:1px;
width: 250px;
}
#actus .news-latest-date {
display: block;
float: left;
width: 36px;
text-align: center;
font-weight: bold;
font-size: 13px;
color: black;
overflow: hidden;
line-height: 38px;
height: 38px;
margin-right: 15px;
}
#actus .news-latest-item img{
	display: none;
}
#actus .actusInner {
	background: url("../voyageur/charte-graphique/actus-bg.png") no-repeat scroll 0 0px transparent;
	position: relative;

	padding-top: 4px;
	height: 130px;
}
	#actus h1{
		line-height:53px;
		margin:0;
		padding:0 0 0 35px;
		color:white;
		font-size:19px;
	}


		
/* DESTINEO*/
#destineo{
	width:326px;
	background: url(../voyageur/charte-graphique/destineo.png) no-repeat center top;
	padding-top:18px;
	height: 170px;
	margin-right: 15px;
}
#destineo label{
	float:none;
}
#destineo input{
	font-size:.8em;
}
#destineo br{
	display:none;
}
#destineo h3{
	margin:0;
}
#destineo input, #destineo select{
	margin-right:3px;
}
#destineo select#dmb_sens{
max-width: 110px;
}
#destineo #dmb_dep_point, #destineo #dmb_arr_point{
	width:170px;
}
#destineo #dmb_dep_ville, #destineo #dmb_arr_ville{
	width:100px;
}
#divprinc{
	position: relative;
}
#destineo #valider{
	background:url("../voyageur/charte-graphique/violet/valider.gif") no-repeat scroll center top transparent;
	bottom:0;
	height:25px;
	position:absolute;
	right:20px;
	width:80px;
	margin:0;
	text-align:center !important;
	font-weight:normal;
}

/***** [ ecrans etroits ] *****/
@media (max-width: 1000px) {
#page, #conteneur, #wrapper, #masque_chapitre, #footer,#footer #lien-pousse a, #not_nested {width: 660px;}
#image_chapitre {width: 660px;}
#not_nested {left: 0;text-align: center;top: 100px;}
#image_chapitre {top: 90px;}
#masque_chapitre {top: 430px;}
#menusites{top: 200px;}
#conteneur {top: 100px;}
/*#conteneur, #footer {position: relative;}*/
.accueil #fichehoraires {float: none;display: block;}
}


/***** [ Mobile - low res ] *****/
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {

#page, #conteneur,.accueil #conteneur, #wrapper, #footer,#footer #lien-pousse a, #not_nested {width: 400px;}
#logo, #logo2 {top: 60px;}
#logo, #logo2, #logo2 a {position: relative;}
#logo a {top: 100px; left:200px;}

#menusites {position: absolute; top: 0; background: none; width: 400px; height: 50px;}
#menusites #menuSiteVoyageur, #menusites #menuSiteTAD, #menusites #menuSiteScolaire {position: relative; float: left; width: 30%; top: 0; height: 50px;}
#menusites #menuSiteVoyageur a, #menusites #menuSiteTAD a, #menusites #menuSiteScolaire a {display: block; width: 30%; color: white; font-weight: bold;text-align: center;font-size: 14px; line-height: 1em; padding:1em; }
#menusites ul li span {display: inline;}
#menusites #menuSiteVoyageur {background: #64114A;}
#menusites #menuSiteTAD {background: #73C5E4;}
#menusites #menuSiteScolaire {background: #F98A00;-moz-box-shadow: 0 0 35px #A25700 inset, 0 0 10px #A25700 inset;  -webkit-box-shadow: 0 0 35px #A25700 inset, 0 0 10px #A25700 inset;  box-shadow: 0 0 35px #A25700 inset, 0 0 10px #A25700 inset;  }

#not_nested {left: 0;position: relative; text-align: center;top: 100px;}
#not_nested .first_level li {display: block;float: none;height: 30px;margin: 0; padding: 0;width: 400px; font-size: 18px;}
#not_nested .first_level li a {color: #333!important; width: 400px!important; text-align: left!important; display: block; margin: 0!important; padding: 3px 10px!important; line-height: 18px!important;}
#not_nested .first_level li#orange1 {background: #EA9D4F;}
#not_nested .first_level li#orange2 {background: #FF7800;}
#not_nested .first_level li#bleu {background: #52B5AE;}
#not_nested .first_level li#verfonce {background: #149A0A;}
#not_nested .first_level li#vertclair {background: #8DC73F;}

#wrapper {position: relative; top: 150px;}
#footer{display: none;}
#menu-dltools{display: none;}

#banner,#masque_chapitre, #header2 {display: none;}
#image_chapitre {display: none;}
#destineo, #actus {float: none;display: block;}
.accueil #plans, .accueil #fichehoraires {display: none;}

}

 .ui-footer .ui-icon {
     top : 5px ;
     height : 24px!important ;
     width : 24px!important ;
     background-size : 24px 24px ;
     background-position : 50% 50% ;
     background-repeat : no-repeat ;
     border-radius : 0 ;
     margin-left : -11px ;
 }

 .ui-footer .ui-btn-text {
     font-size : 9px ;
 }

 #toolbar-page1 .ui-icon {
     background : url ( http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/glyphish-icons/08-chat.png ) ;
 }

 #toolbar-page2 .ui-icon {
     background : url ( http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/glyphish-icons/23-bird.png ) ;
 }

 #toolbar-page3 .ui-icon {
     background : url ( http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/glyphish-icons/117-todo.png ) ;
 } 
.home_alert {
	width:50px;
	margin-left:230px;
	position:absolute;
	top:370px;
	left:-210px;
	z-index:5001;
}

.tel_scolaire {float: left; line-height: 2em; color: #fff; font-weight: bold;font-size: 1.2em;margin-left: 40px;margin-top: 0.4em; margin-right: 50px;}
.tel_scolaire span {font-size: 2em;}
.tel_scolaire a {color: #fff; text-decoration: underline;}