body {
	margin: 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	cursor: default;
	/*color: #565656;*/
	color: #444444;
	background-color: #eeeeee;
}
/***************************************************************************************
* HTML 5
***************************************************************************************/
#pageIn {
	background-color: #ffffff;
	margin: 0px auto;
	padding-top: 12px;
	/*
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    */
	box-shadow: 0 0 40px #888888;
  	-moz-box-shadow: 0 0 40px #888888;  
  	-webkit-box-shadow: 0 0 40px #888888;
}
header {
	width: 960px;
	margin: 0 auto
}
nav {
}
#contenu {
}
section {
}
article {
}
aside {
}
footer {
	background-color: #56BAEC;
}

.headerBouton{
	margin-right:100px;
}

.menu-open{
	display:none
}
/***************************************************************************************
* Menu déroulant
***************************************************************************************/

/***************************************************************************************
* Contenu
***************************************************************************************/
/*.pageOut {
	background-color: #ffffff;
	width: 960px;
	padding: 10px 0px 0px 0px;
	margin-top: 20px;
	border: 0px;
	margin-bottom: 0px;
	box-shadow: 0 0 40px #f3f7fa;
  	-moz-box-shadow: 0 0 40px #f3f7fa;  
  	-webkit-box-shadow: 0 0 40px #f3f7fa;
  	
  	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;         
}
.pageIn {
	padding: 0;
	margin: 0px 0 20px 0;
	width: 100%;
	width: 920px;	
}
.contenu {
	height: 400px;
	text-align: left;
	z-index: 1;
}*/
.tags {
	margin-left: 12px;
	font-style: italic;
	color: #888888;
}
.tags a {
	color: #888888;
}

#tdPubInfos {
	width: 248px;
	padding-top: 38px;
}
#tdPubInfosAccueil {
	width: 248px;
	padding-top: 12px;
}
.divPubInfos {
	margin: 0px 0px 20px 12px;
	padding: 8px;
	width: 220px;
	background-color: #98C7EF;
	border: solid #0080ed 1px;
	text-align: left;
	z-index: 10;
	
	box-shadow: 4px 4px 10px #98C7EF;
  	-moz-box-shadow: 4px 4px 10px #98C7EF;  
  	-webkit-box-shadow: 4px 4px 10px #98C7EF;
  	
  	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.divPubInfosTitre {
	color: #ffffff;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	margin-bottom: 8px;
	background-color: #0080ed;
	border: solid #0080ed 1px;

	border-radius: 6px;
  	-moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
}
.divPubInfosSousTitre {
	color: #000000;
	font-weight: bold;
	border-bottom: solid #0080ed 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin-left: 20px;
	padding: 0px;
	list-style-position: outside;
}

/******\
  MAIN
\******/
p {
	margin: 0px;
}

.enteteh1{
	border-bottom: 1px #56BAEC solid;
}
h1 {
	width:960px;
	min-height: 20px;
	margin: 10px auto;
	padding: 6px 12px 2px 0px; 
	font-size: 2em;
	font-weight: bold;
	color: #56BAEC;
	
}
h1 a {
	font-weight: bold;
	color: #56BAEC;
}
h2 {
	margin: 12px 0px 8px 0px;
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px 0px; 
	color: black;
	
}
h2 a {
	color: #0080ed;
}
h3 {
	margin: 8px 0px 4px 0px;
	font-size: 1em;
	font-style: italic;
	border-bottom: solid #888888 1px;
	color: #0080ed;
}
hr {
	height: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #0080ed;
}
a {	
	color: #000000;
	text-decoration: none;
}
a:hover {
	/*color: #0080ed;*/
	text-decoration: underline;
}
a.linkNoDecoration {
	text-decoration: none;
}
a.linkNoDecoration:hover {
	text-decoration: none;
}
input[type=button], input[type=submit] {
	background-color: transparent;
	border-width: 0px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}
input[type=button].btnWeb, input[type=submit].btnWeb {
	background-color: #0080ED;
	color: #ffffff;
	border-width: 0px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 8px 2px 8px;
	margin: 0px 4px 0px 4px;
	border: solid #0080ed 1px;;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
input[type=button].btnWeb:hover, input[type=submit].btnWeb:hover {
	background-color: transparent;
	color: #0080ed;
	border: solid #0080ed 1px;
}

/***************************************************************************************
****************************************************************************************
***	Header
****************************************************************************************
***************************************************************************************/
#headerWeb {
	width: 100%;
	padding-left:6px;
	padding-right:22px;
	/*border: solid #eeeeee 1px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
.headerTitre a {
	color: #000000;
	font-weight: bold;
	font-size: 24px;
}

.headerLogoTitre {
	font-size:40px;
	color:#56BAEC;
	font-weight:bold;
	padding-left:10px;
}
#mailPage {
	position: absolute;
	width: 500px;
}
.blocDetail {
	background-color: #ffffff;
	border: solid #0080ED 1px;
}
.blocDetail th {
	background-color: #0080ED;
	color: #ffffff;
	font-size: 12px;
}
.blocDetail td {
	background-color: #98C7EF;
	font-size: 12px;
}

/***************************************************************************************
****************************************************************************************
***	Footer
****************************************************************************************
***************************************************************************************/
#footer {
	text-align: center;
	color: #888888;
	padding: 8px 0px 8px 0px;
	width: 960px;
	margin:0 auto;
}
#footer a {
	text-align: center;
	color: white;
}


/***************************************************************************************
****************************************************************************************
***	_Générique (styles framework de medicis)
****************************************************************************************
***************************************************************************************/
/*.entete {
	width: 200px;
	font-weight: bold;
	font-size: 16px;
	padding-left: 20px;
	color: #A14E7E;
}
.entete a{
	font-weight: bold;
	font-size: 16px;
	color: #A14E7E;
}*/
/***************************************************************************************
* Entete 
***************************************************************************************/

.pubEnteteOut {
}
.pubEntete {
	width: 960px;
	margin: 0 auto;
}

.imageTop img {
	width: 100%;
}
.confirm {
	margin-top: 8px;
	padding: 4px;
	text-align: center;
	border: solid #338833 1px;
	background-color: #eeffee; 
	font-weight: bold;
	color: #338833;
}
.erreur {
	margin-top: 8px;
	padding: 4px;
	text-align: center;
	border: solid #ff0000 1px;
	background-color: #ffdddd; 
	font-weight: bold;
	color: #ff0000;
}
.homeAlerte {
	width:400px;
	text-align: left;
}
.imageBouton {
	cursor:pointer;
	margin-left: 8px;
}
.imageBoutonNoRight {
	cursor:pointer;
	margin-left: 8px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.infoCreation {
	text-align: right;
	color: #949494;
}
.noRight {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.tb {
	border: solid #cbcaca 1px;
}
.tbErreur {
	border: solid #ff0000 1px;
}
.tbSemiErreur {
	border: dashed #ff0000 1px;
}
.tdCliquable {
	cursor: pointer;
}
.ddl {
	width: 292px;
	height: 20px;
	border: solid #cbcaca 1px;
}
.ddlErreur {
	width: 292px;
	border: solid #ff0000 1px;
}

.tdField {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
}
.tdFieldPassword{
	text-align: left;	
}
.tdFieldCenter {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.tdFieldLeft {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.tdFieldUpload {
	height: 40px;
	font-size: 12px;
	vertical-align: top;
}
.tdFieldVraiFaux {
	height: 20px;
	text-align:center;
	padding-top:4px;
	font-size: 12px;
	vertical-align: top;
}
.tdFieldWhite {
	color : #ffffff;
}
.tdValue {
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}
.tdValueRight {
	font-size: 12px;
	vertical-align: top;
	text-align: right;
}
.tdTitre {
	font-size:	14px;
	font-weight: bold;
}
.tdInfo {
	font-size:	12px;
	font-weight:bold;
	color:		red;
	text-align: center;
}
.blocMembre {
	background-color: #eeeeee;
	border: dashed #bbbbbb 1px;
	margin: 4px 0px 4px 0px ;
	padding: 4px;
	font-style: italic;
}

/***************************************************************************************
* Div unactive JS 
***************************************************************************************/
#unactiveJSBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
	background-color: #ffffff;
}
#unactiveJSWin {
	position: fixed;
	width: 200px;
	top: 40%;
	left: 50%;
	margin-left: -100px;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
  	box-shadow: 10px 10px 10px #666;
  	-moz-box-shadow: 10px 10px 10px #666;  
  	-webkit-box-shadow: 10px 10px 10px #666;
  	z-index: 1000;
	color: #000000;
	border-color: #888888;
}

#attenteWin, #attenteBG, #attenteDiv {
	border-style: none;
}
#attenteDiv, #attenteWin {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
#attenteWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	z-index: 100;		
}

/***************************************************************************************
* Styles généraux
***************************************************************************************/
/*gif animé */
#gifLoading{
	margin: 0 auto;
    padding-top: 150px;
    position: relative;     
}
.contenu p, .contenu li, .contenu a{
	font-family: arial, verdana, sans-serif;
	list-style-position: outside;	
}
#content-header{
	float: left;	
}
table.pageIn tbody tr td.contenu div.quitter{
	float: right;
	padding-top: 5px;	
}
.spacer{
	padding-bottom: 15px;	
}

/***************************************************************************************
* Backtrack
***************************************************************************************/
.backtrackTop {
	width: 960px;
	margin:0 auto
}
.backtrack {
	color: #888888;
	font-size: 11px;
	margin: 15px 0px 8px 12px;
}
.backtrack a {
	color: #888888;
	font-size: 11px;
}

/***************************************************************************************
* Publication
***************************************************************************************/
.publicationTitre {
	padding-left: 0px;
}
.publicationIntro {
	width: 960px;
	margin: 10px auto;
	padding-left: 0px;
}
.publicationTags {
	padding: 4px 0px 8px 0px;
	font-style: italic;
	color: #888888;
}
.publicationTags a {
	font-style: italic;
	color: #888888;
}
.publicationParTitre {
	/*color: #0080ed;*/
	margin-left: 12px;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 8px;
	padding-bottom: 4px;
	font-weight: bold;
}
.publicationParTexte {
	/*margin-left: 12px;
	text-align: justify;*/
	padding-left: 0px;
}
#publicationContenuContainer {
	position:absolute;
	float: right;
	margin-left: 420px;
	width: 460px;
	height: 400px;
	z-index: 100;
}
#publicationContenu {
	padding: 6px;
	width: 420px;
	height: 388px;
	overflow: auto;
	text-align: left;
	background-color: #E3EAF3;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#publicationContenuClose {
	float: left;
	margin-top: 180px;
	padding: 12px 2px 12px 6px;
	width: 20px;
	background-color: #E3EAF3;
	opacity:0.9;
	filter:alpha(opacity=90);
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px; 
    -webkit-border-radius: 20px 0px 0px 20px;
	cursor: pointer;
}
#publicationContenuShow {
	position:absolute;
	float: right;
	margin-top: 180px;
	margin-left: 852px;
	padding: 12px 2px 12px 6px;
	width: 20px;
	background-color: #E3EAF3;
	opacity:0.9;
	filter:alpha(opacity=90);
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px; 
    -webkit-border-radius: 20px 0px 0px 20px;
	cursor: pointer;
	z-index: 20;
}

.diapoPuceOn {
	padding: 4px 8px 4px 8px;
	/*background: url('/img/entendre/diapoPuceOn.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 8px;
	color: #ffffff;*/
	cursor: pointer;
}
.diapoPuceOff {
	padding: 4px 8px 4px 8px;
	/*background: url('/img/entendre/diapoPuceOff.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 8px;*/
	cursor: pointer;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.highlight {
	background-color: #ffff00;
}

.docIndisponible {
	margin: 10px;
	color: #ff0000;
}
.duree {
	float: right;
	margin-right: 4px;
	font-size: 16px;
	font-weight: bold;
}

.encart  {
	width: 960px;
	margin: 0 auto;
}
/***************************************************************************************
* Diaporama Standard
***************************************************************************************/
#diaporama {
	width: 960px;
	text-align: center;
	z-index: 10;
	margin-left: 20px;
}
#diaporama .publicationShowFullScreen {
	position:absolute;
	float: right;
	margin-top: 0px;
	margin-left: 940px;
	padding: 2px;
	width: 20px;
	background-color: #E3EAF3;
	opacity:0.9;
	filter:alpha(opacity=90);
	cursor: pointer;
	z-index: 20;
}
#diaporama .publicationDiaporama {
	position: absolute;
	width: 960px;
	height: 720px;
	z-index: 10;
}
#diaporama .diapoImg {
	position: absolute;
	width: 960px;
	height: 720px;
	overflow: hidden;
	border: solid #dddddd 1px;
}
#diaporama .diapoPub {
	position: absolute;
	width: 960px;
	height: 720px;
	overflow: auto;
	text-align: left;
	border: solid #dddddd 1px;
	/*border: solid #888888 1px;*/
}
#diaporama .diapoPDF {
	width: 960px;
	height: 720px;
	border: solid #dddddd 1px;
}
#diaporama .diapoContent {
	padding: 0px;
}

/* Boutons */
#diaporama .diaporamaBoutons {
	margin: 0px -20px 0px -20px;
}
#diaporama .tblDiaporamaBoutons {
	height: 720px;
}
#diaporama .diaporamaPuces {
	text-align: right;
	height: 24px;
	z-index: 20;
}
#diaporama .tblDiaporamaPuces {
	height: 24px;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#diaporama .divVignettes {
	margin-top: 4px;
	text-align: left;
	width: 960px;
	overflow-y: hidden;
}
#diaporama .diaporamaVignettes {
	text-align: right;
	height: 100px;
	z-index: 20;
}
#diaporama .tblDiaporamaVignettes {
	height: 70px;
	opacity:0.9;
	filter:alpha(opacity=90);
}

/***************************************************************************************
* Diaporama Full screen
***************************************************************************************/
#diaporamaFullScreen {
	width: 100%;
	text-align: center;
	z-index: 10;
}
#diaporamaFullScreen .publicationShowFullScreen {
	position:absolute;
	top: 0px;
	right: 0px;
	padding: 2px;
	width: 20px;
	background-color: #E3EAF3;
	opacity:0.9;
	filter:alpha(opacity=90);
	cursor: pointer;
	z-index: 20;
}
#diaporamaFullScreen .publicationDiaporama {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 24px;
	/*padding: 20px;*/
	z-index: 10;
	background-color: #ffffff;
	box-shadow: 0 0 20px #666;
  	-moz-box-shadow: 0 0 20px #666;  
  	-webkit-box-shadow: 0 0 20px #666;
}
#diaporamaFullScreen .diapoContent {
	padding: 20px;
}
#diaporamaFullScreen .diapoImg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#diaporamaFullScreen .diapoPub {
	position: absolute;
	/*width: 100%;*/
	height: 100%;
	overflow: auto;
	text-align: left;
	/*border: solid #888888 1px;*/
}
#diaporamaFullScreen .diapoPDF {
	width: 100%;
	height: 100%;
}

/* Boutons */
#diaporamaFullScreen .diaporamaBoutons {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#diaporamaFullScreen .tblDiaporamaBoutons {
	height: 100%;
	width: 100%;
}
#diaporamaFullScreen .tblDiaporamaBoutons td {
	padding: 4px;
}
#diaporamaFullScreen .diaporamaPuces {
	position: absolute;
	bottom: 0px;
	right: 24px;
	text-align: right;
	height: 24px;
	z-index: 20;
}
#diaporamaFullScreen .tblDiaporamaPuces {
	height: 24px;
	opacity:0.9;
	filter:alpha(opacity=90);
}

/* Images des paragraphes */
.pubImg {
	max-width: 200px;
}
.pubImgGauche {
	float: left;
	word-wrap: break-word;
	width: 200px;
	padding: 0px 8px 8px 0px;
}
.pubImgDroite {
	float: right;
	word-wrap: break-word;
	padding: 0px 0px 8px 8px;
	width: 200px;
}
.pubImgCentre {
	padding: 5px 0;
	/*max-width: 670px;*/
	text-align: center;
}
.pubImgLegende {
	text-align: center;
	color: #888888;
	font-size: 10px;
}
.pubImgCopyright {
	text-align: center;
	color: #888888;
	font-size: 10px;
	font-style: italic;
}

/***************************************************************************************
* Visu image
***************************************************************************************/
#visuImageBG {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 100;
}
#visuImageWinOut {
	position: fixed;
	background-color: transparent;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 200;
}
#visuImageWin {
	background-color: #ffffff;
	padding: 4px;
	text-align: left;
  	box-shadow: 0 0 20px #666;
  	-moz-box-shadow: 0 0 20px #666;  
  	-webkit-box-shadow: 0 0 20px #666;
	z-index: 1000;
}
#visuImageImgOut {
	border: solid #888888 1px;
	padding: 2px;
}
#visuImageImg {
	max-width: 930px;
}

/***************************************************************************************
* Div Détail
***************************************************************************************/
#detailBG {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 100;
}
#detailWinOut {
	position: fixed;
	background-color: transparent;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 200;
}
#detailWin {
	background-color: #ffffff;
	padding: 4px;
	width: 600px;
	text-align: left;
  	box-shadow: 0 0 20px #666;
  	-moz-box-shadow: 0 0 20px #666;  
  	-webkit-box-shadow: 0 0 20px #666;
	z-index: 1000;
}
#detailContent {
	overflow: auto;
}

.ficheDetail {
	width: 100%; 
}
.ficheDetailImg {
	float: right;
	margin: 0px 0px 4px 4px;
}
	
/***************************************************************************************
* Publication Contact
***************************************************************************************/
.tblContact {
	margin-top: 4px;
	border: solid #888888 1px;
}
.thContact {
	text-align: left;
	height: 25px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
}

/***************************************************************************************
* Publication Commentaire
***************************************************************************************/
.tblCommentaire {
	width: 100%;
	margin-top: 20px;
	border: solid #888888 1px;
}
.thCommentaire {
	text-align: left;
	height: 25px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
}
.publicationCommentaire {
	border-top: dashed #888888 1px;
	margin-top: 8px;
}
.publicationCommentaireSignature {
	color: #888888;
}
.publicationCommentaireTitre {
	font-weight: bold;
}
.publicationCommentaireTexte {
}

/***************************************************************************************
* Onglets 
***************************************************************************************/
.tabVide {
	height: 200px;
	padding: 15px;
}
.tabActifOn {
	height: 22px;
	background: url('/img/tab/menu_admin_bg.png');
}
.tabActifOnErreur {
	background-color: #E1EF91;
}
.tabActifOffErreur, .tabActifOnErreur {
	border-color: #ff0000;
}
.tabActifOn a, .tabActifOnErreur a, .tabActifOn a:hover, .tabActifOnErreur a:hover{
	text-decoration: none;
}
.tabActifOff, .tabActifOffErreur {	
	background-color: #bbbbbb;
}
.tabActifOn, .tabInactif, .tabBoutons  {
	color: #5C748D;
}
.onglet, .ongletContenu, .tabInactif, .tabBoutons, .tabBoutonsInfo {
	border-color: #5C748D;
}
.tabInactif, .ongletContenu {
	/*background-color: #EFF3D8;*/
	background-color: #E3EAF3;
}
.ongletContenu h2 {
	color: #ffffff;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	margin-bottom: 8px;
	background-color: #0080ed;
	border: solid #0080ed 1px;

	border-radius: 6px;
  	-moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
}
#ongletContenuDark {
	border-color: #5C748D;
}
#ongletContenuDark td {
	background-color: #cddef4;
}
.ongletEntete, .ongletBoutonOff, .ongletIntro {
	color: #000000;
}
.collapseDiv {
	background-color: #5C748D;
}
.tabActifOn, .tabActifOff, .tabActifOffOver, .tabActifOffCourant, .tabActifOffCourantOver {
	border-color: #ffffff;
}
.tabActifOn a, .tabActifOnErreur, .tabActifOnErreur a, .tabActifOn a:hover, .tabActifOnErreur a:hover, .tabActifOnCourant, .tabActifOff a, .tabActifOffErreur a, .tabActifOffCourant a, .tabActifOffOver, .tabActifOffCourantOver, .collapseDiv, .tabBoutonsInfo {
	color: #ffffff;
}
.ongletsBas, .tabActifOn, .tabActifOff, .tabActifOffOver, .tabActifOffCourant, .tabActifOffCourantOver {
	border-bottom-color:#5C748D;
}

/***************************************************************************************
* Sondage
***************************************************************************************/
.sondageQuestion {
	margin-top: 8px;
}
.sondageReponse {
	padding-left: 20px;
}
.sondageReponseBarOut {
	height: 16px;
	background-color: #eeeeee;
	margin-right: 4px;
	float: left;
}
.sondageReponseBar {
	height: 16px;
	background-color: #233868;
}
.sondageReponsePourcent {
	font-weight: bold;
}

/***************************************************************************************
* Formulaire
***************************************************************************************/
.formulaireQuestion {
	margin-top: 8px;
}
.formulaireReponse {
	text-align:center;
}
.formulaireReponseBarOut {
	height: 16px;
	background-color: #eeeeee;
	margin-right: 4px;
	float: left;
}
.formulaireReponseBar {
	height: 16px;
	background-color: #233868;
}
.formulaireReponsePourcent {
	font-weight: bold;
}

.formulaireContenu {
	width:960px;
	margin:0 auto;
	text-align:center;
}
/***************************************************************************************
* Boutton
***************************************************************************************/
/*.button {
	color: white;
    font-size: 19px;
    font-family: arial, verdana, sans-serif;
    text-decoration: none;
    vertical-align: middle;
	width: 150px;
    border-top: 1px solid #dae68d;
    background: #888888;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#bdce5a), to(#575e29));
    background: -moz-linear-gradient(top, #bdce5a, #575e29);*/
    background: -webkit-gradient(linear, left top, left bottom, from(#bdce5a), to(#575e29));
    background: -moz-linear-gradient(top, #bdce5a, #575e29);
    padding: 8px 16px;
    -moz-border-radius: 0 0 0 10px; 
    -webkit-border-radius: 0 0 0 10px; 
    border-radius: 0 0 0 10px;         
    -webkit-border-bottom-left-radius: 10px; /* pour Chrome */
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;   
}
.button:hover {
    border-top-color: #5c748d;
    background: #5c748d;
    color: #fcfcfc;
}
.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}*/

/******************************************************************************
* Messages utilisateurs
******************************************************************************/
#messageBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}
#messageBG.error {
	background-color: #ff0000;
}
#messageBG.confirm {
	background-color: #338833;
}
#messageBG.info {
	background-color: #888888;
}

#messageWin {
	position: fixed;
	width: 200px;
	top: 40%;
	left: 50%;
	margin-left: -100px;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
  	box-shadow: 10px 10px 10px #666;
  	-moz-box-shadow: 10px 10px 10px #666;  
  	-webkit-box-shadow: 10px 10px 10px #666;
  	z-index: 1000;
}
#messageWin.error {
	color: #000000;
	border-color: #ff0000;
}
#messageWin.confirm {
	color: #000000;
	border-color: #338833;
}
#messageWin.info {
	color: #000000;
	border-color: #888888;
}

#messageButton {
	margin-top: 10px;
}
#messageButtonOK {
	text-align: center;
}
#messageButtonOui {
	text-align: center;
}
#messageButtonNon {
	text-align: center;
}
#messageButtonAnnuler {
	text-align: center;
}
/***************************************************************************************
* Div attente
***************************************************************************************/
#attenteDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#attenteBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
}
#attenteWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	/*background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;*/
	text-align: center;
	font-weight: bold;
	z-index: 1000;
}

/***************************************************************************************
* Aide en ligne
***************************************************************************************/
.divAide
{
	position: absolute;
	width: 300px;
	border: 1px solid #888888;
	/*background-color: #ffffff;*/
	text-align: left;
	z-index: 2000;
}
.aideEntete {
	background-color: #888888;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}
.aideContenu
{
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
}
.aideTitre
{
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-syle: normal;
	font-size: 10px;
}
.aideTexte
{
	color: #0000ff;
	text-align: left;
	font-syle: normal;
	font-size: 10px;
	font-weight: normal;
}