@import url(styles/_elements.css);
@import url(styles/structure.css);

@import url(styles/navigation_elements.css);
@import url(styles/form.css);
@import url(styles/boxes.css);
@import url(styles/styles_destineo.css);
/*
@import url(http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/account.css);
@import url(http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/catalog.css);
@import url(http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/styles/publication_methods.css);
@import url(styles/contextualisation.css);
*/
/*
@import url(http://www.scolaire.anjoubus.fr/fileadmin/templates/anjoubusv2/scolaire/search.css);
*/


hr{
	border:0 none;
	clear:both;
	height:0;
	line-height:0;
	padding:0;
	visibility:hidden;
}
* {
    text-decoration: none;
    font-style: normal;
	outline: 0px;
    padding: 0px;
    border: 0px;
    margin: 0px;
}

body {
   background: #8dc73f url(../voyageur/charte-graphique/bg-body-interne.png) repeat-x center top;
	color: #3F3F40;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	/*padding-top: 15px;*/
}

img {
    vertical-align: bottom;
    border: 0px;
}

.clear {
    visibility: hidden;
    line-height: 0px;
    padding: 0px;
    border: 0px;
    height: 0px;
    clear: both;
}


/***** [ 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;}*/
}


/***** [ 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;}


}