﻿/* CSS Document */
@import url("commun.css");
a:link {text-decoration:none;color:#00287a }
a:visited {text-decoration:none;color:#00287a}
a:active {text-decoration:none;color:#00287a}
a:hover {text-decoration:underline;color:#666666}
h1{display:none;}



#bh_menu{font-size:1.4em;line-height:1.2em;margin-top:-40px;float:left;margin-left:110px;}
#bh_menu ul{list-style:none;margin:0px;padding:0px;}
#bh_menu ul li{height:1.45em;padding-top:0.3em;text-align:center;float:left;color:#FFFFFF;font-weight:bold;width:200px;border:1px solid white;}
#bh_menu ul li a{color:#FFFFFF;text-decoration:none;}
#bh_menu ul li a:link {color:#FFFFFF;text-decoration:none; }
#bh_menu ul li a:visited {color:#FFFFFF; text-decoration:none;}
#bh_menu ul li a:active {color:#FFFFFF; text-decoration:none;}
#bh_menu ul li a:hover {color:#FFFFFF; text-decoration:underline; }

#bh_menu_citoyen{background-color:#458622;}

#bh_menu_touristes{background-color:#ae3c34;margin-left:5em;}

#bh_menu_affaires{background-color:#3894df;margin-left:5em;}



#bande_haut{border-bottom:24px solid #d4dee8;}


#bc_visuel{margin-bottom:15px;}




/****************** COLONNES *********************************/
#bc_col1 ul, #bc_col2 ul, #bc_col3 ul{list-style-image: url('../../img/point_rouge.jpg');margin-left:19px;}
#bc_col1{width:290px;float:left;margin-left:-15px;}
#bc_col2{margin-left:20px;width:290px;margin-top:0px;float:left;}
#bc_col3{width:320px;margin-left:20px;float:left;margin-right:-10px;}


#bulletin{padding:10px;border:1px silver solid;margin-bottom:20px;width:100%;}
#bulletin div#imgmycity{text-align:center;}
#bulletin h2{width:100%;text-align:center;font-size:1.3em;color:#333;}
#bulletin  h3{color:#00287A}


div.bande_titre{background-color:#205196;float:left;width:95%;margin-bottom:5px;padding-left:10px;}
div.bande_titre h2, div#bc_consult h2{float:left;padding:1px 0px;margin:0px;font-size:1.3em;color:#FFF;}



/*-----------------------Boites (styles pour plusieurs boites)----------------------*/
div#bc_apropos ul, div#bc_consult ul{clear:both;}
div#bc_apropos ul li, div#bc_consult ul li{margin-bottom:0.5em}


/************************  A propos ***************************/

div#bc_apropos div.bande_titre{
}
div#bc_apropos_liens{margin-top:5px;width:55%;float:left;
}
div#bc_apropos_img{float:left;width:95px;margin-top:5px;padding-bottom:10px;
}

/* Clientèles */

#bc_clienteles{margin-right:0px;padding-right:0px;width:100%;
}
#bc_clienteles a{color:#000000;font-size:120%;font-family: Helvetica,Arial, sans-serif;margin-top:0px;}


#bc_clienteles div a:link p{color:#000000;text-decoration:none;}
#bc_clienteles div a:visited p{color:#000000;text-decoration:none;}
#bc_clienteles div a:active p{color:#000000;text-decoration:none;}
#bc_clienteles div a:hover p{color:#000000;text-decoration:none;}

#bc_clienteles div a:link h3{color:#828282;text-decoration:none;}
#bc_clienteles div a:visited h3{color:#828282;text-decoration:none;}
#bc_clienteles div a:active h3{color:#828282;text-decoration:none;}
#bc_clienteles div a:hover h3{color:#000000;text-decoration:none;}


#bc_clienteles h3{font-weight:normal;margin-bottom:0px;padding-bottom:0px;}


#bc_clienteles div{margin-top:10px;border-top:1px solid #d4dee8;padding-top:5px;
}
#bc_clienteles div.first, #bc_clienteles div div{margin-top:0px;border:0 none;padding-top:0px;

}

#bc_clienteles div div.txt_clienteles, #bc_clienteles p{float:left;
}
#bc_clienteles div div.txt_clienteles {width:60%;padding:0px 10px 0px 15px;}
#bc_clienteles div div.txt_clienteles p{font-size:80%;
}


#bande_contenu{font-family: Verdana, Helvetica,Arial, sans-serif;clear:both;margin-left:30px;}
html>body #bande_contenu{font-family: Verdana, Helvetica,Arial, sans-serif;clear:both;margin-left:17px;}


/*Ce qui suit est un backup */
/* CSS Document */

/*
@import url("commun.css");
#bande_contenu a:link {text-decoration:none; }
#bande_contenu a:visited {text-decoration:none; }
#bande_contenu a:active {text-decoration:none; }
#bande_contenu a:hover {text-decoration:underline; }

h2{
font-family: Helvetica,Arial,sans-serif; 
font-size:1.4em;
font-weight:normal;
color:#FFFFFF;
padding:3px;
padding-left:7px;
margin:0px;
line-height:1.15em;
}
*/



/************* LOGO ****************//*
#bh_logo img{height:100px;margin:0px;}

#bh_logo img#logo_ville{margin-left:170px;
}
#bh_logo{
clear:both;
margin-left:30px;
margin-right:30px;
}


/**************************** PROJETS SPECIAUX *********************************/
/*
#bh_projets{

position:absolute;
width:195px;
top:125px!important;
top:125px;
margin-left:570px!important ;
margin-left:-95px;
}

*+html #bh_projets{left:90px;} 

#bh_projets h2 a{
line-height:1.05em;
color:#f6c878;padding:0px;
font-size:0.9em;text-decoration:none;
}

#bh_projets h2 a:link {}
#bh_projets h2 a:visited {}
#bh_projets h2 a:active {font-weight:normal; text-decoration:none;}
#bh_projets h2 a:hover {text-decoration:underline;}



#bh_projets_400e{
background-color:#e37222;
}

/* BANDE SURMENU */
/*
#bh_surmenu{margin-left:30px;margin-right:30px;width:940px;background-color:#666666;font-size:1.2em;}

#bh_smenu_apropos{color:#FFFFFF;padding:3px 10px 3px 10px;font-weight:bold;
}

#bh_surmenu a:link {color:#FFFFFF;text-decoration:none; }
#bh_surmenu a:visited {color:#FFFFFF; text-decoration:none;}
#bh_surmenu a:active {color:#FFFFFF; text-decoration:none;}
#bh_surmenu a:hover {color:#FFFFFF; text-decoration:underline; }


/******************************** BANDE MENU **********************************/
/*
#bh_menu{margin-left:30px;margin-right:30px;font-size:1.3em;line-height:1.2em;}


#bh_menu ul{
width:770px;background-color:#00204e;list-style-type: none;
margin:0px;
padding:0px;
margin-left:170px;min-height:24px;
}

#bh_menu ul li{height:1.35em;padding-top:0.3em;
display: inline;
color:#FFFFFF;background-color:#00204e;font-weight:bold;
}

#bh_menu ul li a:link {color:#FFFFFF;text-decoration:none; }
#bh_menu ul li  a:visited {color:#FFFFFF; text-decoration:none;}
#bh_menu ul li  a:active {color:#FFFFFF; text-decoration:none;}
#bh_menu ul li  a:hover {color:#FFFFFF; text-decoration:underline; }

#bh_menu_citoyen{
float:left;
margin-left:10px;
width:195px;
}

#bh_menu_immigrants{
float:left;width:200px;
}


#bh_menu_affaires{
float:left;
}

#bh_menu_touristes{
float:left;width:200px;
}


#bh_menu ul li a{
color:#FFFFFF;
text-decoration:none;
}

#bh_menu ul li a img{
border: 0 none;
}

/****************** COLONNES *********************************/
/*

#bc_col1{
width:170px;
float:left;font-size:0.9em;
}

#bc_col2{
width:400px;
float:left;font-size:0.9em;}

#bc_col3{
margin-top:222px;
float:left;font-size:0.9em;}

/************************ BULLETIN MUNICIPAL ******************//*
#bc_bulletin{background-color:#f6904b;}

#bc_bulletin h2{background-color:#c75b12;}

#bc_bulletin h2 a:link {color:#FFFFFF;text-decoration:none; }
#bc_bulletin h2 a:visited {color:#FFFFFF; text-decoration:none;}
#bc_bulletin h2 a:active {color:#FFFFFF; font-weight:normal; }
#bc_bulletin h2 a:hover {color:#FFFFFF; text-decoration:underline; }



/*#bc_bulletin ul{
list-style:none;
margin:0px 3px 0px 3px;
padding:0px;
}

#bc_bulletin ul li{padding:3px 5px 3px 5px;}
#bc_bulletin ul li a{font-weight:normal;}
#bc_bulletin ul li a:link {color:#000000; }
#bc_bulletin ul li a:visited {color:#000000; }
#bc_bulletin ul li a:active {color:#114170; text-decoration:none;}
#bc_bulletin ul li a:hover {color:#666666; }*/

/********************** PHOTO VISUEL ****************************//*
#bc_visuel{
width:600px;
height:200px;
background-image:url(/img/ph_visuel_accueil_nov.jpg)}
