body {

  margin: 10px auto;

  /*background: #fff url("images/bg-grad.jpg") repeat-x fixed top left;*/

	background-color: #ddd;

  color: #333;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	font-size: 12px;

	text-align: center;

}



a {

	color: #333333;

}

/* order matters. a:visited should be before a:hover to have 

	 the hover effect on visited links.

a:visited {

	color: #666;

}*/

a:hover {

	color: #00f;

	text-decoration: none;

}



h3 {

  color: #000;

	font-size: 20px;

	margin: 0px;

	margin-bottom: 10px;

}



h4 {

	font-size: 12px;

	margin: 0px;

	margin-bottom: 10px;

}



hr {

	border-top: 1px solid #555;

	color: #f7f7f7;

}



img {

	border-width: 0px;

	margin: 0px;

	padding: 0px;

}



img.profile-photo {

	margin: 0px 10px 10px 0px;

	padding: 0px;

	border: 1px solid #000;

}



span.nobr

{

  white-space: nowrap;

}



div#wrapper {

  background-color: #fff;

	margin: 0px auto;

  padding: 0px;

	text-align: left;

	width: 800px;

	height: auto;

  border: 1px solid #000;

}



/**** start of logo-menu ****/

div#logo {

	float: left;

	width:  459px;

	height: 86px;

	margin-bottom: 0px;

	background-color: #fff;

  border: 0px solid #000;

}

div#header-menu {

	float: right;

	width: 341px;

	height: 76px;

	margin-bottom: 0px;

	padding-top: 10px;

	

	background-color: #fff;

	text-align: right;

	vertical-align: baseline;

}

div#header-menu a {

	margin-right: 10px;

	text-decoration: none;

}

/**** end of logo-menu ****/

/**** start of photo-menu ****/

div#photo, div#photo-main 

{

  float: left;

  width: 500px;

  height: 128px;

  overflow: hidden;

  margin-bottom: 0px;

  /* background-color: #F29956;  orange */

}

div#photo-main 

{

  height: auto;

}

div#menu, div#menu-main 

{

	float: right;

	width: 300px;

	height: 108px;

	margin-bottom: 0px;

	padding: 10px 0px;

	padding-top: 10px;

  background-color: #7ad;

	border-top:    0px solid #999;

	border-bottom: 0px solid #999;

	font-size: 18px;

	text-align: left;

}

div#menu-main

{

  height: 230px;

}

div#menu a, div#menu-main a {

	display: block;

	padding-bottom: 5px;

  padding-left:  20px;

  padding-right: 10px;

	

	color: #333;

  text-decoration: none;

}

div#menu a:hover, div#menu-main a:hover {

	color: #0000FF;

}

/**** end of photo-menu ****/



/**** start of second menu ****/

div#menu2, div#menu3 {

  float: left;

	width: 129px;

	height: auto;

	padding: 20px 10px;

  padding-top: 0px;

  padding-left: 20px;

  margin: 20px 0px;

  border: 0px dotted #000;

  border-right: 0px dotted #000;

  background-color: #a5c3e2;

  background-color: transparent;

  font-family: Arial, Helvetica;

  font-size: 16px;

}

div#menu2 a, div#menu3 a {

  display: block;

  padding: 2px 0px;

  border-bottom: 1px dashed #69c;

	text-decoration: none;

}

div#menu2 a:hover, div#menu3 a:hover

{

  background-color: #a5c3e2;

}

div#menu3 strong {

  display: block;

  padding-bottom: 19px;

  color: #000000;

  text-decoration: none;

}

div#menutext, div#menutext strong

{

  width: 129px;

  height: auto;

  padding-bottom: 10px;

  border: 0px dotted #000;

  font-size: 10px;

}

div#menutext a

{

  display: inline;

  border: 0px dotted #000;

}

div#menutext strong

{

  font-size: 13px;

}

/**** end of second menu ****/

/**** start of third menu ****

div#menu3 {

  float: left;

  width: 129px;

  height: 100%;

  padding: 20px 10px;

  padding-top: 0px;

  padding-left: 20px;

  margin: 20px 0px;

  border-right: 1px dotted #000;

  background-color: #a5c3e2;

  background-color: transparent;

  font-family: Arial, Helvetica;

  font-size: 16px;

}

div#menu3 a {

  display: block;

  padding: 2px 0px;

  border-bottom: 1px dashed #94B3D2;

  text-decoration: none;

}

div#menu3 strong {

  display: block;

	padding-bottom: 19px;

	color: #000000;

	text-decoration: none;

}

**** end of third menu ****/

/**** start of feature content ****/

div#content {

	clear: both;

	display: block;

	width: 800px;

  height: auto;

}

div#content-full {

  float: left;

	width: 600px;

	height: auto;

	margin: 20px 0px;

	padding: 20px;

  padding-right: 20px;

  padding-top: 0px;

}



/**** start of 3 column ****/

div.column3-container {

	width: 800px;

	height: auto;

	margin: 0px;

	padding: 0px;

}

div.column3, div.column3-right {

	float: left;

	height: auto;

	margin: 0px;

	margin-bottom: 10px;

	padding: 10px;

}

div.column3 {

	width: 246px;

}

div.column3-right {

	width: 247px;

	border-left:  0px solid #000;

}

div.column3-title1, div.column3-title2, div.column3-title3 {

	float: left;

	height: auto;

	margin: 0px;

	margin-top: 10px;

	padding: 5px 10px;

}

div.column3-title1 a, div.column3-title2 a, div.column3-title3 a {

	color: #333;

	font-weight: bold;

	text-decoration: none;

}

div.column3-title1 {

	width: 246px;

	background-color: #94B3D2;

}

div.column3-title2 {

	width: 247px;

	background-color: #c3d7ec;

}

div.column3-title3 {

	width: 247px;

	background-color: #a5c3e2;

}

/**** end of 3 column ****/



div.column3 ul, div.column3-right ul { /* first level */

	margin: 0px;

	margin-bottom: 20px;

	padding: 0px;

}

div.column3 li, div.column3-right li { /* first level */

	margin-left: 20px;

	list-style-type: square;

}

div.column3 li ul, div.column3-right li ul { /* second level */

	margin: 0px;

	padding: 0px;

}

div.column3 li ul li, div.column3-right li ul li{ /* second level */

	margin-left: 20px;

	list-style-type: disc;

}

/**** end of feature content ****/

/**** start of copyright ****/

div#copyright {

	clear: both;

	display: block;

	width: 800px;

	height: auto;

	margin-top: 10px;

	padding: 10px 0px;

	border-top: 0px solid #000;  

  background-color: transparent;

	text-align: center;

  font-size: 11px;

}

div#copyright a:visited {

	color: #333;

}

div#copyright a:hover {

	color: #00f;

}

/**** end of copyright ****/

/**** start of site map ****/

div#sitemap {

}

/**** end of site map ****/

/**** start of cg boxes ****/

div#cg-container {

  float: left;

  margin: 0px auto;

  padding-top: 20px;

	width: 580px;

  border: 0px solid #000;

}

div#cg-photo {

	float: left;

	width: 150px;

  height: 200px;

	margin-bottom: 20px;

	border: 1px solid #000;

}

div#cg-text {

  float: left;

  width: 408px;

  padding: 10px;

  padding-top: 0px;

  border: 0px solid #000;

}

div#cg-text h4

{

  background-color: transparent;

}

div#cg-text span.no-bold

{

  font-weight: normal;

}

/**** end of cg boxes ****/



/**** start of files ****/

table#files

{

  margin: 20px 0px;

  padding: 0px;

  width: 600px;

  border: 0px solid #69c;

}

table#files tr.heading td

{

  padding-bottom: 5px;

  font-weight: bold;

  border-bottom: 1px solid #fff;

}

table#files tr.fileline

{

  margin: 0px;

  padding: 0px;

}

td.icon

{

  margin-left: 0px;

  padding-left: 10px;

  border: 0px solid #000;

}

td.other

{

  margin-left: 0px;

  padding-left: 10px;

  border: 0px solid #000;  

}

table#files td

{

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  background-color: #def;

}

table#files td:hover

{

  background-color: #fff;  

}

table#files td.file-details

{

  padding: 10px;

  padding-bottom: 20px;

  background-color: #eee;

}

table#files td.file-title

{

  width: 150px;

}

table#files td.file-size, 

table#files td.file-downloads

{

  width: auto;

}

table#files td.file-type

{

  width: auto;

}

table#files td.file-dates

{

  width: auto;

}



table#files td.upload

{

  margin: 0px;

  padding: 10px;

  border: 0px;

  background-color: transparent;

}



form

{

  margin: 0px;

  padding: 0px;

}



form.files

{

  display: inline;

}

/**  

  background-color: #94B3D2;

  background-color: #c3d7ec;

  background-color: #a5c3e2;

**/

/**** end of files ****/



/**** start of upload ****/



form

{

  border: 0px solid #000;

}

input

{

  margin: 0px;

  padding: 0px;

}

textarea

{

  width: 200px;

  height: 100px;

}



form div.section

{

  width: 376px;

  height: auto;

  padding: 10px 20px;

  margin: 0px auto;

  margin-bottom: 10px;

  border: 1px solid #69c;

}

form div.section-title

{

  padding-bottom: 10px;

  font-size: 16px;

}



form div.info

{

  height: auto;

  margin-bottom: 3px;

}

form div.field-title

{

  float: left;

  display: inline;

  width: 150px;

  height: auto;

}

div.field

{

  display: inline;

}

div.field input

{

  width: 200px;

}

div#signup-title

{

  padding-bottom: 10px;

  font-size: 20px;

  text-align: center;

}



/**** end of upload ****/



hr 

{

  margin: 20px 0px;

}



table#forum, #post

{

  width: 100%;

  padding: 0px;

  margin: 10px 0px;

  border: 1px solid #69c;

  background-color: #fff;

}

table#post

{

  overflow: hidden;

  border-bottom: 0px;

}



td

{

  padding-top: 5px;

  padding-bottom: 5px;

  background-color: #eef;

}



#heading td

{

  padding-top: 5px;

  padding-bottom: 5px;

  background-color: #369;

  font-size: 10pt;

  font-weight: bold;

  color: #fff;

}

#heading td.title

{

  padding: 4px 10px;

}



td.forum-title

{

  padding-left: 10px;

  border-top: 0px solid #fff;

  border-bottom: 1px solid #fff;

  background-color: #69c;

  color: #fff;

  font-weight: bold;

}



td.title-desc, td.hundred, td.lastpost, td.post-author-heading

{

  padding: 4px 10px;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

}

td.hundred

{

  width: 40px;

  text-align: center;

}

td.lastpost

{

  width: 130px;

  border-right: 0px;

  text-align: center;

}

div.title

{

  font-weight: bold;

}

td.post-author-heading

{

  width: 140px;

  text-align: center;

}

td.post-heading

{

  border-right: 0px;

  border-bottom: 1px solid #fff;

  text-align: center;

}

td.post, td.post-input

{

  padding: 10px 10px;

  overflow: hidden;

  border-bottom: 1px solid #69c;

  border-right: 0px solid #fff;

  vertical-align: top;

}

td.post-input

{

  width: 470px;

}

form#forum-post input

{

  width: 450px;

}

form#forum-post input.post-submit

{

  width: auto;

}

form#forum-post textarea

{

  display: block;

  width: 450px;

  height: 200px;

  margin-top: 10px;

}



div.forum-icon

{

  padding: 0px 0px;

}



div.forum-tree

{

  padding: 10px 0px;

}



/**** start of id page ****/



.id-title

{

  width: 600px;

  padding: 5px 0px;

  border-top: 0px solid #000;

  color: #fff;

  font-weight: bold;

  text-align: center;

}

.id-main-info

{

  width: 600px;

  margin-bottom: 0px;

  overflow: hidden;

  background-color: #69c;

  color: #fff;

}

#id-photo

{

  float: left;

}

#id-photo-info td

{

  padding-left: 20px;

  background-color: transparent;

}

td.answer

{

  width: 200px;

}



.id-address

{

  float: left;

  width: 290px;

  padding: 10px 5px;

  text-align: center;

}



.id-message

{

  float: left;

  width: 580px;

  padding: 10px;

  background-color: #69c;

}



.id-other

{

  float: left;

  width: 580px;

  padding: 10px;

  background-color: transparent;

}



.id-navigate

{

  float: left;

  width: 580px;

  padding: 10px;

  padding-top: 30px;

  text-align: center;

}



/**** end of id page ****/



/**** start of bottin page ****/



.bottin-header

{

  clear: both;

  padding: 5px;

  border-right: 0px solid #fff;

  border-bottom: 1px solid #fff;

  background-color: #369;

  color: #fff;

  font-weight: bold;

}

.bottin-header a

{

  color: #fff;

  text-decoration: none;

}

.bottin-name, 

.bottin-email

{

  float: left;

  width: 280px;

  height: 17px;

  padding: 0px 10px;

  border-right: 0px solid #fff;

  border-bottom: 1px solid #fff;

  background-color: #bcf;

  color: #000;

}

.bottin-name a, 

.bottin-email a

{

  color: #000;

  text-decoration: none;

}



/**** end of bottin page ****/



/**** start of bottin page ****/



.books

{

  width: 100%;

  font-size: 10px;

}



.title-isbn, .title-title, .title-author, .title-price

{

  font-size: 120%;

  font-weight: bold;

}



.title-isbn

{

  width: 80px;

}



.title-title

{

  width: 300px;

}



.title-author

{

  width: 160px;

}



.title-price

{

  width: 60px;

}



.book-details

{

  background-color: #fff;

}



.book-modifier a

{

  font-size: 20px;

  text-decoration: none;

}





.book-desc-title

{

  float: left;

  width: 200px;

  margin-right: 20px;

  font-size: 15px;

}

.book-desc-details

{

  float: right;

  width: 380px;

}

.book-comments

{

  clear: both;

  padding-top: 10px;

}

  

.answer-table td

{

  border: 1px solid #fff;

}

.answer-table-header

{

  font-weight: bold;

}

textarea.answer-table-area

{

  width: 400px;

  height: 100px;

}



/**** end of bottin page ****/





/**** start of photos page ****/



#photos

{

  text-align: center;

}



#photos img

{

  border: 1px solid #000;

  margin-bottom: 10px;

}



#photo-info table

{

  margin: 0px auto;

  margin-bottom: 20px;

}



.photos-details-titre

{

  width: 100px;

  padding: 0px 5px;

  font-weight: bold;

  text-align: left;

}



.photos-comments td

{

  padding: 3px 10px;

  text-align: left;

}



.photos-thumbnail-container

{

  float: left;

  width: 110px;

  height: 160px;

  text-align: center;

}



.photos-thumbnail

{

  width: 100px;

  height: 100px;

  margin: 5px;

  overflow: hidden;

  border: 1px solid #000;

}



.photos-thumbnail img

{

  width: 500px;

}



#photos-thumbnails-wrap

{

  border: 0px solid #000;

}



#photos-thumbnails-header,

#photos-thumbnails-footer

{

  clear: both;

  padding-bottom: 10px;

}



/**** end of photos page ****/





/**** start of standard page ****/



#content-header

{

  clear: both;

}


#nouvelles-content

{

  float: left;

  width: 600px;

}

#standard-content

{

  float: left;

  width: 600px;
}

.standard-content-title

{

  padding: 2px 10px;

  background-color: #68a;

  color: #fff;
  font-weight: bold;

}

.standard-article-title

{

  padding: 0px 10px;

  padding-top: 5px;

  font-weight: bold;

}

.standard-article-title-details

{

  font-style: italic;

  font-weight: normal;

}

.standard-article

{

  padding: 0px 10px;

  padding-top: 5px;

  padding-bottom: 20px;

}

#standard-extras

{

  float: right;

  width: 180px;
  background-color:#FFFFFF;
  border-left: solid 20px #ffffff;
}

.standard-extras-title

{

  margin-bottom: 1px;

  padding: 5px 10px;

  background-color: #ddf;

}

.standard-extras-content

{

  padding-bottom: 15px;

}

.standard-extras-content a

{

  display: block;

  padding: 3px 10px;

  background-color: #eef;

  margin-bottom: 1px;

  text-decoration: none;

}

.standard-extras-content a:hover

{

  background-color: #ddf;

}

.part td

{

  background-color: white;

}

.lepouls

{

  padding-bottom: 15px;

}

.lepouls a

{

  display: block;

  padding: 3px 10px;

  background-color: #eef;

  margin-bottom: 1px;

  text-decoration: none;

}

.lepouls a:hover

{

  background-color: #ddf;

}
.lepouls td

{

  background-color: white;

}


#content-footer

{

  clear: both;

}



/**** end of standard page ****/





div#title-title

{

  padding-bottom: 10px;

  font-size: 20px;

  text-align: center;

}



/**** start of classified ads ****/



div.annonces-add

{

  padding: 10px 0px;

  text-decoration: bold;

}



td.annonces-expire

{

  padding: 4px 10px;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  width: 120px;

  text-align: center;

}

td.annonces-price

{

  padding: 4px 10px;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  width: 80px;

  text-align: center;

}

td.ad

{

  width: 100%;
  
  padding: 4px 10px;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;


}

/**** end of classified ads ****/