body {
background : #00343c url('img/body.jpg') no-repeat top center;
font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size : 0.7em;
color : #555;
margin : 0;
padding : 0;
}
a {
color : #016d91;
text-decoration : none;
}
a:hover {
color : #003802;
text-decoration : underline;
}
img {
border : none;
vertical-align : middle;
}

ul {
list-style-type : square;
}
p,ul,ol {
text-align : justify;
}

.floatleft {
float : left;
margin : 10px;
}
.floatright {
float : right;
margin : 10px;
}
.clear {
clear : both;
}
.tright {
text-align : right;
}
.center {
text-align : center;
}

html>body #baspage {
	position: fixed;
	bottom:0;
	width : 100%;
	height : 15px;
	background : #e7e5ea;
	border-top : 1px solid #000;
	text-align : center;
}

#entete {
width : 900px;
height : 70px;
background : #f8ffdf url('img/entete.jpg') no-repeat top center;
border-top : 2px solid #000;
border-left : 2px solid #000;
border-right : 2px solid #000;
margin : 10px auto 0;
padding : 0;
}

#insconex {
width : 880px;
background : #f8ffdf;
border-left : 2px solid #000;
border-right : 2px solid #000;
margin : 0 auto 0;
padding : 2px 10px;
text-align : right;
}
#insconex a {
padding : 2px 10px;
border : 1px solid #eee;
}
#insconex a:hover {
background : #eee;
border : 1px solid #bbb;
text-decoration : none;
}


#navigation {
width : 880px;
background : #f8ffdf;
border-left : 2px solid #000;
border-right : 2px solid #000;
margin : 0 auto 0;
padding : 2px 10px;
}
#navigation a {
padding : 2px 10px;
border : 1px solid #eee;
}
#navigation a:hover {
background : #eee;
border : 1px solid #bbb;
text-decoration : none;
}

#corps {
width : 900px;
background : #f8ffdf;
border-left : 2px solid #000;
border-right : 2px solid #000;
border-bottom : 2px solid #000;
margin : 0 auto 0;
padding : 0;
}


#piedpage {
clear : both;
width : 900px;
color : #999;
margin : 0 auto;
padding : 5px 50px 0;
background : url('img/body-bottom.jpg') no-repeat top center;
height : 30px;
}
#piedpage a {
color : #8498b8;
}



form {
margin : 10px auto;
width : 400px;
}
label {
text-align : left;
font-weight : bold;
}
option {
padding-left : 10px;
}
input[type='text'], input[type='password'] {
width : 400px;
}
textarea {
width : 400px;
height : 260px;
}


.bloc1 {
width : 565px;
float : left;
padding : 10px 5px 10px 10px;
}
.bloc2 {
width : 305px;
float : right;
padding : 10px 10px 10px 5px;
}


.bloc1 .encart {
width : 540px;
border : 1px solid #888;
padding : 10px;
margin-bottom : 10px;
background : #fff;
}
.bloc1 .pub {
width : 540px;
border : 1px solid #888;
padding : 10px;
margin-bottom : 10px;
background : #fff;
text-align : center;
}
.bloc2 .encart {
width : 280px;
border : 1px solid #888;
padding : 10px;
margin-bottom : 10px;
background : #fff;
}
.bloc2 .pub {
width : 300px;
border : 1px solid #888;
padding : 0;
margin-bottom : 10px;
background : #fff;
text-align : center;
}


.encart h2 {
margin : 0;
margin-bottom : 5px;
padding : 0;
color : #473e00;
}
.encart .titre {
margin : 0;
padding : 0;
padding-bottom : 5px;
border-bottom : 1px solid #ede;
color : #006464;
}
.encart .message {
margin : 0;
padding : 0;
padding-top : 5px;
}
.encart .infos {
padding-top : 5px;
text-align : right;
font-style : italic;
color : #999;
}









.nav {
text-align : center;
margin : auto;
}
.nav a{
color : #aaa;
display : block;
width : 140px;
padding : 10px;
border : 1px solid #fff;
}
.nav a:hover{
text-decoration : none;
color : #888;
background : #eee;
border : 1px solid #bbb;
}






























#bloc_sujet {
display : none;
width : 860px;
margin : 0 auto;
z-index : 1;
padding : 0;
border : 2px solid #000;
background-color : #e5e594;
color : #556677;
}

#bloc_sujet div {
text-align : center;
}

.bloc_reponse {
display : none;
width : 500px;
margin : 10px auto;
z-index : 1;
padding : 0;
border : 2px solid #000;
background-color : #e5e594;
color : #556677;
}

.bloc_reponse div {
text-align : center;
}














.bouton_repondre {
width : 280px;
text-align : center;
margin-bottom : 10px;
}
.bouton_repondre a {
display : block;
border : 1px solid #bbb;
background : #fff;
padding : 2px 10px;
}
.bouton_repondre a:hover{
border : 1px solid #888;
background : #e0e7e5;
}



.bouton_modedemploi {
margin-bottom : 10px;
}
.bouton_modedemploi a {
display : block;
width : 280px;
border : 1px solid #888;
background : #fff;
padding : 10px;
}
.bouton_modedemploi a:hover{
border : 1px solid #666;
background : #e0e7e5;
}