/*____________________________________________________________________*/
/*_________________________________=GENERAL_____________________________*/
/*____________________________________________________________________*/

.left{
	float:left;
	margin:0 7px 0 0;
}

.right{
	float:right;
	margin:0 0 0 7px;
}

.centrer{
	margin:0 auto;
	display:block;
	text-align:center;
}

.spacer_o{
	clear:both;
	background:url('../images/spacer-o.jpg') no-repeat;
	height:12px;
}

.deuxtiers{
	width:450px;
	margin:10px 12px 0 10px;
	float:right;
}
*html .deuxtiers{
	margin:10px 7px 0 10px;
}

.untiers{
	width:240px;
	float:left;
}



.encart-contenu{
	background:url('../images/fond-encart-contenu.png') no-repeat;
	width:270px;
	height:201px;
	margin:0 0 20px -50px;
	padding:16px 0 0 16px;
	float:left;
}
*html .encart-contenu{
	position:relative;
	z-index:20;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.hauteloiredeveloppement.com/images/fond-encart-contenu.png');
}

.encart-contenu img{
	border:2px #fff solid;
}

.deuxcol{
	float:left;
	margin:0 10px 0 12px;
	width:338px;
}
*html .deuxcol{
	margin:0 6px 0 8px;
}


.deuxcol img{
	border:2px #e2e2e2 solid;
	display:block;
}

img.noborder{
	border:none;
}

#contenu ul {
	list-style:none;
	list-style-image:url('../images/puce-li.gif');
	padding-left:30px;
	margin:5px 0;
}

#contenu ul li{
	padding:0 0 3px 7px;
}

#contenu p{
	color:#303030;
	font-size:12px;
	padding:5px 2px 5px 2px;
	text-align:justify;
}

#contenu .untiers p{
	padding-left:15px;
}
#contenu .untiers table{
	position:relative;
	float:left;
}

#contenu p.auteur{
	text-align:right;
	font-style:italic;
}

#contenu p.visu{
	font-size:15px;
	font-style:italic;
	color:#1378f7;	
	text-align:center;
}

#contenu p.centrer{
	text-align:center;
}



#contenu h1{
	color:#fff;
	font-size:22px;
	font-weight:normal;
	background:url('../images/fond-h2.jpg') #6c9e2f repeat-x;
	padding:1px 5px 1px 5px;
	text-align:right;
	border:2px #e2e2e2 solid;
	margin:0 12px 10px 10px;
}
*html #contenu h1{
	width:94%;
}

#contenu .deuxtiers h1{
	margin:0 0 10px 0;
}

#contenu h2{
	color:#5c8e1d;
	border-bottom:1px #5c8e1d solid;
	margin:7px 0;
	font-size:14px;
}

#contenu h3{
	color:#5c8e1d;
	border-bottom:1px #5c8e1d solid;
	margin:5px 0;
	font-size:13px;
}



#contenu a{
	color:#437712;
}
#contenu a:hover,#contenu a:focus{
	text-decoration:underline;
}



table caption{
	display:none;
}

table th{
	background:url('../images/fond-th-norm.jpg') #306ec6 repeat-x;
	color:#fff;
	padding:2px 3px;
	font-size:11px;
}

table td{
	text-align:left;
	padding:2px 3px;
	background:url('../images/fond-td-norm.jpg') #dff09c repeat-x;
	font-size:11px;

}

/*____________________________________________________________________*/
/*_________________________________=INDEX_____________________________*/
/*____________________________________________________________________*/

#zone_recherche{
	margin:0 0 0 -52px;
	float:left;
	position:relative;
	z-index:20;
	background:url('../images/fond-carte.png') no-repeat;
	width:353px;
	height:225px;
	padding:26px 0 0 11px;
	font-size:11px;
}

#zone_recherche a.ico-aide{
	position:absolute;
	margin:2px 0 0 322px;
}

#zone_recherche label{
	font-size:11px;
	width:13%;
}
#zone_recherche label.za{
	width:8%;
}
#zone_recherche label.entre{
	width:21%;
}
#zone_recherche input{
	float:left;
	font-size:12px;
	border:1px #76def7 solid;
	height:16px;
	margin:0 2px;
}
input#search_annu_3,input#search_annu_2{
	padding:0;
	height:21px;
}

#zone_recherche .submit{
	padding:0;
	margin:0;
	background:none;
	border:none;
	height:21px;
	width:21px;
}

#form_filiere{
	z-index:500;
	position:relative;
	/*margin:173px 0 0 -120px;*/
	margin:-22px 0 -1px 222px;
}

#zone_recherche select{
	font-size:10px;
	width:120px;
	padding:1px;

}



#zone_actualite{
	padding:10px 0 0 0;
	float:right;
	width:411px;
	margin-left:-1px;
	height:220px;

}

#zone_actualite h2{
	text-transform:uppercase;
	color:#fff;
	font-size:35px;
	font-weight:normal;
	background:url('../images/fond-h2.jpg') #6c9e2f repeat-x;
	padding:0 2px 0 0;
	line-height:36px;
	text-align:right;
}

.spacer-index{
	clear:both;
	height:2px;
}



#anim-pub{
	float:left;
}

#zone-pub2{
	margin-left:1px;
	float:right;
	background:url('../images/img-equipe-index.jpg') no-repeat;
	width:137px;
	height:220px;
	padding:5px 0 0 100px;
}

#contenu .texte-accueil{
	float:left;
	padding:10px 0 0 0;
	width:483px;
}

#contenu .texte-accueil p{
	font-size:13px;
	padding:10px;
	
}


/*____________________________________________________________________*/
/*____________________________=QUESTIONS - REPONSES_______________________*/
/*____________________________________________________________________*/

span.questions{

	color:#3366ff;
	padding:0 0 0 15px;
	background:url('../images/puce-questions.gif') top left no-repeat;
	display:block;
	
}


/*____________________________________________________________________*/
/*____________________________=NOTRE EQUIPE_______________________*/
/*____________________________________________________________________*/

.trombi{
	text-align:center;
	width:200px;
	margin:10px 20px;
	float:left;

}
*html .trombi{
	margin:10px 15px;
}

.trombi img{
	border:1px #b4b4b4 solid;
}

/*____________________________________________________________________*/
/*____________________________=CONTACT_______________________*/
/*____________________________________________________________________*/

input,textarea,select{
	border:1px #000 solid;
	margin:2px 0px;
	padding:2px;
	background:#fff;
	font-size:13px;
}

fieldset{
	padding:5px;
}


legend{
	display:none;
}

label{
	width:30%;
	float:left;
	padding:2px 0;
	display:block;
	margin:2px 0;
	font-size:13px;
}

label.obligatoire{font-size:0.8em;display:block;float:left;width:30%;}


#form_contact br,#form_entreprise br{
	clear:both;
}

#form_contact input,#form_contact textarea,#form_contact select,
#form_entreprise input,#form_entreprise textarea,#form_entreprise select
{
	float:left;
	margin-right:10px;
} 

#form_contact label.error,#form_entreprise label.error {
	background:url(../images/non.gif) no-repeat;
	width:20px;
	height:14px;
	float:left;
	padding:0;
	margin-top:3px;
}

#form_contact label.checked,#form_entreprise label.checked {
	background:url(../images/ok.gif) no-repeat;
	width:20px;
	height:14px;
	float:left;
	padding:0;
	margin-top:3px;
}

input.btn_submit{
	background:url(../images/fond-submit.jpg) #fff repeat-x;
	padding-left:15px;
	padding-right:15px;
}

#form_contact{
	display:block;
	background:url('../images/fond-form-contact.jpg') no-repeat;
	width:427px;
	height:313px;
	margin:0 auto;
	padding:10px 5px;
}


/*____________________________________________________________________*/
/*____________________________=RECHERCHE AIDE_______________________*/
/*____________________________________________________________________*/

#form_recherche_aide{
	display:block;
	background:url('../images/fond-form-aide.jpg') no-repeat;
	width:322px;
	height:auto;
	min-height:440px;
	margin:0 auto;
	padding:10px 5px;
	position:relative;
	z-index:14;
}

#form_recherche_aide input.btn_submit{
	margin-left:35px;
	width:220px;
}

#form_recherche_aide h2{
	color:#1378f7;
	border-bottom:1px #1378f7 solid;
}

/*____________________________________________________________________*/
/*____________________________=RESULTAT AIDES_______________________*/
/*____________________________________________________________________*/


#cee_liste_resultat strong{
	color:#1650a6;
}

#cee_liste_resultat p{
	line-height:14px;
}

#contenu h2.titre_aide{
border-bottom:1px #184994 solid;
color:#184994;
}

#cee_aide{

}


#contenu #cee_aide h2{
border-bottom:1px #184994 solid;
color:#184994;
}

#contenu #cee_aide h2 img{
float:left;
}

/*____________________________________________________________________*/
/*____________________________=RESULTAT ANNUAIRES_______________________*/
/*____________________________________________________________________*/

#annuaire-gauche{
	width:310px;
	float:left;
	background:url('../images/fond-annu-gauche.jpg') top right repeat-y;
	min-height:460px;
	height:auto;
}
#annuaire-droite{
	float:right;
}
#annuaire-droite p{
	padding:5px 10px;
}

#annuaire-gauche #zone_recherche{
	float:none;
}

#annuaire-gauche h2{

	border:none;
	text-transform:uppercase;
	font-size:16px;





	font-weight:normal;
	width:290px;
	height:22px;
	padding:9px 8px 0 0;
	margin:4px 0 0 0;

	color:#fff;
	text-align:right;
}


#annuaire-gauche table{
	width:294px;
	margin:0 0 0 2px;
}
#annuaire-gauche table td{

	padding:2px 5px 2px 8px;
	background:none;
}
#annuaire-gauche table td.detail{
	padding:2px;
	width:16px;
}
#annuaire-gauche table td a{
	color:#000;
	font-size:12px;
}


#h2za{
	background:url('../images/fond-h2za.jpg') no-repeat;
}
table#tab_za td{background:#c3f5ff;}

table#tab_za td em{
	font-size:0.8em;
	text-transform:capitalize;
}

#h2entre{
	background:url('../images/fond-h2entre.jpg') no-repeat;
}
table#tab_entre td{background:#FFDBA4;}





/*____________________________________________________________________*/
/*____________________________=FORM ETRE REFERENCE_______________________*/
/*____________________________________________________________________*/

#form_entreprise a.show{
	padding:1px 3px;
	color:#fff;
	background:#639b33;
	margin:0 5px 0 0;
}

#zone_form_ob{
	display:block;
	background:url('../images/fond-form-contact.jpg') no-repeat;
	width:427px;
	height:313px;
	margin:0 auto;
	padding:10px 5px;
}

/*____________________________________________________________________*/
/*______________________________=REUNIONMEDEF_________________________*/
/*____________________________________________________________________*/

#zone_actualite h2{
	clear:both;
	margin-top:0;
}

#zone-phrase{
	height:17px;
}

#zone-phrase ul{
	list-style-image:none;
	margin:0;
	padding:0;
	display:none;
}
#contenu #zone-phrase p{
	float:right;
	height:17px;
	padding:0 2px 0 0;
	width:127px;
}


.tickercontainer {
	float:left;
	width: 275px; 
	height: 17px; 
	padding: 0;
	overflow: hidden; 
	position:absolute;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	height: 17px; 
	left: 5px;
	top: 1px;
	width: 270px;
	overflow: hidden;
}
#contenu ul.newsticker { /* that's your list */
	position: relative;
	font: bold 11px Verdana;
	left: 275px;
	list-style: none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	width:1100px;
	height: 17px; 
}
#contenu ul.newsticker {
	display:block;
}

#contenu ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}