@import "custom.css";

body 
{
    font-size: 77%;
    font-family: Verdana, 'aller';
    color: #000000;
    text-align: left;
    padding: 0px;
    background-color: #ffffff;
	margin: auto;
}

.container {
    margin: 0 auto;
    width: 980px;
}

a 
{
    font-family: 'aller';
    color: #004682;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


.no_picto
{
    border: 1px solid #97BF0D;
	padding: 3px 7px;
}

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus {
    box-shadow: inset 0 0 5px #aaa;
	border-color:#aaa;
}

input:focus, input:active,
select:focus, select:active {
	outline: none;
}

input[type="text"], input[type="search"], input[type="password"] 
{
    font-family: verdana;
    border-radius: 2px 2px 2px 2px;
	border: 1px solid #dddddd;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	color:#4D4D4D
}

select {
    font-family: verdana;
}

h1, h2, h3, h4, h5, h6, form, fieldset, img, p, div {
	padding : 0px;
	margin: 0px; 
	border: 0px;
}

h1
{
    font-size: 280%;/*35pt*/      
    font-family: 'aller_lt';  
    color: #004682;
}

h2, .h2
{
    font-size: 205%;/*25pt*/   
    font-family: 'aller_lt';
    color: #004682;
    line-height: 100%;
    font-style: normal;
    font-weight: normal;
}

#bgTop .container .left h1 {
	display: inline;
}

#bgTop .tam_agglo,
#bgTop .tam_logo {
	display: block;
	float: left;
	height: 80px;
}

#bgTop .tam_logo a {
  display: block;
  height: 80px;
  
}


.photo_title
{
    font-size: 160%;/*20pt*/ 
    background-color: #000000;
    opacity: 0.8;
    filter: Alpha(Opacity=80);
    text-decoration: none;
    color: #ffffff;
}

.photo_title:hover
{
    text-decoration: underline;
    background-color: #005fb0;
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.ri_title
{
    font-family: 'aller';
    font-weight: normal;
    font-size: 180%;/*22pt*/ 
    color: #000000;
}

#navigation.arianne
{
     font-weight: normal;
     font-size: 105%;/*13pt*/    
     color: #4d4d4d;
}

#navigation.arianne a
{
    font-family: Verdana;
    text-decoration: underline;
	color: #4d4d4d;
}

#navigation.arianne a:hover
{
    color: #005fb0;    
}

#navigation.arianne .ici {
    float: left;
    margin-bottom: 2px;
}

ul, ol
{
    margin:0px;
	padding:0px;
}

li
{
    padding: 2px 0;
    list-style:none;
}

.contenuadm ul li {
	list-style: disc;
	margin: 0 0 0 30px;
	line-height: 1.6;
}

.contenuadm ol li {
	list-style: decimal;
	margin: 0 0 0 30px;
	line-height: 1.6;
}

.contenuadm ul li.cm_indent {
	margin: 0 0 0 60px;
}
.contenuadm ul.cm_indent  {
	margin: 0 0 0 35px;
}

#content DIV.submit input
{
    background:url('../../img/Accueil/BgBut.html') repeat-x;
    font-weight:bold;
}

#left_main
{
    float:left;
}
#center_main
{
    float:left;
    width: 683px;
}
#right_main
{
    float:left;
}
.recherche .submit
{
    width:27px;
    height: 22px;
    border:0;    
}

.submit:hover
{
    cursor:pointer;
}

#bgTop
{
	height: 80px;  
    text-align:left;
    background: url("../../img/fondBruitTetiere2.png") repeat left top;
	position: relative;
	z-index: 100;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#bgTop #bgTopLeft {
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0 4px 3px -5px #555;
    height: 50px;
    left: 0;
    top: 29px;
    position: absolute;
    width: 50%;
}
input[type=submit]
{
    font-family: 'aller';
    background-color:#66961B;
    color:#FFFFFF;
    font-weight: bold;
	cursor: pointer;
     -webkit-appearance: none;
}
#bgTop #bgTopRight {
    background: url("../../img/fondBruitTetiere.png") repeat-x right top;
    height: 50px;
    right: 0;
	top: 30px;
    position: absolute;
    width: 40%;
}

#bgTop .container {
	position: relative;
	z-index: 1000;
}

#navaccess
{
     padding:10px 0;
}

#navaccess li
{
    display:inline;
    list-style:none;
}

#navaccess li a
{
    color:Black;
    font-size:100%;
    font-weight:bold;
}

/*Navigation principale*/
#navprinc
{
     padding:10px 0;   
}
#navprinc .menuLink
{
    cursor: pointer;
}
#navprinc h4
{
    
    background:url("../../img/PuceVerte.html") no-repeat center left;
    padding-left:20px;
    margin-left: 10px;
}
#navprinc h4 a
{
    color:Black;
    font-weight:normal;
    font-size: 116%;
}
#navprinc DIV.ssmenu
{	
	position:absolute;
	margin-left:0px;
    margin-top: 0px;
	z-index: 100;
	width:199px;
}
#navprinc #menuDeplacement #ssmenuDeplacement,
#navprinc #menuBouger #ssmenuBouger,
#navprinc #menuEnLigne #ssmenuEnLigne
{
    visibility: hidden;
}
#navprinc #menuDeplacement:hover #ssmenuDeplacement,
#navprinc #menuBouger:hover #ssmenuBouger,
#navprinc #menuEnLigne:hover #ssmenuEnLigne
{
    visibility: visible;
}

#navprinc #menuDeplacement  LI:hover
{
    background-color: #B0C882;
}
#navprinc #menuBouger LI:hover
{
    background-color: #dbb59e;
}
#navprinc #menuEnLigne LI:hover
{
    background-color: #b6bfc8;
}
#navprinc .infos
{
    float: left;
}

#center_top_main
{
    width: 682px;
    /*min-height:695px;*/
   
}
#main
{
	margin: 0 auto;
}

#mainTop .container {
	box-shadow: 0 10px 10px -10px #666;
}

#bgBottom {
    background:url("../../img/fondBruitFooter.png") repeat scroll;
}
#navbas
{
    padding-top:5px;
    min-height: 285px;
    color: #FFFFFF;
}

#navbas a,
#foot a
{
    color: #FFFFFF;
    font-family: Verdana;
}

#navbas a:hover,
#navbas div.block div.contenu ul li a:hover,
#foot a:hover
{
    color: #97BF0D;
    text-decoration: none;
}

#navbas div.first
{
    padding-top: 2%;    
    height: 80%;
    padding-bottom: 4%;
}
#navbas div.block
{
	width: 240px;
    height: 100%;
    float: left;
}
#navbas div.block div.contenu
{
	width: 212px;
    margin: 0 0 0 18px;
    /*padding: 20% 0;    */
    height: 100%;
    padding-top: 23px;
	padding-right: 10px;
}

#navbas div.block div.contenu li
{
    padding: 3px 0 2px;    
}

#navbas div.block div.contenu h3,
#navbas div.block div.contenu .title
{
    font-family: 'aller_bd';
    padding: 0 0 3px 0;
	font-size: 130%;
	font-weight: bold; 
}

#navbas .withArrow
{
    margin-left:-18px;
}

#navbas .withArrow a
{
    font-family: 'aller_bd';
}


#navbas div.block div.contenu ul
{
    padding: 0 0 25% 0;
	line-height: 140%;
}

#navbas div.block div.contenu ul li a {
	color: #adadad;
}

#foot
{
    border-top: 1px solid #2f2f2f;
	text-align:center;
	color: #ffffff;
    
}
#foot > div
{
    padding: 25px 0;
}

.navbasleft
{
   float:left;
   padding-left:154px;
   width:906px;
}
#foot a
{
	padding: 0 10px;
	font-weight: normal;
}

.navbasright
{
    float:right;
    padding-right: 30px;
    padding-bottom: 30px;
}

/* Lien-bouton */
a.button, .button
{
    padding: 8px;
    text-transform:uppercase;    
    color: #FFFFFF;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 125%;/*16pt*/
    cursor: pointer;
}

a.button:hover, .button:hover
{
    text-decoration: underline;
}

.dark
{
    background-color: #004494;    
    border-bottom: 3px solid #002B7D;
}

.light
{
    background-color: #66961B;
    border-bottom: 3px solid #407000;
}

.searching
{
   background-color: #FFFFFF !important;
   border: 1px solid #d9d9d9 !important;
   color: #005fb0 !important;
   background-image: url('../../img/default/Page/ajax-loader.gif');     
   background-repeat: no-repeat;
   background-position: 5% 50%;
   padding-left: 30px;
	cursor: default !important;
}
.searching:hover {
	text-decoration: none !important;
}

/*Liens*/
.link
{
    text-decoration: underline;
    color: #000000;
}

.link:hover
{
    color: #005fb0;    
}



/*  mise en page */
.invisible { display: none; }
.left { float: left; }
.right { float: right; }
.middle { vertical-align: middle; }
.center { text-align: center; }
.clear { clear: both;  }
.clearleft { clear: left; }
.clearright { clear: right; }
.overflow { overflow: auto; }
.hidden { position: absolute; height: 0px; width: 0px; overflow: hidden; }

.memberarea a
{
    font-size: 115%;
    font-weight:bold;
    color:#557228;
    background:url('../../img/Accueil/PuceCarre.html');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left: 15px;
}
.boutique
{
    font-size: 115%;
    font-weight:bold;
}
.boutique .boutiqueTitle
{
    font-size: 115%;
    background:url('../../img/Accueil/eBoutique.html');
    background-position:left center;
    background-repeat:no-repeat;
    width: 171px;
    height:52px;
}

.home_search
{
    font-size: 100%;
    font-weight:bold;
}
.home_search h2
{
    font-size: 115%;
    font-weight:bold;
    color: #ffffff;
    padding-top:3px;
    padding-left: 5px;
}

.home_search .top
{
    background:url('../../img/Accueil/TopRecherche.html');
    background-position:left top;
    background-repeat:no-repeat;
    font-size: 100%;
    width:187px;
    height: 25px;
}
.home_search .middle
{
    margin-top: -10px;
    padding: 0px 0px 10px 10px;
}

.home_horaires p {
    background-color: #F1EEEC;
    margin: 30px 0;
    padding-bottom: 10px; 
}

.home_horaires a
{
    font-size: 115%;
    font-weight:bold;
    color:#557228;
    background:url('../../img/Accueil/PuceCarre.html');
    background-position:15px 3px;
    background-repeat:no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
}

.home_actu p {
    background-color: #F1EEEC;
    margin: 5px 0px 0px 0px;
    padding-bottom: 5px; 
}

.home_actu a
{
    font-size: 100%;
    font-weight:bold;
    color:#557228;
    padding-bottom: 5px;
}
.home_actu p a
{
    font-size: 100%;
    font-weight:bold;
    color:#557228;
    background:url('../../img/Accueil/PuceCarre.html');
    background-position:15px 3px;
    background-repeat:no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
}
.home_pert p {
    background-color: #F1EEEC;
    margin: 5px 0px 0px 0px;
    padding-bottom: 5px; 
}

.home_pert a
{
    font-size: 100%;
    font-weight:bold;
    color:#557228;
    padding-bottom: 5px;
}
.home_pert p a
{
    font-size: 100%;
    font-weight:bold;
    color:#557228;
    background:url('../../img/Accueil/PuceCarre.html');
    background-position:15px 3px;
    background-repeat:no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
    display: block;   
}
.home_pert LI.pert2
{
    background:url('../../img/default/pert_icon2.png');
    background-repeat:no-repeat;
}

.home_pert LI.pert1
{
    background:url('../../img/default/pert_icon1.png');
    background-repeat:no-repeat;
}
.home_pert .titrepert,
.home_pert .pert2 P,
.home_pert .pert1 P
{
    margin-left:45px;
}
/*Trajets accueil*/
.navTitle p {
    background-color: #F1EEEC;
    margin: 30px 0;
    padding-bottom: 10px; 
}

.navTitle a
{
    font-size: 115%;
    font-weight:bold;
    color:#557228;
    background:url('../img/Accueil/PuceCarre.html');
    background-position:15px 3px;
    background-repeat:no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
}

/* Bouton Home */

li#home {
    width: 35px;
    height: 35px;
    background:url('../../img/homeVert.png') 25px 5px no-repeat;
}

li#home img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
    opacity: 0;
    cursor: pointer;
}

/*Sous menus*/

.ssMenu
{
    position:absolute;
    /*height: 290px;*/
    background-color:#e5e5e5;
    z-index:100;
	top: 80px;
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1200px) {
    .ssMenu {
        left: -96px;
        padding: 48px 10px 48px 116px;
        width: 1044px;
    }
}

@media screen and (min-width: 1201px) {
    .ssMenu {
        left: -231px;
        padding: 48px 10px 48px 216px;
        width: 1214px;
    }
}


#ssInformer, #ssDeplacement, #ssTarifs
{
	display: none;
}

#bgTop #informer,
#bgTop #deplacement,
#bgTop #tarifs
{
	height: 50px;

}

#bgTop #deplacement {
	padding: 0 20px;
}

#bgTop #tarifs {
	padding-right: 0;
}

#bgTop #informer > a:hover,
#bgTop #deplacement > a:hover,
#bgTop #tarifs > a:hover
{
    text-decoration: none;
}

#bgTop #informer > a,
#bgTop #deplacement > a,
#bgTop #tarifs > a
{
	cursor: pointer;
	font-family: 'aller'
}
#bgTop #informer:hover a,
#bgTop #deplacement:hover a,
#bgTop #tarifs:hover a,
#bgTop #menu li.select > a
{
	color: #97BF0D; 
}

#informer:hover,
#deplacement:hover,
#tarifs:hover,
#informer > a:focus,
#deplacement > a:focus,
#tarifs > a:focus
{
	background: url(../../img/currentMenu.gif) no-repeat center 39px;
}

#informer:hover #ssInformer,
#deplacement:hover #ssDeplacement,
#tarifs:hover #ssTarifs,
#informer > a:focus + #ssInformer,
#deplacement > a:focus + #ssDeplacement,
#tarifs > a:focus + #ssTarifs
{
	display: block;
     
}

.ssMenu h3,
.ssMenu div.H3
{
    float: left;
    width: 20%;    
    font-size: 285%;
    font-family: 'aller_lt';
    height: 100%;
    text-align: left;
    font-weight: normal;
}

.ssMenu h4,
.ssMenu div.H4
{
    font-family: 'aller';
    font-size: 110%;
}

.ssMenu ul
{
    text-align: left;
}

#global #bgTop div.right div.bottom .ssMenu a,
#global #bgTop div.right div.bottom .ssMenu a:hover
{
    color: #000000;
	font-weight: normal;
}

#bgTop div.right div.bottom .ssMenu a:hover
{
    text-decoration: underline;    
}

#bgTop div.right div.bottom .ssMenu > ul {
    padding-left: 3%;
    float: left;
    width: 72%;  
    height: 100%;
	line-height: normal;
}

#bgTop div.right div.bottom > ul li h4 a {
    font-size: 136%;
}

#bgTop div.right div.bottom .ssMenu > ul > li > div > a
{
    font-size: 145%;/*17pt*/
    font-weight: normal;
}

#bgTop div.right div.bottom .ssMenu > ul > li > ul > li > a
{
   font-family: Verdana;
   font-size: 105%;/*13pt*/
   font-weight: normal; 
}

#bgTop div.right div.bottom .ssMenu > ul > li 
{
    width: 200px;
	margin-right: 15px;
    float: left;
    padding-left: 25px;
    background-position:left 3px;
    display: block;
}


#bgTop .rubNav
{
    background: url('../../img/default/pictoSousMenu5.png') no-repeat;
    min-height: 50px;
}
#bgTop .rub_1 /* Services TAM*/
{
    background: url('../../img/default/pictoSousMenu1.png') no-repeat;
}

#bgTop .rub_8 /* Reglementation*/
{
    background: url('../../img/default/pictoSousMenu4.png') no-repeat;       
}


#bgTop .rub_1030 /* Entreprise*/
{

}

#bgTop .rub_17 /* Perturbations*/
{
    background: url('../../img/default/pictoSousMenu2.png') no-repeat;
}

#bgTop .rub_3 /* Actualités*/
{
    background: url('../../img/default/pictoSousMenu3.png') no-repeat;
}




#bgTop .rub_72 /* Gratuité le week end */
{
    background: url('../../img/default/Logo-Carte_Menu.svg') no-repeat;
    background-size: 20px 20px;
}



#bgTop .rub_9 /* Entreprise TAM */
{
    background: url('../../img/default/pictoSousMenu5.png') no-repeat;
}

#bgTop .rub_12 /* Liens utiles */
{
    background: url('../../img/default/pictoSousMenu6.png') no-repeat;
}

#bgTop .rub_4 /* RI */
{
    background: url('../../img/default/pictoSousMenu7.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_23 /*Horaires des services*/
{
    background: url('../../img/default/pictoSousMenu8.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_127 /*Plan interactif*/
{
    background: url('../../img/default/pictoSousMenu9.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_145 /*A proximite*/
{
    background: url('../../img/default/pictoSousMenu10.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_34 /*Tarifs*/
{
    background: url('../../img/default/pictoSousMenu17.png') no-repeat;
    min-height: 60px;
}

#bgTop .rub_15 /*Pt de vente*/
{
    background: url('../../img/default/pictoSousMenu18.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_1001 /*Reserver avec resatam*/
{
    background: url('../../img/default/pictoSousMenu11.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_1023 /*Bouclage de la ligne 4*/
{
    background: url('../../img/default/pictoSousMenu1022.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_1022 /*Bouclage de la ligne 4*/
{
    /*background: url('../../img/default/pictoSousMenu1022.png') no-repeat;*/
    background: none;
    min-height: 50px;
    float: right !important;
    margin-right: 170px !important;
}

#bgTop .rub_1017 /*Bouclage de la ligne 4*/
{
    background: url('../../img/default/pictoSousMenu1022.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_rdv /*Prendre rdv*/
{
    background: url('../../img/default/pictoSousMenu19.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_parking_zones /*Zones de stationnement */
{
    background: url('../../img/default/pictoSousMenu20.png') no-repeat;
    min-height: 50px;
}

#bgTop .rub_amende /*Prendre amende*/
{
    background: url('../../img/default/pictoSousMenu16.png') no-repeat;
    min-height: 50px;
    float: right !important;
    margin-right: 169px !important;
}

#bgTop .rub_rapo /*Déposer RAPO*/
{
    background: url('../../img/default/pictoSousMenu21.png') no-repeat;
    min-height: 50px;
    float: right !important;
    margin-right: 169px !important;
}

#bgTop .rub_online /*Boutique en ligne*/
{
    background: url('../../img/default/pictoSousMenu13.png') no-repeat;
    min-height: 50px;
}

/*-------------------------------- #bgTop ------------------------------------------------*/

#bgTop div.left
{
    float: left;
    width: 260px;
	height: 80px;
    min-height:100%;
	background: url('../../img/fondTransitionLogoMenu.png') no-repeat right center;
}

#bgTop div.right
{
    float: right;
    width: 720px;
    height:100%;
    min-height:100%;
    vertical-align: middle;
}
#bgTop div.right div.top
{
    text-align: right;  
    height: 30px;
	font-size: 120%;
	width: 650px;
	float: right;
	margin-right: 30px;
}
#bgTop div.right div.top a, #bgTop div.right div.top a:visited
{
    color: #4d4d4d;
}
#bgTop div.right a:hover,
#bgTop div.right a:active,
#bgTop div.right a:focus,
#bgTop div.right div.top a:hover,
#bgTop div.right div.top a:active,
#bgTop div.right div.top a:focus
{
    color: #005fb0;
}
#bgTop div.right div.top > div
{
    display: block;  
}
#bgTop div.right div.top div.phone {
	float: left;
	padding-left: 12px;
    padding-right: 15px;
    font-family: aller_bd;
    padding-top: 1px;
	/*border-left: 1px solid #F0F0F0;*/
	border-right: 1px solid #F0F0F0;
	color: #4D4D4D;
}

#bgTop div.right div.top div.shop-connexion 
{
    width: 200px;
    display: inline-block;
    margin-left: 8px;
    float: left;
    line-height: 28px;
    text-align: left;
    border-right: 1px solid #F0F0F0;
}

.shop-connexion a 
{
    padding-left: 28px;
    background: transparent url('../../img/monEspace.png') no-repeat left center;
}

.social-network 
{
    width: 200px;
    display: inline-block !important;
    text-align: left;
    font-family: 'aller';
    color: #4d4d4d;
}

.social-network span
{
    line-height: 29px;
    vertical-align: top;
}

.social-network a img
{
    width: 24px;
    vertical-align: top;
    margin-top: 3px;
	margin-left: 3px;
}

#bgTop div.right div.top div.flags {
	position: absolute;
	top: 0;
	right: 0; 
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left:30px;
}

.flags ul
{

    float:left;
    padding-left:10px;
}

#bgTop div.right div.top div.flags a {
	float: left;
	display: block;
	width: 24px;
}
#bgTop div.right div.top div.flags a > img
{
    vertical-align: middle;
    height: 15px;
    width: 20px;
}
#bgTop div.right div.top div.flags img
{
	border : 1px solid transparent;
}
#bgTop div.right div.top div.flags .selected,
#bgTop div.right div.top div.flags .selected:hover
{
    border: 2px solid #005fb0;
}
#bgTop div.right div.top div.flags img:hover {
    border: 2px solid #005fb0;
}
#bgTop div.right div.top div.phone > img, #bgTop div.right div.top div.myspace > img
{
    vertical-align: middle;
}
#bgTop div.right div.top div.phone span {
    vertical-align: middle;
}
#bgTop div.right div.bottom
{
    background:url("../../img/fondBruitTetiere.png") repeat-x scroll ;
    /*display: inline-block;*/
    height: 50px;
	line-height: 50px;
    width: 100%;
    text-align: right;
	clear: both;
}

#bgTop div.right div.bottom > ul
{
    height: 100%;
    padding-top: 2px;
}
#bgTop div.right div.bottom > ul > li
{
    padding: 0px 25px;    
    height: 30px;
	line-height: 46px;
    display: block;
    float:left;
}

/*#bgTop div.right div.bottom a.home > img:first-child,
#bgTop div.right div.bottom a.home:hover > img:last-child
{
    display: inline;
    visibility: visible;
}
#bgTop div.right div.bottom a.home > img:last-child,
#bgTop div.right div.bottom a.home:hover > img:first-child
{
    display: none;
    visibility: hidden;
}*/

#bgTop div.right div.bottom a
{
    color: #FFFFFF;
	font-size: 140%;
}
#bgTop div.right div.bottom li#home {
	margin-left: 25px;
	margin-right: 0px;
}
	
#bgTop div.right div.bottom li#home a
{
	position: relative;
	height: 30px;
}

#bgTop div.right div.bottom li#home a img {
	margin-top: 5px;
}

#bgTop div.right div.bottom div.recherche .top,
#bgTop div.right div.bottom div.recherche .bottom
{
    display:none;
    visibility: hidden;
}
#bgTop div.right div.bottom div.recherche,
#bgTop div.right div.bottom li.recherche
{
    padding: 0 0 0 10px;
	float: right;
}
#bgTop div.right div.bottom div.recherche span
{
    display: block;
	position: relative;
	margin-top: 9px;
}
#bgTop div.right div.bottom div.recherche input.btnRecherche
{
    color: #97BF0D;
    background:url("../../img/fondRechercher.png") no-repeat top;
    border: none;
    height: 20px;
	width: 145px;
    padding: 5px 23px 5px 8px;
	display: block;
	float: left;
}

form#recherche input::-webkit-input-placeholder {
   color: #97BF0D;
   opacity: 1.0;
}

form#recherche input:-moz-placeholder { /* Firefox 18- */
   color: #97BF0D;  
   opacity: 1.0;
}

form#recherche input::-moz-placeholder {  /* Firefox 19+ */
   color: #97BF0D;
   opacity: 1.0;
}

form#recherche input:-ms-input-placeholder {  
   color: #97BF0D;  
   opacity: 1.0;
}

form#recherche input::-ms-clear {
          display: none;
}

#bgTop div.right div.bottom div.recherche input.submit{
	width: 24px;
	height: 25px;
	background:url("../../img/loupe.png") no-repeat center top;
	display: block;
	float: right;
	position: absolute;
	right: 0;
	overflow: hidden;
	text-indent: -9999px;
}

#bgTop div.right div.bottom div.recherche input.submit:hover {
	background-position:center bottom;
}

#bgTop div.right div.bottom div.recherche input.btnRecherche:focus
{
    border: none;
    outline: none;
}
#selectDate button {
	background:url(../../img/default/calendar.png) no-repeat center center;
	cursor: pointer;
	border: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	margin-left: 5px;
}
#selectDate button:hover {
	background:url(../../img/default/calendar_hover.png) no-repeat center center;
}
/*--------------------------------------------------------------------------------------*/
.contenuadm ul
{
    margin-top:10px;
}

.contenuadm ul li a {
    color: #000;
    font-family: Verdana;
}

.contenuadm .contenuadm p a {
    font-family: Verdana;
}

.contenuadm a.cm_link_black, .contenuadm .cm_link_black a {
    color: #000000;
    text-decoration: underline;    
}
.contenuadm  a.cm_link_black:hover, .contenuadm  .cm_link_black a:hover {
    color: #005fb0;    
}
.contenuadm .cm_linkButton, .contenuadm .cm_linkButton a {
    background-color: #66961B;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
    font-size: 125%;
    text-transform:uppercase;  
    text-decoration: none;
}
.contenuadm .cm_linkButton:hover, .contenuadm .cm_linkButton a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.contenuadm a.cm_link_aller, .contenuadm .cm_link_aller a {
    font-family: 'aller';
    color: #005fb0;
    text-decoration: none;    
}
.contenuadm .cm_link_aller:hover, .contenuadm .cm_link_aller a:hover {
    text-decoration: underline;  
}

iframe {
    border: 0px;
}

/***********************************************************************
		BANNIERE COOKIES CNIL
		Mantis 51551: Sécurisation site + cookies
***********************************************************************/
.alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.cookie-banner {
  position: fixed;
  bottom: 10px;
  z-index: 2000;
  width: 100%;
}
.alert-cookie {
  position: relative;
  width: 914px;
  margin: auto;
  padding-right: 50px;
  color: #333333;
  border-color: #4376a8;
  background-color: rgba(255, 255, 255, 0.95);
}
.alert-cookie a {
  color: #4376a8;
  font-family:Verdana, aller;
}
.alert-cookie .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #4376a8;
}
.alert-cookie .btn-primary {
  margin-left: 20px;
}
.btn-default, .btn-primary {
  color: #fff;
  height: 25px;
  background-color: #004494;
  border-bottom: 3px solid #002B7D;
  margin-left: 5px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  -webkit-appearance: none;
	cursor: pointer;
}
.btn-default:focus,
.btn-default.focus,
.btn-primary:focus,
.btn-primary.focus {
  
}
.btn-default:hover,
.btn-primary:hover {
  text-decoration: underline;
}
.btn-primary {
  margin-left: 70px;
}

.g-recaptcha{
    margin-left: 280px;
}


.cookies-buttons-set {

}

.cookies-buttons-set button 
{
    width: auto;
    height: auto;
    background-color: #004494;
    border-bottom: 3px solid #002B7D;
    border-left: none;
    border-top: none;
    border-right: none;
    float:left;
    border-radius: 0;
    -webkit-appearance: none;
    padding : 8px 16px 6px;
}

.bloc-cookies
{
    margin-bottom:16px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border:1px solid transparent;
    color: #3c763d;
    padding:16px;
}


/* Evolution Leaflet OSM */
#mapid {     
    height:100%;
    width:100%;
    z-index:0

}

.imageArrowStyle{
    float:left;padding-right:2px;
}