* {
	padding: 0;
	margin: 0;
}

/* TYPOGRAPHY */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.865em;
	color: #3D3D3D;
	text-align: center;
}

a, a.visited {
	/* color: #4b5241; */
	color: #000;
}

a:hover {
	background: #f8ffec;
}

a img {
	border: none;
}

#navigation a{
	color: #466eb1;
	text-decoration: none;
	
}

#breadcrumb {
	font-size: 0.8em;
}

.bcrumbtitle {
	color: #4e75b5;
}

#navigation a:hover {
}
h1, h2, h3, h4 {
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 0.5em 0 0.1em 0;
	color: #1250A0;
}

h1 {
	clear: left;
	font-size: 2.2em;
}

h2 {
	clear: left;
	font-size: 1.8em;
	color: #3C5F8D;
}

h3 {
	clear: left;
	font-size: 1.4em;
	color: #374B64;	
}

p {
	font-size: 0.9em;
	padding: 0.2em 0 0.7em 0;
	line-height: 1.5em;
}

/* LAYOUT */


#page {
	position: absolute;
	left: 50%;
	margin-top: 2px;
	margin-left:-385px;
	background-color: white;
	width: 770px;
	padding: 10px;
	text-align: left;
}

#header {
	height: 115px;
	width: 100%;
	float: left;
}

#header p {
	padding: 0;
	margin: 0;
}

#header a:hover {
	background: none;
}
#headerimg {
	height: 85px;
	width: 100%;
	margin-bottom: 10px;
	float: left;
	text-align: center;}

#headerimg img {
	float: center;
	padding-top: 5px;
	padding-left: 15px;
}


#breadcrumb {
	float: left;
	width: 100%;
	margin-top: 5px;
	padding-bottom: 3px;	
	border-bottom: 1px dotted black;
}

#navigation {
	float: left;
	width: 100%;
	background: #e0e5ea;
	border-bottom: 1px solid #4c4c7f;
	border-top: 1px dotted black;
	text-align: right;
	
}

#navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation li { /* all list items */
	float: right;
	background: #e0e5ea;
	position: relative;
	width: 7.5em;
	text-align: center;
	padding-right: 3px;

}

#navigation li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	border-top: 1px solid #b9c2cc;
}

#navigation li ul li { /* second-level lists */
	border-bottom: 1px solid #b9c2cc;
	border-right: 1px solid #b9c2cc;
	border-left: 1px solid #b9c2cc;
	
	padding-top: 2px;
	padding-bottom: 2px;
}

#navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#navigation li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


#content {
	margin-top: 20px;
	/* width: 103%; */
	width: 100%;
	background-color: #fafafa;
	clear: left;
	float: left;
	border-bottom: 1px dotted black;
	margin-bottom: 5px;
	/* height: 320px;
	overflow-x: scroll; */
}

#content img {
	padding: 3px;
	background: #fff;
	/* border: 1px solid #888; */
}

#content ul, #content ol {
	padding-left: 17px;
	line-height: 1.5em;
}

.fournibox {
	padding: 3px;
	border: 1px dotted #333;
	background: #fff;
	width: 80%;
	margin: 0 auto 10px;
}

#center_content {
	padding-top: 30px;
	text-align: center;
}
	
#associations img {
	border: none;
}

.image {
	float: left;
	margin: 5px;
}

#sidebar {
	display: none;
}

#footer {
	width: 100%;
	padding: 7px 0 7px 0;
	float: left;
	text-align: center;
	font-size: 0.8em;
	background: #e0e5ea;
	margin-top: 10px;
	color: #aaaaaa;
	border-top: 1px solid #4c4c7f;
}

.print-button {
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
}

#footer, #footer a, #footer a.active, #footer a:hover {
	color: #aaaaaa;
}

#footer .left {
	width: 45%;
	float: left;
	text-align: left;
	padding-left: 10px;
}

#footer .right {
	width: 45%;
	float: right;
	text-align: right;
	padding-right: 10px;
}

.newrow {	clear: both;
}

.charbox {
	float: left;
	padding: 10px;
	margin: 10px;
	background: #fff;
	border: 1px solid #333;
	width: 42%;
	text-align: center;
	height: 25em;
}

.charbox img {
	clear: right;
}

.charbox h3 {
	color: #4e75b5;
	padding-bottom: 5px;
	}

.charbox p {
	float: left;
	clear: both;
}

#associations {
	width: 100%;
	clear: both;
	padding-bottom: 40px;
	border-bottom: 1px solid grey;
	margin-bottom: 10px;
}

.devenir-membr {
	width: 95%;
	padding: 1%;
	background: #fff;
	border: 3px solid #C2E2EC;
	margin: 0 auto;
	color: #3D3D3D;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.devenir-membr h1 {
	size: 1.9em;
	font-weight: bold;
	color: #888888;
}

.recherch {
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background: white;
	border: 1px dotted #F8EFE3;
	margin-left: 2%;
	margin-right: 2%;
	padding: 2%;
	width: 90%;
}

.contact-address {
	padding: 1em;
	background: #fff;
	margin-bottom: 1em;
	border: 1px solid #888888;
}

.center {
	width: 100%;
	clear: left;
	text-align: center;
}
/* GALLERY */

#gallery
{
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
}

#gallery div
{

}

#gallery div.breadcrumb
{
	padding: .5em;
	margin: 0;
}

#gallery div.breadcrumb p
{
	padding: 0;
	margin: 0;
}

#gallery div.folders
{		
	margin: 0;
	padding: .5em;		
}

#gallery div.folders ul
{
	margin-top: 1em;	
	margin-bottom: 0;	
}

#gallery div.folders p
{
	margin: 0;	
}

#gallery div.thumbs
{
	
}

#gallery div.thumbs ul
{
	list-style:none;
	margin: 0;  	
	padding: 0;
}


#gallery div.thumbs li
{
	background: #dddddd;	
	vertical-align: top;
	text-align: center;
	float: left;
	padding: .6em;
	margin: .5em;
}

#gallery div.thumbs img
{	
	margin: 0px;
	padding: 0px;
}

#gallery div.thumbs p
{	
	margin: .1em;
	padding: 0;
}


#gallery div.thumbs img:hover, div.thumbs img:focus
{

}

#gallery div.stopfloating
{
	clear: both;
}

#gallery #nav
{
	border: 1px solid #a9a9a9;
	margin: 6px 0px 6px 0px;
	padding: 4px 4px 0px 4px;
	height: 18px;
}

#gallery #nav .alignleft
{
	float: left;
}

#gallery #nav .alignright
{
	float: right;
}

#gallery div.slide
{
	text-align: center;
}