/* normalise les marges et les remplissages  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
margin: 0;
padding : 0;
}

/* normalise les tailles de polices pour les en-têtes */
h1, h2, h3, h4, h5, h6
{
font-size : 100%;
}

/* supprime list-style pour les listes */
ol, ul
{
list-style : none;
}

/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, em, th, var
{
font-style : normal;
font-weight : normal;
}

/* supprime les bordures dans les tableaux */
table
{
border-collapse : collapse;
border-spacing : 0;
}

/* supprime les bordures dans les éléments fieldset et img */
fieldset, img
{
border : 0;
}

/* aligne le texte à gauche dans caption et th */
caption, th
{
text-align : left;
}

/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after
{
content :'';
}

/* supprime le souslignage des liens et les met en noir */
a
{
text-decoration : none;
color : #33c;
}

/*****************************************

		SITE

******************************************/

html {
text-align:center;
background: #fff url(../images/fond_degrade.jpg) 0 0 repeat-x;
}

body {
position:relative;
width:960px;
margin:0 auto;
text-align:left;
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size:13px;
}

div#header {
margin-top:15px;
width:100%;
height:51px;
}

div#logo {
float:left;
width:300px;
height:61px;
}

div#nav_main {
float:right;
height:61px;
}

div#content {
position:relative;
width:100%;
min-height:300px;
margin: 20px 0px 0px 0px;
}

div#content_main {
float:right;
width: 624px;
}

div#content_main_short {
float:right;
width: 564px;
}

div#content_main_long {
width: 960px;
}

div#content_left {
float:left;
width:280px;
padding:0;
}

div#content_big_left {
float:left;
width:340px;
padding:0;
}

.separator_ballon {
float:left;
width: 34px;
background: transparent url(../images/ballon.png) 0 0 no-repeat;
height:340px;
}

div#users {
position:relative;
width:100%;
margin: 0;
clear:both;
}

.user4, .user5, .user6 {
padding:10px;
width:31%;
float:left;
}




div#footer {
position:relative;
clear:both;
width:100%;
background: transparent url(../images/island.jpg) 0 0 no-repeat;
height:300px;
}


.clr {
clear:both;
}

/**				Liens		**/

a
{
text-decoration : none;
color : #33c;
}

a:hover {
text-decoration : underline;
}

a:active, a:focus {
outline:none;
}

/**            	LOGO       	**/


#logo img {
position:relative;
top:0px;
left:10px;
}

/** 			FOOTER		**/

#footer .moduletable{
width:260px;
float:left;
padding:180px 0 0 30px;
}



div#copy {
position:absolute;
top:180px;
left:550px;
width:180px;
}

div#copy a {
color:#ada5fa;
}