/*
Titre			styles.css
Site 			secaar.ch
Navigateurs 	tous
Auteur 			V.T. (www.megaphone.ch)
Date création 	10.03.2009
Dernière modif.	12.03.2009
*/

/* 
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, em, strong, th, var { font-style:normal; font-weight:normal }
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 }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* 
TYPO 
*/
body { margin:0; padding:0; width:100%; min-width:900px; max-width:1200px; text-align:left; background-color: #FFF; font-family:Georgia, Verdana, Arial, sans-serif; font-size:0.8em; color:#444; }
*html body { width:1000px; }/*html>body est compris que par IE6*/

a:link { text-decoration:underline; color:#cc3505; }
a:active { text-decoration:underline; color:#cc3505; }
a:visited { text-decoration:underline; color:#cc3505; }
a:hover { text-decoration:underline; color:#cc3505; }

img { border:0; text-decoration:none; }

h1 { position:absolute; margin:60px 0 2em 110px; padding:0; font-size:1.4em; font-weight:normal; font-family:Arial, Verdana, sans-serif; color:#026f01; }
h2 { margin:1.5em 0 0.6em 0; padding:0; font-size:1.5em; font-weight:normal; color:#fff; background-color:#6d6d6d }
h3 { margin:1em 0 0.5em 0; padding:0; font-size:1.4em; font-weight:normal; color:#555; }
h4 { margin:0.8em 0 0 0; padding:0; font-size:1.1em; font-weight:bold; }
h4 img { vertical-align:middle; }

hr { color:#c5d6b6; background-color:#c5d6b6; height:1px; line-height:1px; border:0px; margin-top:10px; margin-bottom:20px; }
table { width:100%; }
table tr td { padding:0 0 15px 0; text-align:center; }
ul { margin: 0 0 0 15px; padding:2px;  }
ul li { margin: 0; padding: 0.2em 0 0.3em 0;list-style-type:disc; }
p { padding:0; }

/* 
LAYOUT 
*/
#accessibility { display:none; }
#main { min-height:604px; margin-left:130px; min-width:900px; text-align:left; background:url("images/fond_page.gif") 120px 0 repeat-x; background-color:#f2eacd; padding-bottom:20px; padding-top:40px; }
*html body #main { width:1000px; }/*html>body est compris que par IE6*/
#gauche { position:absolute; top:0; left:0; width:162px; height:604px; min-height:604px; margin-left:50px; background:url("images/fond_menu.gif") 0 160px no-repeat; }
#gauche img { margin-top: 74px; }
#milieu { margin-left:80px; margin-right:320px; padding:104px 0 0 30px; }
#droite { float:right; width:250px; min-height:300px; background:url("images/puzzle.png") 0 0 no-repeat; padding:145px 40px 0 20px; margin-left:30px; margin-bottom:20px; font-size:0.9em; } 
*html body #droite { background:url("images/puzzle.gif") 0 0 no-repeat; }/*html>body est compris que par IE6*/
#menu { position:absolute; top:170px; left:50px; height:280px; width:140px; color:#355e2d; text-align:right; font-family: georgia, verdana, arial, sans-serif; }  
#menu a { display:block; line-height:19px; font-size:0.90em; }
#menu a:link { text-decoration:none; color:#355e2d; }
#menu a:active { text-decoration:none; color:#355e2d; }
#menu a:visited { text-decoration:none; color:#355e2d; }
#menu a:hover { text-decoration:none; font-weight:bold; color:#355e2d; }
#menu .currentmenu { color:#355e2d; font-weight:bold; }
#footer { color: #999; margin:0 0 0 130px; padding:20px 0 10px 110px; font-size:0.9em; background:url("images/fond_bas.gif") 120px 0 repeat-x; }

/* 
OTHERS 
*/
.imgcoin { position:absolute;left:130px; }
.imgLeft { float:left; margin-right:5px; }
.imgBottom { vertical-align:bottom; }
.discret { font-size:0.9em; }
.small { font-size:0.8em; }
.clearleft { clear:left; }
.clearing { clear:both; }
.pdf { background:url("images/pdf.gif") 0 0 no-repeat;padding:0 0 0 50px; min-height:50px; margin-top:20px; }
/*
.imgPage {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	border:5px solid #a6c259;
}
.imgList {
	margin:5px;
	border:5px solid #a6c259;
}
#popup {
	margin:5px;
}
.indice {
	vertical-align: sub; 
	font-size: smaller;
}
.exposant {
	vertical-align: super; 
	font-size: smaller;
}
*/

/*
Formulaires
*/ 
form { padding-bottom:10px; } 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
}
form.contact label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent cette dimension de la largeur totale du formulaire ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
}
.champ { border: #026E00 1px solid; color: #333; background-color: #fff; margin:0.5em 0 0 0; font-size:0.9em; }
form.contact .champ { width:200px; }
/*.champ { padding:0; margin:0;border: #026E00 1px solid; color: #000000;  background-color: #ffffff; width: 260px; font-size:0.8em; }*/
.bouton { border: #ffffff 1px solid; font-weight: bold; color: #ffffff; background-color: #026E00; font-size:0.8em; margin:0 0 0 5px; }
form.contact .bouton { margin:10px 0 10px 155px;}
textarea { border: #026E00 1px solid; margin:0.5em 0 0 0; }