/* CSS Document */
*{
	font-family: Verdana, Arial,Verdana,  Helvetica, sans-serif;
	margin:0px;
	padding:0px;
    font-weight:normal;
}
a { text-decoration:none; }
a:hover { color:#371185; }
/*a:active { color: #6633CC }
a:link { color: #6633CC }
a:visited { color: #4F4399 }*/

/* STYLE BALISES PRINCIPALES	*/
body {
	font-family: Verdana, Arial,Verdana,  Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
table,tr,td{
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:none;
    font-size:14px;
}
img{
	border:none;
}
li{
	font-size:14px;
	list-style:none;
}
h1{
	font-size: 26px;
	color:#3636A6;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	text-align:center;
    margin-bottom:30px;
    text-align:center;
}
h2{
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-align:center;
}
h4{
    margin:10px 0px;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-align:center;
}
p{
	font-size:12px;
	text-align:justify;
	text-indent:10px;
}
label{
	font-size:12px;
    color:#4A2496;
    text-decoration:underline;
}
/* phrase en bas de page pour conseil de page */
cite{
	margin:10px 0px 0px 0px;
	display:block;
	font-style:italic;
    font-weight:bold;
	color:#333;
	font-size:12px;
	text-align:left;
}
/*  CLASSES AFFICHAGE TEXTE */
.fs8{
    font-size:8px;
}
.fs9{
    font-size:9px;
}
.fs10{
    font-size:10px;
}
.fs12{
    font-size:12px;
}
.fs14{
    font-size:14px;
}
.fs16{
    font-size:16px;
}
.fs18{
    font-size:18px;
}
.fs20{
    font-size:20px;
}
.fs28{
    font-size:28px;
}

.fwb{
    font-weight:bold;
}
.fwn{
    font-weight:normal;
}
.tdu{
    text-decoration:underline;
}
.tdt{
    text-decoration:line-through;
}
.tdn{
    text-decoration:none;
}
.fsi{
    font-style:italic;
}

.tal{
    text-align:left;
}
.tac{
    text-align:center;
}
.tar{
    text-align:right;
}
.vam{
    vertical-align:middle;
}
/*  CLASSES AFFICHAGE COULEUR TEXTE */
.fcn{
    color:black;
}
.fcb{
    color:#FFFFFF;
}
.fcr{
    color:red;
}
.fcv{
    color:#38AE38; /*#8EE88E*/
}
.fcg{
    color:silver;
}
.fcgf{
    color:#4F4F4F;
}
.fcj{
    color:#ECFF00;
}
.fco{
    color:#FF9200;
}
/*  CLASSES AFFICHAGE BORDURE */
.bordN{
    border:1px solid #000000;
}
.bordR{
    border:1px solid #FF0000;
}
.bordV{
    border:1px solid #38AE38;
}
.bordG{
    border:1px solid #4F4F4F;
}
.bordJ{
    border:1px solid #ECFF00;
}
.bordO{
    border:1px solid #FF9200;
}
.bordB{
    border:1px solid #FFFFFF;
}
.bordPointilleAnime{
    border:2px dotted #F88196;
}
/*  CLASSES AFFICHAGE BORDURE */
.cPoint{
    cursor:pointer;
}
.centPC{
    display:block;
    height:100%;
    width:100%;
}

/*  Css pour layout general*/
#banniere{  /*table*/
    width:100%;
    min-width:600px;
}
#boiteOutils>td{
    height:24px;
    overflow:hidden;
}
#banniereSup>td.gauche{  /*td*/
    width:210px;
    height:156px;
    background:#B2D9FF url(/img/layout/banniere_g.png) bottom right no-repeat;
    overflow:hidden;
}
#banniereSup>td.milieu{  /*td*/
    width:auto;
    height:156px;
    background:#B2D9FF url(/img/layout/banniere_m.png) bottom left repeat-x;
    font-size:1px;
    overflow:hidden;
    text-align:center;
}
/*#banniereSup>td.milieu div{
    width:100%;
    height:142px;
    margin:2px 0px 12px 0px;
    text-align:center;
}*/
#banniereHaut>td.gauche{  /*td*/
    height:24px;
    background:#B2D9F0 url(/img/layout/haut_g.png) top right no-repeat;
    font-size:1px;
}
#menuNavig{               /* td MENU HAUT */
    height:24px;
    text-align:left;
    background:#B2D9FF;
    background:#B2D9F0 url(/img/layout/haut_m.png) top left repeat-x;
    overflow:hidden;
}
#menuNavig ul{
    font-size:12px;
 	height:18px;
	padding:2px 0px 0px 10px;
	vertical-align:middle;
    overflow:hidden;
}
#menuNavig li{
    margin-left:5px;
    display:inline;
	font-size: 11px;
	font-style:normal;
	list-style:none;
	color: #6633CC;
}
#menuNavig li a{
	font-size: 11px;
	font-style:normal;
	list-style:none;
}
#contenu>td.gauche{  /*td*/
    background:#9EEF7C url(/img/layout/fond_menu.png) top right repeat-y;
    padding-left:24px;
    /*overflow:hidden;*/
 }
#contenu>td.milieu{  /*td*/
    width:auto;
    padding:3px;
    padding-top:15px;
}
#contenu>td.droite{  /*td*/
    width:154px;
    padding:3px;
    text-align:center;
}
#pied>td{
    background:url(/img/layout/fond_pied.png) repeat-x;
    padding-top:10px;
}

#boiteAcheter{
    position: absolute;
    overflow:hidden;
    top:150px;
    left:-180px;
    width:214px;
    height:211px;
    background:url(/img/cb.gif) top right no-repeat;
    z-index:1000;
}
#boiteAcheter>a{
    width:100%;
    height:100%;
    display:block;
}
body>#boiteAcheter {position:fixed}

/*	CLASSES PRINCIPALES	ESPACE SECU */
.menuSuperieur{ width:auto; }
.menuSuperieur li{
    display:inline;padding:0px;margin:1px;
    float:left;width:100px;height:20px;
    vertical-align:middle;
}
.menuSuperieur li a{
    text-align:center;
    display:block;width:100%;height:100%;
}
.menuSuperieur li a img{
     vertical-align:middle;
 }
 
.bouton{
    margin:2px;
    padding:2px 5px;
    position:relative;
    font-size:12px;
    border:#6C3BCE 1px solid;
    text-decoration:underline;
    color:#FFFFFF;
    line-height:22px;
}
.afficheCache{ cursor:pointer; }

.kiddy {
	color:#FF0000;
	font-weight:bold;
}
.erreur{
    background:#FFFFFF;
    color:#FF0000;
}
/* pour le tablesorter*/
.tablePresentation thead,th{
    background:#F6A829;
    background-repeat: no-repeat;
	border: 1px solid #8EE88E;
	padding-top: 5px;
    padding-bottom: 5px;
    font-size:12px;
    cursor:pointer;
    font-weight: bold;
    height:37px;
}
.tablePresentation tbody tr td{
    border-bottom:1px solid #555;
    text-align:center;
}
.even td{
	background-color: #E7F2FF;
    border-right:1px solid #4B74A6;
}
.odd td{
	background-color: #ADF3AD;
    border-right:1px solid #389E38;
}
.header {
	background-image: url(/img/layout/header-norm.png);
	padding-left: 30px;
}
.headerSortUp {
	background-image: url(/img/layout/header-up.png);
}
.headerSortDown {
	background-image: url(/img/layout/header-down.png);
}
/*Bulle volante signalant une erreur dans les formulaires*/
#cadreErreur{
    background:#FFFFFF url(/img/fleche_g.png) left top no-repeat;
    display:none;
    position:absolute;
    padding:5px 5px 5px 15px;
    min-width:150px;
    max-width:400px;
    width:200px;
    min-height:25px;
    color:red;
    font-size:14px;
    border:2px solid red;
    z-index:500;
}
/* Cadre d'attente anime par l'image de fond */
#AttendEnvois{
    display:none;
    margin:1px;
    border:#8EE88E 1px solid;
    width:90%;
    height:10px;
    background:url(/img/chargement.gif) repeat-x;
    text-align:center;
    font-size:10px;
}
/* Cadre d'attente anime par l'image de fond */
.AttendEnvois{
    display:none;
    margin:1px;
    border:#8EE88E 1px solid;
    width:90%;
    background:url(/img/chargement.gif) repeat;
    text-align:center;
    font-size:10px;
    line-height:15px;
    vertical-align:middle;
}

/* MENU VERTICAL */
#menuPrincipal{ /*ul*/
    width:186px;
    color:#FFF;
    display:block;
}
#menuPrincipal li{
    display:block;
    font-size:1px;
    width: 186px;
    height:52px;
    /*overflow:hidden;*/
    line-height:1px;
    text-align:left;
    padding:0px;
    margin:0px;
}
#menuPrincipal li a{
    margin:0px;
    padding:10px 15px 5px 5px;
    display:block;
    width:186px;
    height:37px;    /*on soustrait le padding*/
    background:transparent top left no-repeat;
	line-height: normal;
    font-family: "Comic Sans MS", monospace;
    font-size:18px;
    font-weight:bold;
    color:#000;
    text-align:center;
    vertical-align:middle;
    background-image:url(/img/bouton.png);
}
#menuPrincipal li a:hover{
    background-image:url(/img/bouton-o.png);
    color:#0000FF;
    text-decoration:underline;
}

#menuPrincipal li a.menuActif{
    background-image:url(/img/bouton-o.png);
    color:red;
    text-decoration:underline;
}

/* Cadre droite */
.cadreDroitUl{
    margin:5px;
    float:right;
    text-align:right;
    width:85px;
}
ul > li{
    padding:3px 4px;
    line-height:14px;
}
ul > li > a{  /*texte de bouton */
    line-height:12px;
    font-size:10px;
}
ul > li > a > span{  /*image de bouton */
    margin:0px 2px;
    vertical-align:middle;
    float:right;    
}


/*CALENDRIER*/
td.jourSymb{
    border:#8EE88E 1px solid;
    border-top:none;
    border-right:none;
    font-size:9px;
    text-align:right;
    cursor:pointer;
    width:30px;
    height:10px;
}
td.jour{
    border:#8EE88E 1px solid;
    border-top:none;
    border-left:none;
    text-align:center;
    cursor:pointer;
    font-size:9px;
}

/* texte petit et permetant les liens a l'interieur */
.txtpetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
    font-weight:normal;
	line-height: normal;
}
.txtpetit a {
    color: #000000;
}
.txtpetit a:active {
    color: #0000CC;
}
.txtpetit a:link {
    color: #0000CC;
}
.txtpetit a:visited {
    color: #0000CC;
}
.txtpetit a:hover {
    color: #FF2200;
}

/*Bulle javascript bt() */
.bulle.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}
/* styling for active target elements - usually for background hilighting */
.bulle.bt-active {
    cursor:pointer;
}
/**
 * styling for tip content
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* ======= STAR-RATER ======== */
/*Classe de notation*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
    background: url(/img/form/star.gif) left -1000px repeat-x;
}
.star-rating{
    position:relative;
    width:125px;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position: left top;
}
.star-rating li{
    display: inline;
}
.star-rating a,
.star-rating .current-rating{
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
    background-position: left bottom;
}
.star-rating .current-rating{
    z-index:1;
    background-position: left center;
}

.inline-rating{
    /*display:-moz-inline-block;
    display:-moz-inline-box;*/
    display: inline-block;
    vertical-align: middle;
}

.small-star{
    width:50px;
    height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
    background-image: url(/img/form/star_small.gif);
    line-height: 10px;
    height: 10px;
}

/*---------------------------------------------- NICEFORM----------------------*/
fieldset {background:none; padding:10px; border:1px solid #fff; border-color:#fff #F099DA #F099DA #fff; margin-bottom:36px; width:600px;}
fieldset dl dd input, form.niceform fieldset dl dd textarea, form.niceform fieldset dl dd select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
fieldset legend {background:#E175C6; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0px; font-weight:bold; border:1px solid #fff; border-color:#E175C6 #922677 #922677 #E175C6;}
label {font-size:11px; font-weight:bold; color:#444;}
label.opt {font-weight:normal;}
fieldset dl {clear:both;} /*form.niceform */
fieldset dl dt { float:left; text-align:right; width:200px; line-height:25px; margin:0 10px 10px 0;}
fieldset dl dd { float:left;  line-height:25px; margin:0 0 10px 0;}

/*SPIN BOUTON*/
input.spin-button {
    border:1px solid #fff;
    width:25px;
    height:18px;
    font-weight:bold;
	padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(/img/form/spinbtn_updn.gif);
}
input.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
input.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}
/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/
/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(/img/form/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(/img/form/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(/img/form/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(/img/form/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/img/form/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/img/form/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(/img/form/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(/img/form/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(/img/form/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(/img/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft {background:transparent url(/img/form/textarea-tl.png) no-repeat 0 0; width:5px; height:5px;float:left;} /*modifie par guitronic*/
.NFTextareaBottomLeft {background:url(/img/form/textarea-bl.png) no-repeat 0 0; width:5px; height:5px;float:left;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(/img/form/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(/img/form/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(/img/form/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(/img/form/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(/img/form/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px;position:absolute;border:1px solid transparent;}
.NFSelectLeft {float:left;width:3px;height:21px; background:url(/img/form/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px;width:auto;background:url(/img/form/select-right.png) no-repeat 100% 0;cursor:pointer;font-size:10px;color:#fff;font-weight:bold;padding-left:3px;margin-left:3px;}
.NFSelectTarget {position:absolute; background:none;margin-left:-10px;margin-top:20px;z-index:3;left:0;top:0;padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#B8F79E;margin-left:16px;margin-top:0;list-style:none;padding:4px 0;color:#fff;font-size:12px;z-index:4;max-height:200px;left:0;top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block;text-decoration:none;color:#555;padding:2px 0px;background:none;}
.NFSelectOptions a.NFOptionActive {background:#4B9B28;color:#fff;font-weight:bold;}
.NFSelectOptions a:hover {background:#4B9B28;color:#fff;font-weight:bold;text-decoration:underline;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(/img/form/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(/img/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(/img/form/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(/img/form/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(/img/form/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(/img/form/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(/img/form/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(/img/form/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}


/*---------------------------------------------- TURN ----------------------*/
#turn_wrapper {
  width: 80px;
  height: 80px;
  display:block;
  position: absolute;
  top:0;
  left:0;
  z-index:1000;
}

#turn_hideme {
  width: 85%;
  height: 85%;
	overflow:hidden;
	display:block;
	position:absolute;
	float:left;
	top:0;
	left: 0;
	z-index:1;
}

#turn_object{
	position: relative;
}

#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
	float: right !important;
}

#turn_wrapper.right #turn_hideme {
	float: right !important;
	right: 0 !important;
	left: auto;
}
#turn_wrapper.right #turn_object {
	right: 0 !important;
	left: auto !important;
}

#turn_wrapper.right {
	position: absolute;
	top: 0;
	width: 100%;
	height: 0;
	right: 0 !important;
}

#turn_wrapper.right #turn_object * {
	position: absolute;
	right: 0 !important;
}

#turn_wrapper #turn_object img#turn_fold {
	display:block;
  width: 100%;
  height:100%;
	z-index:1000;
	right: 0;
	position:absolute;
}

#turn_wrapper .ui-wrapper {
  left: 0 !important;
  top: 0 !important;
}

#turn_wrapper .ui-resizable-handle {
  border: none !important;
  border-width: 0 !important;
	/* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */
  background: url(#none) !important;
  width: 100% !important;
  height: 100% !important;
}

.cssform p{
width: 330px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 185px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
text-indent:0px;
text-align:left;
}

.cssform div label{
font-weight: bold;
float: left;
margin-left:0px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
margin-top:5px;
margin-bottom:5px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
margin-top:5px;
margin-bottom:5px;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
margin: 5px 10px;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
}

.cssform textarea{
width: 250px;
height: 150px;
}


/***
bandeau scroll 
***/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 380px;
	height:112px;
	background:url(/img/global/gradient/h300.png) repeat-x;
	margin:15px auto 0px;
	
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#banniereSup > td.milieu .items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	
	background-color:#fff;
	padding:2px;
	width:375px;
	height:108px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/******ABO
*/

table.TabAfficheAbo{
	width: 100%; 
	text-align: center;
	border-collapse:separate;
}

table.TabAfficheAbo td.ligneUp{
	border-top: 2px outset black;
}
table.TabAfficheAbo td.ligneDown{
	border-bottom: 2px outset black;
}
table.TabAfficheAbo td.ligneFirst{
	border-left: 2px outset black;
}
table.TabAfficheAbo td.ligneLast{
	border-right: 2px outset black;
}
.adminform label{
display:block;
width:160px;
float:left;
}



#image_wrap img{
height:375px;
width:500px;
}
/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:580px;
	margin:0 auto;
	padding:15px 0;
	padding-top:40px;
	padding-bottom:40px;
	padding-right:15px;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
}
div.slide{
	margin:10px auto;
	width:580px;
}
.scrollableAccro {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 506px;
	height:125px;
	margin: 0 auto;
	/* custom decorations */
	border:1px solid #ccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollableAccro .itemsAccro {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.itemsAccro div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollableAccro img {
	float:left;
	margin:20px 0px 20px 16px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollableAccro .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollableAccro {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/img/galerie/fleche_gallerie.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 5px;
	cursor:pointer;
	font-size:1px;
	margin-top:60px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
.prix_barre {text-decoration:line-through;color:red;}
#error{
	width:100%;height:30px;border:1px solid red;background-color:#ff4a4a;color:black;text-align:center;font-weight:bold;padding-top:10px;margin-bottom:25px;
}
#error span span {
	font-weight:bold;
	color:black;
}
.accro {
	color:#009ce2;
	font-weight:bold;
}
.lacabane {
	color:#018133;
	font-weight:bold;
}

#accueil img.logo-accro {
	margin-right:150px;
}
#accueil  img.logo-cabane {
	margin-left:150px;
}

#accueil fieldset.kiddy {
	border: 3px solid #febb13;width:90%;margin:25px 100px 50px 5px;border-radius: 10px;color:black;
}
#accueil fieldset.accro {
	border: 3px solid #23a638;width:90%;margin:5px 100px 50px 5px;border-radius: 10px;color:black;
}
#accueil fieldset.cabane {
	border: 3px solid #009de0;width:90%;margin:5px 100px 50px 5px;border-radius: 10px;color:black;
}
#accueil fieldset.kiddy legend,#accueil fieldset.accro legend, #accueil fieldset.cabane legend {
	background:none;border:none;
}
#accueil fieldset.kiddy .presentation, #accueil fieldset.accro .presentation , #accueil fieldset.cabane .presentation {
	float:right;margin:0px 5px 10px 5px;
}


/** Pages Tarif **/
.clear{clear:both;}
#tarif .PubLeft {float:left;	margin-left:30px;}
#tarif .PubRight {float:right;margin-right:30px;}
#tarif .columnLeft{	padding:10px;float:left;width:45%;}
#tarif .columnRight{	padding:10px;width:45%;margin-left:50%;}
#tarif  table.entete {color:#f7f19a;width:100%;}
#tarif  table.entete td.TitleColumn1{width:65%;text-align:center;}
#tarif  table.entete td.TitleColumn2{text-align:center;width:25%;background-color:#3b3636;border: 1px solid white;vertical-align:middle;font-weight:bold;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#tarif  table.corps {background-color:#498ec7;width:100%;border: 2px solid black;color:#f7f19a;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius: 10px;}
#tarif  table.corps td.titre{text-align:center;font-weight:bold;color:black;border-top:2px solid black;border-bottom:2px solid black;padding:10px;font-size:16px;}
#tarif  table.corps td.column1{width:65%;padding:10px;font-weight:bold;}
#tarif  table.corps td.column2{width:25%;text-align:center;vertical-align:middle;font-weight:bold;}
#tarif  table.corps td.columnColspan2{text-align:center;font-weight:bold;padding:10px;}


/** Page atterissage **/
#atterissage .entete{background-color:#86c812;width:100%;height:40px;}
#atterissage .entete .bloc_lien{width:700px;text-align:right;margin: 0 auto;padding-top:10px;color:white;}
#atterissage .entete .bloc_lien a{font-family: Arial,Verdana,Helvetica,sans-serif;font-size:20px;color:white;text-decoration:none;}

#atterissage .corps{background-color:#219b38;width:100%;margin:0 auto;}
#atterissage .corps .relative{position:relative;}
#atterissage .corps .groupe_texte_accueil{position:absolute;top:45px;left:250px;}
#atterissage .corps .groupe_texte_accueil .sous_titre{font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;font-size:21px;font-weight:bold;}
#atterissage .corps .groupe_texte_accueil .texte_accueil{font-family: Comic Sans MS,Arial,Verdana,Helvetica,sans-serif;font-size:17px;color:white;}
#atterissage .footer{background-color:#86c812;width:100%;}

#atterissage .footer .groupe_bulle_parc{width:700px;margin:0 auto;padding-top:20px;}
#atterissage .footer .groupe_bulle_parc .bulle{background: url(/img/page_atterissage/bulle-parc.png) no-repeat;width:200px;height:301px;margin:0 auto;padding-top:5px;}
#atterissage .footer .groupe_bulle_parc .bulle div {width:185px;padding-left:5px;text-align:center;}
#atterissage .footer .groupe_bulle_parc .bulle div p{font-family: Arial,Verdana,Helvetica,sans-serif;font-size:13px;margin-bottom:0px;height:80px;margin-top:5px;}
#atterissage .footer .groupe_bulle_parc .bulle div div{margin:0 auto;padding:0;}