/* CSS Document */
*{ margin:0; padding:0; }

html, body {
	padding: 0;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%
}


body {
	background:no-repeat scroll top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
}

.Styleminimenu, Styleminimenu:visited {color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.Stylemenu {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	a:visited: #FFFFFF;
}

a img.transp{
			opacity: 0.7;
		}

a:hover img.transp{
			opacity: 1;
		}

Stylemenu a:visited
{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	a:visited: #FFFFFF;
	text-decoration: none;
}

a
{
	color: black;
	text-decoration: none;
}

a:hover
{
	color: gray;
	text-decoration: underline;
}

h1
{
        color: #758092;
        font-size: 20px;
        font-weight: bold;
}

h2
{
	color: #000000;
	font-size: 12px;
}

#site
{
	width: 803px;
	background-image:url("images/bg-site.gif");
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	position: relative;
}

#copyright
{
	width: 782px;
	line-height: 24px;
	height: 24px;
	margin: auto;
	padding: 0px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
}

#header
{
	width: 782px;   	
	height: 140px;
	margin: auto;
	background-image:url("images/header.jpg");
	background-repeat: no-repeat;
}

/** Fond du contenu de la page et menu **/

#menu
{ 
	width: 782px;
    height: 20px;
	margin: auto;
	background-color: #CCCCCC;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	
}

#menu ul 
{
	padding: 0px;
	list-style: none;
}
#menu li 
{
	margin: 0px;
	float: left;
	height: 20px;
	padding: 0px;
}

#menu a, #menu a:visited
{
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
	height: 20px;
	padding: 0px 5px;
}

#menu a:hover 
{
	background-color: #CCEAA3;
	text-decoration: none;
}

.sp_menu1
{
	width: 782px;
	height: 4px;
	margin: auto;
	background-color: #DDDDDD;
	font-size: 0px;
}

.sp_menu2
{
	width: 782px;
	height: 2px;
	margin: auto;
	font-size: 0px;
}

#page
{
	width: 782px;
	margin: auto;
}

/** fin **/

#footer
{
	width: 782px;
	height: 20px; 	
	margin: auto;
	background-image: url("images/footer.gif");
	color: #FFFFFF;
}

.sp
{
	width: 782px;
	height: 4px;
	margin: auto;
	font-size: 0px;
}

/** cadre légende **/

			.cadre{
				border-width: 2px;
				border: 2px solid green;
				
			}
			
			.titrecadre{
				font-size: 10px;
				text-align: center;
				color: green;
			}
			
			.z_cadre{
				font-size: 0px;
				margin: 3px 0px;
			}

/** formulaire **/

/* Form elements */
input,textarea, select {
	color: #CCEAA3;
	font-size: 12px;
}

input.post, textarea {
	border: solid 1px #CCEAA3;
	background-color: #222;
	color: #CCEAA3;
}
* html input.post, * html textarea { border-color: #CCEAA3; }
input.post:hover, textarea:hover { border-color: #FFFFFF; }
input.post:focus, textarea:focus { border-color: #FFFFFF; color: #CCEAA3; }


select {
	background-color: #000;
	color: #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	border: solid 1px #CCEAA3;
}
input.button:hover { 
	background-color: #000000; 
	color: #FFFFFF;
}
* html input.button { color: #000; }

/* The main submit button option */
input.mainoption {
	background-color: #222;
	color: #FFFFFF;
	font-weight : bold;
	border: solid 1px #CCEAA3;
}

/* None-bold submit button */
input.liteoption {
	background-color: #222;
	color: #FFFFFF;
	border: solid 1px #000;
}

input.mainoption:hover, input.liteoption:hover { border-color: #FFFFFF; }
input.mainoption:focus, input.liteoption:focus { color: #FFF; border-color: #FFFFFF; }

/* Autres */
#dhtmltooltip{
	font-family: Comic Sans MS;
	font-size: 13px;
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: #ECF7EA;
	visibility: hidden;
	z-index: 1000;
	/*margin-left : -150px;*/
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#menucombat{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 5px;
	background-color: #ECF7EA;
	visibility: hidden;
	z-index: 101;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmltooltipfixe{
	font-family: Comic Sans MS;
	font-size: 13px;
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: #ECF7EA;
	visibility: hidden;
	z-index: 100;
	/*margin-left : -150px;*/
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
.cadre{
	border-width: 2px;
	border: 2px solid green;
	margin: 0;
	padding: 0;	
}			
.titrecadre{
	font-family: verdana;
	font-size: 11px;
	font-weight:700;
	color: green;
}

/*PUBS*/
#megaban{ width:728px; height:90px; }
#skyscrapper{ width:160px; height:600px; }
#carre{ width:300px; height:250px; }

/*STYLE*/
body, td, xmp
{font-size: 12px; color:#000000;font-family: Arial; letter-spacing:0px;word-spacing:0px;}
a:link, a:visited, a:active
{text-decoration:none;font-weight: none;cursor:pointer; letter-spacing:0px}
a:hover
{text-decoration:none;}

.center{ width:100%;text-align:center; }
.center table{ margin:auto; }

.green{ color:green; }
.red{ color:red; }
.bold{ font-weight:bold; }