/*a:link  {color:#FF6347; text-decoration: none;}*/

body
{
	font-family: Strait;
    max-height: 100%;
    width: 100%;
	margin:0;
    padding:0;
}
article {text-align: center;}

/*footer */

.lien {color: white;}
.lien_guide {color: white; text-decoration: none;}
.saumon {color: #FF6347;}
.deco_none{list-style-type: none;}

#fb:
{
background:url('images/fb_32_noir.png');
background-repeat: no-repeat;
display: block;
} 

#fb:hover
{
background:url('images/fb_32_saumon.png');
background-repeat: no-repeat;
background-position: center;
display:block;
} 

#twitter:
{
background:url('images/twitter_32_noir.png');
background-repeat: no-repeat;
display: block;
} 

#twitter:hover
{
background:url('images/twitter_32_saumon.png');
background-repeat: no-repeat;
background-position: center;
display:block;
} 

#googleplus:
{
background:url('images/googleplus_32_noir.png');
background-repeat: no-repeat;
display: block;
} 

#googleplus:hover
{
background:url('images/googleplus_32_saumon.png');
background-repeat: no-repeat;
background-position: center;
display:block;
} 

footer 
{
	width:100%;
	height:150px;
	color:white;
	clear:both;
    margin-top: 250px;
	overflow:hidden;
    background-color:#595959;
    list-style-type: none;
    background-repeat:repeat-x;
    display: inline-block;
    z-index: 1;
	bottom: 0;
	left: 0;
	position: relative;
	margin-bottom: -5em;
}

.footer_left
{
	padding-left: 3%;
	text-align:left;
	float:left;
	z-index: 4;
}
.footer_right 
{
	padding-right: 5%;
	text-align:right;
	float: right;
	z-index: 4;
}

/* definition blocs des menus et liens des menus*/

.menu
{
	width: 48%;
	height: 50%;
	display: inline-block;
	text-align: center;
	background-attachment:fixed;
	padding-top: 40px;
	padding-bottom:40px;
	margin: 2.5px;
}

.lienmenu
{
   font-size: 30px;
	font-family: Strait;
	text-decoration: none;
	color: white;
	text-shadow: 2px 2px #595959; 
}

.lienmenu:hoverl{font-style: italic;}

/* Page */

.boiteg /*colonne gauche*/
{
	width: 75%;
	display: inline-block;
	text-align: justify;*/
	padding: 10px;
	margin:10px;
}

/*div#gauche
{
    float: left;
    width: 50%;
}*/

/*iframe {visibility:hidden}*/

.boited  /* colonne droite */
{
	width: 75%;
	display:inline-block;
	/*text-align: justify;*/
	padding: 10px;
	margin:10px;
}

/*div#droite
{
    float: right;
    width:50%;*/
}

img {margin: 5px;}

.web
{
    text-decoration:none;
    color: black;
}

.web:hover {font-style: italic;}

h3 {text-decoration: underline;}

#coor 
{
box-shadow: 1px 1px 10px #FF6347; 
text-align:center;
}

.none {list-style-type: none; text-align: justify;}

/* Rubrique */

#content
{
    padding: 10px 10px 10px 10px;
    margin-top:0;
    margin-left: auto;
    margin-right: auto;
    width:75%;
    height:90%;
    box-shadow: 1px 1px 10px #c7c7c7;
    overflow: auto;
	text-align: center;
}

#content-sub {padding: 10px 10px 10px 10px;}

/* Menu des différentes pages*/
/* Menu Culture */

#culturesec1
{
    float:left;
    background: url('culture/cpm.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#culturesec2
{	float: right;
    background: url('culture/opera.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#culturesec3
{	float: left;
    background: url('culture/cinema.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#culturesec4
{	float: right;
    background: url('culture/arsenal.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#culturesec5
{       float: left;
    background: url('culture/patrimoine.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#culturesec6
{	float: right;
    background: url('culture/congres.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Sport */

#sportsec1
{	float: left;
    background: url('sport/piscine.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec2
{	float: right;
    background: url('sport/artsmartiaux.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec3
{	float: left;
    background: url('sport/boxe.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec4
{	float: right;
    background: url('sport/danse.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec5
{	float: left;
    background: url('sport/escalade.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec6
{	float: right;
    background: url('sport/fitness.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec7
{	float: left;
    background: url('sport/tennis.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#sportsec8
{	float: right;
    background: url('sport/foot.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Resto */

#restosec1
{	float: left;
    background: url('resto/bar.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#restosec2
{	float: right;
    background: url('resto/resto.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#restosec3
{	float: left;
    background: url('resto/boogie.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#restosec4
{	float: right;
    background: url('resto/boulan.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Musées */

#museessec1
{	float: left;
    background: url('culture/Musees/cpm.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#museessec2
{	float: right;
    background: url('culture/Musees/courdor.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#museessec3
{	float: left;
    background: url('culture/Musees/frac.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Opéras et Théâtres */

#operasec1
{	float: left;
    background: url('culture/opera/otm.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#operasec2
{	float: right;
    background: url('culture/opera/ts.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Cinémas */

#cinemasec1
{	float: left;
    background: url('culture/cinema/palace.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#cinemasec2
{	float: right;
    background: url('culture/cinema/cameo.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#cinemasec3
{	float: left;
    background: url('culture/cinema/kine.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Musique */

#musiquesec1
{	float: left;
    background: url('culture/musique/concerts/bam.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#musiquesec2
{	float: right;
    background: url('culture/musique/festivals/zikametz.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Musique/Salles de Concerts */

#concertsec1
{	float: left;
    background: url('culture/musique/concerts/bam.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#concertsec2
{	float: right;
    background: url('culture/musique/concerts/arsenal.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#concertsec3
{	float: left;
    background: url('culture/musique/concerts/trini.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#concertsec4
{	float: right;
    background: url('culture/musique/concerts/otm.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Musique/Festivals */

#festsec1
{	float: left;
    background: url('.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#festsec2
{	float: right;
    background: url('.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/Patrimoine */

#patrimoinesec1
{	float: left;
    background: url('culture/patrimoine/cathe.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#patrimoinesec2
{	float: right;
    background: url('culture/patrimoine/metz.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#patrimoinesec3
{	float: left;
    background: url('culture/patrimoine/queuleu.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#patrimoinesec4
{	float: right;
    background: url('culture/patrimoine/patrimoine.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu Culture/evenements et conventions */

#eventsec1
{
	float: left;
    background: url('.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#eventsec2
{
	float: right;
    background: url('.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#eventsec3
{
	float: left;
    background: url('.png') no-repeat center;
    max-width:100%;
    height:auto;
}

#eventsec4
{
	float: right;
    background: url('.png') no-repeat center;
    max-width:100%;
    height:auto;
}

/* Menu sport/Activités aquatiques */

#actaquasec1
{	
	float: left;
	background: url('sport/actaqua/lothaire.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#actaquasec2
{	
	float: right;
	background: url('sport/actaqua/belletanche.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#actaquasec3
{	
	float: left;
	background: url('sport/actaqua/luxembourg.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Menu sport/Arts martiaux */

#artmarsec1
{	
	float: left;
	background: url('sport/artmar/aïkido.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec2
{	
	float:	right;
	background: url('sport/artmar/iaido-jodo.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec3
{	
	float:	left;
	background: url('sport/artmar/jiu jitsu.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec4
{	
	float:	right;
	background: url('sport/artmar/judo.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec5
{	
	float:	left;
	background: url('sport/artmar/qi kong.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec6
{	
	float:	right;
	background: url('sport/artmar/taekwendo.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec7
{	
	float:	left;
	background: url('sport/artmar/taichichuan.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#artmarsec8
{	
	float:	right;
	background: url('sport/artmar/yoga.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Menu sport/Danse */

#danssec1
{	
	float:	left;
	background: url('sport/dans/cha cha cha.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#danssec2
{	
	float:	right;
	background: url('sport/dans/lindy hop.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#danssec3
{	
	float:	left;
	background: url('sport/dans/rock.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#danssec4
{	
	float:	right;
	background: url('sport/dans/salsa.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#danssec5
{	
	float:	left;
	background: url('sport/dans/salsa.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Menu sport/Fitness */

#fitsec1
{	
	float:	left;
	background: url('sport/fit/self abdos.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec2
{	
	float:	right;
	background: url('sport/fit/cardio training.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec3
{	
	float:	left;
	background: url('sport/fit/circuit training.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec4
{	
	float:	right;
	background: url('sport/fit/cross training abdos.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec5
{	
	float:	left;
	background: url('sport/fit/step.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec6
{	
	float:	right;
	background: url('sport/fit/fesses.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec7
{	
	float:	left;
	background: url('sport/fit/aerobic.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec8
{	
	float:	right;
	background: url('sport/fit/fitcross.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec9
{	
	float:	left;
	background: url('sport/fit/musculation.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#fitsec10
{	
	float:	right;
	background: url('sport/fit/abdos.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Menu sport/Sports collectifs */

#spocosec1
{	
	float:	left;
	background: url('sport/spoco/baseball.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocosec2
{	
	float:	right;
	background: url('sport/spoco/basket.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocosec3
{	
	float:	left;
	background: url('sport/spoco/football.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocosec4
{	
	float:	right;
	background: url('sport/spoco/futsal.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocosec5
{	
	float:	left;
	background: url('sport/spoco/futsalfem.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocosec6
{	
	float:	right;
	background: url('sport/spoco/handball.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocosec7
{	
	float:	left;
	background: url('sport/spoco/volley.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Menu sport/Sports de combat */

#spocomsec1
{	
	float:	left;
	background: url('sport/spocom/boxe anglaise.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocomsec2
{	
	float:	right;
	background: url('sport/spocom/boxe française.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#spocomsec3
{	
	float:	left;
	background: url('sport/spocom/selfdef.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Menu sport/Sports de raquettes */

#sporasec1
{	
	float:	left;
	background: url('sport/spora/badminton.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#sporasec2
{	
	float:	right;
	background: url('sport/spora/tennis.png') no-repeat center;
	max-width:100%;
	height:auto;
}

#sporasec3
{	
	float:	left;
	background: url('sport/spora/tennis de table.png') no-repeat center;
	max-width:100%;
	height:auto;
}

/* Guide */ 


#section1, #section2
{
	margin-bottom: 5px;
}

#accueil
{
    width: 850px;
	margin-top: 100px;
	font-size: 27px;
	text-align: center;
}

.guide 
{
  display: inline-block;
  margin-right: 20%;
  margin-left: 0%;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
  position: relative;
  text-align: center;
}

/*.guide p {margin-left: 150px;}*/

.guide:hover
{
	background-color: #FF6347;
	color: white;
}

#section1
{
	background-image: url('images/sprint.png');
	background-repeat: no-repeat;
}

#section1:hover
{
	background-image: url('images/sprintw.png');
	background-repeat: no-repeat;
}

#section2
{
	background-image: url('images/cutlery23.png');
	background-repeat: no-repeat;
}

#section2:hover
{
	background-image: url('images/cutlery23w.png');
	background-repeat: no-repeat;
}

#section3
{
	background-image: url('images/guitar40.png');
	background-repeat: no-repeat;
}

#section3:hover
{
	background-image: url('images/guitar40w.png');
	background-repeat: no-repeat;
}

#section4
{
	background-image: url('images/map30.png');
	background-repeat: no-repeat;
}

#section4:hover
{
	background-image: url('images/map30w.png');
	background-repeat: no-repeat;
}

/* Menus déroulants */

#menu_deroulant a
{
    color: white;
    text-decoration: none;
}

#menu 
{
background-color: #595959;
color: white;
text-decoration: none;
vertical-align: middle;
list-style-type: none;
padding: 2%;
}

#menu_deroulant, #menu_deroulant ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu_deroulant
{
	text-align: center;
	padding-top: 11px;
}

#menu_deroulant > li, #menu_deroulant li li
{
	position: relative;
	display:inline-block;
	width: 160px;
	padding: 5px 15px;
}

#menu_deroulant ul li, #menu_deroulant ul li a, #menu_deroulant ul li a:link, #menu_deroulant ul li
{
	display: inherit;
	text-decoration: none;
	color: white;
	background-color: #FF6347;
	opacity:1.0;
	border-radius: 8px;
	
}

#menu_deroulant a:hover
{
	font-weight: bold;
	font-style: italic;
}


#menu_deroulant ul
{
	position: absolute;
	top: 2.5em; 
	left: 0;
	max-height:0;	
	margin: 0; 
	padding: 0;
	overflow: hidden;
	transition: 0.8s max-height 0.2s;
	border-radius: 8px;
	background-color: #FF6347;
}

/*#menu_deroulant > li:hover
{
	background-color: #FF6347;
	border-radius: 5px
}

#menu_deroulant > li:hover > ul
{
	background-color: #FF6347;
	max-height: 500px;
}
*/
#menu_deroulant li
{
	color: #333;
	text-decoration: none;
}