@charset "utf-8";
/* CSS Document */


/**************************************************************
*
*           occupants
*
**************************************************************/        

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > .form_element > #input_list_container > .input_list_element > #input_text{
	position:absolute;
	left:450px; top:0px;
	width:300px; height:40px;
	border:1px solid #bbbbbb;
	resize:none;
}


/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > .form_element > #input_list_container > .input_list_element > #input_checkbox{
	position:absolute;
	left:450px; top:0px;
	width:14px;
	cursor:pointer;
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > .form_element > #input_list_container > .input_list_element > #input_value{
	position:absolute;
	left:450px; top:0px;
	width:416px; height:31px;
	border:1px solid #bbbbbb;
	text-align:center;
	}
 


/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container{
	position:relative;
	}
	
/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_zone_header{
	position:relative;
	width:470px; height:47px;
        left:450px;
	padding:0 0 0 5px;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_zone_header .part{
	height:40px;
	display:inline-block;
	background:#db5398; 
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_zone_header #part_1{
	width:202px;
        display: none;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_zone_header #part_2{
	width:202px;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_zone_header #part_3{
	width:202px;
        margin-left: 2px
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_list_container{
	
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_list_container > .input_ligne{
	position:relative;
	width:460px; height:35px;
	margin:0 0 2px 0;
        background: url("../img/corp/sub_bg.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_list_container > .input_ligne > #titre{
	width:450px; height:21px; 		
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#747170;
        padding-left: 15px;
        line-height: 14px;
        padding-top: 0;
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_list_container > .input_ligne > #values{
	position:absolute;
	width:425px; height:23px;
	left:450px; top:0px;
	clear:both;
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_3.form_element > .input_zone_container > #input_list_container > .input_ligne > #values > .value{
	position:relative;
	width:200px; height:31px;
	float:left;
	margin:0 0 0 5px;
	padding:0;
	text-align:center;
	border:1px solid #BBBBBB;
	}


/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container{
	position:relative;
	}
	
/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_zone_header{
	position:relative;
	width:470px; height:47px;
	padding:0 0 0 455px;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_zone_header .part{
	margin:0 0px 1px 0;
	height:40px;
	display:inline-block;
	background:#db5398; 
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_zone_header #part_1{
	width:202px;
	}

#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_zone_header #part_2{
	width:202px;
	}


/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_list_container{

	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_list_container > .input_ligne{
	position:relative;
	width:460px; height:35px;
	margin:0 0 2px 0;
        background: url("../img/corp/sub_bg.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_list_container > .input_ligne > #titre{
	position:absolute;
	width:200px; height:21px;
        left:15px; top:0px;
	z-index:1;
	padding:0 10px 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#747170;
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_list_container > .input_ligne > #values{
	position:absolute;
	width:450px; height:23px;
	left:450px; top:0px;
	clear:both;
	}

/*step_3*/
#container > #content > #tool_steps > .step_occupant.tool_step > #forms > #element_5.form_element > .input_zone_container > #input_list_container > .input_ligne > #values > .value{
	position:relative;
	width:200px; height:31px;
	float:left;
	margin:0 0 0 5px;
	padding:0;
	text-align:center;
	border:1px solid #BBBBBB;
	}

/*step_3*/
#total_nb_occupant{
	font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
	width:200px; height:31px; line-height:31px;
	border:1px solid #bbbbbb;
	text-align:center;
        margin-left: 455px;
	}
        
/**************************************************************
*
*           Destinations
*
**************************************************************/ 

.step_destination.tool_step #zone_1.info_element_zone .lib{
    display:none;
}

.step_destination.tool_step #zone_1.info_element_zone .lib.visible{
    display:block;
}

.step_destination.tool_step #zone_saisie_adrsse #icon {
    width: 32px; height:32px;
}
/*
.step_destination.tool_step #info_element_1 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_1.png");
}

.step_destination.tool_step #info_element_4 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_4.png");
}

.step_destination.tool_step #info_element_5 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_5.png");
}

.step_destination.tool_step #info_element_6 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_6.png");
}

.step_destination.tool_step #info_element_7 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_7.png");
}

.step_destination.tool_step #info_element_13 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_7.png");
}

.step_destination.tool_step #info_element_0 #icon{
    background-image: url("../img/corp/blocks/04/destIcon_0.png");
}*/

.step_destination.tool_step #input_zone_container{
    margin-top: 10px;
    margin-bottom: 20px;
}

/*///////icones inversés pour l'ensiegnement'///////*/
.step_destination.tool_step #zone_saisie_adrsse #icon.enseignement {
    background-image: url("../img/corp/blocks/04/destIcon_4.png");
}

.step_destination.tool_step #info_element_4 #icon.enseignement{
    background-image: url("../img/corp/blocks/04/destIcon_home.png");
}

.step_destination.tool_step #info_element_5 #icon.enseignement{
    background-image: url("../img/corp/blocks/04/destIcon_home.png");
}

.step_destination.tool_step #info_element_6 #icon.enseignement{
    background-image: url("../img/corp/blocks/04/destIcon_home.png");
}
/******************************************/

.step_destination.tool_step #google_map{
    width: 100%;
    height: 500px;
}

.step_destination.tool_step #zone_1.info_element_zone{
    width: 180px;
}

.step_destination.tool_step #zone_1.info_element_zone,
.step_destination.tool_step #zone_4.info_element_zone{
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight: bold;
    color:#747170;
    display: table-cell;
    
    padding-left: 5px;
}

.step_destination.tool_step .exacte_value{
    border: 1px solid #BBBBBB;
    text-align:center;
    height:31px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    width: 50px;
}

.step_destination.tool_step #input_adress {
    border: 1px solid #BBBBBB;
    height:31px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    width: 370px;
    padding-left: 5px;
    position: absolute;
    top: 36px;
    left: 450px;
}


.step_destination.tool_step  #zone_saisie_adrsse #icon{
    left: 835px;
    position: absolute;
    top: 36px;
}


.step_destination.tool_step  #zone_saisie_adrsse{
    margin-bottom: 7px;
}


.step_destination.tool_step #zone_saisie_distances #description{
    color: #747170;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    width: auto;
}

.step_destination.tool_step #zone_saisie_distances #note_distances{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #747170;
    margin-top: 20px;
}


.step_destination.tool_step .info_element_zone {
    display: table-cell;
    vertical-align: middle;
}



.step_destination.tool_step .input_list_container .info_element_zone #icon{
    border-radius: 3px;
    box-shadow: 2px 2px 2px #222;
    cursor: pointer; 
    width :26px;
    height :26px;
    background-position: -3px center;
}

.step_destination.tool_step #zone_carte_distances{
    display: table-cell;
    width: 600px;
    vertical-align: top;
    padding-left: 20px;
}

.step_destination.tool_step #marge_sup {
    min-height: 30px;
}

.step_destination.tool_step #notif_choix #cancel {
  position: relative;
  
  cursor: pointer;
  color: rgb(83, 83, 255);
  display: inline;
}

.step_destination.tool_step #notif_choix{
    color: #747170;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px;  
    width: 237px;
    padding: 10px;
    display: none; 
    position: absolute;
    z-index: 2;
}

.step_destination.tool_step #zone_saisie_distances{
    display: table-cell;
    width: 260px;
}


.step_destination.tool_step .info_element {
    padding-top: 10px;
}

        
/**************************************************************
*
*           résultats
*
**************************************************************/        
        
        
#btn_save_print_container {
    position: relative;
    height: 60px;
}


#container > #content #btn_detail{        
        margin-left: 450px;
        margin-top: 20px;
        width:416px;
        position: relative;
}


#btn_detail #on_off_btn{
    background: rgba(0, 0, 0, 0) url("../img/corp/bar_5_icon.png") repeat scroll 0 0;
    transform: rotate(-90deg);
    height: 22px;
    position: absolute;
    right: 19px;
    top: 5px;
    width: 22px;
}

#champ_commune{
    color: #747170;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: italic;
    color: #aaa;
    position: absolute;
    left: 450px;
    top: 72px;
}



