html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




body {
background: #4c86a5 url('../medias/fond-degrade.jpg') repeat-x fixed top left;
margin: 0px;
padding: 0px;
font-family: arial;
color: #000000;
}

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

a img {
border: none;
}

#background {
background: #b5d4ef;
position: absolute;
width: 896px;
top: 0px;
left: -448px;
margin-left: 50%;
height: 100%;
}

#div_cgu, #div_sondage, #div_changeident{
position: absolute;
width:500px;
height:420px;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -210px;
}

#connect {
position: absolute;
width: 450px;
height: 339px;
top: 50%;
left: 50%;
margin-left: -225px;
margin-top: -170px;
}

#connexion {
background: url('../medias/connect_bg.png') repeat-x;
width: 442px;
height: 339px;
float:left;
}

#connexion img {
margin-top: 3px;
}

#connectform {
padding:50px;
}

#connectform form img{
margin: 0px 10px 0px 0px;
vertical-align: middle;
}

#connectform input {
width: 200px;
height: 18px;
border: 1px solid #1f688e;
font-size: 11px;
color: #1f688e;
}

.titreconnect {
width: 95%;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: right;
float: left;
line-height:18px;
height: 24px;
}

.txtconnect {
color: #4c86a5;
font-size: 11px;
float: left;
margin: 20px 40px;
width: 100%;
}



#boutonconnect {
background: url('../medias/valider_off.png') no-repeat;
width: 92px;
height: 23px;
cursor: pointer;
float:right;
margin: 40px 20px 0px 0px;
}

#boutonconnect:hover {
background: url('../medias/valider_on.png') no-repeat;
}

#waiting {
	margin: 0px 50px 0px 0px;
	vertical-align: middle;
	display:none;
}

#waiting span {
	color: #4c86a5;
	font-size: 13px;
	line-height:16px;
}

#boutonconnect:out {
background: url('../medias/valider_off.png') no-repeat;
}