@import url(../jquery/jquery-datepicker_all.css);

#data{
  padding :0px;
  background : none;
}

.first_bloc{
  overflow : hidden;
  padding-left:10px;
  margin-left:10px;
}

p{
  text-align : justify;
}
h1{
  margin-bottom : 8px;
}

.first_bloc .left_bloc, .first_bloc .right_bloc{
  float: left;
}

.first_bloc .left_bloc{
  width : 315px;
  height : 355px;
  margin-right : 10px;
}

/************* Trois blocs ********************/

.triple_bloc{
  overflow : hidden;
    margin-left:10px;
}

.trio_bloc{
  background : url(../../images/css/postit-trans.png) no-repeat left bottom;
  width: 320px;
  padding-left:1px;
  height : 268px;
  float : left;
  position : relative;
}

.trio_bloc h2{
  background : url(../../images/css/titre_bloc_accueil-trans.png) no-repeat left top;
  width : 277px;
  height : 26px;
  color : white;
  padding-top : 9px;
  padding-left: 35px;
  margin-bottom : 0px;
}

.trio_bloc .trio_bloc_body{
  padding-left: 10px;
  padding-right : 20px;
}

.trio_bloc_body label{
  display : bloc;
  width : 70px;
  float : left;
}

.trio_bloc_body p{
  overflow : hidden;
  margin : 5px 0px;
}

.trio_bloc_body input, .trio_bloc_body textarea{
  float : left;
}

.trio_bloc_body form p label{
  background : url(../../images/css/square_orange.jpg) no-repeat left 3px;
  padding-left: 15px;
}

.spirale_fond{
  position : absolute;
  bottom : -18px; 
  left : 0px;
  margin : 0px;
}

#content #content-middle{
  margin-bottom : 0px;
}

.trio_bloc_body p.alert_email_input_p{
  margin : 20px 20px;
}

/**************** Recherche ******************/
.recherche{
  padding : 10px 20px;
  background : url(../../images/css/postit_rech-trans.jpg) no-repeat left top;
  height : 168px;
  padding-right : 35px;
  width: 263px;
  position : relative;
}

.recherche p{
  margin : 0px;
}

.recherche label{
  display : block;
  width : 70px;
  float : left;
  padding-top : 4px;
}

.recherche input, .recherche select, .recherche img{
  float : left;
  margin : 0px 3px;
}

.dept{
  display : none;
}

.recherche  div{
  overflow : hidden;
  margin : 4px 0px;
}

.recherche div.nbResult{
  position : absolute;
  bottom : 35px;
  left: 20px;
  font-size : 1.1em;
  margin : 0px;
  width : 250px;
}

.searchSubmitBtn{
  position : absolute;
  bottom : 13px;
  right: 28px;
}

.btn_etap_suiv{
  float : right;
}

.forfaitKmBloc span{
  float : left;
  display: block;
  width:70px;
  
}


.recherche .forfaitKmBloc label{
  padding-top : 0px;
  
}

/************* Carousel actualité ***************/

.tem_carousel li{
  list-style : none;
  padding : 3px;
}

.temoignage h3{
  color : #FF4100;
  border-bottom : 1px solid #c3c3c3;
  padding-bottom : 4px;
  background : none;
  padding-left: 0px;
  margin-top : 0px;
}

#listTemoignage{
  position : relative;
  padding-left:18px;
}

#listTemoignage img{
  position : absolute;
}


#listTemoignage .temoignage img{
  position : static;
  float : left;
  margin-right : 5px;
  margin-bottom : 5px;
}

#listTemoignage .temoignage p{
  margin-top : 0px;
}

#listTemoignage .prev{
  top : 110px;
  left: 3px;
}

#listTemoignage .next{
  top : 110px;
  right: 12px;
}

.tem_carousel_div{
  width : 270px;
  height : 210px;
}

.tem_carousel_div li{
  width : 270px;
  height : 210px;
}

.tem_carousel_div li .actu_body{
  background : white;
  -moz-border-radius : 10px;
  padding : 10px;
  position : relative;
  height : 140px;
}

.tem_carousel_div li .actu_body .lire_suite_lien{
  position : absolute;
  bottom : 12px;
  right : 15px;
  color : #FF4100;
  font-weight : bold;
}

/*********** Right bloc **************/

.right_bloc{
  background : #D6D6D6;
  -moz-border-radius : 10px;
  padding : 15px;
  width : 580px;
  margin-left: 10px;
  margin-top : 5px;
}

.right_bloc label{
  color: #3D3A3E;
  font-weight : bold;
 /* float : left;
  display : block;*/
  width : 195px;
}

.right_bloc .filtrage_label{
  display : block; 
  float : left;
  width : 150px;
  margin-right : 20px;
}

.right_bloc img{
  /*float : left;
  margin : */
}

.right_bloc input{
  /*float : left;*/
}

.right_bloc div#maps{
  width : 570px;
  height : 280px;
  padding-top : 3px;
}

.right_bloc .filtres{
  overflow : hidden;
  margin-bottom : 10px;
}

.right_bloc .filtres input[type=image]{
  
}

.right_bloc .filtres img{
  margin-left : 5px;
  margin-right : 10px; 
}


/*********** bloc maps ************/

#maps {
  position : relative;
}

#maps .cadre3 {
background: none;
height:129px;
padding-top:0px;
width:491px;
overflow : hidden;
}

#maps .content_cadre3 {
  width : 491px;
  padding : 0px;
  overflow : hidden;
  height : 100px;
}



#maps h3 {
  background:transparent url(../../images/css/papillon_h1.jpg) no-repeat scroll left 0px;
  border-bottom:1px solid #CACACA;
  color:#FF4100;
  font-size:1.4em;
  font-weight:bold;
  padding-bottom:0px;
  padding-left:20px;
  padding-top:0px;
  width : 420px;
  margin-left:0px;
}

#maps #ccar ul.photo_ccar {
margin:0;
padding:0;
width:110px;
}

#maps #ccar ul {
  float:left;
  padding-right:0;
  width:150px;
}

#maps #ccar ul .selection{
margin-left:-10px;
margin-top:5px;
}

#maps #ccar h3 a{
  color: #575757;
  z-index:  9999;
  position : relative;
}

#etap_suiv{
  background : url(../../images/css/button_130_30-trans.png) no-repeat top left;
  width : 130px;
  height : 35px;
  color : white;
  padding-bottom : 4px;
  border:  none;
  font-weight : bold;
}

#rechercher_btn{
  background : url(../../images/css/button_100_30-trans.png) no-repeat top left;
  width : 100px;
  height : 35px;
  color : white;
  padding-bottom : 4px;
  padding-left: 10px;
  border:  none;
  font-weight : bold;
  margin-right : 10px;
}