/* >>>>>>>>>>>>>>> balises génériques */

* 			{margin:0; padding:0; /*border: 0;*/ font-family: sans-serif; font-size: 1em; font-weight: normal; font-style: normal; 
			text-decoration: none;}

body, html	{height:100%;}


body		{margin:0;background:#000; font-size:76%; font-family:verdana, bitstream vera-sans, trebuchet, arial, helvetica, sans-serif; scrollbar-base-color: none;} 

img			{border:0;}

dl			{margin:0px;}
a			{color:#ffdb83; text-decoration:underline;}
a:hover		{color:#ffdb83; text-decoration:none;}
a:visited	{color:#ffdb83;}




/* >>>>>>>>>>>>>>> Éléments de formulaires */


textarea					{padding:2px; background:url(../images/textarea.gif) 0 0 no-repeat white;}
textarea:focus				{background-image:url(../images/textarea_focus.gif)}
textarea,
input, select				{border:1px solid #777;margin-left:0;_margin-left:1em;}

input						{padding:2px; background:url(../images/input.gif) 0 0 no-repeat white;}
input:focus					{background:url(../images/input_focus.gif) no-repeat;}
input.disabled,
input[readonly="readonly"],
input:disabled				{color:#6A6969; border:1px solid #C1C2C3; 
							background:url(../input_disabled.gif) 100% 100% #FCFBF9;}

input[type="radio"],
input[type="checkbox"]		{border:0; background:none transparent;}
input.radio,
input.checkbox				{border:0; background:none transparent;margin-right:2px;}

/*textarea, input, select, label		{padding:2px; color:#000; font-weight:bold;font-family: arial, helvetica, bitstream vera-sans, verdana, sans-serif;}*/
select						{padding:0;}
label						{display:block; text-align:left; clear:right; text-indent:-1em; _text-indent:0;}
ul, ol, p					{margin:0.5em 1em; _margin-right:0; font-size:1em;}
ul						{list-style-type:square;}
li						{margin-left:1em;}
em						{font-style:normal; font-weight:bold;}
dd						{margin-left:1em;}
strong						{font-weight:bold;}
caption						{text-indent:1.5em; text-align:left; font-weight:bold; color:#557b9a; font-size:1.1em;}
thead th					{font-weight:bold; text-align:left;}
tbody th					{}
th							{padding:0.2em; font-weight:bold; border-bottom:1px solid #CED5DA;}

.paire td,
.paire th					{background-color:#FAFBFD;}

.droite						{text-align:center; padding-right:5px;}


.invisible					{display:none;}


/* >>>>>>>>>>>>>>> Bandeau de l'application */
#bandeau	{position:relative; display:block; /*float:left;*/ width:754px; margin:0 0 0 -377px; padding:0;left:50%;overflow:visible; background:url(../images/banniere.jpg) no-repeat #000;height:150px; vertical-align:top;}

#navigation{
width:754px;
clear:both;
background:#44494b;
margin:0px 0px 0px 8px;
}
#navigation ul {
display:inline;
width:754px;
}

#navigation ul li
{
display:inline;
padding: 0;
margin: 0;
color:#fff;
text-align: center;
}
#navigation ul li a
{
font-size:1.1em;
color:#fff;
text-decoration:none;
background:url(../images/puce.gif) no-repeat 0% 50%;
margin:0 6px;
padding-left:10px;
font-family:verdana, bitstream vera-sans, trebuchet, arial, helvetica, sans-serif;
}

#navigation ul li a.droite
{
position:absolute;
right:0.5em;
font-size:1.1em;
color:#fff;
text-decoration:none;
background:url(../images/puce.gif) no-repeat 0% 50%;
padding-left:10px;
font-family:verdana, bitstream vera-sans, trebuchet, arial, helvetica, sans-serif;
}


/* >>>>>>>>>>>>>>> Positionnement */
html>body #contenu		{height:auto;}	
#contenu				{position:relative; display:block; background:#000; width:770px; margin-left:auto; margin-right:auto; text-align:left; min-height:100%; height:100%; overflow:visible;}
#information			{display:block; margin:10px 10px 0px 10px; overflow:visible;}
#cleaner				{display:block; float:none; clear:both; margin:0; width:720px; height:1px; background:transparent;}




/* le contenu de la page */

#information h1						{padding:2px; margin-left:50px; margin-top:30px; color:#ffdb83; font-size:1.2em;}
#information p						{font-size:1.1em; margin:10px 0px 0px 50px; color:#fff;padding:0;}
#information #droite				{position:absolute; right:0; top:170px;margin:0; padding:0;}
#contact h1							{padding:2px; margin-left:50px; margin-top:30px; color:#ffdb83; font-size:1.2em;}
#contact p							{font-size:1.1em; margin:10px 0px 0px 200px; color:#fff;padding:0;}
#contact #droite					{position:absolute; right:0; top:170px;margin:0; padding:0;}

div.politique {display:block; width:754px;margin:0px auto;text-align:center; color:##ffdb83;}

#piedpage	{position:relative; text-align:center; color:#fff; font-size:0.8em; display:block; width:754px; margin:0 0 0 -377px; padding:0;left:50%;overflow:visible; background:#44494b;height:15px; vertical-align:top;}

/*  Réalisation galerie photos   */

#corpsmoy {
position: absolute;
top: 470px;
width: 780px;
height: 370px;
background-color: #373839;
border: 1px solid #656565;
}

#menuphoto {
position: absolute;
top: 90px;
left: 20px;
width: 480px;
height: 280px;
text-align: center;
}

#droitelignem {
position: absolute;
top: 15px;
right: 259px;
height:	340px;
width: 1px;
border-left: 1px solid #656565;
}

#bordure img {
border: 5px solid white;
}