body{font-size:62.5% !important;}
.clear{ clear: both;}
.ui-state-default{background: none !important; background-color: #979c23 !important; }
.ui-state-highlight{background: url("images/ui-bg_glass_55_fcf0ba_1x400.png") repeat-x scroll 50% 50% #FCF0BA !important;}

h1{color: #FFFFFF; font-size: 1.2em; font-weight: bold; /*left: 5px; position: relative; top: -1.5em;*/ position: absolute; bottom: 0px; left:10px; z-index: 30; font-family: "dtlargostregular";}
h1.noimage{top: 0px !important; color: #565656; position: relative;}
h1.classique{color:#565656; top: 0; font-size: 2em;}
p{font-size: 1.2em;}
hr{margin: 5px 0px;}

.vert{background-color: green; padding: 2px 5px;font-weight: bold;color:white;}
.rouge{background-color: red; padding: 2px 5px;font-weight: bold;}
.orange{background-color: orange; padding: 2px 5px;font-weight: bold;}
.orangeDC{background-color: #FF5900; padding: 2px 5px;font-weight: bold;}


.plusde{background-color: #AAB200; margin: 0; padding: 0 10px !important; }

/**** puces slider ***********/
.orbit-container .slider_actu_bullets {
    display: block;
    float: none;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 10px;
}
.orbit-container .slider_actu_bullets li {
    background: none repeat scroll 0 0 #565656;
    border-radius: 1000px;
    display: inline-block;
    float: none;
    height: 0.4rem;
    margin-right: 6px;
    width: 0.4rem;
    vertical-align: middle
}
.orbit-container .slider_actu_bullets li.active {
    background: none repeat scroll 0 0 #9aa300;
    height: 0.8rem;
    width: 0.8rem;
}


/*************** HEADER *****************************/
#connexion{position: relative; /*left: 60%;*/ top: -30px;}

#bloc_contact{text-align: right;}

#globalsearch input{margin: 0px; height: 1.2em; height: 1.2em; line-height: 1em; padding: 0 5px;}
#search{float: left; width: 85%;}
#sendsearch{float: right; height: 17px !important;}

#contact{color: #565656; font-size: 1em;}
#contact:hover{color: #F7941D;}

#link_moncompte{margin: 10px 0px;}
/*************** FOOTER *****************************/
footer .row{background-color: #092869;}

/*************** Modale de connexion ************************************/
#connexionform #btnSubmit-element{float:left; width: 25%;}
#connexionform #oubli-label{float: left; width: 25%;}
#connexionform #oubli-element{clear: both;}

/*************** Formulaire de recherche de location ********************/
h2.titre_recherche{color:#979c23; font-family: "dtlargostregular";}
.searchlocation{background-color: #979c23; padding:10px; padding-bottom: 0px;}
.searchlocation label{color:white;}
.searchlocation dt {display: none;}
.searchlocation dd {float: left; width: 100%; margin: 0px;}
.searchlocation #dis_date_debut-label, 
.searchlocation #dis_date_debut-element{margin-top: 20px;}
.searchlocation #btnSubmit-label{margin: 0px;}
.searchlocation #btnSubmit-element{text-align: right; margin: 0px; height: 20px;}
.searchlocation #submitbutton{background-color: #FFAC15; font-size: 0.65em; padding: 1px 5px;}

/*************** Bloc secrétariat ************************/
#bloc_secretariat p{color: #979c23; font-size:1.2em; font-weight: bold;line-height: 1.2em; font-family: "dtlargostregular";}

/*************** Agenda Liste ****************************/
.item_agenda{border-bottom: solid 1px #898989;padding: 10px 0px;}
.agenda_mois{color:#565656; font-size: 1.4em; line-height: 1.4em; font-weight: bold; margin: 10px 0px;}
.agenda_date{float: left; margin-bottom: 5px;; margin-top: 5px; margin-right: 15px;}
.jour_num{color:#565656; font-size: 2.4em; line-height: 1em; font-weight: bold;text-align: center;}
.jour_lettre{color:#565656; font-size: 1.2em; line-height: 1.2em; font-weight: bold;text-align: center;}
.agenda_titre{font-size: 1.2em; line-height: 1.2em; font-weight: bold;}
.agenda_titre a{color: #eea337;}
.agenda_lieu{color:#898989;font-size:1em; line-height: 1em;}
.agenda_accroche{color:#565656;font-size: 1.2em; line-height: 1.2em;}

/************** Fil d'Ariane *****************************/
#ariane{list-style: none; font-size: 1.1em; font-weight: bold; }
#ariane li{ float: left; margin: 5px;}
#ariane li.ariane_last{ color: #F7941D;}
#ariane li a{color: #565656 ;}
#ariane li a:after{content: "  >  ";}
#ariane li a:hover{color: #F7941D ;}

/************* Side Nav **********************************/
.side-nav{font-size: 1em;}
.side-nav li{font-size: 1em;}
.side-nav li a:not(.button){text-transform: uppercase; color: #565656; font-weight: bold; }
.side-nav li a:not(.button):hover{color:#F7941D;}

/************* Contenu des pages *************************/
#contenu_page{border-left: 1px dotted #8C8C8C; padding: 15px; min-height: 350px;}
#contenu_page > div{font-size: 1.2em;}
.page_bloc_image { border-bottom: 1px solid #565656; float: right; margin-bottom: 5px; margin-left: 5px; padding-bottom: 5px; text-align: right;}
.fichier{font-size: 1.2em;margin-bottom: 10px;}
.fichier a{color:#565656; font-weight: bold}
.fichier a:hover{color: #F7941D;}

/************* Liste des actualités **********************/
.actu{padding: 0px 20px;}
.actu h2{font-size:1.8em;}
.actu a{color:#F7941D;}
.actu a:hover{text-decoration:underline;}
.actDate{font-size: 1.2em;margin-top: 5px;color: #565656; font-weight: bold;display: inline-block;}

/*********** Formulaire d'inscription ********************/
#inscriptionform{background-color: #979c23; padding:10px; padding-bottom: 5px;}
#inscriptionform label{color:white;}
#inscriptionform dt {display: none;}
#inscriptionform dt#ins_newsletter-label{display: inherit;float: left; width: 80%;}
#inscriptionform dd {float: left; width: 100%; margin: 0px;}
#inscriptionform dd#ins_newsletter-element{width: 18%;}
#inscriptionform #btnSubmit-label{margin: 0px;}
#inscriptionform #btnSubmit-element{text-align: right; margin: 0px; height: 20px;}
#inscriptionform #submitbutton{background-color: #FFAC15; font-size: 0.65em; padding: 1px 5px;}
#inscriptionform ul.errors{background-color: #CCCCCC; color: #FF0000; font-size: 0.8em; font-weight: bold; list-style: none outside none; margin: 0px; padding: 5px; margin-bottom: 20px;}

	.top-bar-section .has-dropdown.moved > .dropdown{clip: inherit !important;}
	.top-bar-section .right li .dropdown{left: inherit; right:inherit;}
	.top-bar-section .right li .dropdown li .dropdown{left:100%;}


/***** A partir des ecrans medium ****/
@media only screen and (min-width: 641px){
	h1{font-size: 2em;}
	h1.classique{padding: 10px;}
	header{margin: 5px 0px;}
	#connexion{position: relative; left: 0%; top: 0px;}	
	#link_moncompte{margin: 0px;}

	select{background-image: none;}
	.searchlocation{padding-top:30px; padding-right: 20px;}
	.searchlocation dt{display: block;}
	.searchlocation dd, .searchlocation dt{float: left; width: 49%; margin-bottom: 0.75rem;}
	.searchlocation label { color: #FFFFFF; font-size: 0.75em; padding-right: 10px; text-align: right;}
	.searchlocation #btnSubmit-label{clear: both;}

	#inscriptionform{padding-top:30px; padding-right: 25px;}
	#inscriptionform dt{display: block;}
	#inscriptionform dd{float: left; width: 68%; margin-bottom: 0.75rem;} 
	#inscriptionform dt{float: left; width: 30%; margin-bottom: 0.75rem;}
	#inscriptionform dt#ins_newsletter-label{display: inherit;float: left; width: 48%;}
	#inscriptionform dd#ins_newsletter-element{width: 48%;}
	#inscriptionform label { color: #FFFFFF; font-size: 0.75em; padding-right: 15px; text-align: right;}
	#inscriptionform #btnSubmit-label{clear: both;}

	.top-bar{background-color: /*#00A545*/ transparent !important; }
	.top-bar-section ul{background-color: /*#00A545*/ transparent !important; font-size: 1em !important; border-bottom: solid 1px #00A545;}
	.top-bar-section ul li{/*border-left: solid 1px #d2d2d2 !important;*/ background-color: #00A545; height:20px; padding: 5px 0px;}
	.top-bar-section > ul > li{border-radius: 10px 10px 0px 0px; margin-left: 1px;}
	.top-bar-section ul li > a{color: white !important; font-weight: bold !important; font-size: 1.1em !important;}
	.top-bar-section ul li.actif > a{color: white !important; opacity: 0.8;}
	.top-bar-section ul li > a:hover{color: #00722f !important;}
	.top-bar-section li:not(.has-form) a:not(.button){background-color: /*#00A545*/ transparent !important; line-height: 1.1em;padding: 0px 8px;}
	.top-bar-section .dropdown li a{white-space: normal !important;}
	.top-bar-section .has-dropdown > a{padding-right: 8px !important;}
	.top-bar-section .has-dropdown.moved > .dropdown{clip: auto !important;}
	.top-bar-section .has-dropdown > a::after{display: none !important;}

	.top-bar-section .dropdown li{padding: 8px 0px;}
	.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{top: 0.4em !important;}
	/*#nav_bar_home{border-left: none !important;position: relative; top: -8px;}*/

	
	

}
.tetiere_content{position: relative;}
/***** Particularités tablettes ******/
@media only screen and (min-width: 641px) and (max-width: 1024px){

	#search{height: 30px !important;}
	.searchlocation select, .searchlocation input[type="text"]{background-image: none; margin: 0; padding: 0;}
	.side-nav li{font-size: 0.9em;}
	.top-bar-section li:not(.has-form) a:not(.button){padding: 0px 8px;}
	#tetiere{height: 170px;margin-bottom: 10px;}
	#tetiere > div{height: 170px;}
}
/***** Particularités Web *****/
@media only screen and (min-width: 1025px)  {
	h1{font-size: 2.5em;}
	.searchlocation select, .searchlocation input[type="text"]{background-image: none; font-size: 0.75em; height: 1.5em; margin: 0; padding: 0;}	
	#tetiere{/*height: 225px;*/margin-bottom: 10px;}
	#tetiere > div{/*height: 225px;*/}
}