/*SITE www.reliances.ch par inforweb.ch */

/* TAGs section 
-------------------------------------------- */
body {
	background-color: #000000;
	background-image:url(../img-CSS-id/back.jpg);
	margin: 0;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-seif;
	font-size: 12px;
	color: #FFFFFF;
}
p, h5 {
	margin: 10px 0;
}
h1.top {
	color: #FFFFCC;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFFFCC;
	padding: 0;
	margin: 0;
	text-align:left;
}
h1.bottom {
	color: #FFFFCC;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#FFFFCC;
	padding: 0;
	margin: 0;
	text-align:right;
}
h4 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}
h5 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
hr {
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	color: #FFFFCC;
	background-color: #FFFFCC;
	border: 0;
}
a:link {
	color: #FFFF00;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #FFFF00;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #00FF00;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
tr td {
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:5px;
}
/* ID section 
-------------------------------------------- */
/* PLACER DANS MEDIA SCREEN SINON BUG AVEC MEDIA PRINT  
#gabari {
	width:800px;
	background-color: #FFFFFF;
	margin:0 auto; /*margin: 0px auto; = centre le block (fonctionne pas avec print) <<<
}
*/
/*
#gabari {
	position:absolute;
	width:750px;
	left:50%;
	margin-left: -375px;
	background-color: #FFFFFF;
}
*/
#gabari {
	width:800px;
	background-color: #CC9900;
	margin:0 auto; /*margin: 0px auto; = centre le block (fonctionne pas avec print) <<< */
}
#head {
	height:40px;
	background-image: url(../img-CSS-id/head.gif);
	background-color: #CC9900;
	padding-top: 15px;
	color: #FFFFFF;
	font-size: 22px;
	font-weight:bold;
	text-align:center;
}
#head .v {
	color:#00FF00;
	font-size: 22px;
}
#head .j {
	color:#FFFF00;
	font-size: 22px;
}
#head .r {
	color:#FF0000;
	font-size: 22px;
}
#menuTop {
	background-image: url(../img-CSS-id/content.gif);
	background-color: #CC9900;
	height:30px;
	padding: 0px 0 5px 0;
}
#content {
	position:relative;
	background-image: url(../img-CSS-id/content.gif);
	background-color: #CC9900;
	padding: 0 20px;
	margin: 0;
}
#menuBottom {
	background-image: url(../img-CSS-id/content.gif);
	background-color: #CC9900;
	height:30px;
	padding: 9px 0 0 0;
}
#footer {
	height:55px;
	background-image: url(../img-CSS-id/footer.gif);
	background-color: #CC9900;
	clear:both;
}
/* Contenu des pages */
#content img.left {
	padding: 3px;
	margin: 8px 8px 8px 0;
	border-style:solid;
	border-color:#FF0000;
	border-width:3px;
}
#content img.right {
	padding: 3px;
	margin: 8px 8px 8px 0;
	border-style:solid;
	border-color:#FF0000;
	border-width:3px;
}
/* menuBar section
-------------------------------------------- */
.menuBar {
	color: #FFFF00;
	background-color:#000000;
	font-weight: bold;
	font-size: 11px;
	border-style: solid;
	border-width: 2px;
	border-color: #FF0000;
	padding: 4px 0;
	margin: 0 60px;
}
.menuBar a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.menuBar a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.menuBar a:active {
	color: #FF0000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.menuBar a:hover {
	color: #FF0000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
/* --- Colonnes avec HACK ----------------------------------------- */		
	
/* Pour firefox : afin que cols prenne la hauteur de content ! */
 div#cadre:after {
	clear: both;
	content: "texte hidden";
	display: block;
	height: 1px;
	visibility: hidden;
}
/* HACK pour IE < 7.0 */
 * html div#cadre {
	height: 1%;
}
#cadre {
	position:relative;
	padding: 15px;
	margin: 10px 0;
	background-color:#DF9900;
	border:#666666 2px solid;
}
#leftCol {
	float: left;
	height:100%; /*height : 100%; --- si non 100% de l'affichage en cours (ouverture de fenetre) --- */
	width: 355px; /* largeur 380px moins padding, margin et border */
	margin: 0 8px 0 0;
	background-color:transparent;
}
#rightCol {
	float: left;
	height:100%; /*height : 100%; --- si non 100% de l'affichage en cours (ouverture de fenetre) --- */
	width: 355px; /* largeur 380px moins padding et border */
	padding: 0 0 0 8px;
	background-color:transparent;
	
}
#news {
	background-color: #FFFFCC;
	border: dotted 2px #CC3300;
	color: #660000;
	padding: 1px 10px;
	font-size: 12px;
	clear: both;
}
#news .newstitle {
	color: #660000;
	font-size: 18px;
	font-weight: bold;
	font-variant:small-caps;
}
#news a {
	color:#EE0000;
}
#news a:hover {
	color:#000099;
}

#googlemap {
margin-left: 10px;
color: #000000;
}
#googlemap a {
color: #0000FF;
}

/* -- formulaires et boutons -------------------------------------------------------------*/
		.champForm {
	margin: 5px;
}
.needField {
	font-size: 10px;
	color: #FFFF00;
}
.formField {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	width: 250px;
}
.formButton {
	border-right: #999999 2px solid;
	border-top: #999999 2px solid;
	border-left: #999999 2px solid;
	border-bottom: #999999 2px solid;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	margin: 5px;
}
textarea {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 10px;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ffffff;
	width: 450px;
}
/* CLASS section PAGE ACCUEIL
-------------------------------------------- */
	.player {
	color: #FFFFFF;
	font-size: 9px;
}
.player a:link {
	color: #FFFF00;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.player a:visited {
	color: #FFFF00;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.player a:hover {
	color: #FF0000;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.player a:active {
	color: #00FF00;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.ligne1 {
	color: #000066;
	font-size: 16px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.ligne2 {
	color: #000066;
	font-size: 16px;
	margin-left: 50px;
	margin-bottom: 5px;
}
.ligne3 {
	color: #000066;
	font-size: 16px;
	margin-left: 180px;
	margin-bottom: 20px;
}
.ligne3 em {
	color: #FF3366;
	font-size: 18px;
}
/* Partir à la decouverte */
.ligne4 {
	color: #000066;
	font-size: 18px;
	margin-left: 0px;
	margin-bottom: 20px;
}
.ligne4 em {
	color: #009933;
	font-size: 24px;
}
.ligne5 {
	color: #FFFF00;
	font-size: 16px;
	margin-left: 30px;
	margin-bottom: 5px;
}
.ligne6 {
	color: #000066;
	font-size: 24px;
	margin-left: 90px;
	margin-bottom: 5px;
}
.ligne7 {
	color: #000066;
	font-size: 16px;
	margin-left: 380px;
	margin-bottom: 50px;
}
/* -- accessibilité sans feuille de style -------------------------------------------------------------*/
		.noDisplay {
	display: none;
}