/*
Titre			styles.css
Site 			cochondor.ch
Navigateurs 	tous (sauf IE)
Autheur 		V.T. (www.megaphone.ch)
Date création 	10.03.2010
Dernière modif.	15.03.2010
*/

/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
Basé sur styleMain.css de www.elliotjaystocks.com 
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal } /*ne pas mettre em et strong dans cette ligne VT*/
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
q:before, q:after { content:''}

strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style:none; }

html>body * a { position:relative }  /*Gets links displaying over a PNG background */ /*html>body n'est pas compris par IE6*/
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

table tr td { padding:0 5px 15px 5px; }

/* 
TYPO 
*/

h1 { font:24px/24px Arial, Helvetica, sans-serif; margin:0 0 2px 0; color:#fff; text-align:left }
h2 { display:none; font:normal 22px/22px Arial, Helvetica, sans-serif; padding:16px 0 10px 0; color:#fff; text-align:left; }
h3 { font:normal 20px/20px Arial, Helvetica, sans-serif; padding:0px 0 5px 0; margin-top:5px;color:#fff; text-align:left; }
h4 { font:bold 16px/20px Arial, Helvetica, sans-serif; padding:10px 0 8px 0; color:#fff; text-align:left }
p { margin:2px 0 10px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
body, p, li, dt, dd, label { font-size:14px; line-height:18px; color:#ffffff; }
input, textarea { font-size:11px; color:#333; padding:2px }
blockquote { font:11px/18px Verdana, Arial, Helvetica, sans-serif bold }
img, a img { border:5px solid #930b17; padding:0; margin:0; }

ul li { list-style-type:disc; margin:0 0 0 15px; }

th { display:none; }

a { color:#fff; text-decoration:underline }
a:visited { color:#fff; text-decoration:underline }
a:hover { color:#fff; text-decoration:underline }
a:focus { color:#fff; text-decoration:underline }

h1.title { display:block; height:0; width:0; font:normal 1px Arial, verdana, sans-serif; color:#333; text-decoration:none; text-indent:-9999px }
h2.siteDescription { position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px }

h3 { min-height:20px; padding-left:25px;background-image:url("images/puce_20.png"); background-repeat:no-repeat; background-position: 0 top ; }

img.logo { border:none; }

.rouge { width:280px;border:5px solid #930b17;background-color:white;padding:10px;color:#930b17;font-size:12px; }
.rougelong { width:380px;border:5px solid #930b17;background-color:white;padding:10px;color:#930b17;font-size:12px; }
.rouge h3, .rouge h4, .rouge a, .rouge p, .rouge strong, .rougelong h3, .rougelong h4, .rougelong a, .rougelong p, .rougelong strong { color:#930b17; }
.rouge h3, .rougelong h3  { background:none; padding:0; height:25px;}

table tr td a img.imgbord { border:5px solid #930b17; padding:0; margin:0; }

table.horaires tr td { padding-right:50px; }

div#leftCol ul li { list-style:none; }
div#leftCol ul li { margin:10px 0 10px 0; }
div#leftCol ul li a { display:block; padding: 0 0 0 20px; text-decoration:none; font:normal 15px/25px Arial, Helvetica, sans-serif;  }
div#leftCol ul li a:hover { background-color:#a11a26; }
div#leftCol ul li a.currentmenu { background-color:#930b17; font-weight:bold; }

table.lien a img { border:none; }

div#footer { font-size:12px; color:#fff }
div#footer span.large { text-transform:uppercase; font-weight:bold; font-size:15px; }

/*
.infoText { display:block; margin-bottom:4px; font:normal small-caps 11px/14px Georgia, 'Times New Roman', Times, serif }
div#motrecherche { color:#666 }
div#motrecherche label { color:#666; cursor:pointer; }
div#motrecherche .formfield { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#604288 }
.formbutton { background-color:#3c725a; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;  }
.pagesNum { font-style:italic; margin-top:6px; }
*/

.formulaire { width:280px; border:5px solid #930b17;background-color:#a11a26;padding:10px;color:#fff;font-size:12px;line-height:12px;}
.formulaire h5 { color:#fff; padding-bottom:10px; }

/* 
LAYOUT 
*/
body { background-color: #b70218; text-align:center; }
div#wrapper {  width:980px; margin:0 auto 0 auto; /*padding-top:20px;*/ text-align:left; }
div#header { height:210px; text-align:center; }
div#content { position:relative; }
div#text { margin-left:200px; padding:5px 10px 10px 10px; min-height:260px; }
*html div#text { height:400px; } /*IE6*/
div#leftCol { position:absolute; top:0px; width:160px; text-align:left; }
div#news { width:639px; background:url(images/fond_news.gif) 0 0 repeat-y; }
div#footer { padding:10px 0 10px 0; text-align:center; background-color:#930b17; margin-top:20px; background-image:url("images/fond.png"); background-repeat:no-repeat; background-position:center ; }

/* 
OTHERS 
*/
.imgLeft { float:left;margin-right:5px; }
.imgGallery { float:left; margin:0 5px 5px 0; }
.boldText { font-weight:bold }
.underlineText, a.underlineText { text-decoration:underline }
.uppercaseText { text-transform: uppercase }
.small { font-size:10px; }
.small a { font-size:10px; }
.clearing { clear:both }
.clearleft { clear:left; }
fieldset { padding:0 0 10px 0 }
.imgPlan { vertical-align:middle }

/*
Formulaires
*/ 
form { display:inline; margin:0; padding:0; }
label { /* mise en forme des intitulés de champs */
	padding: 0;
	/*vertical-align: top;*/
	cursor:pointer;
	color:#fff;
	font-size:12px;
	line-height:12px;
}
input { height:16px; padding:0; margin:0; }
.radio { margin-bottom:3px; vertical-align:middle; }
.formfield { border-right: #CCC 1px solid; border-top: #666 1px solid; border-left: #666 1px solid; border-bottom: #CCC 1px solid; height:12px; background-color: #fff; color:#930b17; width:150px; margin:0; font-size:10px;}

.formbutton {
	font-weight: bold;
	font-size:12px;
	color: #fff;
	background-color: #930b17;
	border:1px solid white;
	padding:2px;
	margin:0;
	cursor:pointer;
	height:24px;
}