/*************************************************** contacts *******************************************/
#contact_infos{
	padding-top:30px;
	padding-left:30px;
}

#intheader_title{
    width:740px;
	float:left;
	text-align:center;
	line-height:69px;
	font-size:24px;
	font-family:'ibl';
	color:#336165;
}

.contact_info{
	height:35px;
	margin-bottom:8px;
}

#contact_coord_container{
	margin-top:26px;
}

.content_titre{
	background:url(../images/contact_title_bg.png) no-repeat top left;
	width:710px;
	height:32px;
	line-height:32px;
	font-family: 'ibl';
    font-size: 14px;
    color: #EB7573;
    padding-left: 70px !important;
}

.champs{
	height:32px;
	width:391px;
	border:none;
	margin-bottom:30px;
}

.champ{
	background:url(../images/input_bg.png) no-repeat top left;
	border:none;
	height:32px;
	width:201px;
	padding-left:10px;
	outline:none;
}

.input{
	float:right;
	width:250px;
	margin-top:1px;
}

.label{
	float:left;
	width:105px;
	color:#4A4A49;
	font-size:13px;
	padding-top:7px;
	margin-left:20px;
}

#textarea{
	width:622px;
	height:242px;
	border:none;
	margin-bottom:20px;
}

#textarea_bg{
	background:url(../images/textarea_bg.png) no-repeat top left;
	float:right;
	width:461px;
	height:242px;
	margin-right:20px;
	margin-top:2px;
}

#mess_content{
	width:440px;
	background:none;
	padding:10px;
	height:221px;
	border:none;
	outline:none;
}

#formulaire{
	margin-top:10px;
	margin-left:40px;
	position: relative;
	margin-left:25px;
	padding:25px;
}

#big_map{
	position:absolute;
	top:27px;
	right:128px;
}

#envoi{
	margin-left:140px;
}

#envoyer{
	background:url(../images/send.png) no-repeat top left;
	width:98px;
	height:33px;
	border:none;
	cursor:pointer;
}

#effacer{
	background:url(../images/reset.png) no-repeat top left;
	width:98px;
	height:33px;
	cursor:pointer;
	border:none;
}

.coord{
	margin-top:25px;
	margin-bottom:15px;
	padding-left:50px;
}

#contact_coord .contact_info{
	font-size:13px;
	color:#00393E;
}

#contact_coord .contact_info strong{
	font-size:14px;
	margin-left:20px;
	color:#EB7573;
}

/******************************************** identification ****************************************/

#identif_titre{
	font-size:13px;
	margin-left:69px;
	width:640px;
	line-height:20px;
	color:#2E2D2C;
}

#identif_titre span{
	color:#EB7573;
	font-weight:bold;
}

#invalid{
   	width:400px;
	margin-left:250px;
}

#invalid span{
	font-size:12px;
	color:#E83842;
	font-weight:bold;
}
.champs_container_auth{
	background:url(../images/auth_input_bg.png) no-repeat top right;
	width:279px;
	height:31px;
	margin-bottom:15px;
}

.identif_position{
	margin-left: 230px;
    margin-top: 20px;
}

.champs_container label{
	font-size:12px;
	color:#4A4A49;
	text-align:center;
	height:30px;
	line-height:30px;
	width:125px;
	display:block;
	float:left;
}
.champs_container_auth label{
	font-size:12px;
	color:#4A4A49;
	text-align:center;
	height:30px;
	line-height:30px;
	width:125px;
	display:block;
	float:left;
}

#ui-datepicker-div{
  	font-size: 62.5%;
}
.champs_container input{
	font-size:12px;
	color:#4A4A49;
	width:147px;
	height:24px;
	margin-top:1px;
	margin-right:1px;
	display:block;
	float:right;
	border:none;
	outline:none;
}

.champs_container_auth input{
	font-size:12px;
	color:#4A4A49;
	width:147px;
	height:24px;
	background:none;
	margin-top:1px;
	margin-right:1px;
	display:block;
	float:right;
	border:none;
	outline:none;
}

#civilite, #wilaya, #commune, #etablissement, #type{
	width:175px;
	border:none;
	display:block;
	font-size:12px;
	color:#4A4A49;
	padding-left:5px;
	float:left;
	outline:none;
	height: 28px;
    margin-top: 2px;
	margin-left:1px;
	background:none;
}

select{
	height:28px;
}

#civile{
	width:152px;
	border:none;
	display:block;
	float:left;
	outline:none;
	height: 28px;
    margin-top: 2px;
}

#connect{
	margin-left:125px;
}

#connect input{
	background:url(../images/connect_btn.png) no-repeat top left;
	width:154px;
	cursor:pointer;
	height:31px;
	border:none;
}

#forget{
	margin-top:20px;
	margin-left:70px;
	margin-bottom:30px;
}

#forget div{
	font-size:13px;
	color:#2E2D2C;
	margin-top:10px;
}

#forget div a{
	text-decoration:none;
	color:#E83842;
}

#create{
	margin-left:165px;
}

#create input{
	background:url(../images/create_account_btn.png) no-repeat top left;
	width:177px;
	cursor:pointer;
	margin-left:1px;
	height:31px;
	border:none;
}

#create_form .champs_container_auth{
	background:url(../images/auth_input_bg.png) no-repeat 78%;
	width:365px;
	height:31px;
	margin-bottom:15px;
}

#create_form .champs_container{
	background:url(../images/connect_bg.png) no-repeat 81%;
	width:385px;
	height:31px;
	margin-bottom:15px;
}
#create_form .identif_position{
	margin-left: 160px;
    margin-top: 20px;
}

#create_form .champs_container label{
	font-size:12px;
	color:#4A4A49;
	text-align:right;
	height:30px;
	line-height:30px;
	width: 158px;
    padding-right: 10px;
	display:block;
	float:left;
}

#create_form .champs_container input{
	font-size:12px;
	color:#4A4A49;
	width:164px;
	background:none;
	height:25px;
	display:block;
	float:left;
	padding-left:10px;
	margin-left:1px;
}

/*------------------------------------ Live validation css, class succes et class failure ----------------------*/
  
.LV_valid{
  background:url(../images/valider.png) no-repeat top left;
  color:#009933;
  display:block;
  float:right;
  width:25px;
  margin-left:5px;
  margin-top:3px;
  height:25px;
  } 
  
.LV_invalid{
  background:url(../images/fail.png) no-repeat top left; 
  color:#009933;
  display:block;
  float:right;
  width:25px;
  height:25px;
  margin-top:3px;
  margin-left:5px;
  } 
/***************************************************************************************************************/
#presentation p{
	width:650px;
	margin-left:70px;
	font-size:14px;
	color:#336165;
	text-align:justify;
	margin-top:30px;
}

.news{
	width:700px;
	margin-left:40px;
	margin-top:25px;
}

.news_titre{
	color:#EB7573;
	font-size:16px;
	font-weight:bold;
	margin-top: 5px;
}

.news_date {
	margin-top:10px;
}

.news_date span{
	color:#EB7573;
	font-size:12px;
}

.news_content{
	color:#336165 !important;
	font-size:13px !important;
	text-align:justify;
}

.news_tags span{
	color:#EB7573;
}

.astuces_box{
	width:258px;
	height:300px;
	float:left;
	/*border:1px solid #ccc;*/
}

.vid_box{
	width:758px;
	height:180px;
}

.doc_box{
	width:760px;
	height:50px;
	/*float:left;*/
	/*border:1px solid #ccc;*/
}

.astuces_box:hover{
	background-color:#FADEDC;
}

.vid_box:hover{
	background-color:#FADEDC;
}

.doc_box:hover{
	background-color:#FADEDC;
}

.astu_titre{
	width:225px;
	margin-left:15px;
	font-size:15px;
	font-weight:bold;
	color:#336165;
	text-align:center;
	margin-top:15px;
}

.vid_titre{
	width:570px;
	margin-left:15px;
	font-size:15px;
	font-weight:bold;
	color:#336165;
	margin-top:25px;
}

.vid_description{
	width:570px;
	margin-left:15px;
	font-size:13px;
	font-weight:bold;
	color:#336165;
	margin-top:15px;
}

.doc_titre{
	width:660px;
	margin-left:100px;
	font-size:13px;
	font-weight:bold;
	line-height:50px;
	color:#336165;
	/*text-align:center;*/
	/*margin-top:35px;*/
}

.astuces_img{
	margin-left:15px;
	margin-top:15px;
}

.vid_img{
	margin-left:15px;
	margin-top:15px;
	float:left;
}

.doc_img{
	margin-left:40px;
	margin-top:5px;
	float:left;
}

.astu_tags{
	margin-bottom:20px;
}

.astu_tags span{
	color:#EB7573;
}

.reponse{
	margin-left:80px;
	color:#336165;
}

.reponse img{
	margin-left:15px;
	margin-right:5px;
}

#sondage_form{
	margin-left:80px;
}

#sondage_form input{
	margin-bottom:5px;
}

.sond_msg{
	margin-left:100px;
	font-size:13px;
	font-weight:bold;
	color:#EB7573;
}

/**************************************** pack promo **************************/
#news_contenu{
	color:#336165 !important;
	font-size:13px;
}

.prod_inclus{
	width:360px;
	height:85px;
	float:left;
}

.news_prix{
	color:#E65250;
	font-size:26px;
	text-align:center;
	margin-bottom:30px;
	margin-top:20px;
}

.img_inclus{
	border: 1px solid #CCC;
	float:left;
	margin-left:30px;
}

.txt_inclus{
	height:80px;
	width:200px;
	float:left;
	font-size:14px;
    padding-top:25px;
	margin-left:30px;
	color:#336165;
	font-family:'ibl';
}
