* {
margin:0;
padding:0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1, h2, h3, h4, h5, p, ul {
margin:14px 0;
}
h2 {
color:#f8ab46;
font-size:20px;
text-transform:uppercase;
padding:10px;
background:url("img/title.jpg") no-repeat right bottom;
margin:0;}
ul {
list-style-type:none;
}
body {
	font-family:"trebuchet MS";
	font-size:14px;
	text-align:center;
	line-height:150%;
	color:#1C1C1C;
}
img {
border:none;
}
a img  {
border:1px solid #FFCC00;
}
a:link, a:visited {
color:#FBC450;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.clearer {
clear:both;
height:1%;
}
.center {
text-align:center;
}

/* LAYOUT */
#page {
text-align:center;
width:100%;
margin:auto;
}
#content {
background:url("img/bg_content.jpg") repeat-x top #000;
color:#CCC;
padding-bottom:50px;
}
#content .inner {
padding-top:49px;
background:url("img/contenthaut.gif") no-repeat top center;
width:900px;
margin:auto;
text-align:left;
}
#home #content .inner {
padding-top:49px;
background:url("img/colonnes_titres.jpg") no-repeat top;
width:900px;
margin:auto;
}
#footer {
clear:both;
width:100%;
}

body {
background:url("img/bg.jpg") repeat-x #464646;
}
#header {
background:url("img/header.jpg") no-repeat top;
height:239px;
position:relative;
width:900px;
margin:auto;
}
#txtheader {
position:absolute;
left:0;
top:83px;
}
#connexion {
position:absolute;
width:261px;
height:178px;
background:url("img/acceswebmaster.gif") no-repeat;
left:597px;
top:0;
}
#connexion form {
text-align:left;
margin:62px 30px 0 80px;
position:relative;
}
#connexion .txt {
border:1px solid #FFF;
display:block;
margin:0;
height:13px;
width:120px;
font-size:11px;
padding:0;
}
#connexion .txt2 {
position:absolute;
top:25px;
}
#connexion .connex {
position:absolute;
top:48px;
left:62px;
}
p.forget {
position:absolute;
top:130px;
text-align:right;
right:15px;
}
p.forget a {
color:#0033FF;
}
#page {
background:url("img/page.jpg") repeat-y;
}
#menu {
height:32px;
position:absolute;
top:207px;
left:193px;
}
#menu ul {
margin:0;
}
#menu li {
display:inline;
}
#menu li a {
display:block;
height:32px;
line-height:32px;
float:left;
text-indent:-5999px;
overflow:hidden;
}
#menu a#accueil {
background:url("img/menu_accueil.jpg") no-repeat center top;
width:129px;
}
#menu a:hover#accueil {
background:url("img/menu_accueil.jpg") no-repeat center bottom;
}

#menu a#sites {
background:url("img/menu_sites.jpg") no-repeat center top;
width:130px;
}
#menu a:hover#sites {
background:url("img/menu_sites.jpg") no-repeat center bottom;
}
#menu a#contact {
background:url("img/menu_contact.jpg") no-repeat center top;
width:129px;
}
#menu a:hover#contact {
background:url("img/menu_contact.jpg") no-repeat center bottom;
}

#menu a#about {
background:url("img/menu_about.jpg") no-repeat center top;
width:130px;
}
#menu a:hover#about {
background:url("img/menu_about.jpg") no-repeat center bottom;
}
#menu a#inscription {
background:url("img/menu_inscription.jpg") no-repeat center top;
width:189px;
}
#menu a:hover#inscription {
background:url("img/menu_inscription.jpg") no-repeat center bottom;
}


/*colonnes*/
#colonnes {
background:url("img/sepcolonnes.jpg") no-repeat center top;
}
.col {
float:left;
width:225px;
}

/*formulaire inscription*/
fieldset {
border:none;
}
.fieldset {
margin:5px;
text-align:left;
width:203px;
}
.fieldset label {
display:block;
font-weight:bold;
margin:5px 0;
}
.fieldset .txt {
margin-bottom:5px;
width:190px;
padding:2px;
border:none;
}
.btn {
margin-top:5px;
}


#footer {
height:100px;
background:url("img/footer.jpg") repeat-x #464646;
text-align:center;
color:#FFF;
margin:auto;
position:relative;
}
#footer a {
color:#FFCC00;
}
#footer p {
margin:0;
padding-top:15px;
}
p.logofoot {
margin:0;
padding:0;
position:absolute;
top:0px;
right:5px;
}

/*Page nos sites*/
table.sites td {
padding:15px 5px;
vertical-align:top;
}
table.sites td h3 {
margin:0;
font-size:16px;
color:#FFF;
}
table.sites td img {
border:1px solid #FBC450;
}