* {
                        margin: 0;
                        padding: 0;
}

html {
                        width: 100%;
                        height: 100%;
}

body {
                        width: 100%;
                        background: #98c9d5 url(img/fond0.gif) center top repeat;
                        font: normal normal normal 0.75em "Trebuchet MS", sans-serif;
                        color: #2f1e08;
}

#wideconteneur {
                        width: 100%;
                        margin: 0 auto;
                        background: transparent url(img/fond1.gif) center top repeat-x;
}

#conteneur {
                        width: 100%;
                        margin: 0 auto;
                        background: transparent url(img/bap.gif) center top no-repeat;
}

#haut {
                        width: 100%;
                        height: 50px;
                        margin: 0 auto;
}


#contenu {
                        width: 400px;
                        margin: 0 auto;
                        height: 500px;
                        padding: 0 360px 0 0;
}

#affichage {
                        height: 190px;
}

#contenu p {
                        padding: 15px 30px 0 0;
}

#contenu h2 {
                        padding: 10px 0 0 0;
                        text-transform: uppercase;
                        font-size: 1.25em;
}

#contenu p a {
                        color : #a00;
}

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

p.msgalert {
                        color: #a00;
                        font-size: 1.3em;
                        line-height: 1.2em;
}

p.msgalert strong {
                        text-transform: uppercase;
}

span.explic {
                        color: #222;
                        font-size: 0.75em;
}

p.desins {
                        text-align: right;
}

#contenu fieldset  {
                        border : none;
}

#contenu input {
                        font: normal normal normal 0.95em "Trebuchet MS", sans-serif;
                        padding-left: 3px;
                        padding-right: 3px;
                        width: 90px;
}

#contenu input.rad {
                        width: 20px;
                        padding-left: 0;
                        padding-right: 5px;
}


/* form */

#forinscr {
                        margin: 0 0 50px 0;
}

#forinscr img#crpt {
                        vertical-align: -3px;
}

#forinscr legend {
                        font: normal normal bold 1.2em "Trebuchet MS", sans-serif;
                        text-transform: uppercase;
		        padding: 0 0 15px 0;
}

#forinscr ol {
                        list-style-type: none;
}

#forinscr ol li {
                        padding: 0;
                        min-height: 40px;
}

* html #forinscr ol li {
                        height: 40px;
}

#forinscr label {
	                display: block;
	                vertical-align: middle;
	                width: 180px;
	                float: left;
                        padding: 3px 0 0 0;
}

#forinscr input {
                        padding: 2px 4px;
                        border: 1px #86b2bd solid;
                        width: 160px;
                        color: #200;
                        font-size: 0.95em;
                        letter-spacing: 0.5px;
                        text-align: center;
}

#forinscr input.er {
	                background-color: #e4a4a4;
}

#forinscr fieldset span.malert {
                        font-family: georgia, serif;
                        display: block;
                        color: #eee;
                        border: 1px solid #ffc400;
		        background-color: #a80000;
                        padding: 10px 10px 8px 15px;
                        margin: 0 2px 25px 0;
}

#forinscr fieldset span.malert strong {
                        color: #eee;
}

#forinscr input#subbtn {
                        width: 170px;
                        font-size: 0.9em;
                        font-weight: bold;
			cursor: pointer;
                        padding: 0;
                        background-color: #78a1ab;
                        border-color: #b8dae2;
}


#pied {
                        width: 760px;
                        margin: 0 auto;
                        padding: 10px 0;
                        text-align: center;
}

#pied p {
		        color: #fff;
                        font: normal normal normal 0.9em "Trebuchet MS", sans-serif;
}

#pied p a {
		        color: #2f1e08;
}

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

.oust {
                        position: absolute;
	                left: -6666em;
	                top: 0;
	                width: 1px;
	                height: 1px;
	                overflow: hidden;
}