body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #FFFFFF;
	padding : 0px;
	margin : 0px;
	font-size: 62.5%;
}

img{
border: none;
}

#main_container {
width: 870px;
height:100%;
margin: 0px auto 0px auto;
border: 3px solid #CCCCCC;
}


#header {
	width: 870px;
	height: 110px;
	margin: 0px;
	padding : 0px;	
	background-color: #ff3333;
	position: relative;
}

#slogan {
	width: 260px;
	margin: 0px;
	padding : 5px;
}

td#left_head {
width: 710px;
}

td#right_head {
width: 260px;
vertical-align: bottom;
}

.menu_navigation {
background-color: #FFFFFF;
margin : 2px 0px 0px 0px;
padding : 0px 0px 0px 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
height : 25px;
width: 870px;
}


ul.navigation {
	margin: 0px auto 0px 20px;
	padding: 0;
}


ul.navigation li{
	width: 160px;
	margin: 0;
	padding: 0;
	display: inline;
}

#content_and_side_wrapper{
	background-image : url(img/deco/main_citron.jpg);
	background-color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 1px;
}

#content_container{
	background-color: #ffffff;
	width: 700px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#side_box_container{
background-color: transparent;
width: 160px;
margin-left: 710px;
}

.side_box {
border: 2px solid #CCCCCC;
width: 150px;
margin : 7px 0px 7px 0px;
}

.side_box_content {
width: 150px;
height: 120px;
}




#footer {
	width: 870px;
	margin: 5px auto 0px auto;
	padding : 0px;	
	background-color: #ff3333;
	border: 3px solid #CCCCCC;
	vertical-align: top;
	color: #ffffff;
}

ul.footer_infos {
	margin: 0px;
	padding: 5px;
}


ul.footer_infos li{
	margin: 0px 5px 0px 5px;
	padding: 0;
	display: inline;
}






table#foot {
	width: 926px;
	text-align: center;	
	margin: auto;
	color: #ffffff;
	font-size: 1em;
}


table#frame {
	width: 926px;
	background: url('images/main_bkg.jpg');
	margin: auto;

}
table#foot {
	width: 926px;
	margin: auto;
	text-align: left;
}

.logo {
	width: 230px;
	vertical-align: botom;
	text-align: right; 
	background: url('images/coin_logo.jpg');
}


.leftcol {
	width: 230px;
	vertical-align: top;
}

.centercol {
	width: 696px;
	vertical-align: top;
}

.post {
	text-align: center;
	margin-left: 0px;
	margin-right: auto;
	padding : 0px 0px 40px 0px;
	width: 660px;
}

.article {
	margin-left: 0px;
	width: 550px;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding : 0px 30px 0px 0px;
	text-align: left;
	color: #ffffff;
	font-size: 1.1em;
}

.article ul 
{
margin: 0px 0px 12px 0px;
padding-left: 15px;
list-style-image: url('images/li_marker.jpg')
}

.article h2 {
	font-size: 2em;
	text-align: justify;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
	color : #ed1e25;
}

.article h4 {
	font-weight: bold;
	font-size: 1.1em;
	color : #ed1e25;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

.article p {
	margin-top: 0px;
}

.article_top {
	text-align: left;
	padding: 0px;
	margin: 0px;

}

.article_top h1 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color : #ff3333;
}

.titre_section {
	width: 550px;
	height: 50px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
}



.la_suite {
	margin-right: 40px;
	text-align: right;
	font-family: sans-serif;
	font-size: 0.7em;
	padding: 0px;
}


a:hover {
	text-decoration: none;
	color : #FFFFFF;
	outline: none;
}
a:visited {
	text-decoration: none;
	color : #FFFFFF;
	outline: none;
}
a:link {
	text-decoration: none;
	color : #FFFFFF;
	outline: none;
}

a img:hover , a img:visited, a img:active , a img:link{
	text-decoration: none;
	border: none;
	outline: none;
	color : #FFFFFF;
}


#sommaire {
	margin: 0px;
	width : 200px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	background-repeat: repeat-y;
}

#sommaire ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 40px;
}
#sommaire ul li {
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 0px 2px 0px;
	margin: 0px;
}
#sommaire ul li a:hover {
	text-decoration: underline;
	color : #ffffff;
}

#sommaire ul ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	color: #cc6633;
}

#sommaire ul ul li{
	font-weight: normal;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sommaire h1 {
	font-size: 1em;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
