/* CSS Document */

#main #contenu {
	background:none;
	margin: 5px 0px 0px 9px;
	padding: 0px;
}

#main #contenu #annonce {
	line-height:13px;
	background-image:url(../images/top-annonce-bg.png);
	background-repeat:repeat-y;
	color:#62412c;
	font-size:11px;
	padding:3px 9px;
	margin-bottom:4px;
}

#main #contenu #annonce a {
	font-size:11px;
}

#main #contenu #annonce img {
	margin-right:8px;
}

#main #contenu img.separateur {
	width: 100%;
	height: 7px;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#main #contenu #coloneGauche1, #main #contenu #coloneGauche2, #main #contenu #annuaireLiens, #main #contenu #texteReferencement {
	float: left;
	margin-right: 7px;
}

#main #contenu #coloneGauche {
	float: left;
	width: 522px;
}

#main #contenu #coloneDroite {
	float: left;
	width: 188px;
}

#main #contenu #coloneGauche #banniere {
	width:514px;
	height:287px;
	line-height:0px;
	margin-bottom: 36px;
}

#main #contenu #coloneGauche #banniereAccueil {
	display:inline;
	line-height:0px;
	margin-bottom: 0px;
}

#main #contenu #coloneGauche #slider {
	display:inline;
	line-height:0px;
	margin-bottom: 36px;
}

/* Navigateurs modernes seulement (IE 7 non inclus) : Firefox & Safari */
html>/**/body #main #contenu #coloneGauche img.morceauTeaser {
	display:list-item;
}

#main #contenu #coloneGauche #banniere img {
	float:left;
}

#main #contenu #coloneGauche div.article {
	width: 254px;
	background-color:#f5efe4;
	background-image:url(../images/bas-div-accueil.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding: 0px 0px 35px 0px;
	margin: 0px 0px 20px 0px;
}

/* Un peu plus de padding pour la première des 2 colones de gauche */
#main #contenu #coloneGauche #coloneGauche1 div.article p {
	padding-left: 6px;
}

#main #contenu #coloneGauche #coloneGauche1 div.article h2 {
	padding-left: 6px;
	padding-bottom: 10px;
}

#main #contenu #coloneGauche #coloneGauche1 div.article p.gros {
	font-size: 13px;
	padding-top: 10px;
}
#main #contenu #coloneGauche #coloneGauche1 div.article .centre {
	padding-left: 33px;
}

/* utiliser en complément au style "article" */
#main #contenu #coloneGauche div.mauve {
	background-color:#ede9f3;
	background-image:url(../images/bas-div-accueil-mauve.gif);
}

#main #contenu #coloneGauche #annuaireLiens {
	width: 491px;
	background-color: #f5efe4;
	padding: 10px 12px 36px 12px;
	
	background-image:url(../images/bas-contenu.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
}

#main #contenu #coloneGauche #texteReferencement {
	width: 479px;
	background-color: #f5efe4;
	padding: 16px 18px 36px 18px;
	
	background-image:url(../images/bas-contenu.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
}

#main #contenu #coloneGauche #texteReferencement h2 {
	margin: 8px 0px 8px 2px;
	padding: 0px;
	font-size: 14px;
	text-transform:none;
}

#main #contenu #coloneGauche #annuaireLiens h2 {
	margin: 8px 0px 8px 0px;
	padding: 0px;
	font-size: 11px;
	text-transform:none;
}

#main #contenu #coloneGauche #texteReferencement p {
	color: #252525;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	margin:16px 10px 0px 2px;
}

#main #contenu #coloneGauche #texteReferencement p strong {
	color:#d1373f;
}

#main #contenu #coloneGauche #annuaireLiens a {
	color: #abb099;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-decoration: none;
}

#main #contenu #coloneGauche #texteReferencement p a {
	color:#252525;
	font-size:11px;
}

#main #contenu #coloneGauche #texteReferencement a:hover,
#main #contenu #coloneGauche #annuaireLiens a:hover {
	color: #d1373f;
}

#main #contenu #coloneDroite div.article {
	width: 188px;
	background-color:#f5efe4;
	background-image:url(../images/bas-div-accueil.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding: 0px 0px 35px 0px;
	margin: 0px 0px 7px 0px;
}

#main #contenu #coloneDroite div.vide {
	padding: 0px 0px 0px 0px;
	background:none;
}

#main #contenu #coloneDroite img.teaser {
	margin: 0px 0px 7px 0px;
}

#main #contenu p {
	font-size: 11px;
	margin: 3px 0px 3px 12px;
	padding: 0px 0px 0px 0px;
}

#main #contenu p.plus {
	padding: 0px 14px 4px 0px;
	text-align:right;
}

#main #contenu #coloneGauche #coloneGauche2 p {
	margin: 8px 0px 10px 12px;
}

#main #contenu h1 {
	margin-bottom: 0px;
	text-transform:uppercase;
}

#main #contenu h1 a {
	font-size: 14px;
}

#main #contenu #coloneGauche img.icone {
	position:absolute;
	margin-left: 155px;
	margin-top: -61px;
}

#main #contenu #coloneDroite img.icone {
	position:absolute;
	margin-left: 102px;
	margin-top: -61px;
}

#main #contenu #coloneDroite img.zoneLienMeteo {
	position:absolute;
	width: 188px;
	height: 29px;
}

/* Restreindre les largeurs des H1 pour IE6 */
#main #contenu #coloneGauche div.article h1 {
	width: 230px;
}

#main #contenu #coloneDroite div.article h1 {
	width: 164px;
}

#main #contenu h2 {
	margin: 3px 0px 3px 12px;
	padding: 0px 0px 0px 0px;
}

#main #contenu h2.orange {
	color:#e6964d;
}

#main #contenu h3 {
	background-color:#d1373f;
	font-size: 12px;
	color:#f7f3ea;
	padding: 4px 6px 4px 6px;
	margin: -2px 5px 10px 5px;
}

#main #contenu h3.orange {
	background-color:#e6964d;
}

#main #contenu a.orange {
	color:#e6964d;
}

#main #contenu .temperature {
	margin-left: 10px; width: 85%;
}

#main #contenu .temperature td {
	font-style:italic;
}

#main #contenu .temperature td.donnees {
	color: #d1373f;
	text-align: right;
}

#main #contenu .temperature td.icones {
	font-size: 11px;
	text-align: center;
	width: 50%;
}

div.bordurePhotoExt {
	border: #9d9b9c 1px solid;
	width: 120px;
	height:91px;
}

div.bordurePhotoInt {
	border: #fefffd 1px solid;
	width: 118px;
	height:89px;
}

div.bordureWebcamExt {
	border: #9d9b9c 1px solid;
	width: 162px;
	height:108px;
}

div.bordureWebcamInt {
	border: #fefffd 1px solid;
	width: 160px;
	height:106px;
}