/* CSS Document */

/* Début du CSS du site #F2F2F2*/
body {
	background-color:#ECEAE8;
	font-size: 13px;
	color: #7A6855;
	font-family: Arial, Helvetica, sans-serif;
}

/* placeholder / all browsers  */
::-webkit-input-placeholder {	color:#999189; font-style:italic; font-size:11px; }
::-moz-placeholder { color:#999189; font-style:italic; font-size:11px; } /* firefox 19+ */
:-ms-input-placeholder { color:#999189; font-style:italic; font-size:11px; } /* ie */
input:-moz-placeholder { color:#999189; font-style:italic; font-size:11px; }

A { color:#009AB4; text-decoration:none; font-weight:bold; }
A:visited { color:#009AB4; }
A:hover { color:#009AB4; text-decoration:underline; }

h1 {
	font-size: 18px;
	color: #7A6855;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:15px;
}

h3 {
	font-size: 14px;
	color: #7A6855;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:15px;
}

p{
	margin-bottom:20px;
	line-height:20px;
}

ul {
	margin-top:10px;
	margin-bottom:15px;
}

ol {
	margin-top:10px;
	margin-bottom:15px;
}

li {
	list-style:disc;
	margin-left:25px;
	margin-bottom:10px;
	line-height:17px;
	/* list-style-image:url('/images/puce_fleche_afictif.gif');*/
}

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:10px;
	line-height:17px;
}

li li {
	list-style:disc;
	margin-left:25px;
	margin-bottom:10px;
	line-height:15px;
}

fieldset {
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
}

.DivContainer {
	width:980px;
	background-image:url(/images/menu/fond_etoile.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin:15px auto 15px auto;
	background-color:#FFFFFF;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
}

.DivHeader {
	height:165px;
}

.DivBandeauHaut {
	width:980px;
	height:165px;
	background-image:url(/images/menu/bandeau_haut.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.BandeauLogo {
	position:relative;
	top:57px;
	left:74px;
	width:159px;
	height:108px;
}

.DivAideNavigation {
	clear:both;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin: 0 10px 20px 0;
	padding:0 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.DivAideNavigation A { color:#B9AB99; text-decoration:none; font-weight:bold; }
.DivAideNavigation A:visited { color:#B9AB99; }
.DivAideNavigation A:hover { color:#848871; text-decoration:underline; }
/*
.DivAideNavigation a.CurrentPage {
	text-decoration:none;
	font-weight:normal;
}
*/


.DivContenu {
	clear:both;
}

.Contenu {
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.SousMenuAutresPages {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009AB4;
	background-color:#EFEFEF;
	line-height:20px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:20px;
	padding:10px;
	border:solid;
	border-color:#827060; /*#009BB3;*/
	border-width:2px;
}


.ContenuPageExterne {
	clear:both;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.DivFooter {
	clear:both;
	margin-top:40px;
	padding:10px 10px 10px 10px;
	border-top:dashed;
	border-top-color:#BCBCBC;
	border-top-width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:auto;
}

.DivBaselineFooter {
	float:left;
}

.DivCopyrightFooter {
	float:right;
}

.Logo {
	float:left;
	position:relative;
	top:10px;
	left:10px;
	}

/* Liens multilangue */
.Multilangue {
	float:right;
	vertical-align:bottom;
	margin-top:80px;
	margin-bottom:30px;
	margin-right:30px;
	text-align:right;
}


/* ----------------Textes -----------------------*/

.TitreParagraphe {
	font-weight:bold;
	font-style:italic;
}

.SousTitreParagraphe {
	font-size:1.083em; /*1.167em*/
	font-weight:bold;
}

.MiseEnAvant {
	padding:3px 5px 3px 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #00A3B8;
	}

.TextePetit {
	font-size: 0.83em;
}

.img_left {
	float:left;
	clear:right;
	padding:3px 20px 3px 0px;
}

.img_right {
	float:right;
	clear:left;
	padding:3px 0px 3px 20px;
}

.SeparateurHR {
	height:1px;
	border-width:0;
	color:#BFB8BF;
	background-color:#BFB8BF;
}

/* Tableaux du site */
.Tableau {
	width:auto;
	max-width:80%;
	margin:auto;
	border-collapse: separate;
  border-spacing: 7px 10px;
}
.Tableau td {
	font-weight:bold;
	color: #FFFFFF;
	font-size: 12px;
	padding:7px;
}

.FondFonce {
	background-color:#63513D;
}

.FondClair {
	background-color:#A39382;
}

/* Tableaux propres au congrès */
.TableauCongress td {
	padding:10px;
}

/* Galerie Flickr */
.XmlGaleriesFlickr {
	float:left;
	width:200px;
	height:200px;
	margin:0 20px 20px 0;
}
.XmlGaleriesFlickr:hover {
	cursor:pointer;
}

/* Spécial formulaire de saisie des abstracts pour le congrès */
.ContenuFormulaireAbstractsCongres {
	padding:30px;
}

/* ---------------- Menu de navigation ------------------- */
/* Menu de navigation du site */
.MenuSimple {
	clear:both;
	}
.MenuSimple ul li {
	list-style:none !important;
	margin-left:0 !important;
	margin-bottom:0 !important;
	line-height:normal !important;
}
.MenuSimple {
	position:relative;
	top:-60px;
	right:10px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.MenuSimple a{color:#FFFFFF; text-decoration:none; font-weight:bold; }
.MenuSimple a:hover{color:#FFFFFF; text-decoration:underline; font-weight:bold; }

/* Bouton spécifique pour la rubrique du congrès 
.LienBoutonCongres {
	padding:8px 8px 9px 8px;
	margin-left:30px;
	background-color:#F4DF9C;
	border:solid 1px #666666;
	color:#000000;
}
A.LienBoutonCongres {color:#000000; font-weight:bold;}
A.LienBoutonCongres:visited {color:#000000; font-weight:bold;}
A.LienBoutonCongres:hover{color:#000000; text-decoration:underline; font-weight:bold; }
*/
/* Bouton SPECIAL LienBoutonCongres */
ul.slimmenu li a.LienBoutonCongres {
	border-right:	none;
	padding:7px 15px 8px 15px;
	margin-left:15px;
	background-color:#F4DF9C;
	border:solid 1px #666666;
	color:#000000;
}
/* Flèche d'indication de sous-menu pour le bouton LienBoutonCongres */
ul.slimmenu li.FlecheBoutonCongres .sub-collapser > i {
    color: #000000;
}
/* HOVER de la flèche d'indication de sous-menu pour le bouton LienBoutonCongres */
ul.slimmenu li.FlecheBoutonCongres .sub-collapser:hover > i {
    color: #FFFFFF;
}
/* HOVER de la flèche d'indication de sous-menu de sous-menu pour le bouton LienBoutonCongres */
ul.slimmenu li.FlecheBoutonCongres ul li .sub-collapser:hover > i {
    color: #CCCCCC;
}

li A.LienBoutonCongres {color:#000000; font-weight:bold;}
li A.LienBoutonCongres:visited {color:#000000; font-weight:bold;}
li A.LienBoutonCongres:hover{color:#000000; text-decoration:underline; font-weight:bold; }



/* ------------------ Div OverLib -------------------- 
div #overDiv{
	border:1px solid #848484;
}

div #OverlibModifie td{
	padding:5px;
}
*/


/* ------------------- Plan du site -------------------*/
.PlanSite {
	font-family:Arial, Helvetica, sans-serif;
}

.PlanSite h1 { font-size: 1.333em; font-weight:bold; display:inline; }
.PlanSite h2 { font-size: 1.083em; font-weight:normal; display:inline; }
.PlanSite h3 { font-size: 1em; font-style:italic; font-weight:normal; display:inline; }
.PlanSite h4 { font-size: 0.833em; font-weight:normal; display:inline; }
.PlanSite h5 { font-size: 0.833em; font-weight:normal; display:inline; }
.PlanSite h6 { font-size: 0.833em; font-weight:normal; display:inline; }

.PlanSite ul {
	margin-left:25px;
}
.PlanSite ul li{
	margin-bottom:2px;
}
.PlanSite ul li.list_sitemap_h1 {
	list-style: square;
}
.PlanSite ul li.list_sitemap_h2 {
	list-style: disc;
}
.PlanSite ul li.list_sitemap_h3,.PlanSite ul li.list_sitemap_h4,.PlanSite ul li.list_sitemap_h5,.PlanSite ul li.list_sitemap_h6 {
	list-style: circle;
}

/* ---------------- Boite de dialogue JQuery ------------------- */
#dialog {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*width:450px;*/
}

#dialog A { color:#0082BF; text-decoration:none; font-weight:bold; }
#dialog A:visited { color:#0082BF; }
#dialog A:hover { color:#0082BF; text-decoration:underline; }

.ui-dialog-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* ---------------- Boutons ------------------- */
.BoutonSubmit {
	/*background: linear-gradient(rgb(242, 164, 162) 0px, rgb(232, 91, 84) 4.5%, rgb(178, 37, 32) 100%);*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin: 0;
	padding: 0.34em 1.5em 0.4em;
	border-radius: 3.1px;
	/*border: 1px solid rgb(178, 37, 32);*/
	color: rgb(255, 255, 255);
	display: inline-block;
	cursor: pointer;
	font-size-adjust: none;
	font-stretch: normal;
	/*background: linear-gradient(rgb(205, 225, 235) 0px, rgb(138, 186, 208) 3%, rgb(50, 102, 126) 100%);*/
	background: linear-gradient(rgb(203, 230, 222) 0px, rgb(91, 231, 255) 3%, rgb(0, 154, 179) 100%);
	border: 1px solid rgb(32, 59, 106);
}

.BoutonSubmitSmall {
	font-size:10px;
	padding: 0.30em;
}

.BoutonSubmit:hover {
	background: linear-gradient(rgb(203, 230, 222) 0px, rgb(91, 231, 255) 3%, rgb(174, 243, 255) 100%);
	border: 1px solid rgb(100, 103, 107);
	color: rgb(130, 112, 96);
}

.BoutonSubmit:active {
	background: linear-gradient(rgb(174, 243, 255) 0px, rgb(91, 231, 255) 3%, rgb(203, 230, 222) 99%);
	border: 1px solid rgb(100, 103, 107);
}

/* Bouton submit SANS image background */
.BoutonSubmitSimple {
	padding:3px 6px 3px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background-color:#BFBFBF;
	border-style:solid;
	border-width:1px;
	border-color:#999189;
	cursor:pointer;
}
/* Position active du bouton submit SANS image background */
.BoutonSubmitSimple:active {
	position:relative;
	top: 2px;
	left: 2px;
 }
 

/* Pour afficher les boutons submit d'une autre manière une fois le bouton cliqué et avant le chargement des résultats */
.BoutonPatienter {
	border:none !important;
	/*background:none !important;*/
	background-color:transparent !important;
	background-image:url(/images/pictos/ajax-loader.gif) !important;
	background-repeat:no-repeat;
	padding:0 0 0 30px;
	color:#999189;
	font-style:italic;
	font-size:20px;
	cursor:default !important;
	cursor:wait !important;
}
.BoutonAnnulerVide {
	margin:0;
	border:none;
	background-color:transparent;
}


/* ---------------- Divers formulaires ------------------- */
.LigneColoree {
	background-color:#F1F1F1;
}
.LigneSimple {
	background-color:none;
}

.NoErreur {
	font-weight:bold;
	color:#339900;
}

.Erreur {
	font-weight:bold;
	color:#CC0033;
}

.Picto {
	width:18px;
	height:18px;
}

.ChampObligatoire {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.833em;
	color:#CC0033;
	font-style:normal;
	position:relative;
	bottom:5px;
}

.SaisieIncompleteChamps {
	background-color:#FFD2D2;
}

.AideFormulaire {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	font-style:normal;
}

 

/*************************************************************************************************************************/	
/*    Traitement des formulaires .FormulaireComplexe                                                                        */	
/*************************************************************************************************************************/	
/* http://codepen.io/chriscoyier/pen/DmnlJ */

	form.FormulaireComplexe {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height:25px;
		}
	/*	
	form.FormulaireComplexe header {
		margin: 0 0 20px 0; 
	}
	form.FormulaireComplexe header div {
		font-size: 90%;
		color: #999;
	}
	form.FormulaireComplexe header h2 {
		margin: 0 0 5px 0;
	}
	*/
	
	/* Div contenant le label + le champ */
	form.FormulaireComplexe > div.ContenuAjax > div,
	form.FormulaireComplexe > div:not(.ContenuAjax) {
		clear: both;
		overflow: hidden;
		/*padding:5px;*/
		margin: 0 0 20px 0;
	}
	
	/* Spécial : pour les div cachées contenant le label + le champ 
	form.FormulaireComplexe > div.DivCachee {
		clear: both;
		overflow: hidden;
		padding:0;
	}

	form.FormulaireComplexe > div > fieldset > div > div {
		margin: 0 0 5px 0;
	}
*/	
	/* Label du formulaire */
	form.FormulaireComplexe > div.ContenuAjax > div > label,
	form.FormulaireComplexe > div > label {
		width: 19%;
		float: left;
		text-align: right;
		font-weight: bold;
		line-height:20px;
		padding: 0 1% 0 0;
	}
	
	/* Champs input du formulaire */
	/*form.FormulaireComplexe > span > div > div,*/
	form.FormulaireComplexe > div.ContenuAjax > div > div,
	form.FormulaireComplexe > div:not(.ContenuAjax) > div {
	/*form.FormulaireComplexe > div > fieldset > div {*/
		width: 80%;
		float: right;
	}
	
	/* Spécial : pour forcer la div (80%) contenant le label et le champ à être sur 2 lignes */
	form.FormulaireComplexe > div.ForceFloat {
	  width: 80% !important;
		margin: 0 auto 20px auto;
	}
	
	/* Spécial : pour forcer la div (100%) contenant le label et le champ à être sur 2 lignes */
	form.FormulaireComplexe > div.ForceFloatFull {
	  width: 100% !important;
		margin: 0 auto 20px auto;
	}
	
	/* Spécial : force le label à revenir à la ligne */
	form.FormulaireComplexe > div.ForceFloat > label,
	form.FormulaireComplexe > div.ForceFloatFull > label {
	  width: 100% !important;
    float: none !important;
	}
	
	/* Spécial : force le champ à revenir à la ligne */
	form.FormulaireComplexe > div.ForceFloat > div,
	form.FormulaireComplexe > div.ForceFloat > div > input,
	form.FormulaireComplexe > div.ForceFloatFull > div,
	form.FormulaireComplexe > div.ForceFloatFull > div > input {
	  width: 100% !important;
    float: none !important;
		margin-top:2px !important;
	}
	
/*
	form.FormulaireComplexe > div > fieldset label {
		font-size: 90%;
	}
	
	form.FormulaireComplexe fieldset {
		border: 0;
		padding: 0;
	}
*/	
	/* Pour forcer la taille définie au départ */
	form.FormulaireComplexe > div > div > input.NoWidthModification,
	form.FormulaireComplexe > div > div > select.NoWidthModification {
/*		width:inherit !important;
    min-width: inherit !important; 
    max-width: inherit !important; */
	}
	
	/* Aspect par défaut des champs */
	form.FormulaireComplexe input[type=text],
	form.FormulaireComplexe input[type=email],
	form.FormulaireComplexe input[type=url],
	form.FormulaireComplexe input[type=password],
	form.FormulaireComplexe select,
	form.FormulaireComplexe textarea {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		height:25px;
		border-top: 1px solid #BFBFBF;
		border-left: 1px solid #BFBFBF;
		border-right: 1px solid #F1F1EE;
		border-bottom: 1px solid #F1F1EE;
		background-color:#FFFFFF;
		-webkit-border-radius:0;
		padding:0 3px 0 3px;
	}

	/* Pour ne pas arrondir les angles des boutons */
	form.FormulaireComplexe input[type=submit] {
		-webkit-border-radius:0;
	}
	
	/* Taille par défaut des champs textarea */
	form.FormulaireComplexe textarea {
		width: 95%;
		min-height:150px;
	}
	
	/* Taille par défaut des champs input */
	form.FormulaireComplexe input[type=text],
	form.FormulaireComplexe input[type=email],
	form.FormulaireComplexe input[type=url],
	form.FormulaireComplexe input[type=file],
	form.FormulaireComplexe input[type=password] {
		width: 70%;
	}
	
	/* Taille par défaut des champs select*/
	form.FormulaireComplexe select {
		width: auto;
		min-width: 40%;
		max-width: 70%;
	}
	
	/* Aspect Focus des champs */
	form.FormulaireComplexe input[type=text]:focus,
	form.FormulaireComplexe input[type=email]:focus,
	form.FormulaireComplexe input[type=url]:focus,
	form.FormulaireComplexe input[type=file]:focus,
	form.FormulaireComplexe input[type=password]:focus,
	form.FormulaireComplexe select:focus,
	form.FormulaireComplexe textarea:focus {
		outline: 0;
		border-color: #999189;
	}
	
	/* Centrage d'une ligne de formulaire simple, du bouton de validation et de la mention Champs obligatoires */
	form.FormulaireComplexe > div > .LigneFormulaireSimple, 
	form.FormulaireComplexe > div > .BoutonValidationFormulaire, 
	form.FormulaireComplexe > div > div.BoutonValidationFormulaire, 
	form.FormulaireComplexe > div > .ChampObligatoire {
		width:100%;
		text-align:center;
	}
	
	/* Marges de la mention Champs obligatoires */
	form.FormulaireComplexe .AideFormulaire {
		margin:0 0 8px 0;
	}
	
	/* Marges d'une ligne de formulaire simple (1 seule colonne) */
	form.FormulaireComplexe .LigneFormulaireSimple {
		margin:0 0 20px 0;
	}
	
	/* Marges de la div du bouton de validation */
	form.FormulaireComplexe .BoutonValidationFormulaire,
	form.FormulaireComplexe > div > div.BoutonValidationFormulaire {
		margin:0 0 10px 0;
	}
	
	/* Spécial : Ligne de titre de formulaire */
	/*form.FormulaireComplexe .LigneFormulaire_TitreFormulaire,*/
	form.FormulaireComplexe > div > div.LigneFormulaire_TitreFormulaire {
		width:100%;
		float:none;
		background-color:#BFBFBF;
		color:#FFFFFF;
		padding:10px;
		font-weight:bold;
		font-size:14px;
		margin:0 0 10px 0;
	}
	
	/* Spécial : Ligne de séparation de formulaire */
	form.FormulaireComplexe .LigneFormulaire_Separation {
		clear:both;
		height:10px;
		margin-bottom:10px;
	}
	
	/* Spécial : Aide de l'éditeur HTML */
	form.FormulaireComplexe .AideEditeurHTML {
		float:left;
		text-align:right;
		padding:0 10px 0 0;
		font-size:11px;
		font-style:italic;
	}

	/* Spécial : Pour forcer la couleur d'une saisie incomplète */
	form.FormulaireComplexe input.SaisieIncompleteChamps,
	form.FormulaireComplexe select.SaisieIncompleteChamps,
	form.FormulaireComplexe textarea.SaisieIncompleteChamps {
		background-color:#FFD2D2;
	}
	
	.PictoSaisieIncompleteChamps {
		margin-left:5px;
		/*vertical-align:middle;*/
		 position:relative; top:2px;
	}
	
	/* Spécial : Pour forcer la couleur du label d'une saisie incomplète */
	form.FormulaireComplexe label.SaisieIncompleteLabel {
		color:#CC0033;
	}
	
	/* Spécial : Pour les labels des boutons radio ou check box */
	form.FormulaireComplexe .ChoixLabel {
		position:relative;
		bottom:1px;
		left:1px;
		margin-right:10px;
	}

/****************************************************************************************************************************************************************************/