@charset "UTF-8";
/* CSS Document */

/* background */
body {
	/* ligne pour le menu déroulant pour ie6 */
	behavior: url("scripts/csshover3.htc");
	margin: 0;
	padding: 0;
	background-image: url(../img/background.jpg);
	background-color: #e3f4fa;
	background-repeat:no-repeat;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
}
#all {
	width: 989px;
	height: 520px;
	z-index: 0;
	margin: 0 auto;
}
#sep {
	float: left;
	display: inline;
	width: 20px;
	height: 480px;
}
/* image centrale partie du haut */
	#img_centre1 {
		background-image: url(../img/img_centre1.png);
		background-repeat:no-repeat;
		width: 641px;
		height: 86px;
		margin: 0 auto;
	}
	/* image centrale partie du bas */
	#img_centre2 {
		background-image: url(../img/img_centre2.png);
		background-repeat:no-repeat;
		width: 641px;
		height: 312px;
		margin: 0 auto;
	}
#alertes {
		text-align: center;
		padding-top: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
	
a.link_modal {
	text-decoration: underline;
	color: #cccccc;
}

#logo_nowooo {
	background-position: left;
	background-repeat: no-repeat;
	width: 688px;
	padding-top: 25px;
	margin: 0 auto;
	background-color: #FFFFFF;
	background-image: url(../img/nowooo.jpg);
	background-position: center bottom;
}
	
/*
	MENU
*/
#sep_centre {
	width: 288px;
	height: 50px;
}
#menu_all {
	/*width: 640px;*/ /* taille initiale avec les deux item en plus */
	width: 460px;
	height: 36px;
	margin-top: 30px;
	margin-left: 150px; /* a supprimer si item en plus */
}
#menu_gauche {
	float: left;
	display: inline;
	width: 17px;
	height: 36px;
	background-image:url(../img/menu_gauche.jpg);
}
#menu_droite {
	display: inline;
	float: left;
	width: 17px;
	height: 36px;
	background-image:url(../img/menu_droit.jpg);

}
#menu_conteneur_ul {
	width: 700px;
	float:left;
	display: inline;
}
/*
	MENU
*/

#barre1 {
	/* width: 700px; */ /* taille initiale avec deux item en plus */
	/*width: 420px;*/
	height: 28px;
	margin: 0 auto;
	background-color: #7ab51b;
	float: left;
}
.item {
	background-color: #79b61d ;
	color: 
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	/*width: 140px;*/
	height: 36px;
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
}
.item:hover {
	background-color: #4b7801 ;
}
#block_ss_item {
	padding-top: 6px;
	height: 44px;
	width: 680px;
	display: none;
	position: absolute;
	-padding-top: 16px;
	-margin-left: -71px;
}
.block_ss_item {
	width: 600px;
	position: absolute;
	margin: 0px; !important ;
	margin-top: 8px; !important;
}

.item:hover #block_ss_item {
	display: block;
}
a.link_item {
	color: #FFF;
	text-decoration: none;
	
}
.ss_item:hover {
	text-decoration: underline;
}

.ss_item {
	background-image: url(../img/icon_ss_menu.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	font-size: 13px;
	text-align: left;
	float: left;
	display: inline;
	margin-left: 3px;
}
.taille2 {	width: 70px; }
.taille1 {	width: 148px;}
.taille3 { width: 180px; }
.item_span {
	margin-top: 8px;
}

/* PARTIE DE GAUCHE, LOGO, INFOS */
	
	/* parti gauche de l'écran contenant le menu, le panneau maligne */
	#gauche {
		width: 222px;
		height: 513px;
		float: left;
		display: inline;
	}
	
	/* logo maligne */
	#logo {
		background-image: url(../img/logo.png);
		background-repeat:no-repeat;
		width: 222px;
		height: 151px;
	}
/*
	block gauche de la cartographie
*/	
	/* block de gauche contenant la partie lien vers la carte */
	#block_carte {
		width: 214px;
		height: 226px;
		background: #246fb6;
		padding-left: 8px;
	}
	/* haut du block de la cartographie */
	#block_carte_haut {
		width: 122px;
		padding-left: 100px;
		height: 34px;
		background-image: url(../img/menu_haut.png);
		background-repeat:no-repeat;
	}
		#block_carte_bus {
			width: 101px;
			height: 34px;
			background-image: url(../img/menu_bus.png);
			background-repeat:no-repeat;
		}
	/* bas du block de la cartographie */
	#block_carte_bas {
		width: 222px;
		height: 8px;
		background-image: url(../img/menu_bas.png);
		background-repeat:no-repeat;
	}
	#block_carte_titre {
		height: 30px;
		width: 214px;
		padding-left: 8px;
		background-color: #246fb6;
	}
	#explication {
		text-align:justify;
		padding-right: 4px;
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFF;
	}
	/* titre du block de la cartographie  */
	#block_carte_titre_text {
		background-image: url(../img/carte_titre_fond.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-top: 7px;
		color: #FFF;
		font-size:12px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		height: 23px;
		width: 151px;
		float: left;
		display: inline;
	}
	/* partie gauche du titre du block de la cartographie avec l'icone de la loupe */
	#block_carte_gauche {
		display: inline;
		float: left;
		background-image:url(../img/icon_loupe.jpg);
		background-repeat:no-repeat;
		width: 36px;
		height: 30px;
	}
	/* partie droite du titre du block de la cartographie */
	#block_carte_droite {
		display: inline;
		float: left;
		background-position:bottom;
		background-repeat:no-repeat;
		background-image:url(../img/carte_titre_droite.jpg);
		width: 12px;
		height: 30px;
	}
	/* block contenant la liste déroulante pour la selection de la ligne */
	#input_ligne {
		padding-top: 8px;
		width: 204px;
		height: 45px;
		padding-left: 10px;
	}
	/* titre de la liste déroulante */
	.titre_input_ligne {
		width: 214px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 40px;
	}
	/* liste déroulante */
	#select_ligne {
		width: 150px;
		margin: 0 auto;
	}
	/* bouton submit de la liste déroulante */
	.valide_ligne {
		cursor: pointer;
		border: 2px solid #115392;
		background: #fff;
		color: #115392;
		width: 45px;
	}
	/* séparation entre les deux champs des formulaires */
	#hr_form_carte {
		background-color: #115392;
		border:0;
		height: 1px;
		width: 180px;
		margin: 0 auto;
	}
	 
	/* block contenant le champs de saisie pour la recherche de proximité */
	#input_proche {
		padding-top: 8px;
		width: 204px;
		height: 40px;
		padding-left: 10px;
	}	
	#input_proche_form {
		width: 140px;
		padding:0;
	}
	form {
		padding: 0;
		margin: 0;
	}
	#horaires {
		background-image: url(../img/.jpg);
		background-position:left;
		background-repeat:no-repeat;
		padding-left: 22px;
		margin-left: 8px;
		color: #FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13px;
		margin-top: 10px;
	}
	a.white_link {
		color: #FFF;
		text-decoration: none;
	}
	
	#lancer_carte {
		width: 199px;
		height: 48px;
		cursor: pointer;
		padding: 0;
		pading-bottom: 1 ;
		border:0;
	}
	#img {
		text-decoration: none;
		border:0;
	}
	#titre {
		text-align: center;
		padding-top: 3px;
		width: 199px;
		margin: 0 auto;
		height: 22px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		background-image: url(../img/menu_infos_texte.jpg);
	}	

	#infos {
		margin-top: 10px;
		padding-top: 10px;
		width: 222px;
		height: 63px;
		background-image: url(../img/menu_infos.jpg);
	}
	
	#tel {
		color: #FFF;
		font-style:italic;
		padding-top: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 19px;
		text-align: center;
	}


/* PARTIE CENTRALE */
	#contenu {
		width: 688px;
		height: 472px;
		float: left;
		display: inline;
	}
	#centre {
		margin: 0 auto;
		width: 688px;
		background-color: #FFF;
		z-index: 0;
		/*padding-left: 30px;
		padding-right: 30px;*/
	}
	#haut_centre {
		margin:0 auto;
		width: 688px;
		height: 9px;
		background-image: url(../img/haut_centre.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	#bas_centre {
		margin: 0 auto;
		width: 688px;
		height: 10px;
		background-image: url(../img/bas_centre.png);
		background-repeat:no-repeat;
	}
	
	.link {
		width: 332px;
		height: 85px;
		padding-left: 356px;
		background-color: #FFF;
	}
	#sep_bas{
		padding-top: 15px;
		padding-left: 30px;
		width: 658px;
		height: 20px;
		background-color: #FFF;
	}
	.icone_link {
		width: 25px;
		height: 15px;
		background-image:url(../img/but_link.png);
		display: inline;
		background-repeat: no-repeat;
		float: left;
	}
	
	.text_link {
		padding-top: 1px;
		width: 300px;
		color: #246fb6;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: inline;
	}
	
	.accueil_block_actu .text_link a
	{
	color:#115392;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
	
	.accueil_block_actu .text_link a:hover
	{
	text-decoration:underline;
	}
	.accueil_block_actu .icone_link
	{
	margin-left:20px;
	}
	
	#voir_plus_telechargements
	{
	padding-top:10px;
	width:200px;
	}
	
	.link a {
		color: #246fb6;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
	}
	
	#ariane {
		height: 24px;
		width: 618px;
	}
	#fil_ariane {
		height: 20px;
		widht: 618px;
		padding-left: 30px;
		background-image: url(../img/icone_fil_ariane.jpg);
		background-position: left;
		background-repeat: no-repeat;
		color: #1598c8;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-top:4px;
		margin-left: 8px;
	}
	#fil_ariane0 {
		height: 20px;
		padding-left: 30px;
		margin-left: 8px;
		background-image: url(../img/icone_fil_ariane.jpg);
		background-position: left;
		background-repeat: no-repeat;
		color: #1598c8;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-top:4px;
		float: left;
	}
	#bus_accueil {
		float: right;
	}
	.trait_horizontal_fonce {
		color: #1598c8;
		border: 0;
		height: 1px;
		background-color: #1598c8;
		width: 610px;
		float: left;
		margin-top: 6px;
		padding:0;
		margin-right: 30px;
	}
	.trait_accueil {
		margin-top: 0;
	}
	.trait_horizontal_clair {
		color: #d0ecf5;
		border: 0;
		height: 1px;
		background-color: #d0ecf5;
		width: 610px;
		float: left;
		margin-top: 6px;
		padding:0;
		margin-right: 20px;
	}
	span.inactive {
		text-decoration: underline;
		font-size: 12px;
	}
	span.inactive a {
		color: #1598c8;
	}
	
	.titre_principal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-style: italic;
		/*color: #11a376; */
		color: #79b61d;
		/*margin-bottom: 14px;*/
		width: 600px;
		font-weight: bold;
	}
	.paragraphe_noir {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		width: 600px;
	}
	.sous_titre {
		color: #3379bb;
		margin-bottom: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		font-style: italic;
	}
	
	.paragraphe_bleu {
		/*margin-bottom: 5px;*/
		font-family: Arial, Helvetica, sans-serif ;
		font-size: 13px;
		color: #3379bb;
		width: 600px;
	}
	li.paragraphe_bleu {
		width: 500px;
	}
	
	.liste {
		padding-top: 15px;
		padding-left: 18px;
		margin: 0;
		color: #3379bb;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	#contenu.ul {
		padding-left: 18px;
		margin: 0;
		color: #3379bb;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	.notes {
		text-decoration: underline;
		font-size: 11px;
		color: #3379bb;
		font-family: Arial, Helvetica, sans-serif;
	}
	#logo_footer {
		width: 91px;
		height: 55px;
		background-image: url(../img/logo_footer.jpg);
		position: absolute;
		margin-left: -110px;
	}
	
	.block_link {
		margin-bottom: 7px;
	}
	
	p {
		margin-bottom: 0;
		background-color: #FFF;
	}
	ul {
		margin-bottom: 0;
	}

	#boutons {
		margin-top: 15px;
		width: 580px;
		height: 28px;
	}
	
	#fichier_associe {
		background-image: url(../img/pdf.png);
		background-repeat: no-repeat;
		background-position: left;
		padding-left:19px;
		padding-right: 5px;
		padding-top: 2px;
		height: 14px;
		float: left;
		display: inline;
	}
	
	#imprimable {
		background-image: url(../img/print.png);
		background-repeat: no-repeat;
		background-position: left;
		padding-left:19px;
		padding-top: 2px;
		height: 14px;
		width: 60px;
		float: left;
		display: inline;
	}
	.bouton {
		margin-right: 5px;
		border: 1px dotted #b2deee;
		color: #005ea8;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
	}
	a.link_bouton {
		color: #005ea8;
		text-decoration: none;
	}
	/* liens vers la fentre modale */
	#L1, #L2, #L3, #L4, #L5, #L6, #L7, #L8 {
		text-decoration: none;
		color: #246fb6;
	}
	#contenu_dyn {
		padding-left: 30px;
		padding-right: 30px;
		padding-top:25px;
	}

/*
	formulaire de contact
*/
.obli {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.error {
	margin-bottom: 15px;
	border: 1px solid red;
	height: 20px;
	width: 600px;
	text-align: center;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
#adr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 6px;
	border: 2px solid #115392;
	color: #FFF;
	text-align: center;
	background-color: #246fb6;
	width: 230px;
	height: 75px;
}
#block_form_haut {
	float: left;
	display: inline;
}
#block_form_haut_droite {
	float: left;
	disply: inline;
	width: 250px;
	height: 130px;
}
input, textarea {
	
		border: 1px solid #115392;
}
#b_sexe, #b_nom, #b_prenom, #b_date, #b_adr, #b_mail, #b_ville {
		height: 25px;
	}
	#titre_form {
		padding-top: 18px;
		padding-left: 20px;
		height: 5px;
		padding-bottom: 40px;
		color: #11a376;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 25px;
	}
	
	.lib {
		float: left;
		width: 120px;
		/*color: #246fb6 ;*/
		color: #115392;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	.lib2 {
		float: left;
		width: 400px;
		/*color: #246fb6 ;*/
		color: #115392;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	.radio {
		float: left;
	}
	.lib1 {
		float: left;
		color: #246fb6 ;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	.bouton1 {
		border: 1px solid #115392;
		background-color: #7ec7e1;
		float: left;
		height: 14px;
		padding-top: 2px;
		width: 95px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFF;
		padding-left: 5px;
		margin-right: 8px;
	}
	
	 #submit {
	 	border:none;
		color:#FFF;
		cursor:pointer;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		background-image: url(../img/submit.jpg);
		background-position: right;
		background-repeat: no-repeat; 
		width:91px;
		height:21px;
		margin-left: 320px;
		float: left;
	 }
	 
	 #conteneur_form {
		background-position:top;
		background-repeat: no-repeat;
		padding-top: 25px;
		width: 613px;
		padding-left: 20px;
		height: 364px;
		margin: 0 auto;
		margin-top: 20px;
	 }
	 #message {
	 	width: 400px;
		height: 150px;
	 }
	 .block {
	 	margin-bottom: 5px;
	 }
	 

/*
	style contenu de la page d'accueil
*/
	#cont_actu {
		height: 135px;
	}
	#accueil_contenu {
		width: 656px;
		/*height: 397px;*/
		height:450px;
		margin-left: 20px;
	}		
	#accueil_block_gauche {
		float: left;
		display: inline;
		height: 397px;
		width: 	425px;
		z-index: 0;
		/*background-image: url(../img/img_accueil.jpg);
		background-position:left;
		background-repeat: no-repeat;*/
	}
	#accueil_block_droite {
		float: left;
		display: inline;
		height: 397px;
		margin-left: 7px;
		width: 210px;
	}
	
	/*
		bloc actualite
	*/
	.accueil_block_actu {
		width: 186px;
		margin-top: 5px;
		/*margin-left: 8px;*/
	}
	.entete_actu {
		background-image:url(../img/entete_block_actu.jpg);
		background-repeat: no-repeat;
		background-position: left;
		width: 196px;
		height: 26px;
		color: #246fb6;
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 20px;
		padding-top: 5px;
	}
	.pied_actu {
		background-image:url(../img/pied_bloc_actu.jpg);
		background-repeat: no-repeat;
		background-position:top;
		width: 196px;
		height: 18px;
	}
	.titre_actu {
		padding-left: 9px;
		width: 196px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #1297c8;
		font-style:italic;
		margin-top: 4px;
	}
	.corps_actu {
		text-align: left;
		width: 179px;
		padding-left: 9px;
		padding-right: 8px ;
		color: #115392;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		
	}
	.detail_actu, a.link_news {
		padding-left: 9px;
		color: #79b61d;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration:none;
	}
	/*
		bloc telechargement
	*/
	.entete_telecharger{
		background-image: url(../img/entete_bloc_telecharger.jpg);
		background-repeat:no-repeat;
		background-position:left;
		width: 176px;
		height: 25px;
		color: #FFF;
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 14px;
		padding-left: 20px;
		margin-bottom: 5px;
	}
	
	.entete_telecharger a
	{
	color:#FFF;
	text-decoration:none;
	}
	
		.entete_bas_telecharger{
		background-image: url(../img/entete_bas_bloc_telecharger.jpg);
		background-repeat:no-repeat;
		background-position:left;
		width: 196px;
		height: 21px;
		color: #FFF;
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 14px;
		padding-left: 20px;
		margin-bottom: 5px;
	}
	
	.dwl {
		background-image: url(../img/menu_pdf.png);
		background-position: left;
		background-repeat: no-repeat;
		/* height: 16px; */
		padding-top: 7px;
		width: 180px;
		padding-left: 22px;
		margin-left: 20px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		
		
	}
	.pdf {
		color: #115392;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
	}

/*
	PLAN DU SITE
*/
	.plan_site_ul {
		padding-top: 20px;
		width: 300px;
		margin:  0 auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
	.rubrique1 {
		width: 280px !important;
	}
	.rubrique_li {
		font-size: 16px; 
		width: 150px !important;
	}
	
	.ss_rubrique_li {
		font-size: 13px;
	}
	
	
	#anim_scolaires
	{
	margin-top:8px;
	display:block;
	position:relative;
	height:125px;
	width:222px;
	}
	
	#bt_inscription_maligne{
clear:both;
display:block;
float:left;
height:42px;
width:372px;
padding-top:10px;
padding-left:26px;
}

#bloc_gauche
{
width:224px;
height:279px;
margin-bottom:20px;
display:block;
background-image:url(../img/bloc_gauche.jpg);
background-repeat:no-repeat;
}