body {
	margin:0 0 20px 0;
	padding: 0px;
	font-size:100%; /*c'est la taille du navigateur par défaut*/
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/ot-honfleur2_02.gif) #558FCF repeat-x;
}


#conteneur{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;	
}

/**************************Menu liens_utiles***************************************/

#liens_utiles{
	width:100%;
	height:20px;
	text-align:right;
	background:url(../images/ot-honfleur2_04.gif) no-repeat;
	padding:0;
}

#liens_utiles a{
	font-size:0.7em;
	text-decoration:none;
	color:#06083C;
	padding:0 3px 0 5px;
	border-left:1px solid #F9226F;
	
}

#moteur_recherche{
        margin:0 10px 0 520px;
        padding:0;
        float:left;
}

#moteur_recherche label{
        padding:0 5px 0 0;
        margin:0;
        color:#06083C;
        font-size:0.7em;
}

input#rechercher{
        border: 1px solid #06083C;
        padding:0 3px 0 3px;
        font-size:0.7em;
}

#ok{
        background-color:#06083C;
        color:#FFF;
        border:none;
        padding:0;
        font-size:0.6em;
        width:30px;
        height:16px;
}


/**********************Fin Menu liens_utiles***************************************/

#bandeau_haut{
	width:100%;
	height:20px;
	padding-top:170px;
	background:url(../images/ot-honfleur2_06.jpg) no-repeat;
}

.drapeau{
        float:right;
}


/***********************Menu rub****************************************************/

#menu{
	width:100%;
	height:20px;
	background-color:#FDB913;
	padding:0;
	margin:0;
	border-bottom:3px solid #FFF;
}


#menu a{
	display:inline;
	display: inline-block !ie; /*pour que le padding haut et bas soit pris en compte par IE. Rq : IE ne gère le inline-block que sur les span et les a, FF ne gère pas du tout  */
	font-size:0.7em;
	color:#FFF;
	text-decoration:none;
	border-right:3px solid #FFF;
	padding:4px 6px 2px 6px;
}

.bleu1{background-color:#38506B;}
.orange{background-color:#FDB913;}
.vert{background-color:#8DC53E;}
.bleu2{background-color:#0078C0;}
.bleu3{background-color:#009EDB;}
.rose{background-color:#F06669;}
.rose2{background-color:#F7A19A;}


/*********************Fin Menu rub ************************************************/
#ligne_orange{
	width:100%;
	height:3px;
	padding:0;
	margin:0;
	background-color:#FDB913;
	border-bottom:3px solid #FFF;
}


#content_accueil{
	width:100%;
	background:url(../images/ot-honfleur_19.gif) repeat-y;
	padding:0 3px 0 3px;
}

#content{
	width:100%;
	background:url(../images/fond_content_19.gif) repeat-y;
	padding:0 3px 0 3px;
}

#gauche{
	float:left;
	width:247px;
}

.blocs_gauche_accueil{
	display:block; 
	width:247px; 
	height:100px; 
	border-bottom:3px solid #FFF;
}

#milieu{
	float:left;
	width:400px;
	padding:0 22px 0 25px;
}

#droite{
	float:left;
	width:300px;
}

#texte_droite{
	padding:0 10px 0 15px;
}

#espace_pub{
	clear:both;
	width:1000px;
	height:70px;
	background:url(../images/fond_pub.gif) repeat-y;
	padding:8px 0 0 0;
}

#espace_pub .lien{
	float:left;
	margin-left:10px;
}

#bandeau{
	float:right;
	margin-right:150px;
}

#texte{
	float:left; 
	width:710px; 
	padding:10px 0 10px 20px;
}

.titre-accueil, h1{
	font-size:1.7em;
	font-weight:normal;
	letter-spacing:1px;
	color:#234369;
	margin:0px 0 10px 0;
}

.note{
	display:block;
	margin:0 0 20px 0;
	font-size:1em;
	color:#234369;
	
}

.sous-titre, h2, .titre-page-accueil{
	font-size:0.8em;
	font-weight:normal;
	color:#0067C6;
	text-transform:uppercase;
	margin:20px 0 0 0;
}

.texte, p{
	color:#363535;
	font-size:0.7em;
}

.bt_savoir{
	color:#06083C;
	font-weight:bold;
	font-size:0.7em;
}

img{
	border:none;
}

a{
	color:#003C79;
}

form{
	display:inline;
}

#retour_haut{
	clear:both;
	width:100%;
	text-align:center;
	padding:10px 0 10px 0;
}

#retour_haut a{
	font-size:0.7em;
	color:#000;
}

/******************************************menu_gauche**********************************************/


#haut_menu_gauche{
	width:227px;
	height:20px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size:0.8em;
	padding:15px 0 0 23px;
	margin:0 0 0 0;
	color:#20446B;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/blockquotes.gif) no-repeat top left;
}


#menu_gauche{
	font-family:Arial, Verdana, sans-serif;
	font-size:0.7em;
	margin:0 0 20px 0;
	padding:0 5px 0 3px;
	width:239px;
	border-bottom:1px dotted #D6D7D9;
}


#menu_gauche li{
	list-style-type:none;
}


#menu_gauche a{
	color:#20446B;
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
}


#menu_gauche a:hover{
	color:#000;
	background-color:#F7F3F5;
}


#menu_gauche li.s_rubrique{
	padding:6px 0 3px 0px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	border-top:1px dotted #D6D7D9;
}


#menu_gauche ul.pages{
	margin-left:2px;
	padding:10px 0 10px 0;	
}


#menu_gauche ul.pages a{
	color:#6F5F51;
	font-size: 1em;
	font-weight:normal;
	text-transform:none;	
}


#menu_gauche ul.pages a:hover{
	color:#000;
}


.actif{
	color:#ED8000;
}




/************************************Fin de menu_gauche***************************/

/******************************Agenda, hebergement, resto****************************************************/

#tab_liste{
	font-size:11px;
	color:#4D423F;
	font-family:Arial, Verdana, sans-serif;
	margin:0 0 0 0;
	padding:0;
	width:100%;
}

#tab_liste caption{
	font-size:1em;
	color:#4D4D4E;
	margin:10px 0 0 0px;
	padding:10px 0 0 5px;
	width:390px;
	text-align:left;
}

#tab_liste th{
	padding:0 0 0 5px;
	font-size:1em;
	color:#4D423F;
	font-weight:normal;
	background-color:#EFEAEC;
	border-right:1px solid #FFF;
	border-bottom:1px solid #EFEAEC;
	text-align:left;
	display:none;
}

#tab_liste td{
	padding:10px 0 10px 0;
	border-bottom:1px solid #EFEAEC;
	text-align:left;
}

#tab_liste .td_photo{
	width:65px;
	padding-right:20px;
	vertical-align:middle;
}

.td_photo img{
	/*border:1px solid #C9C5C6;*/
}

.td_savoir{
	vertical-align:bottom;
	width:10%;
}

.savoir_resto, .savoir_heberg, .savoir_commerce{
	color:#FFF;
	text-decoration:none;
	padding:3px;
}

.savoir_resto{background-color:#9CCB59;}
.savoir_heberg{background-color:#F0777A;}
.savoir_commerce{background-color:#4D6185;}

#tab_liste .lien_savoir{
	vertical-align:bottom;
	padding-left:5px;
}

#tab_liste a{
	cursor:pointer;
}

#recherche{
	clear:both;
	/*border:1px solid #183E68;*/
	background:#EFEAEC;
	width:100%;
	padding:5px 0 5px 0;
	margin-top:0;
	font-size:1.1em;
	height:25px;
}

#recherche p{ margin:5px 5px 5px 20px;}

#bt-rechercher{
	border: 1px solid #FFF; 
	width: 80px;
	background-color: #4D4D4E; 
	color:#FFF; 
	margin-left:15px;
}

#titre_agenda{
	color:#06083C;
	display:block;
	padding:7px 0 5px 3px;
	border-bottom:1px solid #EFEAEC;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
}

h4{
	font-size:12px;
	color:#06083C;
	margin:0 0 3px 0;
}

#lien_agenda_complet{
	clear:both;
	text-align:right;
	font-size:0.8em;
	color:#06083C;
	background-color:#FFF;
	padding:0 5px 10px 0;
	margin:0;
	text-decoration:none;
	display:block;
	font-weight:bold;
}

/****************************Fin agenda**************************************************/

/*********************************************Formulaire***************************/



form{diplay:inline;}

.formulaire{
	width: 100%;
}

.formulaire p{
	margin:2px 0 2px 0;
	clear:both;
	background-color:transparent;
}


.formulaire fieldset{
	margin-bottom: 10px;
	margin-top:0;
	padding:10px 0 10px 10px;
	border:none;
	background-color:#EFEAEC;
	background:url(../images/fond_contact.gif) #EFEAEC bottom left no-repeat;
}


.formulaire fieldset legend{
	padding: 0 10px;
	font-size: 1.8em;
	color: #515458;
}


/* Label */


.formulaire label{
	color:#000;
	display: block;
	width:35%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
	float: left;
	padding-right: 5px;
	text-align: right;
	letter-spacing: 1px;
	font-weight:bold;
}

.formulaire input, .formulaire select,

.formulaire textarea{
	margin-left: 1%;
	width:55%;  /*En % pour un meilleur rendu lors du changement de taille du texte*/
	border: #8B889A 1px solid;
	font-size: 1.2em;
}


.formulaire ul.date_dans_form{
  list-style-type:none;
  margin:2px 0 2px 0;
}


.formulaire ul.date_dans_form li{
  float:left;
  margin-left:4px;
}

.formulaire input[type="radio"]{
	border:none;
	width:20px;
}


.formulaire input[type="submit"]{
	width:80px; 
	height:25px; 
	border:none;
	background-color: #4D4D4E; 
	color:#FFF; 
	font-weight:bold;
	margin-top:10px;
}


.formulaire input[type="submit"]:hover{
	background-color: #4D4D4E; 
	color:#FFF; 
	cursor:pointer;
}


/***************************************Fin formulaire********************************/


/*****************************************Fiche**************************************/

#bandeau_fiche{
	width:100%;
	height:64px;
	background:url(../images/bandeau_fiche.jpg) no-repeat;
}

#content_fiche{
	width:994px;
	background-color:#FFF;
	padding:0 3px 0 3px;
}

#content_fiche p{
	font-size:11px;  
	color: #333333; 
	text-align: justify;
}

#lien_plan{
	display:block;
	margin:20px 0 20px 0;
	clear:both;
}

#tab_fiche{
	margin-top:20px;
	width:970px
	font-size:11px;  
	color: #333333; 
	text-align: justify;
}

.td_photos{
	padding:5px 5px 5px 5px;
}

.vignette{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #EBE5E7;
	width : 120px;
}

.td_description{
	vertical-align:top;
	padding:5px 5px 5px 20px;
	font-size:11px;  
	color: #333333; 
	text-align: justify;
}

.td_photo_gde{
	padding:5px 0  0 10px;
	vertical-align:top;
}

.td_photo_gde img{
	border:1px solid #EBE5E7;
}

.icones{
	border:1px solid #EBE5E7;
}


/*************************************Fin Fiche*************************************/




#pied{
	background-color:#FFF;
	border-top:3px solid #FDB913;
	width:994px;
	padding:3px 3px 3px 3px;
}

#coordonnees{
	color:#06083C;
	font-size:0.8em;
	text-align:center;
	letter-spacing:1px;
}

#menu_bas{
	text-align:center;
}

#menu_bas a{
	font-size:0.7em;
	color:#E97614;
	text-decoration:none;
	padding:0 3px 0 3px;
	border-right:1px solid #E97614;
}

#menu_bas a#mentions_legales{
	color:#000;
	font-weight:bold;
	border-right:none;
}

#ehoui{
	font-size:0.7em;
	background-color:#EFEAEC;
	border-top:3px solid #FFF;
	color:#06083C;
	text-align:right;
}

#ehoui a{
	color:#06083C;
}

.menu-bleu { color: #000066; text-transform: none; text-align: left; text-decoration: none; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: bold}