@charset "iso-8859-1";
/* my base styles */
IMG,DIV{ border:0;padding:0;margin:0; }
TABLE{ border: 0px; border-collapse: collapse; }
TD{ vertical-align: top;text-align:left;font-size: 100%; }
.left{ text-align: left; }
.right{ text-align: right; }
.center, TD.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
ol, ul, li { font-size: 100%; }
/* base styles */

div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div> */

html,body{ height:100%; }

body{
background: #16314F url('grafiks/bck-tile2.png') repeat-x 0 0;
color: #333333;
margin: 0px;
padding: 0px;
font : 12px/1.5 Helvetica, Arial, sans-serif;
}

H1,H2,H3{ color: #6C0023; }/*#990033;*/


DIV#content990{
position:relative;
width: 985px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treated as min-height*/
min-height:100%; /* real browsers */
margin: 0 auto;
padding:20px 0 0 0;
border: 0px gray solid;
text-align: center;
background: #fff;
border-left:1px solid gray;
border-right:1px solid gray;
}
DIV#content{
position:relative;
width: 970px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treated as min-height*/
min-height:100%; /* real browsers */
margin: 0 auto;
padding:20px 0 0 0;
border: 0px gray solid;
text-align: center;
background: #fff;
}
DIV#content400{
position:relative;
width: 400px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treated as min-height*/
min-height:100%; /* real browsers */
margin: 0 auto;
padding:20px 0 0 0;
border: 0px gray solid;
text-align: center;
background: #fff;
}

h1{
text-shadow : 1px 1px 2px rgb(255,255,255);
font-size:22px;
font-weight:normal;
margin-bottom: 2px;
margin-top: 2px;
}
h2{
font-size:20px;
font-weight:normal;
margin-bottom: 2px;
margin-top: 2px;
}
h2.textblock{
font-size:16px;
font-weight:normal;
padding-left:7%;
padding-right:7%;
}
h3{
font-size:18px;
font-weight:normal;
margin-bottom: 2px;
margin-top: 2px;
}
p{
	margin-bottom: 2px;
	margin-top: 2px;
}
html>body #navcontainer li a{
width:auto;
}
table.ad{
background-color:#ffebd7;
border-bottom:3px ridge #b22222;
border-left:3px ridge #b22222;
border-right:3px ridge #b22222;
border-top:3px ridge #b22222;
width:600px;
margin:0 auto;
}

td.caption{
font-size:14px;
font-weight:normal;
text-align:center;
}
td.captiongb{
color:#cc0000;
font-family:Helvetica,Arial,sans-serif;
font-size:13px;
font-weight:normal;
text-align:center;
}
td.copy{
font-size:11px;
font-weight:normal;
text-align:center;
}
td.jour{
color:#b22222;
font-weight:bold;
}
td.lite{
background-color:#ffffcc;
color:#8c002e;
padding:5px;
}
.copy{
background-color:transparent;
color:#993300;
font-family:sans-serif,verdana,arial,helvetica;
font-size:10px;
font-weight:lighter;
}
.emphasis{
background-color:transparent;
/*color:#660066;*/
color: #333333;
font-family:Rockwell,Tahoma,"Times New Roman",Verdana,sans-serif;
font-size:16px;
font-weight:normal;
}
.emphasis14{
background-color:transparent;
color:#660066;
font-family:Rockwell,Tahoma,"Times New Roman",Verdana,sans-serif;
font-size:14px;
font-weight:normal;
}
.navbar{
font-family:arial,verdana,helvetica,sans-serif;
font-size:10px;
font-weight:normal;
margin-top:6px;
text-align:center;
}
.navbar a,.navbar a:link{
background-color:transparent;
color:#0000ff;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
.navbar a:visited{
background-color:transparent;
color:#4169e1;
font-size:10px;
font-weight:normal;
text-decoration:none;
}
.navbar a:visited:hover{
background-color:transparent;
color:#00008b;
font-size:10px;
font-weight:normal;
text-decoration:underline;
}
.navbar a:hover{
background-color:transparent;
color:#000080;
font-size:10px;
font-weight:normal;
text-decoration:underline;
}
.rubrique{
background-color:transparent;
color:#660066;
font-family:verdana,arial,helvetica,sans-serif;
font-size:14pX;
font-weight:bold;
}
.small{
color:#cc6633;
font-size:11px;
}
#navcontainerhoriz li{
display:inline;
}
#navcontainerhoriz li a{
background-color:#ffffcc;
border-bottom:1px solid #cc9933;
border-left:1px solid #cc9933;
border-right:1px solid #cc9933;
border-top:1px solid #cc9933;
color:#cc0000;
padding:0px 3px 0px 3px;
text-decoration:none;
}
#navcontainerhoriz li a#flag{
background-color:transparent;
border-bottom:none;
border-left:none;
border-right:none;
border-top:none;
}
#navcontainerhoriz li a:hover{
background-color:#ff6633;
color:#ffffcc;
text-decoration:none;
}
#navcontainerhoriz li a:active{
background-color:#ff6633;
color:#ffffff;
text-decoration:underline;
}
#navcontainerhoriz ul{
background-color:transparent;
font:normal normal 80% Verdana,arial,helvetica,sans-serif;
list-style-type:none;/*background-color:#c7daec*/
margin:0;
padding:1px 0 3px;
text-align:center;
width:100%;
}
#tblSupplement TD{
	text-align: left;
}
table.maintbl{
background-color:#fff9e3;
border: 4px;
border-color: #f7d0d0;
border-style: double;
width: 580px;
}
table.maintbl TD{
padding:5px;
text-align: center;
}
DIV#wrapper{
	margin: 10px auto 5px auto;
}
TD.tf H4{
	font-size: 1.4em;
	padding: 0px;
	margin: 0px;
}
TD.tf H5{
	font-size: 1.4em;
	padding: 0px;
	margin: 0px;
}
P.bold{
	font-weight: bolder;
}
P.cond{
	font-size: 0.7em;
}
IMG.imgmail{
	width: 22px;
	height: 15px;
	border: 0px;
	padding-top: 6px;
}
/* set width of default pages */ 

DIV#stval{
	position: absolute; top: 3px; right: 2px;
}
DIV#cbnet{
	position: absolute; bottom: 3px; right: 2px;
}
DIV#topdivbck{
	background-image: url(logos/topdivbck.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width:98%;
	height:135px;
	margin:0 auto;
	padding:0;
	border:0;
	text-align:center;
}
DIV#topdivbck H1{
	text-align: center;
	margin:0;
	padding:20px 0 0 0;
	text-shadow : 1px 1px 2px rgb(255,255,255);	
}

DIV#topdivbck H2{
	font-size: 18px;
	text-align: center;
	margin:0;
	padding:5px 0 5px 0;
}
P.ecolabel{
	color: #004a26;
	text-align: justify;
}
P.ecolabelsm{
	color: #004a26;
	font-size: x-small;
}
.strikethru{
	text-decoration: line-through;
}



TR.hr{
	background-color: #E7A721;
	height:1px;
}
TABLE.tarif{
	width:820px;
	margin:0 auto;
	background-color:#fff9e3;
}
TABLE.tarif H4{
	padding:0;
	margin:0;
}
TABLE.tarif HR{
	color:#E7A721;
}
TABLE.tarif DIV.tn{
	float:right;
}
TABLE.tarif DIV.tn IMG{
	margin:2px 3px 2px 0px;
}
/* price cell in tarif table */
TABLE.tarif TD.tf{  
	border-bottom:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	background: #E6E6D0;
	padding-right:5px;
}
/* persons cell in tarif table*/
TABLE.tarif TD.pr{
	border-bottom:1px solid #c0c0c0;
	background: #E6E6D0;
}

div#topmenu{
width: 840px;
margin: 5px auto;
text-align: center;
}

div#footer div.ad{
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox, or Gecko-based browsers */
	-webkit-border-radius: 5px; /* Safari, or Webkit-based browsers */
	-moz-box-shadow: 3px 3px 5px #ccc;
	-webkit-box-shadow: 3px 3px 5px #ccc;
	box-shadow: 3px 3px 5px #ccc;
}
div#footer div.ad{
background-color: #ffebd7;
border: 3px ridge #b22222;
width: 100%;
margin: 0 auto;
padding: 0 0 10px 0;
}
div#footer div.ad div.lt{
	/*float: left;*/
	
}
div#footer div.ad div.ct{
	margin:0 200px 0 200px;
}
div#footer div.ad div.ct div.rt{
	float: right;
	/*margin-left:450px;*/
}

/* homepage styles */
DIV.dm{float:left;width:33%;}
DIV.dm p{font-size:12px;}
DIV.dm p.pm{margin-top:10px;}
DIV.dm h3{height:25px;font-size:16px;font-weight:bold;}

/* new homepage styles with 4 divs instead of 3 to include video */
DIV.dm4{	float:left;	width:25%;}
DIV.dm4 p{font-size:12px;}
DIV.dm4 p.pm{margin-top:10px;}
DIV.dm4 h3{height:25px;font-size:16px;font-weight:bold;}

/* noel 2009 */
DIV.noel{width:600px; height:50px; margin:0 auto 5px auto; padding:0px; text-align:center; vertical-align: middle;}
DIV.noel P{color:blue;margin-top:20px;font-size:medium; font-weight:bold;}
DIV.noel A{color:blue;}
DIV.tn IMG{border:0;/*width:80px;height:60px;*/}

.redsmallbold{
	font-size:small;
	color: red;
	font-weight:bold;
}
.redsmall{
	font-size:small;
	color: red;
}
.redbold{
	color: red;
	font-weight:bold;
}



/*  ////////////  original values
table.borders{
background-color:#fff9e3;
border: 4px;
border-color: #f7d0d0;
border-style: double;
}
table.borders TD{
padding:5px;
}
DIV.borders{
position:relative;
background-color:#fff9e3;
border: 4px;
border-color: #f7d0d0;
border-style: double;
padding:0;
width:96%;
margin:0 auto;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox, or Gecko-based browsers */ /*
-webkit-border-radius: 5px; /* Safari, or Webkit-based browsers */ /*
}
//////////////////// */

table.borders{
background-color:#fff9e3;
border: 2px solid #E8E0D4;
}
table.borders TD{
padding:5px;
}
DIV.borders{
position:relative;
background-color:#fff9e3;
border: 2px solid #E8E0D4;
padding:0;
width:96%;
margin:0 auto;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox, or Gecko-based browsers */
-webkit-border-radius: 5px; /* Safari, or Webkit-based browsers */
}
DIV.borderslite{
position:relative;
background-color:#fff9e3;
border-color: #E8E0D4;
border: 2px;
border-style: solid;
padding:0;
width:96%;
margin:0 auto;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox, or Gecko-based browsers */
-webkit-border-radius: 5px; /* Safari, or Webkit-based browsers */
}
