/****************************************
**	website:
**	version: 	0.1
**	media:		screen
**	date:		23/04/2009
**  colors:		noir: #1b1b1b
				blanc: #fefefe
*****************************************/
/*--------------------------------------------------------------
	0=RESET
	1=GENERAL
		2.0=typo
		2.1=links
		2.2=lists
		2.3=images
	2=PAGE STRUCTURE
	3=SANDBOX
	4=PAGE COMPONENTS
		4.1=
    5=HACKS
---------------------------------------------------------------*/
/*--------------------------------------------------------------
	0=RESET
---------------------------------------------------------------*/
* {margin:0;padding:0}
img {border:0}/*
html, body, form, fieldset, table, tr, td, caption, img, span { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p, a, small, big, pre, strong, b, blockquote, ul, ol, dl, dt, dd, address { margin: 0; padding: 0; }
li, dd, blockquote { margin: 0;}
ul { list-style-type: none; }
ol { list-style-type: decimal; }

table { border-collapse: collapse; border-spacing: 1px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
form input { font-size: inherit; vertical-align: middle; }
img, iframe, object { border: 0 none; }
textarea { border: 1px solid #1b1b1b; }
blockquote, q {	quotes: none;}*/

/*
	2.0=typo
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #717171; }
h6 { margin: .5em 0; }
h1 {  }
h2 { }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { font-size: 1em; line-height: 1.25em; margin: 0;}
.small11 { font-size: 0.916667em; line-height: 1.636364em; }
.small10 { font-size: 0.833333em; line-height: 1.8em; }
/*
	2.1=links
---------------------------------------------------------------*/
a:link, a:visited, a:active {text-decoration:none;font-weight:bold;color:#717171 ;border:0 }
a:focus, a:hover { color:#f18e1d}
/*
	2.1=lists
---------------------------------------------------------------*/
ul { list-style-type: none; }
li {font-size:1em;}
li li {}
li ul, li ol {}
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/*
	2.3=images
---------------------------------------------------------------*/
.widthpage img {padding: 11px 0 22px; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right img {margin:0;padding:55px 0}
.widthpage .img-grid img {vertica-align:middle;display:block;float:left;padding:5px 10px 5px 0}
/*--------------------------------------------------------------
	2=PAGE STRUCTURE
---------------------------------------------------------------*/
/*--------------------------------------------------------------
	3=SANDBOX
---------------------------------------------------------------*/
.hide { display: none; }
.bd { border: 1px solid red; }
hr { }
.toppadded {padding:22px}
.imgcentered {display:block;margin:0 auto}
.highlight {  }
.important { }
p img.right, img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
div.right { float: right;width:50%}
.leftfloated {  }
.linksInline li, .inline {  }
.clear{clear:both;  }
/*--------------------------------------------------------------
        4=PAGE COMPONENTS
---------------------------------------------------------------
/*
	        4.1=widthPage
---------------------------------------------------------------*/
.widthPage {
	width:530px;
	float:left;
	padding:0 20px;
	min-height:380px;
	height:auto !important;
	height:380px;
	border-left:2px solid #EAE8E8;
	position:relative;
	background:transparent url('../img/bgwidth.gif') 574px 30px no-repeat;
	padding-right:30px;
	}
.widthPage h1{
	font-size:1.5em;
	padding-top:25px;
	color:#f18e1d;
	text-transform:uppercase;
	}
.widthPage h2{
	font-size:1.2em;
	font-weight:bold;
	padding-top:25px;
	color:#f18e1d;
	clear:both;
	}
.widthPage h3{
	font-size: 1em;
	line-height:1.2em;
	font-weight:bold;
	background:#fefefe url(../img/ic-list-1.png) no-repeat 0 5px;
	padding-left:10px;
	margin:22px 0 0 0;
	clear:both;
	}
div.img-grid h2 {
	clear:left
	}
.widthPage p, .widthPage em{
	padding:22px 0 0;
	text-align:justify
	}
.widthPage p.subh2 {
	padding: 6px 0 0 0
}
.widthPage p.subh3 {
	padding: 6px 0 0 10px
}
.widthPage em {
	font-size:95%
	}
.widthPage ul.list-1 li{
	background:#fefefe url(../img/ic-list-1.png) no-repeat 0 5px;
	padding-left:10px;
	margin-top:22px
	}
.widthPage ul.list-2{
	margin-top:22px
	}
.widthPage ul.list-1 ul.list-2{
	margin-top:11px
	}
.widthPage ul.list-2-nomrg{
	margin-top:11px
	}
.widthPage ul.list-2-nomrg li, .widthPage ul.list-2 li{
	background:#fefefe url(../img/ic-list-2.png) no-repeat 0 4px;
	padding-left:12px;
	margin:3px 0 3px 12px
	}
.widthPage ul.list-2 li.imgreset {
	background:none;
	margin:0;
	padding:0
}
.widthPage ul.bloc-img {
	padding-top:11px;
}
.widthPage ul.bloc-img	li {
	border:1px solid #d7d7d7;
	margin:10px 0 0;
	height:162px;
}
.widthPage ul.bloc-img	li img {
	float:left;
	padding:0
}
.widthPage ul.bloc-img	li span {
	display:block;
	float:left;
}
.widthPage ul.bloc-img	li span img {
	float:none;
	display:block;
	margin:12px auto;
	padding:0
}
.widthPage ul.bloc-img	li span a img {
	padding:30px 0 0
}
.widthPage dl {
	float:left
}
.widthPage dl dt {
	width:208px;
	float:left
}
.widthPage dd {
	display:block;
	float:left;
	width:274px
}


/*MENU RIGHT*/

#menuRight{
	position : absolute ;
	top : 0 ;
	right : -219px ;
	margin: 0px 0px 0px 20px ;
	padding : 20px 0px 0px 7px ;
	/*background : red ;*/
	width : 223px ;

}

#menuRight .pageLink{
	margin : 0px 0px -3px -2px;
	width : 180px;
/*	background : url(../img/bt_droite.png) no-repeat ;*/
}

#menuRight .pageLink{
	text-align:right;
}

#menuRight .pageLink a{
	text-align:right;
}


#menuRight .pageLink strong{
	margin : 8px 0px 4px 0px;
	font : bold 15px arial ;
	text-transform : uppercase;
	color : #B0B0B0 ;
	letter-spacing:-1px;
	white-space:nowrap;
	position:relative;
	top:10px;
	right:0;
}

#menuRight .pageLink p{
	margin:14px 0 0 40px;
	padding:0;
	font : bold 12px arial ;
	color : #B0B0B0 ;

}

#menuRight .pageLink img{
	margin: 0px 0 0 0px;
	display : inline ;
	padding:0;
	float : none ;
}