html {
text-align:left;
overflow-y:scroll;
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
background:#fff url(../fond/fond.jpg) repeat-x top;
text-align:left;
color:#185978;
margin:0;
padding:0;
}

#top {
width:100%;
height:40px;
}

#top p {
padding-top:18px;
float:right;
color:#5B6A70;
}

#top a img {
border:1px solid #fff;
}

#top a:hover img {
border:1px solid #185978;
}

#pied {
width:100%;
height:35px;
background:#B4C6CE url(../fond/pied.jpg) repeat-x top;
float:left;
color:#062F42;
margin-top:10px;
}

#menu_flottant {
float:right;
height:40px;
background:#B4C6CE url(../fond/menu_flottant.jpg) repeat-x bottom;
}

#menu_flottant ul {
list-style:none;
float:left;
padding-top:10px;
padding-right:15px;
margin-left:-51px;
}

#menu_flottant ul li {
display:block;
float:left;
}

#menu_flottant ul li a {
display:block;
padding-right:10px;
padding-left:10px;
float:left;
border-right:1px solid #E5F1F7;
color:#fff;
font-size:1.1em;
text-decoration:none;
}

#menu_flottant ul li a:hover,#menu_flottant ul li#selected a {
color:#072C3D;
}

#pied ul {
list-style:none;
float:left;
color:#062F42;
padding-top:10px;
padding-right:15px;
margin-left:30px;
}


#pied[id] ul {
list-style:none;
float:left;
color:#062F42;
padding-top:10px;
padding-right:15px;
margin-left:20px;
}

#pied ul li {
display:block;
color:#062F42;
float:left;
}

#pied ul li a {
display:block;
padding-right:10px;
padding-left:10px;
float:left;
border-right:1px solid #E5F1F7;
color:#062F42;
font-size:1em;
text-decoration:none;
}

#pied ul li a:hover,#pied ul li#selected a {
color:#072C3D;
text-decoration:underline;
}

#coupe {
width:131px;
height:40px;
margin-left:-31px;
float:left;
background-image:url(../fond/menu_flottant_coupe.jpg);
}

#container {
width:940px;
padding-left:30px;
background:transparent url(../fond/contenu.jpg) no-repeat;
background-position:0 3.6em;
text-align:left;
float:left;
}



#container2 {
width:940px;
padding-left:30px;
background:transparent url(../fond/contenu_interieur.jpg) no-repeat;
background-position:0 3.6em;
text-align:left;
float:left;
}

.logofr, .logoen, .logode {
width:340px;
height:115px;
top:22px;
z-index:3;
left:40px;
display:block;
position:absolute;
}
.logofr{background-image:url(../fond/logo_coloctoit.gif);}
.logoen{background-image:url(../fond/logo_coloctoit_en.gif);}
.logode{background-image:url(../fond/logo_coloctoit_de.gif);}

h1 a {
width:340px;
height:135px;
position:absolute;
text-indent:-9999px;
z-index:2000;
display:block;
cursor:pointer;
}

h2 {
font-weight:700;
color:#185978;
font-size:1.5em;
line-height:1.4em;
letter-spacing:-1px;
margin-bottom:6px;
text-align:left;
}

h3 {
font-weight:700;
color:#185978;
font-size:1.5em;
letter-spacing:-1px;
margin-bottom:10px;
}

h4 {
font-weight:700;
color:#185978;
font-size:1.1em;
margin-bottom:10px;
}

h5 {
font-weight:700;
color:#52839A;
font-size:1.1em;
}

.jaune {
color:#F0C300;
}


#recherche {
width:253px;
float:left;
border-right:1px dotted #aaa;
height:160px;
margin-bottom:10px;
line-height:2.4em;
text-align:center;
padding:0 7px 7px;
}

#propose {
width:253px;
float:left;
height:160px;
margin-bottom:10px;
line-height:2.4em;
text-align:center;
padding:0 7px 7px;
}

label {
font-variant:small-caps;
font-size:1.1em;
padding-right:5px;
}

select {
font-size:1.1em;
border:1px solid #aaa;
color:#555;
width:123px;
margin-bottom:3px;
}

select#secteurr,select#secteurp {
font-size:1.1em;
border:1px solid #aaa;
color:#555;
width:156px;
margin-bottom:3px;
}

input.valid {
width:227px;
height:48px;
background-image:url(../fond/recherche_gratuite.jpg);
border:0;
font-weight:700;
color:#185978;
font-size:1.3em;
cursor:pointer;
text-align:center;
}

#annonces {
width:520px;
font-weight:400;
color:#185978;
margin-bottom:10px;
font-size:1.9em;
letter-spacing:-1px;
text-align:center;
padding:10px 5px 5px;
}

#dernieres_annonces {
width:528px;
border-bottom:1px solid #C2BFB2;
border-top:1px solid #C2BFB2;
background-color:#FDF9E6;
margin-bottom:10px;
padding:5px;
float:left;
}

#dernieres_annonces a img {
border:3px solid #B4C6CE;

}


.blocvip{
width:90px;
height:16px;
padding-left:12px;
padding-top:3px;
background:#fff url(../fond/vipbloc.gif) no-repeat center right;
color:#000 !important;
filter:alpha(opacity=78);
-moz-opacity: 0.78;
opacity: 0.78;
position:absolute;
text-decoration:none;
/*left:73px;*/z-index:30;
margin-top:80px;
text-transform:uppercase;
}

.colocphoto{float:left;margin-right:3px;}
.colocphoto1{float:left; margin-left: 3px;}

#dernieres_annonces a:hover img {
border:3px solid #444;

}

#annonces a {
font-weight:400;
color:#C29E02;
letter-spacing:-1px;
text-align:center;
padding:5px;
}

#annonces a:hover {
font-weight:400;
color:#C29E02;
background-color:#FFF8D7;
letter-spacing:-1px;
text-align:center;
padding:5px;
}

#contenu_gauche {
width:538px;
float:left;
margin-left:15px;
margin-top:225px;

padding:10px;
}

#contenu_gauche[id] {
width:538px;
float:left;
margin-left:30px;
margin-top:225px;

padding:10px;
}

#contenu_gauche2 {
width:538px;
float:left;
margin-left:15px;
margin-top:140px;
color:#222;
padding:10px;
}

#contenu_gauche2[id] {
width:538px;
float:left;
margin-left:30px;
margin-top:140px;
color:#222;

padding:10px;
}

#ariane {
display:block;
width:518px;
margin-bottom:5px;
color:#ccc;
padding:10px;
}

#ariane a {
color:#aaa;
text-decoration:none;
}

#ariane a:hover {
color:#888;
text-decoration:underline;
}

#identification {
width:320px;
position:absolute;
left:620px;
top:80px;
padding:10px;
}

#encart_droite {
width:320px;
float:left;
margin-top:190px;
padding:10px;
}

#deposer_annonce {
width:310px;
background:transparent url(../fond/depot_annonce.gif) no-repeat top right;
font-size:1.1em;
color:#525B60;
padding:5px;
}

#encart_bas_droite {
width:310px;
font-size:1em;
color:#222;
padding:10px 5px 60px;
}

#encart_bas_droite strong {
color:#185978;
font-size:1.2em;
}

#deposer_annonce a {
display:block;
width:220px;
height:38px;
padding-left:80px;
padding-top:12px;
background-image:url(../fond/ecrire_annonce.jpg);
margin-bottom:10px;
color:#185978;
font-size:1.4em;
font-weight:700;
text-decoration:none;
letter-spacing:-1px;
}

#deposer_annonce h2 {
padding-top:20px;
}

#deposer_annonce .sstitre {
color:#BE9B03;
font-size:1.2em;
}

#deposer_annonce .sstitre strong {
font-size:1.3em;
}

#devenez_membre {
width:300px;
background:#FDF9E6 url(../fond/etoiles.gif) no-repeat top right;
border-top:1px solid #D7D3C0;
border-bottom:1px solid #C4C4C4;
font-size:1.1em;
color:#525B60;
padding:10px;
}

#devenez_membre h2 {
background:transparent url(../fond/h2_vip.gif) no-repeat left center;
padding-left:35px;
}

#devenez_membre a {
font-size:1.4em;
font-weight:700;
color:#185978;
letter-spacing:-1px;
}

#devenez_membre ul {
list-style-position:inside;
font-size:0.9em;
color:#222;
}

#devenez_membre ul li {
display:block;
float:left;
width:275px;
padding-left:25px;
background-image:url(../fond/vippuce.gif);
background-repeat:no-repeat;
margin-bottom:5px;
padding-bottom:5px;
}

.bonjour {
display:block;
width:280px;
padding-left:40px;
color:#F0C300;
font-weight:700;
margin-bottom:5px;
background:transparent url(../fond/icone_membre.gif) no-repeat top left;
}

.bonjour a {
color:#185978;
text-decoration:underline;
}

.crea_compte {
display:block;
width:240px;
height:36px;
color:#185978;
font-weight:700;
background-image:url(../fond/crea_compte.png);
padding:19px 20px 15px 60px;
}

.pourquoi {
display:block;
width:260px;
padding-right:25px;
height:23px;
padding-top:2px;
color:#F0C300;
margin-bottom:5px;
text-align:right;
font-weight:700;
background:transparent url(../fond/icone_pourquoi.gif) no-repeat top right;
}

.pourquoi a {
color:#776203;
text-decoration:none;
}

.pourquoi a:hover {
color:#514304;
text-decoration:underline;
}

.creer {
font-size:1.5em;
letter-spacing:-1px;
line-height:0.9em;
}

.crea_compte a {
color:#474444;
text-decoration:none;
}

.crea_compte a:hover {
color:#222;
text-decoration:underline;
}

#liste_villes {
padding-bottom:38px;
}

#liste_villes a {
color:#333;
text-decoration:none;
}

.titre_resultat {
font-size:1.6em;
color:#185978;
letter-spacing:-1px;
font-weight:700;
}

a:hover.toggle{color:#fff;}

a.toggle{ 
display:block; text-align:center;
width:528px;
color:#222; 
text-decoration:none;
background:#E7EFF3 url(../fond/toggle.jpg);
text-transform:uppercase;
font-weight:bold;

border-top:1px solid #94B0BE;
border-bottom:0;
margin-top:10px;padding:5px;}

#pagination,#pied_res {
width:528px;
border-bottom:1px solid #C2BFB2;
border-top:1px solid #C2BFB2;
background-color:#FDF9E6;
margin-top:10px;
color:#515151;
font-size:1.1em;
padding:5px;

}

#adroite{ display:block; width:528px; height:20px; text-align:right; clear:both;}

#critere {
width:520px;
background-color:#E7EFF3;
margin-top:0px;
color:#515151;
margin-bottom:10px;
border-bottom:1px solid #B4C6CE;
border-top:0;
padding:9px;
}

#critere ul {
list-style:none;
}
#critere ul li{
padding-bottom:3px;
}

#critere label{float:left; width:110px;}
#critere  .texte2{width:150px; border:1px solid #aaa;}
#critere  .texte3{width:60px; border:1px solid #aaa;}
#pagination a,#pied_res a {
color:#185978;
text-decoration:none;
}

#pagination a.precsuiv,#pied_res a.precsuiv {
color:#515151;
text-decoration:underline;
}

#annonce {
width:538px;
margin-bottom:5px;
height:145px;
color:#515151;
padding-top:8px;
}

#annonce2 {
width:533px;
margin-bottom:5px;
color:#515151;
padding-top:5px;
}

#annonce2 li {
list-style-position:inside;
}

#annonce2 img.icons {
float:right;
margin:5px;
}

#annonce h5 {
width:528px;
border:1px solid #CEAC12;
background-color:#F0C300;
font-size:1em;
margin-bottom:2px;
padding:1px 4px;
}

#annonce h5 a {
color:#141414;
text-transform:uppercase;
text-decoration:none;
}

#annonce h5 a:hover {
color:#000;
text-transform:uppercase;
text-decoration:underline;
}

#annonce h5 .adroite {
text-transform:none;
color:#6E5A05;
}

#annonce a.plus {
margin-top:2px;
background:#FDF8E3 url(../fond/icone_plus.gif) no-repeat;
background-position:0 0.2em;
display:block;
float:right;
width:388px;
font-weight:700;
color:#185978;
text-transform:uppercase;
text-decoration:none;
font-size:1em;
padding:4px 4px 4px 24px;
}

#annonce img.photo {
float:left;
border:3px solid #B4C6CE;
margin-right:10px;
}

#annonce2 a.retour {
text-decoration:none;
font-weight:700;
}

#annonce2 a:hover.retour {
text-decoration:underline;
font-weight:700;
}

#annonce2 h4.contact a {
float:right;
width:140px;
height:34px;
background-image:url(../fond/contact.png);
padding-left:20px;
padding-top:11px;
margin-top:-34px;
font-size:1em;
text-decoration:none;
color:#185978;
}

#annonce2 h3 {
margin-top:10px;
width:523px;
border:1px solid #CEAC12;
background-color:#F0C300;
color:#fff;
font-size:1em;
letter-spacing:0;
margin-bottom:2px;
padding:1px 4px;
}

#annonce2 img.pseudo {
float:left;
border:3px solid #B4C6CE;
margin-right:10px;
margin-bottom:10px;
}

#annonce2 ul.info {
width:408px;
float:right;
display:block;
margin-bottom:5px;
}

#details {
width:523px;
border-bottom:1px solid #C2BFB2;
border-top:1px solid #C2BFB2;
background-color:#FDF9E6;
margin-bottom:10px;
clear:both;
padding:5px;
}
#adsense{	
	padding-top:10px;
	padding-left:34px;
	width:489px;
	border-top:1px solid #C2BFB2;
	margin-bottom:10px;
	clear:both;
}
#adsense_droite{
	padding-top:15px;
	padding-left:5px;
	/*border-top:1px solid #C2BFB2;*/
	margin-top:10px;
}

#charges_incluses ul {
width:523px;
border-bottom:1px solid #C2BFB2;
border-top:1px solid #C2BFB2;
background-color:#FDF9E6;
margin-bottom:10px;
clear:both;
float:left;
padding:5px;
}

#charges_incluses ul li {
padding-left:20px;
width:150px;
display:block;
float:left;
font-size:1.1em;
font-weight:700;
background:transparent url(../fond/oui.gif) no-repeat center left;
}

#charges_incluses ul li.strike {
padding-left:20px;
width:150px;
display:block;
float:left;
font-size:1.1em;
font-weight:400;
color:#989696;
text-decoration:line-through;
background-image:none;
}

#phototheque {
width:530px;
padding-bottom:10px;
float:left;
}

ul#galerie_mini {
width:108px;
float:left;
margin-left:5px;
border-left:1px solid #ccc;
padding-left:5px;
}

ul#galerie_mini li {
width:106px;
height:70px;
overflow:hidden;
list-style:none;
display:block;
float:left;
border:1px solid #C4C4C4;
margin-bottom:2px;
}

ul#galerie_mini li img {
width:110px;
}

dl#photo {
width:410px;
float:left;
}

dl#photo img {
float:left;
border:1px solid #C4C4C4;
background-color:#E9EEF1;
max-width:400px;
padding:3px;
}

#profil label {
width:160px;
float:left;
font-variant:normal;
color:#185978;
}

select.formcoloc {
width:222px;
font-size:1.1em;
border:1px solid #aaa;
color:#555;
margin-bottom:5px;
}

input.submit {
border:1px outset #aaa;
background-color:#F0C300;
width:520px;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
}

#formauthen label {
width:300px;
font-variant:normal;
color:#185978;
display:block;
font-weight:700;
}

input.ctext2 {
width:300px;
font-size:1.1em;
border:1px solid #aaa;
color:#555;
margin-bottom:5px;
}

input.submit2 {
border:1px outset #aaa;
background-color:#F0C300;
width:300px;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
}

.facultatif {
font-style:italic;
color:#aaa;
padding-left:5px;
font-weight:400;
}

#div_je_cherche label {
float:left;
width:200px;

}

#menu_flottant ul li.dernier a,#pied ul li.dernier a {
border:0;
}

select#paysr,select#viller,select#paysp,select#villep {
font-size:1.1em;
border:1px solid #aaa;
color:#555;
width:166px;
margin-bottom:3px;
float:left;
margin-top:2px;
}

.paysvip, .villevip, .secteurvip{
	width:196px!important;
	float:none!important;
}

#formindexr label, #formindexp label{
float:left;
display:block;
clear:left;
text-align:right;
width:82px;

} 

#deposer_annonce a:hover,#devenez_membre a:hover {
color:#111;
}

#devenez_membre .jaune,#annonce2 a {
color:#BE9B03;
}

.bonjour a:hover,#liste_villes a:hover,#annonce2 h4.contact a:hover {
color:#111;
text-decoration:underline;
}

#annonce strong,#annonce2 ul.info li strong {
color:#185978;
}

#annonce .info {
background-color:#fff;
display:block;
float:right;
width:410px;
border-bottom:1px solid #C4C4C4;
padding:2px 2px 2px 4px;
}
#annonce2 ul.info li {
background-color:#fff;
display:block;
float:right;
width:402px;
border-bottom:1px solid #C4C4C4;
padding:2px 2px 2px 4px;
}

#panelauthen,.print {
display:none;
}

input.formcoloc,textarea.formcoloc {
width:220px;
font-size:1.1em;
border:1px solid #aaa;
color:#555;
margin-bottom:5px;
}

.form label,#contenu label {
width:520px;
font-variant:normal;
color:#185978;
display:block;
font-weight:700;
}

input.ctext,input.email,.form select,select.ctext,textarea.mtext {
width:520px;
font-size:1.1em;
border:1px solid #aaa;
color:#555;
margin-bottom:5px;
}

#div_je_cherche,#div_je_propose {
width:505px;
background-color:#E7EFF3;
margin-top:10px;
color:#515151;
margin-bottom:10px;
border:1px solid #B4C6CE;
padding:9px;
}


#div_je_cherche label,#div_je_propose label{width:505px; display:block;clear:both;}
#div_je_cherche .texte,#div_je_propose .texte{width:298px;  display:inline;border:1px solid #aaa;}
#div_je_cherche textarea.texte,#div_je_propose textarea.texte{width:298px;height:120px;  display:inline;border:1px solid #aaa;}
#div_je_cherche select.texte,#div_je_propose select.texte{width:302px; display:inline;border:1px solid #aaa;}
#div_je_cherche .texte2,#div_je_propose .texte2{width:120px; display:inline; border:1px solid #aaa;}

.sub{width:485px;display:block; border:1px solid #ccc; padding:5px; text-align:center; background-color:#F7E496; clear:both;}
.sub2{width:305px;display:block; border:1px solid #ccc; padding:2px; text-align:center; background-color:#F7E496; clear:both;margin-top:5px; cursor:pointer;}
.checkboxx{width:290px; padding:5px;display:block;clear:both; border-top:1px dotted #ccc; border-bottom:1px solid #aaa; margin-top:5px;background-color:#D8E3E9; }
.radioo{width:290px; padding:5px;display:block;clear:both; border-top:1px dotted #ccc; border-bottom:1px solid #aaa;margin-top:5px;background-color:#D8E3E9;} 

#choix {
width:505px; padding:9px;background: #E7EFF3 url(../fond/degrede.jpg) repeat-x top;
margin-top:10px;
color:#222;
margin-bottom:5px;
border:1px solid #B4C6CE;
font-weight:bold;
}

.creera{
width:235px;
margin-left:5px; padding:9px;background: #E7EFF3 ;
margin-top:10px;
color:#222;
margin-bottom:5px;
border:1px solid #B4C6CE;
font-weight:bold;
float:left;
font-size:1.3em;
text-transform:uppercase;
line-height:3.5em;
}
.creera img{float:left; margin-right:8px;}

#warningbox{
width:100%; background-color:#FFCDCD; border-bottom:1px solid #BA0303; margin-bottom:10px;position:absolute; z-index:3000;
filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85; cursor:pointer;
}


#warningbox ul li { list-style-image: url(../fond/alert.gif); font-weight:bold; list-style-position:inside;padding:5px; text-align:center;}

.creera a{color:#185978; text-decoration:none;}
.creera a:hover{color:#333; text-decoration:underline;}
ul#listeaction{
width:505px; padding:9px;background: #E7EFF3 url(../fond/degrede.jpg) repeat-x top;
margin-top:10px;
color:#515151;
margin-bottom:5px;
border:1px solid #B4C6CE;}

ul#listefav{
width:505px; padding:9px;background: #F4D864 url(../fond/degrede2.jpg) repeat-x top;
margin-top:10px;
color:#515151;
margin-bottom:5px;
border:1px solid #F0C300;}


ul#listefav2{
width:505px; padding:9px;background: #F4D864 url(../fond/degrede2.jpg) repeat-x top;
margin-top:10px;
color:#515151;
margin-bottom:5px;
border:1px solid #F0C300;}
ul#listefav2 li{ list-style:none;}

#annonces .jaune{ color:#BE9B03;}

.addfavs{float:right; display:block;margin-right:8px; margin-bottom:8px; padding:2px;}
.addfavs1{float:right; display:block;margin-right:8px;padding:2px; margin-top: 10px;}
.addfavs img{float:left; margin-right:2px;}
.addfavs a{ text-decoration:none; color:#0A3249; font-size:1.1em; font-weight:bold;}
.addfavs1 a{ text-decoration:none; color:#0A3249; font-size:1.1em; font-weight:bold;}
#contactpaie{
clear:both; display:block; text-align:left;
width:521px;
color:#222; 
text-decoration:none;
background-color:#E7EFF3;
font-weight:bold;
border:1px solid #94B0BE;
margin-top:10px;padding:5px;}

#contactpaie ul{ list-style:square;}

#carte{float:left; border:1px solid #ccc;padding:2px;}

ul#messagerie{
width:500px; 
 height:35px;list-style:none; clear:both;}

ul#messagerie li{list-style:none; display:block;float:left;  margin-right:6px;padding:0;}

ul#messagerie li #sel{ border:1px solid #aaa;padding:3px; background-color:#ccc; }


ul#contacts{
width:523px;
border-bottom:1px solid #C2BFB2;
border-top:1px solid #C2BFB2;
background-color:#FDF9E6;
margin-bottom:10px;
clear:both;
padding:5px;
overflow:auto;
overflow-x:hidden;

 height:95px;list-style:none; }
 
 ul#contacts li{list-style:none; }
 
 textarea.texte{width:523px;padding:5px; height:58px; margin-bottom:10px; border:1px solid #aaa;}
 
 .copy{float:left;margin-top:10px; margin-left:15px;}