* { margin: 0px;          
    padding: 0px;                       
}						

a {
	text-decoration: none;
}

a:hover {
	color: #FFCC99;
	background-color: inherit;
}
img {
	border: none;
}
.cede {
	color: #a0ce53;
	font-size: 13px;
	font-weight: bold;	
}

body {
	background: #b6bfce url(../images/bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	
}	


#container {
	background: #97a0ad url(../images/contentbg.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 480px;
	margin: 40px auto 0px;
	text-align: left;
	font-weight: normal;	
}	

#container #container_top {
	width: 533px;
	height: 57px;
	background: url(../images/titre.jpg) no-repeat;
}

#container #nav{
	margin: 0px 0px 0px 50px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;	
}

#container #nav li{
	display:inline;	
}

#container #nav li a{
	color: #FFFFFF;
}

.trait_violet{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #9a4f9d;
}
#nav a:hover.trait_violet {
    background: #9a4f9d;
}

.trait_vert{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #147319;
}
#nav a:hover.trait_vert {
    background: #147319;
}
#nav a:active.trait_vert {
    background: #147319;
}


.trait_rouge{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #9c1519;
}
#nav a:hover.trait_rouge {
    background: #9c1519;
}

.trait_bleu{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #3e79b8;
}
#nav a:hover.trait_bleu {
    background: #3e79b8;
}

#container #trait_h_separation{
	width: 648px;
	margin: 10px 0px 0px 50px;
	background: url(../images/divider_menu.gif) repeat-x;
}




/********************** Content ***************************/
#content {
	width: 100%;
	height: 340px;
}
#left {
	float:left;
	width:69%;
	height: 340px;
	line-height: 15px;
}
#left h1{
	font-size: 13px;
	margin: 10px 0px 30px 50px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: 0px 0px url(../images/crochet_gauche.gif) no-repeat;
}
.crochet_droit {
	padding-right: 8px;
	padding-bottom: 5px;
	background: 100% 100% url(../images/crochet_droit.gif) no-repeat;
}
#left p{
	margin: 10px 0px 10px 50px;
}
#left ul{
	margin: 20px 0px 10px 50px;
}
#left ul li{
	margin-left: 20px;
	padding: 0px 0px 15px 20px;
	list-style-type: none;
	background: 0px 5px url(../images/puce2.gif) no-repeat;
}

#right {
	float:right;
	width:30%;
	height: 340px;
	background: url(../images/traitv.gif) no-repeat 0% 0%;
}
#right h2.actu{
	color:#85a157;
	font-size:14px;
	margin: 10px auto 0px;
	text-align: center;
	width:148px;
	height: 25px;
	background-color: #FFFF00;
	background: url(../images/cadre_actu.jpg) no-repeat 0% 50%;
}
#right h2.coordonnees{
	margin: 10px auto 0px;
	text-align: center;
	width:148px;
	height: 167px;
	background: url(../images/coordonnees.jpg) no-repeat 0px 0px;
}
#right h3{
	margin: 10px 20px 10px 35px;
	text-align: justify;
	font-size: 11px;
}

#right p{
	margin: 10px 25px 10px 25px;
	text-align: justify;
	line-height: 15px;
	font-weight: normal;
	font-size: 10px;
}

/********************** Footer ***************************/
#container #footer {
	clear:both;
	background: url(../images/divider_footer.gif) repeat-x;
    width: 648px;
    margin: 15px 0px 0px 50px;
	padding: 3px;
}
#container #footer p{
	text-align: center;
	font-size: 9px;
	color: #666666;
	font-weight: normal;
}
#container #footer a{
	color: #666666;
	text-decoration: underline;
}
#container #footer a:hover{
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
/********************** Ombre ***************************/
#ombre_cadre {
	background: url(../images/foot_bg.jpg) no-repeat;
	width: 750px;
	height: 45px;
	margin: 0px auto;
}
.clear {
	clear: both;
}