body {margin:0;	padding:0;	font-family:century gothic, arial;	font-size:12px;	background:black; color:#c0c0c0;}

a, a:visited {	color:#c0c0c0;	text-decoration:none;}
		
a:hover {color:#ffffff;}
a:active,a:focus {outline:none;}
.selected { font-weight:bold; color: #009900}
.just p {text-align:justify}
.right {display:block; float:right; width:440px}

div.page {	width:1000px; position:absolute; top:0; left:50%; margin-left:-500px; display:block;}
	.accueil {position:absolute; display:block; top:10px; height:558px; left:50%; margin-left:-377px; z-index:0; background:url(loader.gif) center no-repeat}
	.accueil1 {position:absolute; display:block; top:10px; height:558px;width:760px; left:50%; margin-left:-377px; z-index:5; background-image:url(photo.gif);text-align:center; padding-top:570px;}
div.banniere {width:100%; display:block; text-align:right; margin-top:40px}
	.logo {background:url(Cameleone-Agence-logo.jpg) left top no-repeat; width:316px; height:114px; display:block; position:absolute; top:40px; left:50%; margin-left:-500px}
	.banniere h1 { margin:0; padding:10px 0 0 0; font-size:14px}
	.banniere p {margin:0; padding:0 0 20px}

div.navigation { width:680px; float:right; border-top:#666666 1px solid; margin:0px; padding:0; margin-bottom:30px}
	.navigation h2 { float:right; margin:0; padding:3px 0 0 10px; font-size:13px; font-weight:normal}

#diapo { display:block; width:500px; height:600px; background-position:top center; background-repeat:no-repeat ;}
#plus { display:block; width:500px; height:600px; background:url(photo.gif) repeat; z-index:5}	

div.contenu { width:100%; clear:both;height:500px; }
	.contenu .texte {width:45%; display:block; padding:0px 20px 10px 30px; float:left;margin-bottom:20px;}
	.contenu .texte2 {width:95%; display:block; padding:0px 20px 10px 30px; float:left;margin-bottom:20px;}
	.contenu .texte h3, .contenu h3 {font-size:15px; margin:0; padding:0; }
	.contenu p {margin:10px; padding:0}
	.contenu strong.spip {color: #009900}
	.contenu i.spip {}
	.contenu .liens { width:100%; display:block; float:left; margin-bottom:20px; padding:0px 20px 10px 200px; }
.agrandi { font-size:14px}
	.contenu .diapo { width:440px; height:300px; display:block; float:left; margin-bottom:20px; padding:0px 20px 10px 30px; }
		.agence { background:url(agence-cameleone1.jpg) center no-repeat ;width:440px ; height:300px; display:block; float:left; margin-bottom:20px; padding:0px 20px 10px 30px;}
	.contenu .contact form { width:480px; height:400px; display:block; margin-bottom:20px; padding:0px 20px 10px 0px; float:right }
	.contenu .recherche { width:180px;display:block; padding:0px 0px 10px 0px; float:left;margin-bottom:20px; margin-top:-20px }
	.contenu .detailsmannequin { width:220px;display:block; padding:0px 0px 10px 50px; float:left;margin-bottom:20px; margin-top:-20px }
		.detailsmannequin h2 {font-size:2em;margin:10px 0 5px 0}
		.detailsmannequin h3 {margin:13px 0 5px 0; font-size:1.2em;}
	.contenu .fiche {width:650px;display:block; float:right; margin-bottom:20px;}
		.fiche .photos { width:500px; float:left;background:url(loader.gif) center no-repeat;}
		.fiche .details {width:315px; float:left; padding-left:5px  }
		.bloc {display:block; cursor:pointer; float:left; margin:2px; width:90px; height:90px; text-align:center;background:url(loader.gif) center no-repeat;}

		.recherche h3 {margin:0; padding:0; padding-bottom:5px}
	.contenu .resultats {width:800px;display:block; float:right; margin-bottom:20px; }
		.resultats p {padding:0 20px; background-color:#000066}


div.pied {width:680px; margin-top:20px; clear:both; border-top:#666666 1px solid;}
	.pied p {margin:0; padding:0; text-align:left; padding-top:2px; font-size:13px}
	.pied p span {font-size:12px;}

img {  margin:8px; border:#666666 1px solid; display:block}
.bloc1 {display:block; float:left; margin:5px;width:120px; height:150px;background:url(loader.gif) center no-repeat; text-align:center}
.bloc1 img {display: block; margin-right: auto; margin-left: auto;}

.full {display:block; width:100%; float:none; clear:both}

form {padding:0px; display:block }

fieldset {padding:5px; margin-bottom:2px;border:#666666 1px solid;margin-top:10px ; width:46%; float:left}
.contact fieldset {width:455px;}
.separateur_1 {display:block; float:right}
legend {color:#c0c0c0; font-weight:bold; margin-left:0;   }
label { display:block; margin:3px 0px; padding:0}
select {  color:#666666; margin:0; padding:0}
option {  margin:0; padding:0}
.bouton, .spip_bouton {width:100%; margin:5px 0px; float:none; display:block}
input {font-size:12px}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.spip_forms label {display:inline}
.spip_form_label_obligatoire { font-weight:normal;}
.erreur {color:#CC0000; font-weight:bold}
.spip_form_champ { margin-bottom:5px; }
.ligne, .spip_form_label_details, textarea {display:block; }
.spip_form_label_details { display:none}
.label, .spip_form_label label {font-weight:bold}
.spip_form_label { width:100%; display:block }
.spip_form_choix_unique li,  ul {list-style:none; margin:0; padding:0 }
.spip_form_ok, .spip_form_ok_confirmation {font-weight:bold; font-size:1.1em}
/*  ------------------------------------------
/*  Habillage des tableaux
/*  ------------------------------------------ */
td {width:33%}
.hommes { background:url(hommes.jpg) center 30px no-repeat; padding-top:5px; height:290px; display:block; width:100%; text-align:center}
.hommes:hover {background-color:#333333}
.femmes { background:url(femmes.jpg) center 30px no-repeat; padding-top:5px; height:290px; display:block; width:100%; text-align:center}
.femmes:hover {background-color:#333333}
.enfants { background:url(enfants.jpg) center 30px no-repeat; padding-top:5px; height:290px; display:block; width:100%; text-align:center}
.enfants:hover {background-color:#333333}