/* repris du site juliencrego.com*/
/*  en partie pour le menu*/
	.menu {
		display : flex;		/* utilisation des Flexbox */
		padding:0;
		background-color: #A6C5E8;
		justify-content: space-around; 	/* pour aligner les liens dans les menus*/
			}
	.menu li {
		list-style-type: none;
			}
	.menu a {
		display:block;	/* transformation en blocks*/
		min-width: 50px;
		margin: 0.15rem;
		padding: 0.15rem;
		text-align: center;
		background-color: #0C2070;
		color: #fff;
		text-decoration: none; /* pas de soulignenemnt des liens*/
		border: 1px solid fff;
		border-radius: 4px;
		transition : all 1s; /* transition avec effet*/
			}
/* 	.menu a.actif {
		background-color: #000;
		color: #1ABC9C;
		border-color : #1ABC9C;
				} */
	.menu a:hover {
		background-color: #ed2794;
		color: #ffe843;
		border-color : #ffe843;
						}


*
{padding:0px; margin:0px; /*background-color:white;*/
 }
body.global 
{
position:relative; margin:0px auto; padding: 0px; width : 940px; height :940px;
 background-color:#DDDDEE;
font: 1.2em Verdena,  Helvetica, Arial,sans-serif; color: black; background-color:#DDDDEE;
}

div.moyens
  {
  float: left; margin: 0px ; padding:0px; width :500px; /*height : 126px;*/ 
  font: 1em Verdena, Helvetica, Arial; color : black;  background-color:#DDDDEE;
   }
.contact
  {
   margin: 0px ; padding:0px; width :500px; /*height : 126px;*/ 
  font: 1em Verdena, Helvetica, Arial; color : black;  background-color:#DDCCEE;
   }
  p.contact { 
  display: inline;
  }
li.contact {
	list-style-type:none;  background-color:#DDCCEE;
	}
p.information {
	width : 400px;
	display: inline-block;
	background-color:#EDEDFA;
	border: 2px  solid blue;
	magin: 5px; padding: 5px;
	box-shadow: 4px 4px 6px #888;  border-radius: 3px;
}

div#titre {
margin: 0px auto; padding:0px; width : 940px; height :193px; /*border: 2px  double red;*/
font: 36px Verdena, Helvetica,Arial; color: steelblue; text-align : center; background-color:white;
	}

div#sous_titre {
float:left; margin: 0px auto; padding:0px; width :600px; height :176px; /*border: 2px  double green;*/ /* color: #0000ff */
font: 36px Verdena, Helvetica,Arial; color: steelblue; text-align : center;
				}
div#coordonnees
{
float: left; margin: 0px ; padding:0px; width :340px; height : 120px; /*border: 2px  double gray;*/
font: 18px Verdena, Helvetica, Arial;
 }				
img.ombre {
background-color:white; padding: 4px; border: 2px solid #CCC; box-shadow: 4px 4px 6px #888;  border-radius: 3px;
			}
p.contenu, ul.contenu {font: 1.2em Verdena , Helvetica, Arial; color: black; text-align :left; padding-left: 20px;margin: 6px; background-color:#DDDDEE;}
span.important {  font-weight: bold ; background-color:#DDDDEE;}
span.numero { color: red; font-weight: bold; background-color:#DDDDEE;}
p.important {font: 16px Courier; font-weight:bold; color:black; background-color : yellow }
h1.titre {font: 1.8em Verdena, Helvetica, Arial; color: #0C2070; text-align :center; background-color:#DDDDEE;}
h2.titre {font: 1.4em Verdena, Helvetica, Arial; color: #0C2070; text-align :center; background-color:#DDDDEE; color: #0000ff}
ul.sans {list-style-type: none; }
li.carre {list-style-type: square; list-style-position: inside; background-color:#DDDDEE; }
span.surligne {font: 1.2em Georgia, Helvetica, Arial; font-weight:bold; color: #010E30; background-color :yellow; }
li {list-style-type:none;  background-color:#DDDDEE;}
a.liens { font: 1.2em Verdena , Helvetica, Arial; text-decoration:none;  background-color:#DDDDEE;}
a.liens:visited{ background-color: lightgrey;}
a.liens:hover{background-color: yellow;}
a.liens:active{ background-color: red;}	/* à modifier ?*/	
a { background-color:#DDDDEE;}
table{  border-collapse: collapse;}

th, td{ font: 1.1em Verdena, Helvetica, Arial;color:#000000;  border: 1px solid black;padding: 10px;text-align: center;}
tr.tarif_1 {background-color:#FFFFFF }
tr.tarif_2 {background-color:#EEEEEE}
thead.tarif_0 {background-color:#CCCCFF}
		

img.gauche{float:left; background-color:white; padding: 4px; border: 2px solid #CCC; box-shadow: 4px 4px 6px #888;  border-radius: 3px;}
img.droite{float:right; margin-right : 30px; background-color:white; padding: 4px; border: 2px solid #CCC; box-shadow: 4px 4px 6px #888;  border-radius: 3px;}
div#carte {
	display: inline; margin: 15px; background-color: green;
}
.map {
   /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
  display: inline;
  height: 300px;
 }