/*  
Theme Name: Alain Caton Website
Theme URI: http://www.caton-dessinateur.com
Description: Alain Caton v2.0 web site
Author: Cyril Caton
Author URI: http://www.cissou.info
Version: 1.0
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #333;
	background: url(../images/slash.png) repeat;
	height: 100%;
	}

a:link, a:visited {
	color: #399DCF;
	text-decoration: none;
	}
a:hover {
	color: #fff;
	background: #399DCF;
	}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#wrap {
	width: 770px;
	margin: 0 auto;
	padding: 0 6px;
	font-size: 95%;
	text-align: left;
	background: #fff url(../images/wrap-bg-inv.jpg) repeat-y top left;
	}
#main-body {
	float: left;
	width: 100%;
	height: 100%;
	background: #fff; 
	min-height: 100%;
	}
#home-page {
	float: right;
	width: 100%;
	height: 386px;
	margin: 5px 0 5px 0;
	background: #fff url(../images/accueilBG.jpg) repeat-y top left;
	}
#content {
	float: right;
	width: 590px;
	height: 100%;
	margin: 0;
	background: #fff;
	}
#gallerie {
	float: right;
	width: 700px;
	height: 100%;
	margin: 10px 35px 0 0;
	background: #fff;
	}
#sidebar {
	float: left;
	position: relative;
	width: 170px; 
	background: #fff; 
	}
#footer {
	clear: both;
	margin: 0;
	padding: 20px 20px 12px 20px;
	border-top: 1px solid #fff;
	background: #cecece url(../images/footer-bg.gif) no-repeat top left;
	}

/* ------------------------------------------------------------

	header

------------------------------------------------------------ */

#header {
	float: left;
	width: 100%;
	background: #fff;
	}
#header h1 {
	float: right;
	margin: 0;
	padding: 20px;
	}
#header h2 {
	float: right;
	margin: 28px 20px 20px 20px; 
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #777;
	}
#logo h2 {
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #777;
	}
/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */

#nav {
	float: left;
	width: 100%;
	font-size: 90%;
	background: #FFB938;
	border-bottom: 1px solid #fff;
	}
#nav ul {
	float: left;
	width: 738px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
	}
#nav ul li a {
	display: block;
	float: left;
	margin: 0;/*1px 0 0 0;*/
	padding: 6px 10px 9px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	}
#nav ul li a:hover {
	background: #FF9B1A;
	color: #000;
	}
#nav ul li.active a, #nav ul li.active a:hover {
	color: #000;
	background: #FF9B1A;
	}

/* ------------------------------------------------------------

	content

------------------------------------------------------------ */

h2#title {
	margin: 0;
	padding: 18px 20px; 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 180%;
	color: #fff;
	background: #399DCF url(../images/title-bg.gif) no-repeat top left;
	}

/* override for home page */
	
#main-body h2#title {
	margin: 0;
	padding: 0;
	background: none;
	}
	
#main-body h3#contact {
	margin: 0;
	padding: 30px;
	background: none;
	font-weight: bold;
	}
	
#main-body p#contact {
	margin: 0;
	padding: 20px;
	background: none;
	}
	
#content-inner {
	margin: 20px;
	line-height: 1.4em;
	}
#content-inner ul {
	margin: 0;
	padding: 0;
	}
#content-inner ul li {
	margin: 0 0 0 40px;
	padding: 0;
	background: url(../images/icon-bullet.gif) no-repeat 0 0;
	}
#content-inner blockquote {
	margin: 1em 0 1em 20px;
	padding: 0 0 0 22px;
	font-size: 90%;
	line-height: 1.4em;
	color: #666;
	background: url(../images/icon-quotes.gif) no-repeat 0 2px;
	}
	
	
/* ------------------------------------------------------------

	portofolio

------------------------------------------------------------ */

#flashcontent {
	height: 400px;
	width: 100%;
	}

/* ------------------------------------------------------------

	sidebar

------------------------------------------------------------ */


#sidebar-inner {
	border-top: 1px solid #fff;
	padding: 20px;
	}
#sidebar-inner ul {
	padding: 40px 0 0 0;
	list-style: none;
	}
#sidebar-inner ul li {
	margin: 0;
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #ccc;
	background: url(../images/bullet-grey.gif) no-repeat 3px 9px;
	}
#sidebar-inner ul li a {
	font-size: 90%;
	color: #000;
	}
#sidebar-inner ul li a:hover {
	background: #555;
	color: #fff;
	}

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */

#footer p {
	margin: 0;/*0 0 8px 0;*/
	padding: 0;
	font-size: 90%;
	color: #555;
	text-align: right;
	}	
#footer p a {
	color: #555;
	border-bottom: 1px dotted #aaa;
	}
#footer p a:hover {
	color: #fff;
	border: none;
	background: #555;
	}

/* ------------------------------------------------------------

	misc.

------------------------------------------------------------ */

a img {
	border: none;
	}
hr, .hide {
	display: none;
	}

/* ------------------------------------------------------------

	IE fixes

------------------------------------------------------------ */

/* hide from IE/Mac \*/
#main-body {
	clear: left;
	}

* html div {
	height: 1%;
	}
/* end hide */


body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

#wrap {
	width: 782px; /* IE5 Win prev 782px*/
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 770px;
	}
html>body #wrap { /* be nice to Opera */
	width: 770px;
	}


/* self-clearing float */

#nav { display: inline-block; } /* for IE/Mac */
/* Hides from IE/Mac \*/
* html #nav, * html #footer { height: 1%; }
#nav { display: block; }
/* End hide from IE/Mac */


/* ------------------------------------------------------------

	form

------------------------------------------------------------ */

fieldset.welldone {
  background:green;
}

dl {
  position: relative;
  width: 450px;
}
dt {
  clear: both;
  float:left;
  width: 160px;
  padding: 4px 5px 5px 0;
  text-align: left;
}
dd {
  float: left;
  width: 200px;
  margin: 0 0 8px 0;
  padding-left: 6px;
}

dd.textarea {
  white-space: nowrap; 
  overflow: scroll;
}

.hint {
  display:none;
  position: absolute;
  right: -225px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background: #ffc url(pointer.gif) no-repeat -100px -100px;
}
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}