.LeClear
{ clear: both ; }


body     { color: black; font-family: sans-serif, Arial; background-color: black; outline: none 0 }
html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	outline: none 0 ;
}
#wrapper   { background-color: green; text-align: left; margin: 0 auto; width: 40px; vertical-align: middle }


#conteneurGeneral           { background-color: white; text-align: left; position: relative; width: 970px; height: 570px; overflow: hidden }

#ContHead             { background-color: #b40000; background-image: url("../NouvPhotosCrescent/fondBandeauNew.jpg"); width: 100%; height: 100px }

#ContHeadGalerie            { background-color: #b40000; background-image: url("../NouvPhotosCrescent/fondBandeauNew.jpg"); width: 100%; height: 50px }

#wrap {overflow:hidden;}


#LEFT_COL             { text-align: center; position: absolute; left: 0; width: 170px; height: 440px }

#RIGHT_COL
 { text-align: center; position: absolute; left: 800px !important; width: 170px; height: 440px }

#contenuXXX         { position: absolute; left: 170px; width: 630px; height: 440px }

#contenu             { text-align: left; margin-left: 170px !important; margin-left: 160px; width: 630px; height: 440px }


.ElemMenuGauche                      { font-size: 0.7em; font-weight: bold; line-height: 1.6em; text-align: center; text-transform: uppercase; display: block; margin: 0 auto; padding: 0; width: 150px; height: auto; border-bottom: 1px solid black }

.ElemMenuGauche a                  { color: black; text-decoration: none; display: block; height: auto; outline: none 0 }
.ElemMenuGauche a:hover                   { color: black; text-decoration: none; background-color: #fa9402; display: block; height: auto }

#ElemMenuGaucheDate
   { color: gray; font-size: 0.65em; font-weight: bold; line-height: 0.9em; text-align: center; text-transform: uppercase; display: block; margin: 10px auto 1px; padding: 0; width: 150px; height: auto }


#ElemMenuGaucheCoul1A
       { color: gray; font-size: 0.7em; font-weight: bold; line-height: 1.2em; background-color: white; text-align: center; text-transform: uppercase; display: block; margin: 3px auto 0 10px; padding: 1px 0; width: 150px; height: auto }

#ElemMenuGaucheCoul1
          { color: white; font-size: 0.8em; font-weight: bold; line-height: 1.1em; background-color: #b40000; text-align: center; text-transform: uppercase; display: block; margin: 2px auto 0 10px; padding: 2px 0; width: 150px; height: auto; overflow: hidden }

 #ElemMenuGaucheCoul2A
       { color: gray; font-size: 0.7em; font-weight: bold; line-height: 1em; background-color: white; text-align: center; text-transform: uppercase; display: block; margin: 3px auto 0 10px; padding: 1px 0; width: 150px; height: auto }

#ElemMenuGaucheCoul2 
         { color: white; font-size: 0.8em; font-weight: bold; line-height: 1.2em; background-color: #b40000; text-align: center; text-transform: uppercase; display: block; margin: 2px auto 5px 10px; padding: 2px 0; width: 150px; height: auto; overflow: hidden }

 #ElemMenuGaucheCoul3A
      { color: gray; font-size: 0.7em; font-weight: bold; line-height: 1em; background-color: white; text-align: center; text-transform: uppercase; display: block; margin: 3px auto 0; padding: 1px 0; width: 140px; height: auto }


#ElemMenuGaucheCoul3
        { color: white; font-size: 0.8em; font-weight: bold; line-height: 1.2em; background-color: #b40000; text-align: center; text-transform: uppercase; display: block; margin: 2px auto 5px 10px; padding: 2px 0; width: 150px; height: auto; overflow: hidden }

#ElemMenuGaucheBAS
 { font-size: 0.7em; font-weight: bold; line-height: 0.7em; background-color: orange; text-align: center; text-transform: uppercase; display: block; margin-right: auto; margin-left: auto; padding: 0.4em 0 0.3em; position: absolute; right: 10px; bottom: 0; left: 10px; width: 150px; height: 10px }
#ElemMenuGaucheBAS a
 { color: black; font-weight: bold; text-decoration: none; background-color: orange; right: 35px; bottom: 0; left: 35px }


#ElemMenuDroite
  { color: white; font-size: 0.8em; font-weight: bold; line-height: 0.85em; background-color: gray; background-image: url("../NouvPhotosCrescent/Scene_EauDR.jpg"); text-align: center; display: block; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; position: relative; width: 150px !important; height: auto; border-bottom: 2px solid white }
 
 



#ElemMenuDroiteCoul1
  { background-color: gray; background-image: url("../NouvPhotosCrescent/Scene_EauDR.jpg"); background-repeat: no-repeat; background-position: left top; display: block; margin-top: 10px; margin-right: auto; margin-left: auto; position: relative; width: 150px !important; height: 100px; border-bottom: 2px solid white }
 
 
 #IntElemMenuDroiteCoul1 a
    { color: white; font-size: 0.9em; font-weight: bold; line-height: 0.95em; text-decoration: none; text-align: center; position: absolute; top: 5px; left: 0; width: 100%; outline: none 0 }
 

#IntElemMenuDroiteCoul1 a:hover
  { color: #b22222; text-decoration: none }

#ElemMenuDroiteCoul2
    { background-color: gray; background-image: url("../NouvPhotosCrescent/FondFestiv.jpg"); background-repeat: no-repeat; background-position: left top; display: block; margin-top: 5px; margin-right: auto; margin-left: auto; position: relative; width: 150px !important; height: 120px; border-bottom: 2px solid white }



#IntElemMenuDroiteCoul2 a
    { color: white; font-size: 0.9em; font-weight: bold; line-height: 0.95em; text-decoration: none; text-align: center; position: absolute; top: 5px; left: 0; width: 100%; outline: none 0 }
 
  #IntElemMenuDroiteCoul2 a:hover
  { color: #b22222; text-decoration: none }


#ElemMenuDroiteCoul3
  { background-color: gray; background-image: url("../NouvPhotosCrescent/FondStage.jpg"); display: block; margin-top: 5px; margin-right: auto; margin-left: auto; position: relative; width: 150px !important; height: 100px; border-bottom: 2px solid white }


#IntElemMenuDroiteCoul3 a
  { color: white; font-size: 0.9em; font-weight: bold; line-height: 0.95em; text-decoration: none; text-align: center; position: absolute; top: 5px; left: 0; width: 100%; outline: none 0 }
 
 #IntElemMenuDroiteCoul3 a:hover
  { color: #b22222; text-decoration: none }
 

#ElemMenuDroiteBAS                         { font-size: 0.5em; font-weight: bold; line-height: 1em; text-align: center; text-transform: uppercase; display: block; position: absolute; right: 10px; bottom: 0; width: 150px; height: 20px }

#ElemMenuDroiteBAS a     { color: black; font-family: "Trebuchet MS", sans-serif; text-decoration: none; outline: none 0 }
#ElemMenuDroiteBAS a:hover                { color: silver; text-decoration: none }

#footer           { background-color: #b50000; position: absolute; bottom: 0; width: 970px; height: 20px; border-top: medium none white }
#IntFooter         { color: white; font-size: 0.7em; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding-top: 3px; height: auto }


#IntFooter  a        { color: white; font-variant: normal; font-weight: bold; text-decoration: none; text-transform: none }
#IntFooter  a:hover      { color: orange; font-variant: normal; font-weight: bold; text-decoration: none; text-transform: none }

