body{
	background-color: #ffcccc;
	text-align: justify;
	font-family: geneva,arial;
	margin: none;
	padding: none;
}	
#container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
		}
#banner {
			border-bottom: 4px solid #000099;
			text-align: right;
			color: #000099;
			font-weight: bolder;
		}                
#sidebar-a {
			float: left;
			width: 200px;
			margin: 0;
			margin-right: 0px;
		}
#sidebar-b {
			float: right;
			width: 0px;
			margin: 0;
			margin-left: 0px;
		}
#content {
			margin-left: 200px;
			margin-right: 0px;
		}
#footer {
			clear: both;
			margin-top: 5px;
			border-top: 4px solid #000099;
			font-size: x-small;
			height: 20px;
		}
.legend{
	color: #000099;
	font-size: xx-small;
}
label.needed {
	color: Red;
}
label.needed:after {
    content:" * ";
}
p.needed{
	color:red;
	font-size: x-small;
}
label{
	font-weight: bolder;
}
#comment,textarea,input,select {
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px;
}
a.externe:after {
    content:url(img/url.png)
}    
img{
        border: none;
}
.content1of1 {
	padding:10px;
}
.content1of2 {
	width:48%;
	float:left;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 3px solid #000099;
}
.content2of2 {
	width:50%;
	float:left;
	border-left: 3px solid #000099;
	margin-left:-3.4px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	vertical-align:center;
	min-height: 300px;
}
.contenttop {
    font-weight: bolder;
	 border-bottom: 4px solid #000099;
	padding: 20px;
	 text-align: center;
}
.contentbottom {
    clear:both;
	 border-top: 3px solid #000099;
}
.bandeauacceuil {
	border: 4px solid #6699cc;
	background-color:#ccccff;
	margin:auto;
	width:200px;
	padding:5px;
	margin-top: 50px;
}
.imageacceuil {
	margin-top: 50px;
}
.bouton {
	display:block;
	background-color:black;
	text-decoration: none;
	color: #ffcccc;
	padding: 5px;
}
.image {
	border: 3px solid #000099;
	margin-top:20px;
}