body {
	margin: 0 ; padding: 0 ;
	font: normal 0.8em Verdana,Arial,sans-serif ;
	background: #333 url(http://img.pyrotechnie.org/skins/rouge/fond.jpg) top left repeat-x ;
	text-align: center ;
}

#ident#header a {

	color: red;
}

#global {
	margin: auto ;
	width: 756px ;
	background: #FFF url(http://img.pyrotechnie.org/skins/rouge/col-g.jpg) left top repeat-y ;
	text-align: left ;
}

#droite {	width: 756px ; background: url(http://img.pyrotechnie.org/skins/rouge/col-d.jpg) right top repeat-y ; }

#col-d {	
	width: 552px ; float: right ;
	background: url(http://img.pyrotechnie.org/skins/rouge/top-right.jpg) top left no-repeat ;
}

#col-g {
	width: 184px ; float: left ;
	background: url(http://img.pyrotechnie.org/skins/rouge/top-left.jpg) top left no-repeat ;
	padding: 0 0 0 20px ;
}

#global h1 {
	display: none ;
}

#menu-gauche {
	margin: 0 0 20px 0; 
	padding: 10px 0 25px 0 ;
	list-style: none ;
	background: url(http://img.pyrotechnie.org/skins/rouge/menu-bottom.gif) left bottom no-repeat ;
	float: left ;
	width: 184px ;
}

#menu-gauche ul {
	background: url(http://img.pyrotechnie.org/skins/rouge/menu-gauche.jpg) left top repeat-y ;
	width: 184px ;
	float: left ;
	margin: 0 ; padding: 0 0 0 0;
	min-height: 220px ;
}

*html #menu-gauche ul { 	height: 220px ; }

#menu-gauche li {
	margin: 0 ;
	padding: 0 0 0 10px ;
	float: left ;
	height: 13px ;
	font-size: 5px ;
	width: 174px ;
	list-style: none;
}

#menu-gauche a {
	color: #FFF ;
	text-decoration: none ;
	font: bold 12px Verdana,Arial,sans-serif ;
	padding: 0 0 0 5px ;
	margin: 0 ;
	float: left ;
	width: 160px ;
}	

#menu-gauche a:hover {
	color: #E7E7E7 ;
}

#menu-top {
	float: left ;
	width: 500px ;
	margin: 0  ; padding: 0 0 0 20px ;
	list-style: none ;
	height: 27px ;
}

#menu-top li {
	float: left ;
	margin: 5px 15px  0 0 ;
	padding: 0 0 0 20px ;
	background: url(http://img.pyrotechnie.org/skins/rouge/fleche.gif) left top no-repeat ;
}

#menu-top a {
	color: #000 ;
	font: normal 0.8em Arial,sans-serif ;
	text-decoration: none ;
}

#menu-top a:hover {
	text-decoration: overline ;
}

#contenu,#dico {
	width: 540px ;
	float: right ;
	padding: 290px 0 20px 0 ;
	font-size: 0.9em ;
}

#contenu h2,#dico h2 {
	margin: 15px 0 3px 0 ;
	padding: 0 ;
	font: bold 1.1em Tahoma,Arial,sans-serif ;
	color: #FE0000 ;
	text-decoration: underline;
}

#contenu p {
	margin: 0 30px 0 0 ; padding: 0 ;
	text-align: justify ;
}

#contenu a,#dico a {
	color: #FE0000 ;
	text-decoration: none ;
}

#contenu a:hover,#dico a:hover {
	color: #666 ;
	border-width: 2px;
	border-bottom: dotted;
}

#contenu ul,#dico ul {
	list-style: square ;
	margin: 0 30px 10px 30px ; padding: 0 ;
}

#contenu acronym,#dico acronym {
	font-style: italic;
}

#menu-main {
	width: 180px ;
}

#menu-main ul {
	margin: 0 ; padding: 0 ;
	list-style: none ;
}

#pied {
	width: 756px ;
	height: 27px ;
	background-image: url(http://img.pyrotechnie.org/skins/rouge/pied.jpg) ;
	clear: both ;
}

#pied p {
	margin: 0 ; padding: 5px 30px 0 0 ;
	text-align: right ;
	font: normal 0.8em Tahoma,sans-serif ;
}

#pied p a {
	color: #FE0000 ;
}

#pied p a:hover {
	text-decoration: none ;
}

#ident {

	position: absolute ;
	width: 510px ;
	top: 3px ;
	font-size: 0.8em ;
	padding-top: 2px;	
}

#ident input {

	height: 13px;
	font: normal 0.9em Verdana,Arial,sans-serif ;
	text-align: center;
}

#ident p {
	display: inline ;
	margin: 0 0 0 5px ; padding: 0 ;
}

#ident input.bouton {

	margin-top: 1px;
	height: 17px;
}

.champ {
	border: solid 1px #FE0000 ;
	height: 17px ;
	width: 100px ;
}

.bouton {
	height: 20px ;
	background-color: #F8f8f8 ;
	border: solid 1px #FE0000 ;
}

#inscription p label {
	float: left ;
	width: 180px ;
	text-align: right ;
}

.champ2 {
	width: 50% ;
	border: solid 1px #FE0000 ;
}

.champ3 {
	width: 20% ;
	border: solid 1px #FE0000 ;
}

#inscription select {
	width: 30% ;
}

#inscription p {
	margin: 6px 30px 6px 0 ;
	padding: 0 ;
}

.footform {
	text-align: right ;
}

#inscription ul {
	list-style: none ;
	margin: 0 ; 
	padding: 0 ;
	float: left ;
}

#inscription fieldset {	
	border: none ;
	padding: 0 ; margin: 0 ;
}

label.lbl {
	float: left ;
	width: 180px ;
	text-align: right ;
}

.menu {
	padding: 30px 0 0 0 ;
	float: left ;
}

.menu h2 {
	color: #FFF ;
	font: bold 1em Tahoma,Arial,sans-serif ;
	margin: 0 ; padding: 0 ;
}

.menu ul {
	color: #FFF ;
	padding: 0 ; margin: 0 ;
	list-style: none ;
}

.menu li {
	margin-left: 10px ;
}

.menu a {
	color: #FFF ;
	text-decoration: none ;
	font: normal 0.9em Verdana,Arial,sans-serif ;
}

.menu a:hover {
	text-decoration: underline ;
}

.menu #centrer {
	padding-left: 20px;
}

.right {
	text-align: right;
	float: right;
	padding-right: 23px;
}

.left {
	text-align: left;
	float: left;
}

.center {
	text-align: center;
}

.liste-invisible {
	
	list-style: none;
}

.image-contenue {
        
        float: left;
	margin: 1em 1em 0px 0px;
    	
    	border: black 1px solid;
}

#contenu p.center {
	text-align: center;
}

#contenu hr {
	text-align: center;
	width: 60%;
	
	margin-top: 10px;
	margin-bottom: 10px;
}

#contenu img,#dico img {
	border: 0px;
}

#contenu span#plan a,#dico span#plan a {
	font-weight: bold;
}

#img {
	float: right;
	margin-right: 40px ;
	border: solid 1px #000 ;
}

#dico dl {
	margin-left: 10px ;
}

#dico dt {
	color: #FE0000 ;
	margin-top: 5px ;
}

#dico hr {
	border: dashed 1px #FE0000 ;
	margin: 5px 30px 5px 0 ;
}

.def {
	background-color: #EEE ;
	border: dashed 1px #FE0000 ;
	padding: 5px ;
	margin: 10px 30px 10px 0 ;
}

#comment h3 {
	color: #FE0000 ;
	font: italic 1.1em Verdana,Arial,sans-serif ;
	margin: 10px 0 3px 0 ; padding: 0 ;
}

#comment p {
	padding: 0 ; margin: 0 30px 0 0 ;
}

#comment textarea {
	display: block ;
	border: solid 1px #FE0000 ;
	width: 70% ;
	margin: 5px 0 10px 0 ;
	padding: 0 ;
	height: 100px ;
}

.champ4 {
	
	margin: 5px  0 10px 0 ;
}
	
#comment fieldset {
	width: 70%;
	margin: auto;
	padding: 0 15px 15px 15px ;
	border: solid 1px #FE0000 ;
}

#comment legend {
	margin-bottom: 10px ;
}

#contenu dt {

	text-transform: uppercase;
}

#thumb img:hover, #thumb a:hover {

	border: dashed 3px #FE0000 ;
	
}

#thumb p {

	display: inline;
}

#thumb span {
	
	width: 40%;
	
	display: block;
	text-align: center;
}

blockquote {

	padding: 5px 0 0 40px ; margin: 10px 0 ;
	
	background: url(http://img.pyrotechnie.org/skins/rouge/citation-gauche.gif) top left no-repeat;
}

blockquote p {

	margin: 0 ; padding: 0 40px 0 0 !important;
	
	background: url(http://img.pyrotechnie.org/skins/rouge/citation-droite.gif) right bottom no-repeat;
}

.frmError {

	display: block;
}