/* www.france-vacance.com

	Feuille de styles principale
	créée le 20/04/2007
	par Manuel Schulte
	
	dernière mise à jour le 04/11/2007
	par Manuel Schulte
	
	Copyright 2007-2008 Olympus Consulting sprl,
	tous droits réservés.
	
*/

/* General formatting */
html {
	margin:0;
	padding:1em 1em 0.75em 1em;
	background-image:none;
	background-color:#00f;
	color:#fff;
	font-family:"Georgia", "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:95%;
}

/* By default the font-size is 90% of the Browser's font-size */
body {
	margin:0 5% 0 5%;
	padding:0;
	background-image:none;
	background-color:#fff;
	color:#00f;
	border:2px solid #f00;
	min-width:800px;
}

/* General link management */
a:link, a:visited {
	text-decoration:none;
}
a:hover {
	background-image:none;
}

a.static:link, a.static:visited, a.static:hover {
	text-decoration:none;
}

/* Text formatting */

/* Use h1 only for page headers !!! */
h1 {
	text-align:center;
	font-size:2.4em;
}

/* Use these for inline titles */
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

img {
	margin:0.1em;
	padding:0;
	border:none;
}

img.right {
	float:right;
	margin:0 0 0 0.5em;
}
img.left {
	float:left;
	margin:0 0.5em 0 0;
}
img.autowidth {width:95%;}
img.midwidth {width:50%;}
img.autoheight {height:95%;}
img.midheight {height:50%;}

img.top {vertical-align:top;}
img.texttop {vertical-align:text-top;}

img.middle {vertical-align:middle;}

img.bottom {vertical-align:bottom;}
img.textbottom {vertical-align:text-bottom;}

ul.square {list-style-type:square;}
ul.circle {list-style-type:circle;}
ul.loweralpha {list-style-type:lower-alpha;}
ul.upperalpha {list-style-type:upper-alpha;}
ul.decimal {list-style-type:decimal}
ul.decimallz {list-style-type:decimal-leading-zero}

/* Paragraph formatting */
p {
	margin:0;
	padding-top:0.25em;
	padding-bottom:0.25em;
	padding-left:0.10em;
	font-style:normal;
}

pre {
	font-family:"courier", "courier new", monospace;
	font-size:0.8em;
}

table {
	margin:0;
	padding:0;
	border:0;
}
table tr td {
	margin:0;
	padding:0;
}
table div {
	margin:0;
	padding:0;
	width:100%;
}

/* General Classes */
.current {font-weight:bolder;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}

.small {font-size:9pt;}
.smaller {font-size:smaller;}
.larger {font-size:larger;}

.italic {font-style:italic;}
.bold {font-weight:bold;}

.underline {text-decoration:underline;}
.overline {text-decoration:overline;}
.linethrough {text-decoration:line-through;}

.clearleft {clear:left;}
.floatleft {float:left;}
.clearright {clear:right;}
.floatright {float:right;}

.relative {position:relative;}
.absolute {position:absolute;}

.show {display:block;}
.hide {display:none;}

.black {color:#000;}
.blue {color:#00f;}
.lightblue {color:#0af;}
.darkblue {color:#009;}
.green {color:green;}
.flashgreen {color:#0f0;}
.lightgreen {color:#5a5;}
.orange {color:#f60;}
.purple {color:#f0f;}
.darkpurple {color:#909;}
.red {color:#f00;}
.lightred {color:#fab;}
.turquoise {color:#19f;}
.white {color:#fff;}
.yellow {color:#ff0;}
.yellow2 {color:#fc0;}

.bck_black {background-color:#000;}
.bck_blue {background-color:#00f;}
.bck_darkblue {background-color:#009;}
.bck_lightblue {background-color:#ccf;}
.bck_green {background-color:green;}
.bck_lightgreen {background-color:#5a5;}
.bck_red {background-color:#f00;}
.bck_lightred {background-color:#fcc;}
.bck_purple {background-color:#c0f;}
.bck_lightpurple {background-color:#fcf;}
.bck_yellow {background-color:#ff0;}
.bck_yellow2 {background-color:#fc0;}
.bck_lightyellow {background-color:#ffc;}

/* Divisions */
/* Department Navigation */
div#navi ul {
	padding:3px 0;
	margin-left:0;
	border-bottom:1px solid #778;
}
div#navi ul li {
	list-style:none;
	margin:0;
	display:inline;
}
div#navi ul li a {
	padding:3px 0.5em;
	margin-left:3px;
	border:1px solid #778;
	border-bottom:none;
	background-color:#dde;
	text-decoration:none;
}
div#navi ul li a:link {
	color:#339;
}
div#navi ul li a:visited {
	color:#339;
}
div#navi ul li a:link:hover, div#navi ul li a:visited:hover {
	color:#000;
	background-color:#aae;
	border-bottom:none;
}

/* Page Header formatting */
div#logo img{
	height:159px;
	width:177px;
}

div#header {
	margin-bottom:1em;
	padding:0.5em;
	vertical-align:middle;
	background-color:#ccf;
	border-bottom:2px solid #f00;
	height:160px;
}
div#header h1 {
	margin-top:0.25em;
	margin-bottom:0.25em;
	padding:0;
}

/* Page Menu formatting */
div#menu {
	float:left;
	position:relative;
	margin:0;
	padding-left:1em;
	width:200px;
}
div#menu ul {
	margin-top:1em;
	padding:0;
	border:1px solid #00f;
}
div#menu ul li {
	margin:0;
	padding-top:0.25em;
	padding-right:0.25em;
	padding-bottom:0.25em;
	padding-left:1.25em;
	list-style-type:none;
}
div#menu ul li.head {
	padding-left:0.5em;
	background-color:#00f;
	color:#fff;
	border:1px solid #00f;
	border-bottom:1px solid #f00;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}
div#menu ul ul {
	margin:0;
	border:none;
}
div#menu a:link, div#menu a:visited {
	text-decoration:none;
	color:#00e;
}
div#menu a:hover {
	font-weight:bolder;
}

/* Main container formatting */
div#contents {
	position:relative;
	margin-top:2em;
	margin-left:220px;
	padding-right:1em;
	padding-left:1.5em;
}
div#contents_ann {
	position:relative;
	margin-top:2em;
	padding-right:10%;
	padding-left:10%;
}
div#contents a:link, div#contents_ann a:link, div#contents a:visited, div#contents_ann a:visited {color:green;}
div#contents a:hover, div#contents_ann a:hover {text-decoration:underline;}
div#contents h4, div#contents_ann h4 {
	margin-bottom:0.5em;
	margin-left:-0.5em;
	border-bottom:1px solid;
}
div#contents h5, div#contents_ann h5 {
	margin-bottom:0.5em;
	margin-left:-0.5em;
	border-bottom:1px dotted;
}
div#contents ul li ul, div#contents_ann ul li ul{
	list-style-type:none;
}
div#contents ul.box, div#contents_ann ul.box {
	margin-top:1em;
	padding:0;
	border:1px solid #f88;
}
div#contents ul.box li, div#contents_ann ul.box li {
	margin:0;
	padding-top:0.1em;
	padding-right:0.1em;
	padding-bottom:0.1em;
	padding-left:1em;
	list-style-type:none;
}
div#contents ul.box li.head, div#contents_ann ul.box li.head {
	padding-left:0.5em;
	background-color:#f88;
	color:#000;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

div#contents ul.box2 {
	margin-top:1em;
	padding:0;
	border:1px solid #00f;
}
div#contents ul.box2 a.white:link, div#contents ul.box2 a.white:visited {
	color:#fff;
}
div#contents ul.box2 li {
	margin:0;
	padding-top:0.1em;
	padding-right:0.1em;
	padding-bottom:0.1em;
	padding-left:1em;
	list-style-type:none;
}
div#contents ul.box2 li.head {
	padding-left:0.5em;
	background-color:#00f;
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

div#contents ul.box ul, div#contents ul.box2 ul {
	margin:0;
	border:none;
}

/* Separator div */
div.cleardiv {
	clear:both;
	margin:0;
	padding:0;
}

div.contact {
	margin:0;
	padding:1em;
	background-color:#fdd;
	border:1px dotted #00f;
}

div.custform {
	margin:0;
	padding:1em;
	background-color:#fdd;
	border:1px dotted #000;
}

div.insert {
	margin-right:0.5em;
	margin-left:0.25em;
	padding:0.5em;
}

/* Page Footer formatting */
div#footer {
	margin-top:1em;
	padding:0.5em;
	background-color:#ccf;
	border-top:2px solid #f00;
	height:80px;
}
div#footer a:link, div#footer a:visited {
	color:#f00;
}
div#footer a:hover {
	text-decoration:underline;
}
div#footer div {
	margin:0;
	padding:0;
}
div#footer div.imgbox{
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding:0.25em;
}