@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:#000000;}
body {	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/fond-page.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#Page{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	min-height:900px;
	_height:900px;
}
#Contenu {
	padding: 0px 0px 0px 33px;
	margin: 0px;
}
.ttt {
	font-size: 10px;
	line-height: 13px;
}

/*************************************************************
					ENTETE
*************************************************************/
#Entete {
	width: 947px;
	height: 110px;
}
#Drapeaux {
	width:100px;
	float:left;
	padding: 14px 0px 0px 25px;
}
#MenuHaut {
	width:793px;
	float:left;
	text-align:right;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	text-transform:uppercase;
	line-height: 16px;
	padding: 10px 0px 0px 0px;
}
#MenuHaut a, #MenuHaut a:link, #MenuHaut a:active, #MenuHaut a:visited {
	color: #000000;
	text-decoration: none;
}
#MenuHaut a:hover {
	color: #B40121;
	text-decoration: none;
}

/*************************************************************
					COLONNE MILIEU
*************************************************************/
#BlocColonneTxt {
	width: 947px;
	float: left;
	text-align:left;
	height:668px;
	overflow: auto;
}
#ColonneTxt {
	padding: 13px 10px 5px 0px;
}

/*************************************************************
					COLONNE GAUCHE
*************************************************************/
#BlocColonneGauche {
	width: 337px;
	float: left;
	text-align:left;
	min-height:655px;
	_height:655px;
	background-image:url(../images/separation.jpg);
	background-position: right top;
	background-repeat:no-repeat;
}
#ColonneGauche {
	padding: 5px 22px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}
#ColonneGauche a, #ColonneGauche a:link, #ColonneGauche a:active, #ColonneGauche a:visited {
	color:#000000;
	text-decoration:underline;
}
#ColonneGauche a:hover {
	color: #E67713;
	text-decoration:none;
}
#ColonneGauche p {
	margin-bottom: 12px;
}
#ColonneGauche H1{
	font-size:18px;
	font-weight:bold;
	margin-bottom:12px;
	color:#B40121;
	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;
}

/*************************************************************
					COLONNE DROITE
*************************************************************/
#BlocColonneDroite {
float:left;
padding-bottom:20px;
text-align:left;
width:580px;
}
#ColonneDroite {
	padding:5px 30px 0px 40px;
	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;
}
#BlocRecyclage{
	width:507px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #8E9295;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
} 
#Recyclage{
	padding:10px;
	color:#1B7302;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}
#Recyclage .Vignette {padding-top:10px;width: 100px; min-height:60px; _height:60px;float:left;}

/*************************************************************
					COLONNE LARGE
*************************************************************/
#BlocColonneLarge {
	width: 937px;
	float: left;
	text-align:left;
}
#ColonneLarge {
	padding:5px 20px 0px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#ColonneLarge a, #ColonneLarge a:link, #ColonneLarge a:active, #ColonneLarge a:visited {
	color:#000000;
	text-decoration:underline;
}
#ColonneLarge a:hover {
	color: #E67713;
	text-decoration:none;
}
#ColonneLarge p{
	margin-bottom: 12px;
}
#ColonneLarge H1{
	font-size:18px;
	font-weight:bold;
	margin-bottom:12px;
	color:#B40121;
	text-transform:uppercase;
}
#ColonneLarge H2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:10px;
	color:#B40121;
}
#ColonneLarge H3{
	font-size:13px;
	font-weight:bold;
	color:#000000;
}
#ColonneLarge H5{
	font-size:15px;
	font-weight:bold;
	color:#cc0000;
}
#ColonneLarge .CadrePhoto {
	border: 3px solid #FFFFFF;
	margin-bottom:10px;
}
#ColonneLarge .Colonne1 {
	width: 425px;
	float:left;
	margin-right:15px;
}
#ColonneLarge .Colonne2 {
	width: 440px;
	float:left;
}
#ColonneLarge ul {
	padding-left:40px;
}
#ColonneLarge ul li {
	list-style-type: square;
}


/*************************************************************
					PIED DE PAGE
*************************************************************/
#Pied {
	width: 947px;
	height:45px;
	color: #FFFFFF;
	text-align: left;
}

#BlocCoordonnees {
	width: 750px;
	float:left;
}
#Coordonnees {
	padding: 12px 0px 5px 17px;
	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: #FFCC33;
	text-decoration:underline;
}
#BlocSignature{
	width: 197px;
	float:left;
}
#Signature{
	padding: 13px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
}
#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited   {
	color:#FFFFFF;
	text-decoration:none;
}
#Signature a:hover   {
	color: #FFCC33;
	text-decoration:none;
}
#BlocPartenairesBasdepage {
	width: 947px;
	min-height:33px;
	_height:33px;
}
#BlocPartenairesBasdepage li.Separateur{
	width: 25px;
	height: 33px;
	float:left;
	list-style-type: none;
	padding:0px;
}
#BlocPartenairesBasdepage li.PartenairesBasdepage{
	width: 100px;
	height: 33px;
	float:left;
	list-style-type: none;
	padding:0px;
}


/*************************************************************
					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: 10px;
	height:16px;
}
TABLE.TableData TD{
	font-size: 10px;
	text-align: center;
	color:#333333;	
	border: none;
	border-bottom: 1px solid #525E6A;
}

TABLE.TableData TH{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	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: 10px;
	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 TR.L1,
TABLE.TableData TD.L1{	background-color: #808000; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L1{	background-color: #808000; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}
TABLE.TableData TR.L2,
TABLE.TableData TD.L2{	background-color: #993300; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L2{	background-color: #993300; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}
TABLE.TableData TR.L3,
TABLE.TableData TD.L3{	background-color: #FF6600; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L3{	background-color: #FF6600; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}
TABLE.TableData TR.L4,
TABLE.TableData TD.L4{	background-color: #333399; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L4{	background-color: #333399; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}
TABLE.TableData TR.L5,
TABLE.TableData TD.L5{	background-color: #33CCCC; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L5{	background-color: #33CCCC; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}
TABLE.TableData TR.L6,
TABLE.TableData TD.L6{	background-color: #339966; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L6{	background-color: #339966; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}
TABLE.TableData TR.L7,
TABLE.TableData TD.L7{	background-color: #FF00FF; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left;}
TABLE.TableData TH.L7{	background-color: #FF00FF; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; padding-left:5px;}

TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover,TABLE.TableData TR.L3:hover,TABLE.TableData TR.L4:hover,TABLE.TableData TR.L5:hover,TABLE.TableData TR.L6:hover,TABLE.TableData TR.L7: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;
	}
#Visite {
	padding-left:30px;	}
#Visite .PhotoVisite {
	border: 1px solid #666666;
	float: left;
	margin-right: 20px;
	margin-bottom:20px;
	}