*
{
font-size: 1em;
font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

/*-----------------------------------------------------------------------*/
body
{
   
   margin: auto;
    color: #309;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	
}

/*-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
 L'en-tête 
-----------------------------------------------------------------------*/

#en_tete
{
   
   height: 90px;
   background-image: url("../photos/normandie.jpg");
   background-position: center;
   background-repeat: no-repeat;
   
}
#logo
{position: absolute;
top: 10px;
left: 30px;
}
/*-----------------------------------------------------------------------
LE TITRE
-----------------------------------------------------------------------*/

#titre
{
	color: #369;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	/*background-image: url("http://www.bretagne-location.org/argwenn/gifs/argwenn-a-2.gif");*/
	padding-left: 10px;


}

#titre h1
{
	color: #369;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	font-size:1.8em;
	text-align: center;
	margin: 0px;
}
/*-----------------------------------------------------------------------
 Le menu 
 -----------------------------------------------------------------------*/

  

#menu
{
	float: left;
	width: 25%;
	padding: 0px;	
}
.titre_menu
{
	background-color: ffffff;
	margin-bottom: 10px;
	margin-top:3px;
	margin-left: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #ffcc33;
	border-bottom-color: #ffcc33;
	border-left-color: #ffcc33;
	border-right-width: 2px;
	border-right-style: outset;
	border-right-color: #FFCC33;
	width:93%;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-right:5px;
}
.titre_menu p
 { 
font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif; 
font-size:0.9em;
font-style:normal;
text-align: justify;
margin-left:0px;
margin-right:10px;
letter-spacing: normal; 
white-space: normal; 
display: inline; 
vertical-align: baseline
}

.element_menu
{
	background-color: ffffff;
	margin-bottom: 20px;
	margin-top:3px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #ffcc33;
	border-bottom-color: #ffcc33;
	border-left-color: #ffcc33;
	border-right-width: 2px;
	border-right-style: outset;
	border-right-color: #FFCC33;
	width:90%;
	padding-left: 3px;
	padding-right:5px;
	padding-bottom: 5px;
}
.element_menu_conteneur
{
	background-color: #6784AC;
	margin-bottom: 20px;
	margin-left: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #ffcc33;
	border-bottom-color: #ffcc33;
	border-left-color: #ffcc33;
	border-right-width: 2px;
	border-right-style: outset;
	border-right-color: #FFCC33;
	padding-left: 3px;
	width:90%;
	padding: 10px;
}
/*--------------------------------------------------------------------
 Quelques effets sur les menus
 ---------------------------------------------------------------------*/
.element_menu p
 { 
font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif; 
font-size:0.9em;
font-style:italic;
text-align: justify;
margin-left:0px;
letter-spacing: normal; 
white-space: normal; 
display: inline; 
vertical-align: baseline
/*text-transform: capitalize;*/
}




.element_menu h3
{   
	color: #B3B3B3;
 	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

#menu table
{ 	color: #309;
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	border: 0px;
	background-color: red;
	width: 80%;
}

/*-----------------------------------------------------------------------------
FORMULAIRE
-------------------------------------------------------------------------------*/

select, textarea
{	
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	background-color: #FFFFCC;
	background-repeat: no-repeat;
	background-position: left;
	letter-spacing: normal;
	text-align: left;
	text-indent: 2px;
	vertical-align: baseline;
	white-space: normal;
	margin-left: 5px;
	display: inline;
}

input, textarea,radio
{/* On modifie la police du texte tapé l'intérieur des champs */
	color: #369;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
	letter-spacing: normal;
	text-align: left;
	text-indent: 2px;
	vertical-align: baseline;
	white-space: normal;
	margin-left: 5px;
	display: inline;
}

.label_radio
{
display: inline;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #ffffff;
}

label
{
	color: #309; 
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif; 
	letter-spacing: normal;
	text-align: left;
	text-indent: 10px;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: block;
	left:5px;
}

optgroup
{ font-weight:bold;
color: #309; 
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif; 
	letter-spacing: normal;
	text-align: left;
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
	font-size: 15px;
	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color: #B3B3B3;
	font-weight: bold;
	text-align: center;
	display: block;
}

fieldset
{
	margin-bottom: 15px; /* Une marge pour séparer les fieldset */	
	color: #B3B3B3;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	border: none;
	display: block;
}

/*-------------------------------------------------------------------------
FIN FORMULAIRE
---------------------------------------------------------------------------*/

.element_menu a 
 { 
 color: #369;}
.element_menu a:hover
{
  background-color: #ffcc33;
 }
.recherche a:hover
{background-color: #ffffff;}
/*-------------------------------------------------------------------------
partie principle de la page
---------------------------------------------------------------------------*/

#corps
{
      
	float: left;
	width: 55%;
	min-height: 600px;
	margin-top:3px;
   margin-bottom: 20px;
   margin-left:10px;
   padding: 5px;
   color: #309;
}

#corps h1
{
   color: #369;
   text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
   text-align: center;
   font-size:2em;
   margin: 2% auto; position: relative;

}

#corps h2
{
   color: #369;
   text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
   font-size:1.6em;
   font-weight: bold;
}
#corps h3
{
 color: #309;
 text-align: center;
font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
   font-size:1.3em;
   font-weight: bold;
    margin-top: 0px;
	margin-bottom:3px;
   
}
#corps h4
{
 color: #309;
   text-align: center;
	font-family: Verdana, Arial, Geneva, Helvetica, "Times New Roman", sans-serif;
   font-size:1.2em;
   font-style:italic;
   margin-top: 3px;
   margin-bottom: 3px;
  /* font-weight: bold;*/
}

#imageflottante
{
   float: left;
   width: 130px;
}

.bloc_b {
	float: left;
	width: 80%;
	}

/* LISTE
ul{
   list-style-image: url("http://www.bretagne-location.org/argwenn/gifs/puce.gif");
}*/

.vignette
{border: 0px;
width: 100px;
}
.dessous
{
   clear: both;
}

p
{ 
  text-align: justify; /* Tous les paragraphes sont justifiés */
  padding:0 px;
  margin: 3% 10%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  color:#309;
  }
  p: debut
  {font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-indent: 20px; /* On décale un peu les sous-titres */
  /*text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}

img{border:0px;}
.corps_photo
{width: 167px;
border: 0px;
}
.point_image
{width:1px;
height:1px;
}
.img_bord_blanc
{border: 10px solid #ffffff;
width: 100px;
text-align: center;
border-style: solid ridge ridge solid;

}
.img_bord_bleu
{border: 6px solid #369;
width: 100px;
text-align: center;
border-style: ridge ridge ridge ridge ;
}



table 
 {  position: relative; right: 3%; left: 3%; width: 95%; }
 th
 { color: olive; font-style: normal; font-weight: bold; text-align: left; text-decoration: underline; margin-bottom: 2%; padding: 0; width: auto;  }
 td
{padding:0px;
border: 1px;
width: auto;
font-size: 1.1em;
text-align: left;
vertical-align: top;



}
.yellow
{background-color:#ffcc33;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
.red
{color: red;
}
.left_bold
{
float: left;
font-weight: bold;
}
.bleu
{
.color: #309;
}
.non_gras
{font-weight: normal;
}
.gras
{font-weight:bold;}
.italic{
font-style:italic;
font-size:1em;
}

.smallfont
{font-size :10px;
color: #309;
text-align:left;
}

#droite
{
    float: right;/*en mettant right change la taille dans explorer*/
	width: 20%;
	margin-left: 10px;
	padding: 10px;
	border-right: 0px solid #FFCC33;
	border-bottom: 0px solid #FFCC33;
	border-top: 0px solid #FFCC33;
	border-left: 0px solid #FFCC33;
	text-align: center;
}
.element_droite
{
	padding-top: 20px;
   margin-bottom: 20px;*/
   width: 160px;
}

#pied_de_page
 { text-align: center;
color: #B3B3B3;
   background-color: #e7fffe;
     background-image: url("../gifs/ciel.png");
   background-repeat: repeat-x;
   /*border: 2px solid black;*/
	clear: both;
	border: 1px solid #cccccc;
	/*font-size: 75%;
	color: #cccccc;*/
	padding: 10px 10px 10px 10px;

}
  blockquote
  {width:60%;
  margin: auto;
}
}
.grey
{color:#B3B3B3;}