/********************************************************/
/* Auteur: Maxime Heppell - Chènevis - www.chenevis.com*/
/* travail effectué pour MADIBOU - www.madibou.ca */
/* Date de création: mars 2009 */
/******************************/


body {background-color:#FFFFFF;
	 font-size: 10pt; 
	 color: #000000; 
	 font-family: courier, verdana, arial; 
	 margin: 50px 0px 10px 0px;
	 /*text-align: left;*/
	 text-align: center;
}


/***************************/
/******* CUSTOM ************/
/***************************/

div#master {width: 892px; height: 442px; border: solid 4px #313031; /*text-align: left;*/
            margin:0 auto; position: relative; background-repeat: no-repeat;}
div#main {width: 892px; height: 396px;}
div#left {width: 440px; height: 396px; float: left;}
div#middle {width: 12px; height: 396px; float: left;}
div#right {width: 440px; height: 396px; float: right;}
div#bottom {width: 892px; height: 46px; text-align: center; clear: both;}

.home {background-image: url('../images/home.jpg');}
.exp {background-image: url('../images/experience.jpg');}
.contact {background-image: url('../images/contact.jpg');}
.ill {background-image: url('../images/illustration.jpg');}
.gra {background-image: url('../images/graphisme.jpg');}
.pho {background-image: url('../images/photographie.jpg');}


/***************************/
/******* LINKS *************/
/***************************/

a {color: #FF0000; font-size: 11px; text-decoration: none; font-weight: bold;}
a:link {color: #FF0000;}
a:visited {color: #FF0000;}
a:hover {color: #FFF; text-decoration: underline;}
a:active {color: #FF0000;}

/******* LINKS *************/
p.menu {text-align: right; padding: 70px 10px 0px 0px;}

a.menu {color: #FF0000; font-weight: bold;}
a.menu:link {color: #FF0000;}
a.menu:visited {color: #FF0000;}
a.menu:hover {color: #FFF; text-decoration: underline;}
a.menu:active {color: #FF0000;}

a.menuCurrent {color: #FFF; font-weight: bold;}
a.menuCurrent:link {color: #FFF;}
a.menuCurrent:visited {color: #FFF;}
a.menuCurrent:hover {color: #FFF; text-decoration: underline;}
a.menuCurrent:active {color: #FFF;}

/***************************/

.thumb img {border: 1px solid red; width: 35px; height: 35px; margin-bottom: 8px;}
.thumb:hover img {border: 1px solid white;}


/***************************/
/******* OTHERS TAGS *******/
/***************************/

p {color: #fff; text-align: left;}

p.smenu {text-align: right; padding: 0px 10px 0px 0px;}

.copy {/*padding-top: 10px;*/ text-align: center; font-weight: bold;}
.black {color: black;}
.white {color: white;}


ul {margin-bottom: 20px}

h1{	font-size: 16px;
	color: #9B110C;
	margin: 0px 0px 20px 0px;
	border-bottom: dotted 1px #9B110C;
}

h2{	margin: 0px 10px 0px 0px;
	font-size: 10px;
	color: #fff;
	text-align: right;
}

h3 {font-size: 10px;
	color: #666666;
	margin: 0px 0px 0px 0px;	
}


