/* Feuille de style du site snptp.com */

/* Balises XHTML */
html{
	height: 100%;
}
body{
	height: 100%;
	background-color: #1256a9;
	margin:0;
	padding:0;
	text-align: justify;
	font-family: verdana,helvetice,sans-serif;
	font-size: 12px;
	color: #fff;
}
h1, h2{
	color: #ef7e40;
	clear:both;
}
h1{
	font-size: 18px;
}
h2{
	font-size: 14px;
}
ul li{
	margin: 0 0 3px 30px;
	list-style-image: url(/images/puce.gif);
}
ul li ul li{
	margin: 0 0 0 20px;
}
a{
	color:#fff;
	text-decoration: none;
}
a:hover{
	color: #1256a9;
	background-color: #ef7e40;
	text-decoration: underline;
}

/* Formulaires */
fieldset{
	border:none;
	padding:0;
}
fieldset legend{
	display:none;
}
fieldset p{
	clear:left;
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:180px;
}
.required{
	color:red;
	margin:0;
	display:inline;
}
fieldset ul{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
fieldset ul li{
	background:none;
	padding:0;
}
fieldset ul li label{
	float:none;
	width:auto;
}

/* Conteneur de la page */
#gauche{
	float: left;
	height: 100%;
	background-color: #EF7E40;
}
#page{
	float:left;
	width: 1000px;
}

/* Menus (haut et bas) */
div.menu{
	width: 100%;
	clear:both;
	height: 21px;
}
div.menu div.debut{
	float:left;
	width:12px;
	height:21px;
	background-image: url(/images/fond-menu-gauche.gif);
}
div.menu div.fin{
	float:left;
	width:10px;
	height:21px;
	background-image: url(/images/fond-menu-droite.gif);
	margin-left:-5px;
}
div.menu ul{
	float:left;
	width:978px;
	height:21px;
	margin:0;
	padding:0;
	background: url(/images/fond-menu-centre.gif) repeat-x top;
}
div.menu ul li{
	display: inline;
	list-style-type: none;
	margin:0;
}
div.menu ul li a{
	display:block;
	float:left;
	height: 19px;
	line-height:19px;
	text-align:center;
	position:relative;
	z-index:2;
	font-size:11px;
	white-space:nowrap;
	padding:0 7px 0 7px;
}
div.menu ul li a:hover,
div.menu ul li a.selected{
	background: #ef7e40;
	text-decoration:none;
}

/* Haut de page */
#haut{
	width: 100%;
	height: 148px;
	background: #ef7e40 url(/images/fond-haut.gif) no-repeat bottom right;
	margin: 0;
}  
#haut h1#logo{
	float:left;
	margin:0;
	padding:0;
}
#haut h1#logo a{
	display:block;
	background:url(/images/logo-snptp.gif) no-repeat;
	width:136px;
	height:101px;
}
#haut h1#logo a span{
	display:none;
}
#haut div#bandeau{
	float:left;
	width:800px;
	height:101px;
}
#haut a#contact{
	float:left;
	display:block;
	width:17px;
	height:12px;
	background:url(/images/enveloppe.gif) no-repeat;
	margin:40px 0 0 0;
}
#haut a#contact span{
	display:none;
}
#haut div.menu{
	position:relative;
	top:10px;
}
#haut div.menu ul li a{
	margin-top:2px;
}

/* Contenu de la page */
#contenu{
	width: 98%;
	background:url(/images/fond-milieu.gif) repeat-y left;
	float:left;
	padding:0 0 0 2%;
}
#contenu p,#contenu li{
	padding-right:20px;
}

/* Réalisations */
#contenu .realisation{
	float:left;
	width:48%;
	margin:0 1% 10px 0;
	text-align:center;
}
#contenu .realisation p{
	margin:0;
	padding:5px 0 0 0;
}

/* Images */
#contenu img{
	border: 1px solid #ef7e40;
}
#contenu img.gauche{
	float:left;
	margin:10px;
}

/* Colonnes */
.colonne{
	float:left;
	margin:0 1% 10px 0;
}
.colonne.un-demi{
	width:48%;
}

/* Bas de page */
#bas{
	clear:both;
	padding:16px 0 0 0;
	text-align:center;
	width: 1000px;
	overflow: hidden;
	background: #ef7e40 url(/images/fond-bas.gif) no-repeat top right;
}
#bas div.menu ul{
	background-image: url(/images/fond-menubas-centre.gif);
}
#bas div.menu div.debut{
	background-image: url(/images/fond-menubas-gauche.gif);
}
#bas div.menu div.fin{
	background-image: url(/images/fond-menubas-droite.gif);
}
#bas div.menu ul li a:hover,
#bas div.menu ul li a.selected{
	background: #ef7e40;
}
#bas address{
	clear:both;
	padding:10px 0 0 0;
}
#bas p{
	margin:0;
	padding:10px;
}