/* Document CSS */

html,body {
	position:relative;
	height:100%;
	background-color:#FFD673;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.separation { /*hr invisible*/
	clear:both;
	visibility:hidden;
	height:1px;
	border:none;
	margin:0px;
	padding:0px;
}




#global { 
	position:relative;
	width:980px;
	margin:0px;
	padding:0px;
}

#navigation-gauche { /*contient le fond de la navigation gauche*/
	position:relative;
	float:left;
	width:223px;
	height:639px;
	background-image:url(images-martres-tolosane/fond-navigation-gauche.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

#navigation-gauche p { /*contient la navigation gauche*/
	position:relative;
	top:150px;
	margin:0px 0px 0px 40px;
	padding:0px;
}

#navigation-gauche p a { /*contient les styles graphiques de la navigation gauche*/
	margin:0px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#navigation-gauche p a:hover { 
	color:#CE3031;
}




#navigation-haute { /*contient le fond de la navigation haute*/
	position:relative;
	float:left;
	width:737px;
	height:95px;
	background-image:url(images-martres-tolosane/fond-navigation-haute.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

#navigation-haute img { /*contient l'image du logo de martres*/
	margin:5px 0px 0px 10px;
	padding:0px;
	float:left;
}

#navigation-haute span img { /*contient les images de la navigation haute*/
	margin:70px 0px 0px 10px;
	padding:0px;
}




#contenu { /*contient les actualites en page d'accueil et les contenus*/
	position:relative;
	float:left;
	width:480px;
	margin:0px;
	padding:0px;
}

#contenu h1 { /*titre dans les contenus*/
	position:relative;
	text-align:right;
	width:350px;
	margin:50px 0px 0px 90px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

#contenu h2 { /*sous-titre dans les contenus*/
	position:relative;
	text-align:right;
	width:350px;
	margin:10px 0px 0px 80px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:100;
}

#contenu h3 { /*titre de l'actualité dans les contenus*/
	position:relative;
	text-align:center;
	margin:40px 0px 0px 0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contenu h4 { /*sous-titre de l'actualité dans les contenus*/
	position:relative;
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contenu h5 { /*un h3 mais aligné à gauche*/
	position:relative;
	text-align:left;
	margin:30px 0px 0px 10px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contenu p { /*texte dans les contenus*/
	position:relative;
	margin:10px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:justify;
}

#contenu p a { /*liens dans les contenus*/
	display:block;
	text-align:left;
	margin:0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#contenu p a:hover { /*liens dans les contenus*/
	display:block;
	text-align:left;
	margin:0px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#contenu a { /*liens dans les contenus*/
	display:block;
	text-align:right;
	margin:15px 0px 0px 0px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contenu a img { /*pdf icon*/
	float:none;
	margin:2px 0px 0px 5px;
	padding:0px;
}

#contenu img { /*l'image de separation dans les contenus*/
	float:left;
	margin:10px;
	padding:0px;
}

#contenu span img { /*l'image de separation dans les contenus*/
	float:right;
	margin:0px 40px 0px 10px;
	padding:0px;
}



#sante { /*contient la colone santé dans la page solidarité*/
	position:relative;
	float:left;
	width:240px;
	margin:0px;
	padding:0px;
}

#sante h3 {
	position:relative;
	text-align:center;
	margin:40px 0px 0px 0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#sante h5 { 
	position:relative;
	text-align:left;
	margin:30px 0px 0px 10px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#sante p { 
	position:relative;
	margin:10px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:justify;
}

#sante p a { 
	position:relative;
	display:block;
	text-align:left;
	margin:0px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#sante a { 
	display:block;
	text-align:right;
	margin:15px 0px 0px 0px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#sante a img { 
	float:none;
	margin:2px 0px 0px 5px;
	padding:0px;
}

#sante img { 
	float:left;
	margin:10px;
	padding:0px;
}

#sante span img {
	float:right;
	margin:0px 40px 0px 10px;
	padding:0px;
}




#social { /*contient la colone social dans la page solidarité*/
	position:relative;
	float:left;
	width:240px;
	margin:0px;
	padding:0px;
}

#social h3 {
	position:relative;
	text-align:center;
	margin:40px 0px 0px 0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#social h5 { 
	position:relative;
	text-align:left;
	margin:30px 0px 0px 10px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#social p { 
	position:relative;
	margin:10px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:left;
}

#social p a { 
	position:relative;
	display:block;
	text-align:left;
	margin:0px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#social a { 
	display:block;
	text-align:right;
	margin:15px 0px 0px 0px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#social a img { 
	float:none;
	margin:2px 0px 0px 5px;
	padding:0px;
}

#social img { 
	float:left;
	margin:10px;
	padding:0px;
}

#social span img {
	float:right;
	margin:0px 40px 0px 10px;
	padding:0px;
}





#contenu-droit { /*contient le deuxième div si besoin dans les contenus comme l'anim flash en page d'accueil*/
	position:relative;
	float:right;
	width:240px;
	margin:0px;
	padding:0px;
}

#contenu-droit object { /*animation flash en page d'accueil*/
	position:relative;
	margin:30px 0px 0px 0px;
	padding:0px;
}

#contenu-droit h1 { /*ancres mediathèques*/
	position:relative;
	text-align:right;
	width:200px;
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

#contenu-droit h1 a { /*ancres mediathèques*/
	color:#CE3031;
}
#contenu-droit h1 a:hover { /*ancres mediathèques*/
	color:#00659C;
}



#contact-mairie { /*contact en page d'accueil*/
	position:relative;
	float:right;
	width:200px;
	margin:0px;
	padding:0px;
	border:solid 1px;
	border-color:#007D67;
	background-color:#FFCF4F;
}

#contact-mairie p { /*contact en page d'accueil*/
	position:relative;
	margin:10px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-align:left;
}

#contact-mairie p span { /*titre contact en page d'accueil*/
	margin:0px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contact-mairie a { /*liens contact en page d'accueil*/
	margin:0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#contact-mairie-pages { /*contact dans les pages différent à cause de la marge haute*/
	position:relative;
	float:right;
	width:200px;
	margin:70px 15px 0px 0px;
	padding:0px;
	border:solid 1px;
	border-color:#007D67;
	background-color:#FFCF4F;
}

#contact-mairie-pages p { /*contact en page d'accueil*/
	position:relative;
	margin:10px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-align:left;
}

#contact-mairie-pages p span { /*titre contact en page d'accueil*/
	margin:0px;
	padding:0px;
	color:#CE3031;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contact-mairie-pages a { /*liens contact en page d'accueil*/
	margin:0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#mediatheque { /*div madiatheque*/
	position:relative;
	float:right;
	width:250px;
	margin:70px 0px 0px 0px;
	padding:0px;
	border:solid 1px;
	border-color:#007D67;
	background-color:#FFE8B7;
}

#mediatheque p { /*texte accueil madiatheque*/
	position:relative;
	margin:10px;
	padding:0px;
	color:#007D67;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-align:left;
}




#navigation-basse { /*comme son nom l'indique si bien...*/
	position:relative;
	text-align:center;
	width:950px;
	margin:0px auto 0px auto;
	padding:0px;
}

#navigation-basse a { 
	margin:0px;
	padding:0px;
	color:#00659C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#navigation-basse a:hover { 
	color:#CE3031;

}