body
{
	background-color : #89ccc9;
	font-family : arial,verdana,sans-serif;
	font-size : 10pt;
}

div
{
	margin : 0;
	padding : 0;
}

.show { display : block }
.hidden { display : none }
.clear_left { clear : both; }

#ALL
{
	width : 840px;
	text-align : left;
}

#large
{
	width : 640px;
	float : left;
}

#medium
{
	width : 200px;
	float : left;
}

#medium ul
{
	margin : 0; padding : 0;
	list-style: none ; 
}

#medium ul li
{
	padding : 4px 10px 4px 10px;
	font-size : 1.0em;
	margin-bottom : 1px;
	background-color : #a9d8d2;
	font-weight : normal;
	color :  #820e12;
	cursor : pointer;
}

#medium ul li.selected
{
	background-color : #fff;
}


.contenu
{
	padding : 0 10px 0 10px;
}


.edito
{
	font-size : 1.2em;
	line-height : 1.5em;
}

.accroche
{
	font-weight : bold;
	color : #820e12;
	font-size : 1.2em;
	line-height : 1.5em;
	background-color : #a9d8d2;
	padding : 10px;
}

.accroche img
{
	float : left;
}

.intro
{
	margin-top : 10px;
	text-align : justify;
}

.intro img
{
	float : right;
	margin-left : 10px;
}
#menu
{
	margin-top : 20px;
	margin-bottom : 10px;
}

#menu ul
{
	margin : 0; padding : 0;
	list-style: none ; 
}

#menu ul li
{
	
	float : left;
	padding : 4px 20px 4px 20px;
	font-size : 1.1em;
	margin-right : 1px;
	background-color : #a9d8d2;
	font-weight : bold;
	color :  #820e12;
	cursor : pointer;
}

#menu ul li.selected
{
	background-color : #fff;
}

.section 
{
	margin-bottom : 30px;
	padding-left : 30px;
}

.section img
{
	float : left;
	margin-right : 8px;
}
.section h2
{
	margin : 0 0 6px -30px;
	padding : 0;
	font-size : 1.1em;
}
.section a
{
	background-image:url(../img/puce_link.gif);
	background-repeat:no-repeat;
	padding-left : 30px;
	text-decoration : none;
	color :  #820e12;
}

img.round
{
	float : left;
	margin-right : 10px;
}

.gros_bazar
{
	background-position:right top;
	background-repeat : no-repeat;
	background-image : url(../img/bazar_gros.png);
}

.petit_bazar
{
	background-position:right top;
	background-repeat : no-repeat;
	background-image : url(../img/bazar_petit.png);
}

#footer
{
	margin-top : 30px;
	padding : 0;
	text-align : center;
}
#footer .partners
{
	background-color : #a9d8d2;

}

a.pdf
{
	background-position: left top;
	background-repeat : no-repeat;
	background-image : url(../img/page_white_acrobat.png);
	padding-left : 20px;
	text-decoration : none;
	color :  #820e12;
}

a.doc
{
	background-position: left top;
	background-repeat : no-repeat;
	background-image : url(../img/page_white_word.png);
	padding-left : 20px;
	text-decoration : none;
	color :  #820e12;
}

a.pdf:hover, a.doc:hover
{
	text-decoration : underline;
}