/*
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:24px/24px Georgia, 'Times New Roman', Times, serif bold; margin:0 0 2px 0; color:#062d60 }
h2 { font:normal 20px/22px Verdana, Arial, Helvetica, sans-serif; padding:16px 0 10px 0; color:#062d60;  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 }
html>body h2.pageTitle { background-image:url('images/titres_types/defaut.png') }
html>body h2.homepage { background-image:url('images/titres_types/homepage.png') }
html>body h2.bed_breakfast { background-image:url('images/titres_types/bedbreakfast.png') }
html>body h2.camp_colonie { background-image:url('images/titres_types/campcolonie.png') }
html>body h2.camping { background-image:url('images/titres_types/camping.png') }
html>body h2.centre_de_camps { background-image:url('images/titres_types/centredecamps.png') }
html>body h2.congres { background-image:url('images/titres_types/congres.png') }
html>body h2.convention { background-image:url('images/titres_types/convention.png') }
html>body h2.echanges_de_maisons { background-image:url('images/titres_types/echangesdemaisons.png') }
html>body h2.evangelisation { background-image:url('images/titres_types/evangelisation.png') }
html>body h2.festival { background-image:url('images/titres_types/festival.png') }
html>body h2.formation { background-image:url('images/titres_types/formation.png') }
html>body h2.hotel { background-image:url('images/titres_types/hotel.png') }
html>body h2.location { background-image:url('images/titres_types/location.png') }
html>body h2.randonnee { background-image:url('images/titres_types/randonnee.png') }
html>body h2.retraite_spirituelle { background-image:url('images/titres_types/retraitespirituelle.png') }
html>body h2.sejour_linguistique { background-image:url('images/titres_types/sejourlinguistique.png') }
html>body h2.sejour_solo { background-image:url('images/titres_types/sejoursolo.png') }
html>body h2.seminaire { background-image:url('images/titres_types/seminaire.png') }
html>body h2.tournee { background-image:url('images/titres_types/tournee.png') }
html>body h2.veillee { background-image:url('images/titres_types/veillee.png') }
html>body h2.voyage { background-image:url('images/titres_types/voyage.png') }
html>body h2.week_end { background-image:url('images/titres_types/weekend.png') }
h2.pageTitle { padding:0; height:60px; line-height:60px; background-position:top left; background-repeat:no-repeat; text-indent:-9999px }
div#text ul.offersList li h3 { background:#fff url('images/list_style.png') center left no-repeat; padding:0 0 0 20px; margin:0 }

ul#typeNav li a, ul#apNav li a { display:block; width:165px; margin:0; padding:0 15px 0 0; color:#fff; text-decoration:none; font:normal 1em/18px Verdana, Helvetica, sans-serif; text-align:right }
ul#typeNav li a:hover, ul#apNav li a:hover { color:#fff; text-decoration:none; font-weight:bold; }
ul#typeNav li a.currentMenu, ul#apNav li a.currentMenu { font-size:16px; font-weight:bold }
div#menuTop a { color:#062d60; text-decoration:none; }
div#menuTop a:hover { color:#4884cb; text-decoration:none; }
div#menuTop a.current { color:#062d60; font-weight:bold; 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#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; }

/*
.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; }
*/

/* 
LAYOUT 
*/
body { background-color:#fde5d5; text-align:left }
div#wrapper { width:1000px; text-align:left }
div#header { height:160px; margin:30px 0 0 30px }
form#searchForm { padding:1em 1em 1em 1.5em; }
div#content { margin:0 0 0 220px }
div#text { float:left; width:435px; padding:10px 15px 15px 20px; min-height:250px; background:transparent url('images/text_background.png') top left; text-align:left }
div#rightCol { float:left; width:310px; margin-top:-21px; border-top:1px solid #eeeeee }
div#footer { clear:both; padding:30px 310px 0 0; text-align:center }
div#menuTypesCol  { position:absolute; top:228px; left:0; width:180px }
ul#typeNav  { padding:10px 0 0 0; background:transparent url('images/menu_types_background.png') top left no-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 250px }
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 }*/
div#menuTop a.organisateursLink { float:left; width:310px; margin-left:41px; padding:0 0.7em 0 0.7em; height:21px; background:transparent url('images/menu_organisateurs_bg.png') top left no-repeat; }
#pubbox_top { position:absolute; top:50px; left:690px; width:310px; height:110px; padding-top:30px; text-align:center; background:transparent url('images/pubbox_bg.png') top left no-repeat; }

/* 
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; }
.floatLeft { float:left; margin-right:2em; }
.floatRight { float:right; margin-left:2em; }
div#text ul.offersList li p { margin:0; padding:0.5em 0 0 0 }
div#text ul.offersList li p.offre_details_01 { float:left; width:390px; margin:0; padding:0; }
div#text ul.offersList li p.offre_details_02 { float:left; width:40px; margin:0; padding:0; text-align:right }
div#text ul.offersList li p.offre_details_02 img { margin:0.5em 0 0 0 }
div#rightCol p { margin:0.5em 0.5em 0.5em 1em; text-align:left }
div#rightCol div.pub { margin:1em 0 0.5em 1em }
.indicateur { font-size:10px; font-weight:normal; color:red; }

/*
Formulaires
*/ 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
	cursor:pointer;
}
form p { /* p du formulaire */
	margin: 0.5em 0;
	padding: 0;
}
form p 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: right;	/*** ... et ils sont alignés à gauche... ***/
}

form fieldset.formFieldAbonnement p label {
	width:300px;
}

form fieldset.formFieldProgramme p label {
	width:200px;
}

fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
}

.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:0 0 0 0; }

fieldset.formFieldProgramme .formfield {
	width:100px;
}

.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;
	width: 120px;
}

.formbutton {
	padding:2px;
	margin: 0;
	border: 1px solid #fff;
	font-family: Verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #537bac;
	cursor:pointer;
}

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;
	/*width: 250px;*/
}

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;
}

form#searchForm { font-size:10px }
form#searchForm label { display:block; margin:0; padding:0 0.5em 0 0; vertical-align:middle; font-size:10px; color:#050566 }
form#searchForm input.formfield { width:120px; margin:0; padding:0 0.2em 0 0.2em; vertical-align:middle; font-family:Trebuchet MS,Arial,Verdana,Geneva,sans-serif; font-size:13px; color:#050566 }
form#searchForm input.formbutton { margin:0 1em 0 0; padding:0; border:1px solid #fff; vertical-align:middle; background-color:#537bac; font-size:10px; color:#fff }

form#advancedSearchForm { margin:0 0 1.5em 0; }

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