/*
Titre			styles.css
Site 			vacances-chretiennes.com
Navigateurs 	tous sauf IE
Autheur 		C.R. (www.megaphone.ch)
Date création 	18.03.2009
Dernière modif.	18.03.2009
*/



/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
*/

*, 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 
*/

h1 { font:22px/24px Georgia, 'Times New Roman', Times, serif bold; margin:0 0 10px 0; color:#062d60 }
h2 { font:normal 15px/20px Verdana, Arial, Helvetica, sans-serif; padding:5px 0 10px 0; margin:0; color:#062d60; font-weight:bold; text-align:left; }
h3 { font:normal 16px/22px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 6px 0; color:#062d60 }
h4 { font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 2px 0; color:#062d60 }
p { margin:0.5em 0 1em 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
body { font-size:0.8em; line-height:1.5em; color:#062d60 }
/*body, p, li, dt, dd, label { font-size:11px; line-height:18px; color:#062d60 }*/
input, textarea { font-size:11px; color:#062d60; padding:2px }
blockquote { font:11px/18px Verdana, Arial, Helvetica, sans-serif bold }

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

h1.title { padding:0; margin:0; }
h1.title a { display:block; width:210px; height:160px; text-indent:-1000px; color:#062d60; text-decoration:none }
html>body div#header h1.title a { background:url('images/logo_guide_des_vacances.png') top left no-repeat } /*html>body n'est pas compris par IE6*/
h1.title a:hover { color:#062d60 }
h2.pageTitle { padding:0; height:60px; line-height:60px; background:url('images/titres_types/defaut.png') top left no-repeat; text-indent:-9999px }
div#text ul.offersList li h3 { background:transparent url('images/list_style.png') center left no-repeat; padding:0 0 0 20px; margin:0 }

div#typeNav a, div#typeNav a:hover, ul#apNav li a:hover { color:#fff; text-decoration:underline; font-weight:bold; }
div#typeNav h2 { color:#fff; font-size: 16/18px; text-align:justify; border-bottom:1px solid #fff;margin:0 0 10px 0; }
div#menuTop a { color:#062d60; text-decoration:none; }
div#menuTop a:hover { color:#4884cb; text-decoration:none; }

a.linkTitle { text-decoration:none }
a.linkTitle:hover { text-decoration:underline }

ul.linksList li { padding:0.4em 0 1em 0 }
ul.homeActuList {  border-left:1px solid #ccc; padding-left:15px }
ul.homeActuList li { padding:0.4em 0 1em 0 }
ul.standardList, div#text ul { margin:2px 0 10px 0 }
ul.standardList li, div#text li { list-style: disc inside; margin-left:1em }
div#text ul.offersList { margin:0; padding:0; }
div#text ul.offersList li { list-style:none; margin:0; padding:0.5em 0 1em 0 }
div#text ul.offersList li p { margin:0.5em 0 0 0; padding:0 }

div#footer { font-size:10px; color:#062d60 }

legend { font-weight:bold; padding:18px 0 6px 0; }

p.siteDescription { position:absolute; top:800px; left:0px; width:200px; text-indent:-9999px }
.more { font-size:smaller; text-decoration:underline; padding-left:1em }
.smallText { font-size:smaller; }
.info_complet { font-size:x-small; font-weight:bold; color:red; }

/* 
LAYOUT 
*/
body { background-color:#fde5d5; text-align:left }
div#wrapper { width:100%; min-width:1000px; text-align:left }
div#header { height:160px; margin:30px 0 0 30px }
form#searchForm { position:absolute; top:140px; left:690px }
div#content { margin:40px 0 0 220px }
div#contentplain { margin:40px 0 0 0; width:100%; min-width:1000px; }
div#text { float:left; padding:10px 15px 15px 20px; widht:100%; min-width:633px; max-width:900px; min-height:250px; background:transparent url('images/text_background.png') top left; text-align:left; border:1px solid white; }
div#rightCol { float:left; width:250px; margin-top:-21px; border-top:1px solid #c6c5c6 }
div#footer { clear:both; padding:30px 310px 0 0; text-align:center }
div#menuTypesCol  { position:absolute; top:230px; left:0; width:200px }
div#typeNav  { padding:10px 7px 0px 7px; border:1px solid #062d60; background-color:#269fd2; color:#fff; text-decoration:none; font:normal 1em/18px Verdana, Helvetica, sans-serif; text-align:justify; background:transparent url('images/gauche_background.png') top left repeat; }
ul#apNav  { padding:10px 0 0 0; background:transparent url('images/menu_ap_bg.png') top left repeat-y; }
div#menuTop  { position:fixed; top:0; left:0; margin:0 0 0 240px }
div#menuTop * { float:left }
div#menuTop ul { border-bottom:1px solid #cab7bd; background-color:#fbe3d3 }
ul#menuTopMain li { display:inline; padding:0; margin:0; height:21px }
div#menuTop ul li a { padding:0 0.7em 0 0.7em  }
div#menuTop a.organisateursLink { float:left; padding:0 0.7em 0 0.7em; height:21px; border-bottom:1px solid #cab7bd; background-color:#fddcc7 }

/* 
OTHERS 
*/
.clearing { clear:both }
fieldset { padding:0 0 10px 0 }
.apNavTitle { padding:10px 0 0 0 }
.btOrganisateurLeftCorner { margin:0 0 0 2em }
.btOrganisateurRightCorner { margin:0 2em 0 0 }
.verticalMiddle { vertical-align:middle; }

/*
Formulaires
*/ 
form { margin:0.5em 0 0.5em 0; padding:0; width:100%; text-align: left; }
label { margin: 0; padding: 0 0 0 0; vertical-align: middle; color: #333; }
form p { margin: 0.2em 0; padding: 0; }
form p label { float:left; margin: 0; padding:0; vertical-align: middle; font-size: x-small; width: 150px; text-align: left; }

.formfield { border-right: #CCC 1px solid; border-top: #666 1px solid; border-left: #666 1px solid; border-bottom: #CCC 1px solid; font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif; color: #333; background-color: #fff; width:200px; margin:2px;vertical-align: middle; }
.radio { padding-top:3px; }

.formfieldShort {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #fff;
	margin:2px;
	width: 80px;
}
input { 
	padding:0.1em;
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	color: #333;
	background-color: #fff;
}
.checkbox { border:none; padding:0; margin:0;background:transparent; } 
.formbutton {
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin:0 1em 0 0; 
	padding:0; 
	border:1px solid #062d60; 
	vertical-align:middle; 
	background-color:#537bac; 
	color:#fff;
	width:150px;
}
.formbuttonlong  {
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin:0 0 0 0; 
	padding:0; 
	border:1px solid #062d60; 
	vertical-align:middle; 
	background-color:#537bac; 
	color:#fff;
	width:230px;
}	
select {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	background-color: #fff ;
	margin:0 0 0 5px;
}
textarea {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	background-color: #fff ;
	width: 250px;
	/*margin-bottom:10px;*/
}

/* En dernier */
body { background:#fde5d5 url('images/background.jpg') top left fixed no-repeat }