@import url("style_infolive.css");

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p, form {
	margin: 0px;
	padding: 0px;
}
ul,li {
	list-style-type: none;
}
html{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color:#1F4FB1;
	background-image:url(../images/fond-page-repeat.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}
body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/fond-page1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#Page{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#Contenu {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.ttt {
	font-size: 10px;
	line-height: 13px;
}

/*************************************************************
					ENTETE
*************************************************************/
#Logo {
	width: 349px;
	float:left;
}
#Entete {
	width: 627px;
	float:left;
	position:relative;
}
#google_translate_element {
  float: right;
  margin: 13px 0 0 20px;
}
#MenuHaut {
  float: right;
	text-align:right;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	text-transform:uppercase;
	padding: 19px 5px 19px 0px;
}
#MenuHaut a, #MenuHaut a:link, #MenuHaut a:active, #MenuHaut a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#MenuHaut a:hover {
	color: #B9051D;
	text-decoration: none;
}
#MenuDeroulant {
}

/*************************************************************
					COLONNE GAUCHE
*************************************************************/
#BlocColonneGauche {
	width: 708px;
	min-height:725px;
	_height:725px;
	float: left;
	text-align:left;
}
#ColonneGauche {
	padding: 55px 55px 20px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
#ColonneGauche a, #ColonneGauche a:link, #ColonneGauche a:active, #ColonneGauche a:visited {
	color:#000000;
	text-decoration:underline;
}
#ColonneGauche a:hover {
	color: #990000;
	text-decoration:none;
}
#ColonneGauche p {
	margin-bottom: 12px;
}
#ColonneGauche H1{
	font-size:18px;
	font-weight:bold;
	margin-bottom:12px;
	color:#FFFFFF;
	text-transform:uppercase;
}
#ColonneGauche H2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:10px;
	color:#B40121;
}
#ColonneGauche #Visite {
	position:absolute;
	left:180px;
	top:0px;
}
#ColonneGauche #Plan, #ColonneGauche .Plan {
	padding-top:10px; 
	padding-left:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
}
#ColonneGauche #Plan .CadrePhoto, #ColonneGauche .Plan .CadrePhoto{
	border: 3px solid #391C17;
}
#ColonneGauche #Plan a, #ColonneGauche #Plan a:link, #ColonneGauche #Plan a:active, #ColonneGauche #Plan a:visited,
#ColonneGauche .Plan a, #ColonneGauche .Plan a:link, #ColonneGauche .Plan a:active, #ColonneGauche .Plan a:visited
 {
	color:#391C17;
	text-decoration:none;
}
#ColonneGauche #Plan a:hover, #ColonneGauche .Plan a:hover{
	color: #B40121;
	text-decoration:none;
}

/*************************************************************
					PARTENAIRES ACCUEIL
*************************************************************/
#ColonneGauche .Colonne1 {
	width: 300px;
	float: left;
	border-right: 1px solid #292929;
}
#ColonneGauche .Colonne2 {
	width: 310px;
	float: left;
}
#ColonneGauche .Colonne1 .PartenairesAccueil {
	padding:5px 15px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	min-height: 65px;
	_height: 65px;
}
#ColonneGauche .Colonne2 .PartenairesAccueil {
	padding:5px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	min-height: 65px;
	_height: 65px;
}
#ColonneGauche .Colonne1 .PartenairesAccueil h2, #ColonneGauche .Colonne2 .PartenairesAccueil h2{
	font-size:10px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	color:#000000;
}
#ColonneGauche .Colonne1 .Vignette{
	width:50px;
	min-height: 60px;
	_height: 60px;
	float:left;
}
#ColonneGauche .Colonne2 .Vignette{
	width:80px;
	min-height: 60px;
	_height: 60px;
	float:left;
}
#ColonneGauche .Colonne1 .Vignette img, #ColonneGauche .Colonne2 .Vignette img{
padding-top:3px;
}
#ColonneGauche .Colonne1 a, #ColonneGauche .Colonne1 a:link, #ColonneGauche .Colonne1 a:active, #ColonneGauche .Colonne1 a:visited,
#ColonneGauche .Colonne2 a, #ColonneGauche .Colonne2 a:link, #ColonneGauche .Colonne2 a:active, #ColonneGauche .Colonne2 a:visited
 {
	color:#000000;
	text-decoration:none;
}
#ColonneGauche .Colonne1 a:hover, #ColonneGauche .Colonne2 a:hover{
	color: #B40121;
	text-decoration:none;
}
/*************************************************************
					COLONNE DROITE
*************************************************************/
#BlocColonneDroite {
	width: 270px;
	float: left;
	text-align:left;
}
#ColonneDroite {
	padding:160px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#ColonneDroite a, #ColonneDroite a:link, #ColonneDroite a:active, #ColonneDroite a:visited {
	color:#000000;
	text-decoration:underline;
}
#ColonneDroite a:hover {
	color: #E67713;
	text-decoration:none;
}
#ColonneDroite p {
	margin-bottom: 12px;
}
#ColonneDroite H1{
	font-size:18px;
	font-weight:bold;
	margin-bottom:12px;
	color:#B40121;
	text-transform:uppercase;
}
#ColonneDroite H2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:10px;
	color:#B40121;
}
#ColonneDroite .CadrePhoto {
	border: 3px solid #FFFFFF;
	margin-bottom:10px;
}
#BlocWidget {
	width: 244px;
	margin-bottom:20px;
}
iframe
{height:230px;}
iframe.video
{height:338px;}

#Widget {
	padding:0px 5px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-image: url(../images/bloc-resa-milieu.gif);
	background-position: left top;
	background-repeat:repeat-y;
	position:relative;
	z-index: 1;
	height:165px!important;
	overflow:hidden;
}
#Widget #Plan {
    bottom: 5px;
    height: 21px;
    position: absolute;
    right: 5px;
    width: 220px;
    z-index: 20;
}
#Widget #Plan a, #Widget #Plan a:link, #Widget #Plan a:active, #Widget #Plan a:visited {
	color:#B40121;
	text-decoration:none;
}
#Widget #Plan a:hover {
	color: #000000;
	text-decoration:none;
}
#BlocMeteo {
	width: 244px;
	margin-bottom:20px;
}
#Meteo {
	padding:0px 10px 3px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8051D;
	background-image: url(../images/bloc-meteo-milieu.gif);
	background-position: left top;
	background-repeat:repeat-y;
}
#Meteo a, #Meteo a:link, #Meteo a:active, #Meteo a:visited {
	color:#B8051D;
	text-decoration:none;
}
#Meteo a:hover {
	color: #000000;
	text-decoration:none;
}
#BlocVideo {
	width: 244px;
	position:relative;
}
#TitreVideo {
	position:absolute;
	z-index:90;
	top: 19px;
	left:0px;
}
#Video {
	padding:0px 10px 0px 17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-image: url(../images/bloc-video-milieu.gif);
	background-position: left top;
	background-repeat:repeat-y;
}

#BlocMagasins{
	margin-top:10px;
	width:100%;
	text-align:center;
}

#BlocMagasins li{
	margin:10px 0;
}

#BlocMagasins li a{
	color: #B40121!important;
	text-decoration: none !important;
	padding:5px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
}
#BlocMagasins li a:before{
	content:"» ";
	color: #B40121!important;
	text-decoration: none !important;
	padding:5px 0;
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	
}
#BlocMagasins li:hover a, #BlocMagasins li:hover a:before{
	color: #000!important;
	text-decoration: none !important;
}



/*************************************************************
					PIED DE PAGE
*************************************************************/
#BlocCoordonnees {
	width: 980px;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/fond-pied.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#Coordonnees {
	padding: 7px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}
#Coordonnees a, #Coordonnees a:link, #Coordonnees a:active, #Coordonnees a:visited   {
	color:#FFFFFF;
	text-decoration:none;
}
#Coordonnees a:hover   {
	color: #FFFF66;
	text-decoration:none;
}
#BlocSignature{
	width: 980px;
	color: #000000;
	text-align: center;
}
#Signature{
	padding: 2px 0px 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited   {
	color:#000000;
	text-decoration:none;
}
#Signature a:hover   {
	color: #990000;
	text-decoration:none;
}

/*************************************************************
					FORMULAIRE
*************************************************************/					
.combo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.comboGo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	background-color:#B40121;
}

/*************************************************************
					TABLE CONTACT
*************************************************************/
.TableContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.TableContact td{
	text-align:left;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.TableContact td.Libelle{
	width:35%;
	text-align:right;
}
.TableContact input,  textarea {
	border:1px solid #292929;
}
.TableContact h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:10px;
	color:#DA5139;
}

/*************************************************************
					TABLEAUX DE TARIFS
*************************************************************/

TABLE.TableData{
}
TABLE.TableData TR{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:16px;
}
TABLE.TableData TD{
	font-size:12px;
	text-align: center;
	color:#333333;	
	border: none;
	border-bottom: 1px solid #525E6A;
}

TABLE.TableData TH{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	border: none;
	border-bottom: 1px solid #525E6A;
}
TABLE.TableData TH.SansTrait{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	border: none;
		border-bottom: none;
}
TABLE.TableData TH.colonne{
	background-color:#FFFFFF;
}
TABLE.TableData TD a:link {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
TABLE.TableData TH.L1{	background-color: #B8051D; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px; font-size:12px;}
TABLE.TableData TH.L2{	background-color: #000000; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px; font-size:12px;}

TABLE.TableData tr.L1, TABLE.TableData td.L1{  background-color:#EBEBEB; color:#000000; font-size:12px;}
TABLE.TableData tr.L2, TABLE.TableData td.L1{  background-color:#EEEEEE; color:#000000; font-size:12px;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover {background-color:#FFFFFF;}


/*************************************************************
					CADRES PHOTOS
*************************************************************/
.CadrePhoto {
	border: 1px solid #666666;
	}
	
.PhotoGauche {
	border: 1px solid #666666;
	float: left;
	margin-right: 9px;
	}
.PhotoDroite {
	border: 1px solid #666666;
	float: right;
	margin-left: 9px;
	}
.PhotoGaucheNoborder {
	margin-right: 9px;
	float: left;
	}
.PhotoDroiteNoborder {
	float: right;
	margin-left: 9px;
	}