/* CSS Document */
/* david prego © 2009 */


body {
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:14px;
	font-family:Verdana, Arial;
	font-weight:normal;
	color:white;
	text-align:left;
	height:100%;
	width:100%;
    overflow:auto;
}

#global {
	height:100%;
	width:100%;
	position:relative;
	min-height: 100%;
}

#img {
	border:0.1em #f2c1c7 solid;
	margin-bottom:10px;
	margin-top:10px;
	padding:4px 2px 4px 2px;
}

#header {
	margin:0px;
	position:fixed;
	z-index:1;
}

#title {
	margin-top:9px;
	margin-left:150px;
	width:350px;
	height:20px;
	z-index:2;
	position:fixed;
	text-transform:uppercase;
	font-size:14px;
}

#contact_menu {
	margin-top:9px;
	margin-left:625px;
	width:140px;
	height:20px;
	z-index:3;
	position:fixed;
	text-transform:uppercase;
}

#contact_menu a {
	text-decoration:none;
	color:white;
}

#contact_menu a:hover {
	text-decoration:underline;
	color:white;
}

.outer a, .outer li, .outer ul, .outer div, .outer body{
	margin: 0;
	padding: 0;
}

div.menu{
	position:fixed;
	margin-top:215px;
	width: 193px;
	text-transform:uppercase;
}

ul{
	list-style: none;
	text-indent: 0px;
}

li{
	margin-top: 3px;
	display:list-item;
	list-style-image:url(../images/rond.gif);
	margin-left:-10px;
	margin-right:20px;
	vertical-align:middle;
}

div.menu li{
	margin-top: 3px;
	vertical-align:middle;
}

li.menu2 {
	font-size:10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bolder;
	color:black;
	display:block;
	text-decoration: none;
	background: url('../images/menu_ah.gif') no-repeat;
	color:white;
	padding: 10px 7px 3px 10px;
	height: 20px;
	margin-top:3px;
}

div.menu a{
	font-size:10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bolder;
	color:black;
	display:block;
	padding: 10px 7px 3px 10px;
	height: 20px;
	text-decoration: none;
	background: url('../images/menu_a.gif') no-repeat;
}

div.menu a:hover{
	color:white;
	background: url('../images/menu_ah.gif') no-repeat;
}       

#contenu {
	margin:220px 0px 0px 190px;
	width:380px;
	position:absolute;
} 

#texte {
	color:black;
	padding-top:7px;
	padding-bottom:20px;
} 

#texte a{
	text-decoration:underline;
} 

#texte a:hover{
	text-decoration:none;
} 

#text_title {
	font-size:12px;
	font-weight:bold;
	color:black;
	text-transform:uppercase;
	text-align:left;
}

#texte_post {
	color:black;
	margin:10px;
	font-size:10px;
	font-weight:normal;
} 

#sous-titre {
	font-size:11px;
	font-weight:normal;
	color:white;
	margin:10px;
	text-align:center;
	text-align:left;
	margin-left: 22px;
}

#sous-titre b{
	font-size:11px;
	font-weight:bold;
	color:#df5666;
	text-transform:uppercase;
}

#texte_post_b {
	color:#df5666;
	margin:12px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}  

div#texte_post_b2 {
	color:#df5666;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:12px;
	margin-top:1px;
	font-size:14px;
	font-weight:bold;
}

#title_post {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:white;
	margin:10px;
}

#title_post2 {
	font-size:10px;
	font-weight:normal;
	color:white;
	margin-left:10px;
	text-align:center;
}

div#postit{
	background: #f2c1c7;
	font-size:12px;
	font-weight:bold;
	color:black;
	width:220px;
	position:fixed;
	margin-top:205px;
	margin-left:590px;
	overflow:hidden;
	z-index:4;
}

div#postit2{
	background: #f2c1c7;
	font-size:12px;
	font-weight:bold;
	color:black;
	width:220px;
	position:fixed;
	margin-top:420px;
	margin-left:590px;
	overflow:hidden;
	z-index:5;
}

b.rtop, b.rbottom{
	display:block;
	background:white;
}

b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #f2c1c7;
}

b.r1{
	margin: 0 5px;
}

b.r2{
	margin: 0 3px;
}

b.r3{
	margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px;
}

#footer {
	position: fixed;
	bottom: 0px;
	padding: 9px;
	background:url('../images/footer.gif') no-repeat;
	margin-bottom:0px;
	width: 700px;
	padding-left:190px;
	z-index:10;
}

*html div#footer {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) 
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight));
}

#footer a {
	text-decoration:none;
	color:#df5666;
}

#footer a:hover {
	text-decoration:underline;
	color:#df5666;
}

.tableau table{
	border:0.1em #f2c1c7 solid;
}

.tableau td {
	border:0.1em #f2c1c7 dotted;
}

table{
	margin:0px;
	color:black;
	text-align:left;
}

a{
	margin:0px;
	color:black;
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}