@import url("stylecss_infolive.css");

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

body {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background-image: url(../images/degrade_page.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color FFFFFF;
	text-align: center;
	}
	
#Page{
	width: auto;
	/*border: #cc0000 solid 1px;*/
}

#Conteneur{
	width: 1000px;
	height: auto;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#Contenu{
	height: auto;
}

#Contenant {
	width: 1000px;
	font-family: Arial;
	padding: 0px;
	/*border: 1px solid #cc0000;*/
	scrollbar-face-color: #CAD1D3;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #91B5D7;
	scrollbar-darkshadow-color: #91B5D7;
	scrollbar-track-color: #BBCACF;
	scrollbar-arrow-color: #FFFFFF;
}
#Contenant a, #Contenant a:link, #Contenant a:active, #Contenant a:visited{
	color: #000000;
	text-decoration: underline;
}
#Contenant a:hover{
	color: #7F1C1E;
	text-decoration: underline;
}

/*----------------------------------- Entete de page -----------------------------------------*/
#Entete {
	width: 1000px;
	height: 320px;
	background-image: url(../images/entete.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#EnteteContact {
	float: left;
	width: 271px;
	height: 85px;
	margin: 0px;
	padding: 0px ;
	color: #7F1C1E;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
#EnteteContact a, #EnteteContact a:link, #EnteteContact a:active, #EnteteContact a:visited{
	color: #7F1C1E;
	text-decoration: none;
}
#EnteteContact a:hover{
	color: #C50004;
	text-decoration: none;
}
#EnteteAgence {
	float: left;
	width: 175px;
	height: 77px;
	margin: 0px;
	padding: 8px 0px 0px 0px ;
}
#EnteteAgence ul, #EnteteLocations ul, #EnteteVente ul, #EnteteGestion ul {
	padding-left : 15px;
}
#EnteteAgence ul li, #EnteteLocations ul li, #EnteteVente ul li, #EnteteGestion ul li{
	padding-bottom: 0px;
	line-height: 16px;
	font-family: Arial;
	font-size: 12px;
	list-style-type: none;
}
#EnteteAgence ul li a, #EnteteLocations ul li a, #EnteteVente ul li a, #EnteteGestion ul li a, #EnteteAgence ul li a:link, #EnteteLocations ul li a:link, #EnteteVente ul li a:link, #EnteteGestion ul li a:link, #EnteteAgence ul li a:active, #EnteteLocations ul li a:active, #EnteteVente ul li a:active, #EnteteGestion ul li a:active, #EnteteAgence ul li a:visited, #EnteteLocations ul li a:visited, #EnteteVente ul li a:visited, #EnteteGestion ul li a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
#EnteteAgence ul li a:hover, #EnteteLocations ul li a:hover, #EnteteVente ul li a:hover, #EnteteGestion ul li a:hover{
	color: #C50004;
	text-decoration: none;
}

#EnteteLocations {
	float: left;
	width: 183px;
	height: 77px;
	margin: 0px;
	padding: 8px 0px 0px 0px ;
}
#EnteteVente {
	float: left;
	width: 177px;
	height: 77px;
	margin: 0px;
	padding: 8px 0px 0px 0px ;
}
#EnteteGestion {
	float: left;
	width: 193px;
	height: 77px;
	margin: 0px;
	padding: 8px 0px 0px 0px ;
}

/*----------------------------------- Milieu qui s'agrandit -----------------------------------------*/

#InterieurRepeat {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/fond_page_repeat.jpg);
	background-position: top;
	background-repeat: repeat-y;
	width: 1000px;
	height: auto;
}

#InterieurIndex {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/fond_page.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 372px;
	height: auto;
	text-align: center;
}
* html #InterieurIndex {
	height: 372px;
}
/*----------------------------------- Texte -----------------------------------------*/

#Txt {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -50px;
	text-align: left;
}
#Txt p {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}
/*--------------------------- Colonne Gauche -----------------------------*/
#ColGauche {
	padding: 5px;
	float: left;
	width: 320px;
	padding-right: 20px;
}
#ColGauche p{
	margin-bottom: 12px;
	text-align: justify;
	color: #333333;
}
#ColGauche h1{
	font-family: Arial;
	color: #780E10;
	font-size : 16px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
}
#ColGauche h2{
	font-family: Arial;
	color: #780E10;
	font-size : 14px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
	border-bottom: 1px solid #780E10;
}
#ColGauche h3{
	font-family: Arial;
	color: #000000;
	font-size : 12px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
}
#ColGauche td {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

/*--------------------------- Colonne Droite -----------------------------*/
#ColDroite {
	float: left;
	width: 400px;
}
#ColDroite p{
	margin-bottom: 12px;
	text-align: justify;
	color: #333333;
}
#ColDroite h1{
	font-family: Arial;
	color: #780E10;
	font-size : 16px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
}
#ColDroite h3{
	font-family: Arial;
	color: #780E10;
	font-size : 16px;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 10px;
}

.ttt {
	font-size: 9px;
}

/*----------------------------------- Pied de page -----------------------------------------*/
#Pied {
	width: 1000px;
	height: 50px;
	background-image: url(../images/pied_page.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #9F9F9F;
	font-family: Arial;
	font-size: 11px;
	padding-top: 3px;
	text-align: center;
}

#Pied a, #Pied a:link, #Pied a:active, #Pied a:visited{
	color: #9F9F9F;
	text-decoration: none;
}

#Pied a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#PiedContenu {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
}

#PiedGauche {
	width: 140px;
	float: left;
	text-align: left;
}

#PiedMilieu {
	width: 510px;
	float: left;
	text-align: center;
}

#PiedMilieu h1{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

#PiedDroite {
	width: 140px;
	float: left;
	text-align: right;
}

/*--------------------- Formulaire -----------------*/					
.combo {
	height: 12px; 
	BORDER-RIGHT: #404040 1px solid;
	BORDER-TOP: #404040 1px solid;
	BORDER-LEFT: #404040 1px solid;
	BORDER-BOTTOM: #404040 1px solid;
	 font-family: verdana;
	 font-size: 11px;
	 font-style: normal;
	 color: #000000;
	 background-color: #FFFFFF;
}
 .combo2 {
	height: auto; 
	BORDER-RIGHT: #404040 1px solid;
	BORDER-TOP: #404040 1px solid;
	BORDER-LEFT: #404040 1px solid;
	BORDER-BOTTOM: #404040 1px solid;
	 font-family: verdana;
	 font-size: 11px;
	 font-style: normal;
	 color: #000000;
	 background-color: #FFFFFF;
}

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

TABLE.TableData{
	color:#FFFFFF;
	padding-top: 3px;
}
TABLE.TableData TR{
	background-color: #780E10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height:20px;
}
TABLE.TableData TD{
	font-size: 9px;
	text-align: center;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #780E10;
	border-bottom-color: #780E10;
	border-left-color: #780E10;
}

TABLE.TableData TH{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #780E10;
	border-right-color: #CF5658;
}
TABLE.TableData TH.SansTrait{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CF5658;
}
TABLE.TableData TH.colonne{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #780E10;
	background-color:#992D2F;
}
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 TR.L1,TABLE.TableData TH.L1{	background-color: #CB4A4C;}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{	background-color: #CF5658;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover{background-color:#992D2F;}

/************** cadres photos ****************************/
.CadrePhoto {
	border: 1px solid #666666;
	}
	
.PhotoGauche {
	border: 1px solid #666666;
	text-align:left;
	margin-right: 5px;
	}
.PhotoDroite {
	border: 1px solid #666666;
	text-align:right;
	margin-left: 5px;
	}