body { 
	margin:0; padding:0; background-color:#000;
	font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:center; 
}

/* GENERALITES ----------------------------------------------------------- */
ul { list-style-type:none; margin:0; padding:0; }
ul.disc { list-style-type: disc; list-style-position: outside; margin-left:15px;  }
ul.disc li { line-height:10pt; }

li { margin:0; padding:0; line-height:normal; text-align:justify; }
p { margin:0; padding:0; text-align:justify; line-height:10pt;  }
form { margin:0; padding:0; }
input, select { font-size:10px; margin:0; padding:0; }
textarea { font-size:11px; }

h1, h2, h3 { margin:0; padding:0;}

h1 { font-size:16px; font-weight:700; color:#000; line-height:18px; padding-bottom:5px; }
h2 { font-size:14px; font-weight:700; color:#000; line-height:16px; padding-bottom:2px; }

/* LIENS */
a:link, a:active, a:visited { text-decoration:none; color:#417630; }
a:hover { color:#333; text-decoration:underline; }


/* messages ------------------------------------------------ */
.err { margin:5px auto; width:90%; border:1px solid #ff0000; background-color:#fff; }
.errtt { display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold; }
.errtxt { display:block; color:#333; padding:2px 5px; }
.chpsErr { background-color:#FF7777; }
.suc { margin:5px auto; width:90%; border:1px solid #339933; background-color:#fff; }
.succestt { display:block; background-color:#339933; color:#FFFFFF; text-align:center; font-weight:bold; }
.succestxt { display:block; color:#333; padding:2px 5px; }



/* CONTENEUR */
#atlante-arche { width:980px; height:681px; margin:10px auto; background:#f8c649 url(img/fond.jpg) 0px 0px no-repeat;  }

/* TOP */
#header { float:left; display:inline; width:980px; height:203px; background:url(img/savannah.png) top right no-repeat; }

#logo  { float:left; display:inline; width:196px; height:189px; margin-left:16px; margin-top:14px; }

#menus { margin:90px 0 0 0; padding:0; height:113px; } 
#menus ul { height:113px; float:right; } 
#menus  ul li { float:left; display:inline; margin:0 30px 0 20px; } 
/*
#menus ul li a { display:block; height:113px; }
#menus ul li a span { display:none; }

#menus ul li#family a { width:124px; }
#menus ul li#family a:link, #menus ul li#family a:active, #menus ul li#family a:visited  { 
	background:url(img/menu-haut/family.png) 0px 0px no-repeat; }
#menus ul li#family a:hover  { background:url(img/menu-haut/family_on.png) 0px 0px no-repeat; }
*/


/* MIDDLES */
/*
#center { float:right; display:inline; padding:10px 10px 0 10px; margin:0px 10px 10px 0; width:615px; height:410px; overflow:auto;
 background:#666 url(img/center.jpg) 0px 0px no-repeat;  }

.content { margin:0px; padding:0 20px 0 0; line-height:10pt; overflow:none; height:380px; background-color:#000; }
*/

#center { float:right; display:inline; width:590px; height:410px; overflow:auto; background:url(img/center.jpg) 0px 0px no-repeat;
 padding:10px 10px 0 10px;  margin:0px 35px 10px 0 ; text-align:left; }

.content { margin:0px; padding:0 5px 0 0; line-height:10pt; overflow:none; height:380px; /*width:580px;*//*background-color:#fff; */ }


/* SCROLLBARS */
a.jScrollArrowUp { background: url(img/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(img/basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }

/* BOTTOM */

#bottom { margin-top:0px; width:980px; height:56px; background:url(img/bottom.jpg) 0px 0px no-repeat; clear:both; }
#bottom ul { height:39px; float:right; }
#bottom ul li { float:left; text-align:right; display:inline; margin:8px 20px 0 20px; }

#bottom ul li a { display:block; height:19px; }
#bottom ul li a span { display:none; }

#bottom ul li#prelude a { width:81px; }
#bottom ul li#prelude a:link, #bottom ul li#prelude a:active, #bottom ul li#prelude a:visited  { 	
	background:url(img/menu-bas/prelude.png) 0px 0px no-repeat; }
#bottom ul li#prelude a:hover  { background:url(img/menu-bas/prelude_on.png) 0px 0px no-repeat; }
#bottom ul li#prelude a.sel:link, #bottom ul li#prelude a.sel:active, #bottom ul li#prelude a.sel:visited  { 
	background:url(img/menu-bas/prelude_on.png) 0px 0px no-repeat; }

#bottom ul li#ideologie a { width:96px; }
#bottom ul li#ideologie a:link, #bottom ul li#ideologie a:active, #bottom ul li#ideologie a:visited  { 
	background:url(img/menu-bas/ideologie.png) 0px 0px no-repeat; }
#bottom ul li#ideologie a:hover { background:url(img/menu-bas/ideologie_on.png) 0px 0px no-repeat; }
#bottom ul li#ideologie a.sel:link, #bottom ul li#ideologie a.sel:active, #bottom ul li#ideologie a.sel:visited  {  
	background:url(img/menu-bas/ideologie_on.png) 0px 0px no-repeat; }

#bottom ul li#la-reunion a { width:118px; }
#bottom ul li#la-reunion a:link, #bottom ul li#la-reunion a:active, #bottom ul li#la-reunion a:visited  { 
	background:url(img/menu-bas/la-reunion.png) 0px 0px no-repeat; }
#bottom ul li#la-reunion a:hover { background:url(img/menu-bas/la-reunion_on.png) 0px 0px no-repeat; }
#bottom ul li#la-reunion a.sel:link, #bottom ul li#la-reunion a.sel:active, #bottom ul li#la-reunion a.sel:visited  {  
	background:url(img/menu-bas/la-reunion_on.png) 0px 0px no-repeat; }	
	
#bottom ul li#contact a { width:81px; }
#bottom ul li#contact a:link, #bottom ul li#contact a:active, #bottom ul li#contact a:visited  { 
	background:url(img/menu-bas/contact.png) 0px 0px no-repeat; }
#bottom ul li#contact a:hover  { background:url(img/menu-bas/contact_on.png) 0px 0px no-repeat; }
#bottom ul li#contact a.sel:link, #bottom ul li#contact a.sel:active, #bottom ul li#contact a.sel:visited    {
	background:url(img/menu-bas/contact_on.png) 0px 0px no-repeat; }

#bottom ul li#partenaires a { width:120px; }
#bottom ul li#partenaires a:link, #bottom ul li#partenaires a:active, #bottom ul li#partenaires a:visited  { 
	background:url(img/menu-bas/partenaires.png) 0px 0px no-repeat; }
#bottom ul li#partenaires a:hover { background:url(img/menu-bas/partenaires_on.png) 0px 0px no-repeat; }
#bottom ul li#partenaires a.sel:link, #bottom ul li#partenaires a.sel:active, #bottom ul li#partenaires a.sel:visited  { 
	background:url(img/menu-bas/partenaires_on.png) 0px 0px no-repeat; }


.content ul { list-style-position:outside; margin-left:15px; list-style-type:disc; }
.content ul li { padding-left:0px; line-height:11pt; margin-bottom:2px; }

.content p{ margin-bottom:5px;}


/* CONTACT */
form.contact { padding:10px; }
form.contact table {  }
form.contact table  th{ width:80px; vertical-align:top; }
form.contact table  td{ }

form.contact input, form.contact textarea { width:400px; border:1px solid #417630; padding:2px; }

form.contact input.btn {width:auto; background-color:#cf7600; border:1px solid #417630; color:#fff; cursor:pointer;  }

/* FAMILY */
table.family {  }
table.family td{ vertical-align:top; border-bottom:1px solid #417630; padding:5px; }
table.family td p{ text-align:center; padding:5px 0 0 0; margin:0; }
table.family td.name{ border-bottom:none; padding:5px 0 0 0; }
table.family td.text{ padding:0 0 0 5px; }
table.family td img{ border:1px solid #fff; margin:0 5px; }
table.family td img:hover{ border:1px solid #417630; }
p.cadrediapo { margin:0; padding:2px 5px; }
a.liendiapo { display:inline; background-color:#fff; padding:2px 5px; width:auto; }
a.retour { display:block; background-color:#fff; padding:2px 5px; width:auto; }

table.diapo {  }
table.diapo td { border-bottom:1px solid #417630; padding:5px; }

/* PHOTOS */
div.photos { padding-top:5px; }
table.family td div.photos img{ margin:2px; }











