/* CSS GARGOUILLE DESIGN */
/* General */
body {
	margin:0; 
	padding:0;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.0em;
	background:url("images/fond_header.png") top left repeat-x #ffffff;
}

p { 
	margin:0;
	padding:0; 
}

img { 
	border:0;
	margin:0;
	padding:0;
}

#page {
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;
}

/* ---------- ACCUEIL -------------- */

#header {
	width:960px;
	height:174px;
	margin:0;
	padding:0;
	background:url("images/bg_header.jpg") top left no-repeat;
}
.login {
	float:right;
	margin:0 5px 0 0;
	padding:0;
}
#menuheader {
	width:960px;
	height:38px;
	margin:0;
	padding-top:20px;
	color:#ffffff;
	font-size:0.8em;
	background:url("images/bg_menuheader.jpg") top left no-repeat;
}
.navigation {
	display:inline;
	float:left;
	margin:0; 
	padding-left:358px;
}
.support {
	display:inline;
	float:right;
	margin:0; 
	padding-right:10px;
}

#new {
	width:960px;
	height:216px;
	margin:0;
	padding:0;
	background:url("images/bg_new.jpg") top left no-repeat;
}
.new_gauche {
	display:block;
	float:left;
	width:495px;
	height:170px;
	margin:23px 0 0 17px;
	padding:5px;
	text-align:justify;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	color:#ffffff;
}
/* hack IE6 */
* html .new_gauche{ 
	margin:23px 0 0 7px;
}
.new_droite {
	display:block;
	float:left;
	width:405px;
	height:190px;
	margin:5px 0 0 15px;
	padding:5px 10px 5px 5px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	color:#000000;
}
/* hack IE6 */
* html .new_droite{ 
	margin:5px 0 0 19px;
}
.new_titre {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
	margin:12px 0 0 0; 
	padding:18px 0 10px 10px;
}
.new_profil {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	color:#000000;
	margin:0;
	padding:5px 10px 4px 0;
}
#new_profil {
	width:960px;
	height:216px;
	margin:0;
	padding:0;
	background:url("images/bg_new_profil.jpg") top left no-repeat;
}
.new_droite_profil {
	display:block;
	float:left;
	width:385px;
	height:160px;
	margin:15px 0 0 15px;
	padding:0 10px 5px 5px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	color:#000000;
}

#blank {
	width:960px;
	height:27px;
	margin:0;
	padding:0;
	background:url("images/space.png") top left no-repeat;
}

/*-------------- CENTRE PAGE ---------------*/
#milieu {
	float:left;
	width:960px;
	min-height:350px;
	margin:0;
	padding:0;
	background:url("images/bg_page.png") top left repeat-y;
}

#bloc_profil {
	display:inline;
	float:left;
    width:190px;
	height:240px;
	margin:0 0 10px 0;
	padding:0;
	background:url("images/bloc_profil.jpg") top left no-repeat;
}

.profil {
	float:left;
	font-family:Tahoma, Verdana, Arial, sans-serif; 
	font-size:0.8em;
	color:#ffffff;
	margin:0;
	padding:0;
}

.nom_profil {
	float:left;
	margin:0;
	padding:0;	
}

.statut_profil {
	float:left;
	width:19px;
	height:26px;
	margin:0 4px 0 15px;
	padding:0;
	border:0;
}

/* ----------- PAGE PROFIL ------------- */

#gauche {
	float:left;
	width:670px;
	min-height:335px;
	margin:0;
	padding:0;
	/*background:#cccccc;*/
}
.titre_info_profil {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#bc1c03;
	margin:0;
	padding:0;
}
.info_profil {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color:#000000;
	margin:0;
	padding:0;
}
.info_statut {
	vertical-align:middle;
}

.description {
	width:620px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color:#000000;
	margin:0;
	padding:0;
}

#droite {
	float:left;
	width:260px;
	min-height:350px;
	margin:0;
	padding:0;
	/*background:#ececec;*/
}
.categorie_titre {
	display:block;
	float:left;
	width:250px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.0em;
	color:#ffffff;
	text-align:center;
	margin:10px 0 0 10px;
	padding:20px 0 15px 0;	
	background:url("images/bg_categorie_header.jpg") top left no-repeat;
}
.categorie {
	display:block;
	float:left;
	width:250px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	margin:0 0 0 10px;
	padding:0;	
	background:url("images/bg_categorie.png") top left repeat-y;
}
.categorie_bas {
	display:block;
	float:left;
	width:250px;
	height:15px;
	margin:0 0 0 10px;
	padding:0;	
	background:url("images/bg_categorie_bas.png") top left no-repeat;	
}

#tarif {
	display:inline;
	float:left;
	width:260px;
	height:31px;
	margin:5px 0 0 0;
	padding:0;
}
#info {
	display:inline;
	float:left;
	width:135px;
	height:31px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	color:#000000;
	margin:0;
	padding:8px 0 0 15px;
}
#bouton {
	display:inline;
	float:right;
	margin:0;
	padding:0 10px 0 0;
}


/* ----------- PUB BAS ---------------*/
#pub {
	float:left;
	width:940px;
	margin:0;
	padding:10px;
	text-align:center;
	background:url("images/bg_page.png") top left repeat-y;
}

/* ----------- FOOTER ---------------*/
.fixe {
	clear:both;
	height:0;
	font-size:0px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

#footer {
    width:960px;
    height:43px;
    margin:0; 
    padding:0;
	background:url("images/bg_footer.png") top left no-repeat;
}

#block_footer {
	position:relative;
	display:block;
    width:960px;
	left:50%;
	margin:0 0 0 -480px;
    padding:10px;
	font-size:0.8em;
	text-align:center;
	color:#ffffff;
}

/* STYLES TEXTES */
h1 {
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#000000;
}

h2 {
	margin:0;
	padding:0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
}

a { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em;}
a:link, a:visited { color:#ffffff; text-decoration:none; }
a:hover, a:active { color:#ffffff; text-decoration:underline; }

a.login { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.8em;}
a.login:link, a.login:visited { color:#ffffff; text-decoration:none; }
a.login:hover, a.login:active { color:#ffffff; text-decoration:underline; }

a.navigation { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em;}
a.navigation:link, a.navigation:visited { color:#ffffff; text-decoration:none; }
a.navigation:hover, a.navigation:active { color:#ffffff; text-decoration:underline; }

a.support { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em;}
a.support:link, a.support:visited { color:#ffffff; text-decoration:none; }
a.support:hover, a.support:active { color:#ffffff; text-decoration:underline; }

a.nom_profil { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; font-weight:bold;}
a.nom_profil:link, a.nom_profil:visited { color:#ffffff; text-decoration:none; }
a.nom_profil:hover, a.nom_profil:active { color:#000000; text-decoration:none; }

a.nom_profil_bold { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; font-weight:bold;}
a.nom_profil_bold:link, a.nom_profil_bold:visited { color:#0958a3; text-decoration:none; }
a.nom_profil_bold:hover, a.nom_profil_bold:active { color:#ffffff; text-decoration:none; }

a.footer { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em;}
a.footer:link, a.footer:visited { color:#ffffff; text-decoration:none; }
a.footer:hover, a.footer:active { color:#cccccc; text-decoration:underline; }

/* ----- BLOC PROFIL ACCUEIL ----- */


img.portrait {
	float:left;
	width:160px;
	height:160px;
	margin:12px 0 15px 15px;
	padding:0;
	border:0;	
}

img.new {
	float:left;
	width:140px;
	height:140px;
	margin:5px 10px 0 0;
	padding:0;
	border:1px #660000 solid;	
}