/*
Theme Name: SAJAM
Author : Nancy Liénard / Laurence Dierickx
Version: 1.0
*/

html
{
margin: 0;
padding: 0;
}

#page
{
width: 100%;
margin: 0 auto;
padding-top: 3%;
}


#topmenu
{
float: right;
width: 22.5%;
padding: 3px;
margin-right: 4.5%;
background: transparent !important;
z-index: 1;
position: relative;
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
font-weight: 700;
font-size: 1em;
letter-spacing: 0.05em;
text-align: center;
}

#botmenu
{
float: right;
width: 22.5%;
padding: 3px;
margin-right: 4.5%;
background: transparent !important;
z-index: 1;
position: relative;
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
font-weight: 700;
font-size: 1em;
letter-spacing: 0.05em;
text-align: center;
}



#landing
{
position: relative;
width: 100%;
background: #FFFFFF url(../images/backlanding.jpg) no-repeat;
background-position: bottom;
margin: 0 auto;
height: 64.5%;
text-align: left;
border: 1px solid #D2D3D5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
z-index: 0;
}

#landing td
{
vertical-align: top;
}

#wrapper
{
width: 100%:
}

#content
{
float: left;
width: 100%;
text-align: center;
margin: 1% 0 4em 1%;
}


.frnl
{
width: 100%;
margin-top: 9%;
text-align: center;
position: relative;
z-index: 0;
}

.frnl td
{
width: 50%;
}


#sidebar
{
display: none;
}



h1
{
font-size: 1.13em;
color: #373535;
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
font-weight: 700;
letter-spacing: 0.05em;
}


#langue
{
display: none;
}

ul
{
padding: 0;
margin: 5.2% 0 0 0;
list-style-type: none;
position: relative;
}

li
{
height: 2em;
}

#pixleft
{
padding-right: 6%;
}

#pixright
{
padding-left: 6%;
}

a
{
color: #373535;
text-decoration: none;
}

#fr
{
padding: 0.42em;
background: #D7D8D9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 1.9em;
margin-left: -5%;
}

#fr
{
margin-left: -8%\9;
}

#nl
{
padding: 0.42em;
background: #0099AD;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 1.9em;
margin-right: -5%;
}

#nl
{
margin-right: -8%\9;
}

.txt
{
margin-top: 2.7em;
font-family: 'Dosis', sans-serif;
font-weight: 400;
font-size: 1em;
line-height: 170%;
}

h2
{
margin: 0;
color: #00646B;
font-size: 13px;
margin: 10px 0 0 0;
text-align: center;
text-transform: uppercase;
font-family: Arial, sans-serif;
}

#fr a, #nl a, #fr, #nl
{
color: #0099AD;
text-decoration: none;
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
font-weight: 500;
}

#nl:hover, #fr:hover
{
opacity: 0.8;
cursor: pointer;
}

.sajam
{
font-size: 1em;
color: #0099AD;
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
font-weight: 700;
margin: 1.5em 0 0 0;
letter-spacing: 0.05em;
}


#members
{
background: url(../images/line.gif) no-repeat;
background-position: bottom;
width: 100%;
padding: 0 0 1em 0;
text-align: center;
font-family: 'Dosis', sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 20% 0 1em 0;
}

#form
{
padding: 0 2em 2em 2em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #EBEBEB;
background-image: linear-gradient(bottom, #D7D8D9 14%, #D7D8D9 57%, #EBEBEB 79%);
background-image: -o-linear-gradient(bottom, #D7D8D9 14%, #D7D8D9 57%, #EBEBEB 79%);
background-image: -moz-linear-gradient(bottom, #D7D8D9 14%, #D7D8D9 57%, #EBEBEB 79%);
background-image: -webkit-linear-gradient(bottom, #D7D8D9 14%, #D7D8D9 57%, #EBEBEB 79%);
background-image: -ms-linear-gradient(bottom, #D7D8D9 14%, #D7D8D9 57%, #EBEBEB 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, #D7D8D9),
	color-stop(0.57, #D7D8D9),
	color-stop(0.79, #EBEBEB)
);
}

#login
{
text-align: center;
padding: 0.5em 0 0.9em 0;
background: #0099AD url(../images/ligne2.gif) no-repeat;
background-position: bottom;
color: #FFFFFF;
font-family: 'Dosis', sans-serif;
font-weight: 500;
font-size: 1.1em;
width: 40%;
margin: 0 auto;
}

form
{
margin: 1em 0 0 0;
}

label
{
font-family: 'Dosis', sans-serif;
font-weight: 500;
padding: 0 0 0 1em;
font-size: 0.899em;

}

.field
{
width: 100%;
margin: 0.2em 0 1em 0;
}

#remember
{
font-size: 0.8em;
padding: 0.3em 0 0 0;
}

.checkbox
{
padding: 0.2em 0 0 -0.5em;
}

#blank
{
height: 12px;
}

.button
{
margin: 0 1em 0 1.2em;
float: right;
position: absolute;
z-index: 999;
padding: 0.2em 0.7em 0.2em 0.3em;
color: #FFFFFF;
background: #601314 url(../images/pucew.gif) no-repeat;
background-position: right;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.button
{
margin-right: 12px\9;
}

.button:hover
{
cursor: pointer;
opacity: 0.8;
}