/**
 * All content copyrighted to DEV-EDGE.org and cannot be copyed without the
 * permission of their author.
 * Original Design made by Morgan <aka splif> Thomas <contact@bwoup.com>
 * CSS reworking made by Alexandre Hélias <contact@dev-edge.org>
 */

body
{
	margin: 0px;
	padding: 0px;
	background: #000 ;
	font: 1em Arial, Helvetica, sans-serif ;
	text-align: center ;
}
a:active { outline: none; }
a:focus { outline-style: none; }

#gabarit
{
	width: 750px ;
	position: absolute ;
	min-height: 600px ; _height: 600px ;
	left: 50%;
	margin-left: -375px; 
	/*set to a negative number 1/2 of width */
}

#logo
{
	float: left;
	width: 330px;
	height: 130px;
	background-image: url('../gfx/hdr_logo.gif');
	cursor: pointer;
}

#bandeauSup
{
	width: 100%;
	min-height: 130px ; _height: 130px ;	
	text-align: left;
}

#bandeauSupRight
{
	float: right;
	position: relative;
	background-image: url(../gfx/hdr_paysage.gif);
	background-position:center right; 
	background-repeat:no-repeat;
	width: 420px;
	min-height: 130px ; _height: 130px ;
}

#bandeauSupRight span
{
	position: absolute;
	bottom: 1px;
	right: 0px;
	padding-left: 3px;
	padding-right: 3px; 
	font-size: 0.8em;
	color: #CB010B;
	-moz-user-select: none; -khtml-user-select: none;
	cursor: default;
}

#bandeauSup a img { border: 0 ; }
#bandeauSupRight span a 
{ 
	font: 1.3em Arial; 
	font-weight: 900; 
	color: #FFCC00; 
	text-decoration: none; 
	text-transform : uppercase; 
  -moz-user-select: none; -khtml-user-select: none;
}

#bandeauSupRight span a:hover { color: #FFEE00; text-decoration: underline; }
#bandeauSupRight span a:active { outline: none; }
#bandeauSupRight span a:focus { outline-style: none; }

#bandeauLeft
{
	float: left ;
	position: relative;
	top: 30px;
	width: 175px ;
	min-height: 300px ; _height: 300px ;
}

#bandeauLeftIn { 
top: 16px;
left: 15px;
vertical-align: middle;
text-align: left;
color: #CB010B;
font: 0.9em arial, sans-serif;
font-weight: 200 ;
width: 175px;
	background: #330003 ;
}

#bandeauLeftIn ul { 
display: block;
margin: 	0 ;
padding:	0 ;
padding-left: 10px;
list-style-type: none;
}

#bandeauLeftIn ul li { 
width: 142px;
/* margin-right: 40px; */
text-align: right;
}

#bandeauLeftIn ul li ul{ 
position: absolute;
top: 0;
visibility: hidden;
}

#bandeauLeftIn ul li a {
display: block ;
overflow: auto ;
color: #CB010B ;
text-decoration: none ;
left: 15px;
padding-right: 24px;
-moz-user-select: none; -khtml-user-select: none;
}

#bandeauLeftIn ul li a:hover {
	background-image: url(../gfx/amp_tinycaps.gif);
	background-repeat:no-repeat;
	background-position: 124px 2px;
	color: #ED010B ;
	text-decoration: underline;
}

#bandeauLeftIn ul li a:active { outline: none; }
#bandeauLeftIn ul li a:focus { outline-style: none; }
#bandeauLeftIn ul li a:hover {
	text-shadow: 1px 5px 5px yellow ; /* #72a3e5; */
}

#menuPageHdr
{
	top: 0px;
	background-image: url(../gfx/boxfonce_hdr.gif);
	background-position:center right; 
	background-repeat:no-repeat;
	width: 175px;
	min-height: 35px ; _height: 35px ;
 -moz-user-select: none; -khtml-user-select: none;
}

#menuPageFtr
{
	bottom: 0px;
	background-image: url(../gfx/boxfonce_ftr.gif);
	background-position:center right; 
	background-repeat:no-repeat;
	width: 175px;
	min-height: 40px ; _height: 40px ;
 -moz-user-select: none; -khtml-user-select: none;
}

#corpsPage
{
	float: right; 
	position: relative;
	top: 18px;
	width: 500px!important;
/**	min-height: 300px ; _height: 300px ; */
}

#corpsPageHdr
{
	position: relative;
	top: 0px;
	background-image: url(../gfx/boxclaire_hdr.gif);
	background-position:center right; 
	background-repeat:no-repeat;
	width: 500px;
	min-height: 35px ; _height: 35px ;
}

#corpsPageHdr span 
{
	position: absolute;
	top: 20px;
	right: 10px; 
	text-transform: uppercase;
	color: white;
	font: 1.1em Arial;
	font-weight: bold;
	text-shadow: 1px 1px 8px black ; /* #72a3e5; */
	font-size: 17px;
	cursor: default;
  -moz-user-select: none; -khtml-user-select: none;
}

#corpsPageFtr
{
	position: relative;
	bottom: 0px;
	background-image: url(../gfx/boxclaire_ftr.gif);
	background-position:center right; 
	background-repeat:no-repeat;
	width: 500px;
	min-height: 40px ; _height: 40px ;
}

#corpsPageFtr span
{
	position: absolute;
	right: 5px; 
	bottom: -5px;
	color: #666666;
	font: 0.6em Arial;
	vertical-align: bottom;
	cursor: default;
	-moz-user-select: none; -khtml-user-select: none;
}
#corpsPageFtr span a img { margin-bottom: -4px; border: none; }

#corpsPageText
{
	background: #CB010B ;
	color: #CB010B;
	text-align: justify;
	width: 500px;
	padding-top: 30px;
	padding-bottom: 16px;
}

#corpsPageTextIn
{
	overflow: auto;
	color: white;
	font: 0.7em Arial, sans-serif;
	width: 500px;
}

#corpsPageTextIn b { padding-left: 8px; text-shadow: 1px 1px 3px black ; cursor: default;
  -moz-user-select: none; -khtml-user-select: none;
}

#corpsPageTextIn p { padding-left: 15px; padding-right: 15px; }
.author { text-align: right; padding-right: 25px; text-shadow: 1px 1px 3px black ;}