/* CSS par Habib Maz Dorel MBOUNGOU */

/*Le corps de toutes les pages*/

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	color: #000;

  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardis�e */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
    padding-left: 0px;
    background-color: #f5f4f8;
}

#col_flux {
    float: right;
    height: auto;
	position:absolute; 
	right:15%;
}

#astuces {
    border: thin solid #e5efe5;
    height: auto;
    margin-top: 7px;
	width:68%;
	float: right;
}

.affix { top: 0; width: 100%; margin-top:45px; z-index:1000;}

@media (min-width:768px)
{
	#astuces{ width:71%;}
	}
@media (min-width:992px)
{
	#astuces{ width:71%;}
	}
@media (min-width:1200px)
{
	#astuces{ width:71%;}
	}
		
@media (min-width:768px)
{
	.espaceannonce{ width:70%;}
	}
@media (min-width:992px)
{
	.espaceannonce{ width:67.666680%; float:left;}
	}
@media (min-width:1200px)
{
	.espaceannonce{ width:69.5%; float:left;}
	}
		

#ast_cons { background-color:#7ac142; color:#FFFFFF; padding: 4px 10px;}
#ast_text { padding: 0;}

.titre_demande {
    color: green;
    font-size: 15px;
    font-weight: normal;
}

#haut_ban { background-color:#006600; height:35px; color:#FFFFFF; padding: 8px;}
#haut_ban a { color:#fff; text-decoration:none;}
#logo {float:left; margin-left: 8px;}

#identif {float:right; margin-right: 8px; margin-top: 12px;}
#img_moto {float:right; margin: 4px;}

#page {margin-left:auto; margin-right:auto; width: 95%; height:300px; padding: 10px;}
#na_kati {margin-left:auto; margin-right:auto; width: 99%; background-color:#e5efe5; float:left; padding: 10px;}


#rubrique ul { list-style:none; margin-left: -40px; margin-top:-12px;}
#rubrique ul li { margin-top: 2px; margin-bottom: 2px; margin-right: 5px; padding-left: 8px; text-transform:capitalize;}
#rubrique ul li a { text-decoration:none; color:#008d4c; font-size:95%;}
#rubrique ul li a:hover { text-decoration:underline;}

#zone_texte { margin-bottom: 20px;}

.tel {
    float: right;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-top: 2px;
}
#tel_zone {
    background-color: #e5e5e5;
    bottom: 0;
    color: red;
    padding-left: 2px;
    padding-right: 4px;
    padding-top: 3px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 99%;
}

/*teste*/
#choix_form {border-bottom: #FFFFFF thin solid; height: 45px;}
#choix_form a {
    border: thin solid #fff;
    color: #fff;
    float: right;
    font-size: 13px;
    height: 14px;
    margin-left: 0;
    margin-top: 0;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
#choix_form a:hover { background-color:#146b28; color:#fff;}
/*---------------*/

#choix_form { width: 100%;}
#choix_form ul { list-style:none; margin-left: -40px; margin-top:-12px; display:inline-flex;}
#choix_form ul li { margin-top: 2px; margin-bottom: 2px; margin-right: 15px; padding-left: 15px;}

/*Flux des annonces et design*/
#cpteur { font-size:13px; height: auto; background-color:#008d4c; padding:4px; margin:8px 5px; color:#fff;}
#ident { margin-bottom: 25px;}
#avatar { float:left; margin-left: 8px; margin-right: 5px;}
#pren { text-transform:capitalize;}
#pren h1 {font-weight:bold; font-size:100%; margin:0;}

#tr_ann h2 {
    color: green;
    font-size: 18px;
    font-weight: normal;
    margin: 9px 0px -20px 4px;
	text-transform:uppercase;
}

.date {float: right; text-align:right; color:gray; font-size: 85%; font-style:normal; text-transform:none; }
.vil { text-transform:capitalize;}
#img_ann {position:relative; width:auto; padding:0 0px;}

#texte_annonce {
    background-color: #bcc6ff;
	color:white;
    margin:2px;
    padding: 5px;
	position:relative;
	text-align:justify;
}

#mosolo {
    background-color: #8BC34A;
    color: #fff;
    padding: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
	width:auto;
	text-align:right;
	border-radius:5px 0px 0px 5px;
}
#mosolo p {font-size: 20px; margin:0;}
#flux_ann ul { list-style:none; margin-left: -40px;}
#flux_ann ul li {
    padding: 2px;
}

#titre_rubrique {
	margin: 5px 0px 20px 5px;
    color: #ffffff;
}
@media print {#btn_print{ display: none;} }

#menu_haut ul{ list-style: none; margin: 0; padding: 0;}
#menu_haut {
    position: relative;
    text-align: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.titre_acpce{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
}

.ministere {font-size: 12px;}
    
    #btn_print{ position: absolute;
        top: 10px;
        left: 10px;
        display: block;}
        
@media print {#btn_print{ display: none;} }

#greffe{display: none;}
#impot{display: none;}
#inst{display: none;}

@media print {#greffe{display:block; position: absolute; left: 500px; top: 0px;} }
@media print {#inst{display:block; position: absolute; left: 500px; top: 0px;} }
@media print {#impot{display:block; position: absolute; left: 500px; top: 0px;} }