/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
* {
    margin: 0;
    padding: 0;
}

html { font-size: 90%;}

/* WYSIWYG */
.alignleft    { text-align: left; }
.alignright   { text-align: right; }
.aligncenter  { text-align: center; }
.alignjustify { text-align: justify; }

img.alignleft, table.alignleft, dl.alignleft    { float: left; margin: 0 5px 5px 0; text-align: left; }
img.alignright, table.alignright, dl.alignright { float: right; margin: 0 0 5px 5px; text-align: left; }
table.aligncenter, dl.aligncenter               { margin: auto; text-align: left; }

a img   { border-width: 0; }
acronym { border-bottom: 1px dotted; cursor: help; }
.clear  { clear : both; }

/* LEGENDE */
dl.legende        { border: 1px solid #ccc; padding: 0; }
dl.legende dt     { margin: 0; padding: 0; border-bottom: 1px solid #ccc }
dl.legende dt img { margin: 5px; } /* defini dans le parsing */
dl.legende dd     { margin: 0; padding: 0 5px; font-style: italic; }
dl.legende dd img { float:right; margin-left: 5px; }




/* ===================================================================
 * CONTENUS PARAMETRABLES
 * =================================================================*/
body { font-family: Verdana, sans-serif; font-size:0.875em; color: #000; background:url(http://www.amdor.fr/include/css/SIT_AMDOR/images/fondBody.png) center top no-repeat #C0C0C0; } 

a, a:hover, a:visited { color: #A9C500; }
h2, h3, h4, h5        { color: #A9C500; margin-bottom:  5px; }

h2 { font-size:2.143em; margin-bottom: 15px; }
h3 { font-size:1.715em; }
h4 { font-size:1.429em; }
h5 { font-size:1em; }


#document table { width:100%; }
ol, ul          { padding-left:30px; }
ul              { list-style: square;}
ul li a         { color:#777777; }
ul li a:hover   { color:#A9C500; }

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
    background-color: #FFFFFF;
    margin: 3px auto 0;
    width: 980px;
}

#corps {
    overflow: hidden;
    zoom: 1;
}
#colonneGauche {
	float: left;
	margin-left: 5px;
	width: 195px;
	margin:30px 0 0 0;
}
#contenu {
	float: left;
	margin: 0 10px;
	overflow: hidden;
	width: 960px;
	margin:30px 0 0 0;
	zoom: 1;
}
.avecDeuxColonnes #contenu {
	width: 545px;
}
.avecColonneDroite #contenu {
	margin-left: 5px;
	width: 755px;
}
.avecColonneGauche #contenu {
	margin-right: 5px;
	width: 755px;
}
#colonneDroite {
	float: right;
	margin-right: 5px;
	width: 195px;
	margin:30px 0 0 0;
}



#fondSite         { clear: both; }
/*#Accueil #contenu { padding:0; width:980px; }*/
.paragraphe       { clear:both; }

.imgAccroche    { clear:both; width:780px; float:left; }
.tplReservation { margin-bottom:20px; overflow: hidden; }

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/

/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut{width:980px; height:250px;}
#bandeauHaut h1     { float: left; width: 278px; margin:0; padding:0;height:250px;}



/* Menu */
#menuHaut { min-height:31px; margin-bottom: 15px; background:#A9C500; clear: both;width:980px; }

#menuHaut .menuAccueil { float: left; width: 33px; }
#menuHaut #menuSansJS  { list-style: none; margin: 0; }

#menuHaut #menuSansJS li	{ height: 31px; display: block; float: left; position: relative; z-index:2; }

 
#menuHaut #menuSansJS a,
#menuHaut #menuSansJS span { display: block; padding: 8px 11px 8px 11px; font-size:0.929em; color: #000; text-decoration: none; text-transform: uppercase; border-left: 1px solid #3B5528; }


#menuHaut #menuSansJS a:hover,
#menuHaut #menuSansJS span:hover  { background-color: #A9C500; color: #000; }

#menuHaut #menuSansJS span:hover   { cursor: default; }

#menuHaut #menuSansJS li.selected a,
#menuHaut #menuSansJS li.selected span { background-color: #A9C500; color: #000; }


/*Niveau 2*/
#menuHaut #menuSansJS ul.ssmenu               { display:none; width: 215px; padding: 0px; position: absolute; top: 30px; left: 0; background-color: #A9C500; color:#000; /*border-left: 1px solid #CCC3BE; */ list-style: none; }
#menuHaut #menuSansJS ul.ssmenu li            { float: none; height: auto; }

#menuHaut #menuSansJS ul.ssmenu li a          { padding: 11px 10px 11px 25px; background: url(images/puceBlanche.png) 8px 14px no-repeat #A9C500; color: #000; border: none; }

#menuHaut #menuSansJS ul.ssmenu li a:hover    { background-color: #A9C500; }
#menuHaut #menuSansJS ul.ssmenu li.selected a { background-color: #A9C500; }
#menuHaut #menuSansJS li:hover ul.ssmenu      { display: block;  }

/*
#menuHaut #menuSansJS li.selected a { background-color: #418609; color:#fff; padding:8px 9px; }
#menuHaut #menuSansJS li:hover a,
#menuHaut #menuSansJS li:hover span { background-color: #418609; color:#fff; padding:8px 9px; }
#menuHaut #menuSansJS li:hover ul   { display: block; width:auto; }
*/


/* ===================================================================
 * RECHERCHE
 * =================================================================*/
#bandeauHaut .recherche         { width:202px; height:30px; padding:15px 0 0 765px; display: block; overflow: hidden; clear: both; }
#bandeauHaut .recherche form    { width:202px; height:30px; }
#bandeauHaut .recherche .search { width:160px; height:30px; padding-left:3px; position: relative; bottom:11px; left:2px; background:transparent url("images/search.png") top right no-repeat; color:#999999; font-size:11px; border: none; }
#bandeauHaut .recherche #submitString{float:right;bottom:11px;position: relative;}

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
/* Bandeau bas */
#bandeauBas {
	background-color: #A9C500 ; /* couleur de fond par défaut */
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.8) inset; /* dégradé pour Firefox */
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.8) inset; /* dégradé pour Google Chrome */
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F8F8F8', endColorstr='#DDDDDD', gradientType='0'); /* dégradé pour IE6, 7 et 8 */
}
#bandeauBas a {
	color: #000;
}
#bandeauBas {
	border: 1px solid #A9C500;
	clear: both;
	margin: 0px auto 5px auto;
	overflow: hidden;
	padding: 7px 10px;
	text-align: center;
	width: 960px;
	zoom: 1;
}
#bandeauBas a {
	margin: 0 5px;
}
#bandeauBas ul {
	float: left;
	list-style: none;
	margin-bottom: 0;
}
#bandeauBas ul li {
	float: left;
}
/* ===================================================================
 * CORPS 
 * =================================================================*/
#corps { margin-top: 120px; margin-left:10px; }

.sousMenu h3 a        { text-decoration: none; color:#A9C500; font-size:1em; font-style: normal;}
.sousMenu h3          { margin-bottom:25px; }
.sousMenu a.selected  { color:#A9C500; font-weight: bold; }
.sousMenu a           { text-decoration: none; font-style: italic; font-size:1.286em;}
.sousMenu ul          { padding-left: 20px; }
/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu {}

.paragraphe {
	margin-bottom: 25px;
	overflow: hidden;
	zoom: 1;
	font-size:14px;
}
.paragraphe blockquote,
.paragraphe ol,
.paragraphe ul {
	margin-left: 30px;
}

/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite {
}
#colonneDroite .module{
	font-size:14px;
}
/* ===================================================================
 * ARIANE
 * =================================================================*/
#ariane {
	font-size:0.875em;
	color:#000;
	border-bottom: 1px solid #ECECEC;
    border-top: 1px solid #ECECEC;
    clear: both;
    margin: 10px 0;
    padding: 5px 0;
}
#ariane ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding:0 0 0 5px;
	overflow: hidden;
	zoom: 1;
}
#ariane ul li {
	display: inline;
}
#ariane ul li a { text-decoration: none; }
#ariane ul li:first-child a { font-weight: bold; color:#A9C500; }


/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation {text-align: center;} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}

/* ===================================================================
 * FORMULAIRES 
 * =================================================================*/
fieldset {
	margin-bottom: 15px;
	padding: 10px;
	border:1px solid #727272;
}
legend {
	font-weight: bold;
	padding: 0 10px;
	color:#727272;
	font-weight: normal;
}

.tpl_formulaire th {
	text-align: left;
	vertical-align: top;
	width: 40%;
}
label {
	color:#727272;
	font-weight: normal;
}
.tpl_formulaire th label {
	display: block;
	padding-bottom: 2px;
}
.tpl_formulaire table td {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
.tpl_formulaire table td label {
	float: left;
	font-weight: bold;
	width: 40%;
}
.tpl_formulaire table td label.enLigne {
	float: none;
	display: inline;
}
.groupeQuestion {}

.paragraphe input, .paragraphe textarea, .paragraphe select,
.module input, .module textarea, .module select {
	border: 1px solid #D8D8D8;
    color: #727272;
    font-weight: normal;
}

p.action input,
input.submit {
	background-color: #A9C500;
	border: 0;
	color: #FFFFFF;
	font-weight:bold;
	padding: 5px 15px;
	cursor: pointer;
}

input.case {
	border: none;
	margin: 0 5px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
p.action {
	overflow: hidden;
}
#contenu p label {
	float: left;
	width: 25%;
	color:#727272;
}
#contenu p label.enLigne {
	display: inline;
	float: none;
}

/* ===================================================================
 * LISTES 
 * =================================================================*/
.liste {
	background: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
}
.liste .item {
	border-top: 1px dotted #CCCCCC;
	overflow: hidden;
	padding: 10px;
	zoom: 1;
}
.liste .item  h4 {
	font-size: 90%;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.liste .item .date {
	font-size: 85%;
}
.liste .item .libelle {
	font-weight: bold;
}
.liste .item .resume {
	font-size: 95%;
}
.liste .first {
	border-top: none; 
}

/* ===================================================================
 * MODULES 
 * =================================================================*/
.module {
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
}
.module h3 {
	/*background-color: #D4D4D4;  couleur de fond par d�faut 
	border: 1px solid #CCCCCC;*/
	padding: 5px 10px;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.8) inset; /* d�grad� pour Firefox 3.5 */
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.8) inset; /* d�grad� pour Google Chrome */
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#C8C8C8', gradientType='0'); /* d�grad� pour IE6, 7 et 8 */
	zoom: 1; /* pour permettre le d�grad� sous FF6 et 7 */
}
.module h4, .module h5,
.module ol, .module p,
.module table, .module ul {
	margin: 0 5px 10px 5px;
}
.module blockquote,
.module ol,
.module ul {
	margin-left: 35px;
}

/* ===================================================================
 * STYLE DE PARAGRAPHE
 * =================================================================*/
.PRS_COLONNE {}

.paragraphe.PRS_FONDGRIS {
	background-color: #F3F3F3;
	border: 1px solid #959595;
	margin: 0 auto 20px 0;
	padding: 10px;
	width: 95%;
}
.module.PRS_TITREGRIS h3 {
	background: url("images/PRS_TITREGRIS.jpg") repeat-x scroll left top #757575;
	border: 0 none;
	color: #FFFFFF;
	font-size: 160%;
	font-weight: bold;
	padding: 7px 12px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	filter: none;
}
.module.PRS_TITRENOIR h3 {
	background: url("images/PRS_TITRENOIR.jpg") no-repeat scroll left top #252525;
	border: 0 none;
	color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 160%;
	font-weight: bold;
	line-height: 32px;
	padding: 0 14px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	filter: none;
}

/* ===================================================================
 * USERTOOLS
 * =================================================================*/
#toolbar   { ext-align: right; }
.userTools { float: right; margin: 10px 10px 2px 10px; }

/* ===================================================================
 * TEMPLATES Diapo
 * =================================================================*/
.tpl_diaporamaAccueil                 { height: 450px; border: 5px solid #719E3F; position: relative; overflow: hidden; z-index:1; }
.imgAccroche .tpl_diaporamaAccueil    { height: 292px;}
.tpl_diaporamaAccueil .diaporama      { overflow: hidden; position: relative; }
.tpl_diaporamaAccueil #diaporamaListe { position: absolute; right: 10px; bottom: 10px;  height: 20px; }
.tpl_diaporamaAccueil li              { float: right; list-style: none outside none; overflow: hidden; cursor: pointer; width: 18px; }

.tpl_diaporamaAccueil #diaporamaListe li a           { display:block; float: left; background: url(images/vueInactive.png) no-repeat 50% 50%; text-indent:-999px; overflow: hidden; padding:0; width:14px; height:14px; cursor: pointer; border:none; }
.tpl_diaporamaAccueil #diaporamaListe li.selected a  { background: url(images/vueActive.png) no-repeat 50% 50%; }

/* Styles de paragraphe */
.PRS_FLASHHOME       { width: 780px; float:left; clear:none;  margin-bottom: 10px; }
.PRS_DIAPORAMA p img { height:150px; }


/*    En test     */
body {
    position:absolute;
    min-height:100%;
    width:100%;
    top:0px; left:0px;
}
html {
    height:100%;
    width:100%;
    top:0px; left:0px;
}