/*********** général ******************************/

body {
	background: url(img/fond.jpg) #ffffff;
	margin:0;
	padding:0;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717E6D;
	font-weight:bold;
	padding-top:30px;
	margin-left:10px;
}

/*h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3153AD;
	font-weight:bold;
	text-align: justify;
}*/

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717E6D;
	text-align: justify;
	margin:0 10px;
}

a{
	color:#717E6D;
}

a:hover{
	color:#7E0315;
	text-decoration:none;
}

a:visited{
	color:#717E6D;
}


/*********** mise en forme du formulaire ******************************/

input {
border:1px solid #7E0315;
color:#717E6D;
background-color:#FFFFFF;
}

select, option {
color:#FFF;

}

textarea {
border:1px solid #7E0315;
color:#717E6D;
}


/*********** structure de la page ******************************/

#bando-d{
	background-image:url(img/bando-d.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:396px;
	margin:0;
	padding:0;
}

#principale{
	background-image:url(img/principale.jpg);
	background-repeat:no-repeat;
	height:401px;
	width:765px;
	margin:0;
	padding:0;
}

#principale ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#717E6D;
	padding:0;
	margin:0;
}

#principale ul li{
	padding:0;
	margin-left:30px;
}

#principale img{
	border:1px solid #193025;
}

#colonne-g{
	display:block;
	float:left;
	height:401px;
	width:369px;
	margin:0;
	/*padding:30px 10px 0 10px;*/
	/*border:1px solid #cc0000;*/
}

#colonne-d{
	display:block;
	float:right;
	height:401px;
	width:395px;
	background-image:url(img/colonne-d.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-left:1px solid #000;
	margin:0;
	/*padding:10px 10px 0 10px;*/
	/*border:1px solid #000000;*/
}

#colonne-d ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color:#FFF;
	padding:0;
	margin:10px 0;
	line-height:16px;
}

#colonne-d ul li{
	padding:0;
	margin-left:20px;
}

#colonne-d img{
	border:1px solid #FFF;
}


/*********** menu ******************************/

#menu{
	margin:0;
	padding:0;
	height:26px;
	background-image:url(img/menu.gif);
	background-repeat:no-repeat;	
}
	
#menu a{
	color:#fff;
	font-family: arial;
	font-size: 12px;
	text-decoration:none;
	padding:0; 
}
	
#menu a:hover,#menu a.active{
	font-weight:bold;
	text-decoration:underline;
}


/*********** classes ******************************/

.txtkemenn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
}

.txtkemenn a{
	color: #FFF;	
}

.txtkemenn a:hover{
	text-decoration:none;
	color: #FFF;
}

.txtkemenn a:visited{
	color:#FFF;
}

.basdepage{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	border:1px solid #FFF;
	background-color:#193025;
	text-align:center;
}

.txtformulaire{
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717E6D;
}

.conseil{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

.conseil a{
	color: #FFF;
	font-weight:bold;
}

.conseil a:hover{
	text-decoration:none;
}

.conseil a:visited{
	color: #FFF;
}

.txtcolonne-d{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: justify;
	margin:0 10px;
}

.txtcolonne-d a{
	color:#FFF;
}

.txtcolonne-d a:hover{
	color:#FFF;
	text-decoration:none;
}

.txtcolonne-d a:visited{
	color:#FFF;
}

.td-basdepage{
	border:1px solid #FFF;
	background-color:#193025;
}
.titre-bordo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7E0315;
	margin:0 10px;
	font-weight:bold;
}

.titre-vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #193025;
	margin:0 10px;
	font-weight:bold;
}