/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #333333; 
  background: #999999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #0099CC; text-decoration : underline;}
a           { color: #0099CC; text-decoration: none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none;}

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.centered   {text-align:center;}
.lefted     {text-align:left;}
.righted    {text-align:right;}
.justified  {text-align:justify;}

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.upper      {text-transform : uppercase;}
.bgblue     {background-color:#34B3D1;color:#ffffff;padding:5px;}
.bggreen     {background-color:#66CC33;color:#ffffff;padding:8px;}
?>

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold;}
fieldset    { padding:1.4em; margin: 0 10px 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.4em; color:#34B3D1;}


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 300px; height: 200px; padding:5px; }

.contact {width:400px;display:block;}
.contact input.text { width: 300px; padding:5px; }
.contact p {margin:5px 0 0 0;padding:0;}
.contact input.submit {cursor :pointer;background-color:#34B3D1;border:1px solid #A9E6F4;text-transform:uppercase;color:#fff;font-size:0.8em;font-weight:bold;padding:5px;}
.contact fieldset {background-color:#EFF4F5;border-top:0;border-right: 3px solid #ccc;border-left:0;border-bottom: 3px solid #ccc;}
.contact legend {padding:5px;background-color:#EFF4F5;}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.menu-top{
background:  url("../images/menu_bg.jpg") repeat-x left top;
width : 914px;
height : 38px;
font-size : 0.8em;
margin:0;
padding:0;
}
.menu-top ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.menu-top ul li{
position: relative;
display: inline;
float: left;
text-align : center;
border-right : 1px solid #999999;
margin-top : 1em;
height:15px;
}

/*Top level menu link items style*/
.menu-top ul li a{
display: block;
width: 113px; /*Width of top level menu link items*/
text-decoration: none;
color: #999999;
font-weight : bold;
text-transform : uppercase;
}
.menu-top ul li a:hover{
text-decoration : none;
}
	
/*1st sub level menu*/
.menu-top ul li ul{
margin : 0;
left: -15px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color : #ffffff;
border-top: 1px dashed #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu-top ul li ul li{
display: list-item;
float: none;
border : none;
text-align : left;
margin:0.5em 0;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menu-top ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.menu-top ul li ul li a{
display: block;
width: 140px; /*width of sub menu levels*/
color: #999999;
text-decoration: none;
/*background:  #ffffff url("../images/puce.gif") no-repeat left center;*/
text-transform : none;
/*text-indent : 0.8em;*/
}

.menu-top ul li a:hover{
color : #34B3D1;
font-weight : bold;
}

.menu-top ul li ul li a:hover{
background : #34B3D1;
color: #ffffff;
text-decoration:none;
}

/*Background image for top level menu list links */
.menu-top .mainfoldericon{
background: transparent url("../images/fleche.gif") no-repeat center 14px;
padding-bottom:9px;
}

/*Background image for subsequent level menu list links */
.menu-top .subfoldericon{
background: transparent;
}

.menu-top li.last{
border:none;
}

.menu-top li.active a{
color:#34B3D1;
}

.puce{
color:#34B3D1;
font-weight : bold;
font-size : 1.4em;
margin : 0 2px 0 10px;
}
	
/* Holly Hack for IE \*/
* html .menu-top ul li { float: left; height: 1%; }
* html .menu-top ul li a { height: 1%; }
/* End */
body{
padding-bottom : 10px;
padding-top : 10px;
}
.container{
width:950px;
padding-bottom:10px;
margin:0 auto;
}
.header{
margin-left : 18px;
position:relative;
}
.top{
height:285px;
}
.top img{
float:left;
}
.login{
margin-top : 10px;
float:right;
width:230px;
}
.banner{
height:170px;
width:914px;
margin-right:18px;
padding:0;
float : right;
}
.centre{
margin-top:18px;
margin-right:248px;
margin-left:36px;
}
.sidebar{
background:transparent url("../images/sidebar_top.gif") no-repeat top center;
float:right;
width: 203px;
padding-right:18px;
padding-top:20px;
padding-left:18px;
margin-top:18px;
}
.footer{
padding-bottom:5px;
margin-top:18px;
text-align : center;
}
.content{

}
.sidebar-header{
width: 203px;
text-align:center;
}
.sidebar-content{
background: #ffffff url("../images/sidebar_bg.gif") repeat-y top left;
width: 203px;
padding-top:10px;
text-align:center;
}
.link-ref{
position:absolute;
_display:none;
z-index:2;
}
.link-ref a{
display:block;
width:150px;
height:100px;
background-color : #ffffff;
opacity:0;
filter:alpha(opacity=0);
}
.slideshow-container{
position: relative;
}
.slideshow {
position: relative;
}
.sidebar-footer{
background: #ffffff url("../images/sidebar_bottom.gif") no-repeat top left;
width: 203px;
height:23px;
clear:both;
}

.login form{
margin-left : 10px;
}
.login h6{
margin-bottom:5px;
}
.login label{
font-size : 0.8em;
}
.login input.text{
width:110px;
padding:2px;
margin:0 0 2px 0;
font-size:0.8em;
float:left;
}
.login .flo-left{
display:block;
width:80px;
float:left;
}
input.btn-ok {
border : 1px solid #999999;
background:#fff;
padding : 1px;
color:#999999;
font-weight : bold;
font-size : 0.9em;
float:right;
margin-right:25px;
}
.login span.profil{
float:left;
}

.footer p{
margin:0;
padding:0;
font-size:0.9em;
}
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

.spacer{
color:#34B3D1;
font-weight : bold;
font-size : 1.2em;
margin : 0 0.8em;
}


.tool-tip {
	z-index: 13000;
	text-align:left;
	border:1px solid #999999;
}
 
.tool-title {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	color: #999999;
	padding: 4px 6px;
	background: #E6E6E6;
	text-transform:uppercase;
}

.tool-text {
	font-size: 1em;
	padding: 4px 6px 6px;
	background: #E6E6E6;
	color : #333;
}
 
.rose-text {
	font-size: 1em;
	padding: 4px 6px 6px;
	background: #E6E6E6;
	color : #333;
}

.rose-tip {
	z-index: 13000;
	text-align:left;
	border:1px solid #999999;
}
 
.rose-title {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	color: #CC0066;
	padding: 4px 6px;
	background: #E6E6E6;
	text-transform:uppercase;
}
 
.rose-text {
	font-size: 1em;
	padding: 4px 6px 6px;
	background: #E6E6E6;
	color : #333;
}

.vert-tip {
	z-index: 13000;
	text-align:left;
	border:1px solid #999999;
}
 
.vert-title {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	color: #3F9A2B;
	padding: 4px 6px;
	background: #E6E6E6;
	text-transform:uppercase;
}
 
.vert-text {
	font-size: 1em;
	padding: 4px 6px 6px;
	background: #E6E6E6;
	color : #333;
}

.orange-tip {
	z-index: 13000;
	text-align:left;
	border:1px solid #999999;
}
 
.orange-title {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	color: #CC6600;
	padding: 4px 6px;
	background: #E6E6E6;
	text-transform:uppercase;
}
 
.orange-text {
	font-size: 1em;
	padding: 4px 6px 6px;
	background: #E6E6E6;
	color : #333;
}

.accueil{
background:transparent url("../images/accueil_bg.gif") no-repeat top left;
width:613px;
height:270px;
display:block;
padding-top : 30px;
}
.accueil h2{
font-size:1em;
font-weight : bold;
}
.accueil img{
width:220px;
height:35px;
margin-left : 50px;
margin-top : 20px;
margin-right : 20px;
}

.sidebar h3{
font-size:1em;
font-weight : bold;
}
.sidebar-content h4{
margin:0 25px;
color:#34B3D1;
font-weight:bold;
text-align:left;
padding-top:4px;
}
span.rounded {
display:block;
float:left; 
text-align:center;
width: 1em;
padding: 1px;
margin:0;
background:#34B3D1;
color:#ffffff;
}
.bgate {
background-image:url("../images/ate_bg.gif");
background-repeat:no-repeat;
background-position:top center;
display:block;
float:right; 
font-size:1.2em;
font-weight:bold;
text-align:center;
width: 210px;
height:210px;
padding: 50px 0 5px 0;
margin:0;
color:#ffffff;
}
.bgate a{
color:#A9E6F4;
}
.sidebar-content p{
margin:0 25px;
font-size:0.9em;
text-align:left;
}
.sidebar-content img{
margin:5px auto;
float:none;
}
.more{
float:right;
font-weight : bold;
font-size:0.8em;
}

.pathway{
font-size:0.8em;
padding-bottom : 18px;
}
.pathway a{
color : #333333;
text-transform:uppercase;
}
.pathway a.active{
color : #34B3D1;
}
#accordion{
width : 80%;
border:1px dotted #CCCCCC;
padding : 20px;
}
.list1{
height:25px;
background:transparent url("../images/1.gif") no-repeat left top;
padding-left:30px;
}
.list2{
height:25px;
background:transparent url("../images/2.gif") no-repeat left top;
padding-left:30px;
}
.list3{
height:25px;
background:transparent url("../images/3.gif") no-repeat left top;
padding-left:30px;
}
.list4{
height:25px;
background:transparent url("../images/4.gif") no-repeat left top;
padding-left:30px;
}
.list5{
height:25px;
background:transparent url("../images/5.gif") no-repeat left top;
padding-left:30px;
}
.list6{
height:25px;
background:transparent url("../images/6.gif") no-repeat left top;
padding-left:30px;
}
.element{
background:#EEEEEE;
padding:10px;
margin-bottom:10px;
}
.element img{
background:#FFFFFF;
padding:2px;
margin-top:10px;
}
#accordion h4{
padding-top:5px;
font-weight:bold;
margin:0;
}
#accordion-refs{
width : 90%;
border:1px dotted #CCCCCC;
padding : 20px;
}
#accordion-refs h5{
padding-top:5px;
font-weight:bold;
margin:0;
text-transform : uppercase;
}
.tarif{
text-align : right;
font-weight : bold;
font-size:0.8em;
}
.doc{
text-align : right;
font-weight : bold;
font-size:0.8em;
}
.doc a{
background:transparent url("../images/pdf.gif") no-repeat left top;
padding-left:26px;
padding-top:5px;
padding-bottom:5px;
}
.slideshow{
clear:both;
text-align : center;
margin:0 auto;
padding:0;
}
.plan{
margin-top : 70px;
display:block;
width : 470px;
height:438px;
text-align:right;
}
#info-plan{
background:transparent url("../images/logo.jpg") no-repeat center top;
width : 180px;
float:right;
padding-top : 130px;
font-size : 0.8em;
}
ul#plan-site{
list-style-type : none;
float:left;
margin-left : 20px;
}
ul#plan-site li{
text-transform : uppercase;
font-weight : bold;
}
ul#plan-site li ul{
list-style-type : none;
}
ul#plan-site li ul li{
text-transform : none;
}
ul#plan-site li ul li a{
color:#000;
text-decoration : none;
}
ul#plan-site li ul li a:hover{
color:#0099CC;
}
.infos {
width:590px;
margin-left : 5px;
background-color: #fff;
color:#333;
}
.infos thead th{
text-align : center;
background-color: #DFDED6;
color : #625F5C;
border-left : 1px solid #333333;
text-transform : uppercase;
}
.infos tbody td{
border-left : 1px solid #333333;
border-bottom : 1px solid #333333;
font-size : 0.8em;
text-align : center;
}
.infos tfoot td{
border-left : 1px solid #333333;
border-bottom : 1px solid #333333;
text-align : right;
}
.infos .last{
border-right : 1px solid #333333;
}
.swf-container{
float:left;
margin-top:30px;
}
.container{
background-color : #ffffff;
}
.footer a{
color : #000;
}
.footer a:hover{
color : #34B3D1;
}

.blue{
color : #34B3D1;
}


/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}