@charset "utf-8";
/* CSS Document */
* 		{margin:0; padding:0;}
html	{background-image:url(../images/pages/body.jpg); background-repeat:repeat; width:100%; height:100%; overflow:auto;}
body	{width:100%; height:100%;}

/*structure*/
#layer			{position:absolute; top:50%; left:50%; margin:-300px 0 0 -400px; width:900px; height:600px;
				 background-image:url(../images/pages/fd.jpg); background-repeat:no-repeat; padding:0;}
#layer-forum	{position:absolute; top:50%; left:50%; margin:-300px 0 0 -400px; width:800px; height:auto;
				 background-image:url(../images/pages/fd-forum.jpg); background-repeat:no-repeat; padding:0;}
#header			{margin:0; padding:0; width:800px; height:200px; float:left;}
	#nav1		{margin:35px 35px 0 15px; width:130px; height:130px; float:left;}
	#nav2		{background:url(../images/pages/nav1.jpg); margin:45px 20px 0 20px; width:77px; height:100px; float:left; cursor:pointer;}
	#nav2:hover	{background:url(../images/pages/nav1-h.jpg);}
	#nav3		{background:url(../images/pages/nav2.jpg); margin:25px 20px 0 20px; width:77px; height:100px; float:left; cursor:pointer;}
	#nav3:hover	{background:url(../images/pages/nav2-h.jpg);}
	#nav4		{background:url(../images/pages/nav3.jpg); margin:55px 20px 0 20px; width:77px; height:100px; float:left; cursor:pointer;}
	#nav4:hover	{background:url(../images/pages/nav3-h.jpg);}
	#nav5		{background:url(../images/pages/nav4.jpg); margin:30px 20px 0 20px; width:77px; height:100px; float:left; cursor:pointer;}
	#nav5:hover	{background:url(../images/pages/nav4-h.jpg);}
	#nav6		{background:url(../images/pages/nav5.jpg); margin:40px 20px 0 20px; width:77px; height:100px; float:left; cursor:pointer;}
	#nav6:hover	{background:url(../images/pages/nav5-h.jpg);}
#center			{margin:0 8px; padding:0; width:766px; height:auto; float:left;}
#left			{margin:0 8px; padding:0; width:220px; height:380px; float:left; overflow:hidden;}
#right			{margin:0 35px 30px 8px; padding:10px; width:500px; height:360px; float:left; overflow:auto;}
#footer			{width:800px; text-align:center; font:oblique 11px Geneva, Arial, Helvetica, sans-serif; color:#000000; float:left;}

/*contenu*/
.thumb			{margin:10px; padding:0; float:left; display:block; width:60px; height:110px;}
.btnGalerie		{background:url(../images/pages/btnG.gif) 0 0 no-repeat; margin:15px 0 0 0; 
				 width:80%; height:20px; float:left; cursor:pointer; display:block;
				 color:black; font:bold 15px Helvetica, Arial, sans-serif; padding:0 0 0 25px;}
.btnGalerie:hover{background:url(../images/pages/btnG-h.gif) 0 0 no-repeat; color:red;}

#left img		{margin:10px auto;}
#right img		{margin:10px; float:left;}
#right img.center		{margin:10px 45%;}
#left a 		{text-decoration:none; color:black; font:bold 15px Helvetica, Arial, sans-serif;}
#left a:hover	{color:red;}
.grim			{font-weight:bold; margin:15px 0 5px 0; display:block;}
.red			{color:#990000;}
.annonce		{text-align:center; color:#990000;}

/* Formulaire */
#formL				{width:45%; height:auto;  margin:22px 30px 0 0; padding:0; float:left; border:none;}
#formR				{width:45%; height:auto;  margin:22px 0 0;      padding:0; float:left; text-align:center; border:none;}
#cet				{width:100%; height:auto;  margin:30px 0;       padding:0; float:left; text-align:center; border:none;}
#cet p				{font:normal 12px Helvetica, Arial, sans-serif; color:#000000; text-align:center;}

form				{width:100%;  height:auto;  margin:0; padding:0; float:left;}
label.lgt			{width:100%; height:auto;  margin:0; padding:5px 0 0 0; display:block; float:left; cursor:pointer;
					 font:bold 14px Helvetica, Arial, sans-serif;   text-align:center; font-variant:small-caps;}
label.crt			{width:70px; height:auto;  margin:0 0 0 5px;      padding:5px 0 0 0; display:block; cursor:pointer;
					 font:bold 14px Helvetica, Arial, sans-serif;   text-align:left; float:left; font-variant:small-caps;}
input.crt			{width:110px; height:auto;  margin:10px 0 10px 10px;padding:0; display:block; cursor:pointer;
					 font:normal 12px Helvetica, Arial, sans-serif;   text-align:left; background-color:#cccccc;}
input.submit		{width:80px;  height:auto; margin:5px 5px 5px 5px; padding:0; clear:both;
					 font:normal 10px Helvetica, Arial, sans-serif; cursor:pointer;}
textarea.lgt		{width:90%;   height:100px;  margin:10px;         padding:0; clear:both;
					 font:normal 11px Helvetica, Arial, sans-serif;   text-align:left; background-color:#cccccc;}
.Style1 			{color: #FF0000}

/* Livre d'or */
.label				{width:100%; height:auto;  margin:40px 0 0 10px; padding:5px 0 0 0; display:block; cursor:pointer;
					 font:Bold 16px Helvetica, Arial, sans-serif;   text-align:left; font-weight:bold;}
.input				{width:80%; height:auto;  margin:10px; padding:0; display:block; cursor:pointer;
					 font:normal 12px Helvetica, Arial, sans-serif;   text-align:left; background-color:#cccccc;}
.textarea			{width:80%;   height:80px;  margin:10px;         padding:0; overflow:auto;
					 font:normal 11px Helvetica, Arial, sans-serif;   text-align:left; background-color:#ddd;}
