/* CSS Document */

/* @group pnghack */

img {behavior: url(/pngHack/pngHack.htc);}

/* @end */







/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background-color: #fff;
	height :100%
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* @end */

/* @group pour les tests */

/*POUR LES TEST*/

/*img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6,  {border: 1px solid yellow}
p {border: 1px solid green}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
div{border: 1px solid lightgreen}
*/
/*div{border: 0px solid lightgreen}*/
/*appelé par la routine js.js*/
/*a.lien_ext:after {
content:url(images/nouv-fen.gif);*/
/*}/*

/* @end */



div, p, ul, h1, h2, h3, h4, form {
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
}

/* @group TOP */

/*--Top Panel--*/

#topPan {
	width: 792px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 397px;
}

#topPan h1 {
	width: 255px;
	height: 182px;
	position: absolute;
	/*top: 113px;*/
	top: 150px;
	left: 0px;
	display: block;
	background: #fff url(images/fd-header1.jpg) no-repeat -1px;
	color: orange;
	padding: 65px 86px 0 450px;
	font: normal 40px/40px Georgia, "Times New Roman", Times, serif;
}


#topPan img {
	width: 312px;
	height: 89px;
	display: block;
	position: absolute;
	top: 39px;
	left: 0px;
}

#topPan ul {
	width: 410px;
	height: 27px;
	position: absolute;
	top: 77px;
	right: 0px;
}

#topPan ul li {
	float: left;
	width: 80px;
	height: 27px;
	display: block;
	background-image: url(images/fd_menu.gif);
}

#topPan ul li a {
	display: block;
	width: 82px;
	height: 27px;
	background: red;
	color: #fff;
	font: 14px/27px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	background-image: url(images/fd_menu.gif);
	
}

#topPan ul li a:hover {
	background: #d80000 no-repeat 50% 0;
	color: yellow;
	text-decoration: none;
}

#topPan ul li.selectionne {
	background: red url(images/menu-selectionne.gif) no-repeat 50% 0;
	color: yellow;
	text-decoration: none;
	font: 13px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: #fa228e 0 0 0px;
	opacity: 1;
}

/* PNG */


.diableun{
	position: absolute;
	top:172px;
	width:256px;
	height:234px;
	z-index: 100;
	margin-left: 10px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
	 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logolucifer.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.diableun[class]{
	background: url(images/logolucifer.png) no-repeat 0 20px;
}

.diabledeux{
	position: absolute;
	top:172px;
	width:256px;
	height:234px;
	z-index: 100;
	margin-left: 10px;
	 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logolucifer.png');
}
.diabledeux[class]{
	background: url(images/logolucifer.png) no-repeat 0 20px;
}
.diabletrois{
	position: absolute;
	top:172px;
	width:256px;
	height:234px;
	z-index: 100;
	margin-left: 10px;
	 //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logolucifer.png');
}
.diabletrois[class]{
	background: url(images/logolucifer.png) no-repeat 0 20px;
}
.diablequatre{
position: absolute;
	top:172px;
	width:256px;
	height:234px;
	z-index: 100;
	margin-left: 10px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logolucifer.png');
}
.diablequatre[class]{
	background: url(images/logolucifer.png) no-repeat 0 20px;
}

.petitcontacthaut{
	color: #444;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

/*--/Top Panel--*/

/* @end */

/* @group MIDDLE */

/*--Middle Panel--*/


h4 a{
	background-image: url(images/fd_menu.gif);
	margin: 5;
	color: #FFFFFF;
	padding: 10;
	text-decoration: none;
}

#mainmiddlePan {
	height: 360px;
	color: #666;
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
	background: #dddddd url(images/fd-middle.gif) repeat-y center;
}

#mainmiddlePanbar {
	height: 850px;
	color: #666;
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
	background: #dddddd url(images/fd-middle.gif) repeat-y center;
}

#mainmiddlePanresto {
	height: 550px;
	color: #666;
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
	background: #dddddd url(images/fd-middle.gif) repeat-y center;
}

#mainmiddlePanliens{
		height: 1900px;
	color: #666;
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
	background: #dddddd url(images/fd-middle.gif) repeat-y center;
	
}


#middlePan {
	width: 790px;
	position: relative;
	margin: 0 auto;

}

/* @end */

/* @group LEFT */

/*--left panel--*/

.titrerubrique{
	color: #eca243;
	font-size: 18px;
	line-height: 18px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.liennormal a{
	padding-left: 10px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #640912;
	padding-top: 10px;
}

.liennormal a:hover{
	padding-left: 10px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: red;
}



#middleleftPan {
	width: 475px;
	float: left;
}

#middleleftPan h2 {
	width: 260px;
	height: 77px;
	background: url(images/puce-titre.gif) no-repeat 10px 50%;
	color: #d50000;
	font: 30px/77px Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0 60px;
	text-decoration: underline;
}

#middleleftPan h3 {
	color: #f98e12;
	font: 25px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 10px;
	text-align: left;
	background: #600 no-repeat 0;
	width: 439px;
	margin-left: 10px;
	padding-left: 20px;
}

#middleleftPan h4 {
	color: #f98e12;
	font: 25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 10px;
}



#middleleftPan p {
	padding: 10px 10px 0;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#middleleftPan p a{
	color: orange;
	font-weight: bold;
	text-decoration: none;
}

#middleleftPan p span.boldtext {
	font-weight: bold;
}

#lesdeuxblocs{
	
}

#blocguauche{
	width: 224px;
	padding-left: 10px;
	float: left;
}
#milieu{
	width: 224px;
	background-image: url(images/blocguauche1/blocindex-milieu.gif);
}
#milieu p{
	color: #fff;
}
#blocguauche h1 a{
	color: #fff;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	font-size: 22px;
	padding-bottom: 0px;
	text-decoration: none;
}
#blocguauche h1 a:hover{
	color: orange;
}

#blocdroite{
	width: 224px;
	float: right;
}
#milieudroite{
	width: 224px;
	background-image: url(images/blocguauche/blocindex-milieu.gif);
}
#milieudroite p{
	color: #fff;
}

#blocdroite h1 a{
	color: #fff;
	font-weight: normal;
	font-style: normal;
	padding-left: 10px;
	font-size: 22px;
	padding-bottom: 0px;
	text-decoration: none;
}

#blocdroite h1 a:hover{
	color: orange;
}

#boutongalerie{
	background-color: red;
	width: 459px;
	height: 89px;
	text-align: right;
	margin-left: 10px;
}





/*--/left panel--*/

/* @end */

/* @group RIGHT */

/*--right panel--*/

#middlerightPan {
	width: 315px;
	float: left;
	background: #fff url(images/fd-pandroite.gif) repeat-y 4px 0;
}

#contenu {
	width: 250px;
	height: 300px;
/*	background: #fff;*/
	color: #3B3B3B;
	margin-left: 40px;
	overflow : auto;
}
#contenu H1{
	padding-bottom: 10px;
	background: url(images/puce_h1droite.gif) no-repeat 0 -0px;
	padding-top: 3px;
	color: #990000;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	padding-left: 22px;
}

#contenu p{
	color: #444;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#basright{
	height: 50px;
	background: #fff url(images/bas-actus.gif) no-repeat 5px 0;
	clear: both;
}

#contact{
	background-color: #fa9411;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #444;
	padding-left: 10px;
	margin-bottom: 10px;
}
/*--/right panel--*/

/*--/Middle Panel--*/

/* @end */

/* @group BOTTOM */

/*--Bottom Panel--*/

/*#bottomPan {
	width: 792px;
	position: relative;
	margin: 0 auto;
}

#bottommiddlePan {
	width: 708px;
	float: left;
	margin: 41px 0;
	background: url(images/middleborder.gif) 0 0 repeat-y;
}

/*--Bottom Left Panel--*/

#bottomleftPan {
	width: 354px;
	float: left;
}

#bottomleftPan p {
	padding: 10px 72px 0 0;
}

#bottomleftPan p span.boldtext {
	font-weight: bold;
}

#bottomleftPan p.more {
	width: 118px;
	height: 24px;
	margin: 20px 0 0 186px;
	padding: 0;
}

#bottomleftPan p.more a {
	width: 100px;
	height: 24px;
	display: block;
	background: url(maquette/108x/images/icon5.jpg) 0 0 no-repeat #fff;
	color: #966202;
	font: 16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 0 30px;
	text-decoration: none;
}

#bottomleftPan p.more a:hover {
	text-decoration: underline;
}

#bottomleftPan h2 {
	width: 260px;
	height: 57px;
	background: url(maquette/108x/images/icon4.jpg) 0 0% no-repeat #fff;
	color: #D67200;
	font: 26px/35px Arial, Helvetica, sans-serif;
	padding: 0 0 0 60px;
}

#bottomleftPan h3 {
	width: 260px;
	height: 26px;
	font-size: 18px;
	display: block;
}

#bottomleftPan h4 {
	width: 298px;
	height: 104px;
	background: url(maquette/108x/images/image1.jpg) 0 0 no-repeat #fff;
	color: #000;
	text-indent: -20000px;
	margin: 25px 0 0;
}

/*--/Bottom Left Panel--*/

/*--Bottom Right Panel--*/

#bottomrightPan {
	width: 354px;
	float: left;
}

#bottomrightPan p {
	padding: 10px 2px 0 60px;
}

#bottomrightPan p span.boldtext {
	font-weight: bold;
}

#bottomrightPan p.more {
	width: 80px;
	height: 24px;
	margin: 20px 0 0 238px;
	padding: 0;
}

#bottomrightPan p.more a {
	width: 80px;
	height: 24px;
	display: block;
	background: url(maquette/108x/images/icon5.jpg) 0 0 no-repeat #fff;
	color: #966202;
	font: 16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 0 30px;
	text-decoration: none;
}

#bottomrightPan p.more a:hover {
	text-decoration: underline;
}

#bottomrightPan h2 {
	width: 200px;
	height: 26px;
	font-size: 18px;
	display: block;
	line-height: 26px;
	padding: 0 0 0 60px;
	margin: 57px 0 0;
}

#bottomrightPan h3 {
	width: 152px;
	height: 74px;
	display: block;
	background: url(maquette/108x/images/image2.jpg) 0 0 no-repeat #FEFEFE;
	color: #fff;
	font: 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 25px 0 0 60px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 30px 126px 0 14px;
}

#bottomrightPan h3 span {
	font-size: 14px;
	text-transform: none;
}

/*--/Bottom Right Panel--*/

/* @end */

/* @group FOOTER */

/*---FOOTER PANEL--*/

#footermainPan {
	height: 174px;
	background: #ddd url(images/footer.gif) no-repeat 50% 0;
	color: #fff;
	margin: 0;
	padding: 0;
	clear: both;
}

#footerPan {
	width: 778px;
	position: relative;
	margin: 0 auto;
}

#footerPan img {
	width: 248px;
	height: 38px;
	position: absolute;
	top: 23px;
	right: 6px;
}

#footerPan ul {
	padding-left: 250px;
	padding-top: 10px;
}

#footerPan li {
	float: left;
	font: 12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 10px;
}

#footerPan ul li a {
	color: orange;
	text-decoration: none;
}

#footerPan ul li a:hover {
	text-decoration: underline;
}

/* @end */