/********************************************************************************************
Modeles de messages d'erreur et d'info a mettre dans la page en remplacement de popups.
Tires de "http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/"
********************************************************************************************/
/*.alert 		{ background: #EBDDEE url('img/cont/exclamation.png') center no-repeat; border-top: 2px solid #E0CBE4; border-bottom: 2px solid #E0CBE4; }
.alert 			{ background: #f0e0ed url('img/cont/exclamation.png') top no-repeat; border-top: 2px solid #E0CBE4; border-bottom: 2px solid #E0CBE4; }
.info 			{ background: #EBDDEE url('img/cont/information.png') center no-repeat; border-top: 2px solid #E0CBE4; border-bottom: 2px solid #E0CBE4; }
.alert, .info 	{  text-align: left; padding: 5px 20px 5px 45px; margin: 15px 0; color: #000000; font-size: 12px; }
.alert, .info 	{ background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; margin: 15px 0; color: #000000; font-size: 12px; }*/

#global-container #content #col-mid p.alert { background-color: #f0e0ed; border-top: 2px solid #E0CBE4; border-bottom: 2px solid #E0CBE4; padding: 5px 20px; margin: 15px 0; color: #000000; }
.alert h4	{ background: #f0e0ed url('img/cont/exclamation.png') left no-repeat; padding: 8px 0 8px 20px; font-size: 1em;}
.alert li 	{ padding: 0; list-style-image: url('img/typo/carre_fleche_violet_mutuelle.gif'); }

ul.listeErreurs { padding: 0 0 10px 50px; }
#divErreur h4 { padding: 0 0 0 20px; margin: 10px 0 10px 20px; }

.info { 
	background: #EBDDEE url('img/cont/information.png') center no-repeat; 
	background-position: 15px 50%; 
	border-top: 2px solid #E0CBE4; 
	border-bottom: 2px solid #E0CBE4;
	text-align: left; 
	padding: 5px 20px 5px 45px; 
	margin: 15px 0; 
	color: #000000; 
	font-size: 12px; 
}

/* Si le cadre info est grand, l'icone information.png est un peu perdue. Dans ce cas, on la met sur le h4 */
.infoGrand { 
	background-color: #EBDDEE;
	border-top: 2px solid #E0CBE4; 
	border-bottom: 2px solid #E0CBE4;
	text-align: left; 
	padding: 5px 10px; 
	margin: 15px 0; 
	color: #000000; 
	font-size: 12px; 
}
.infoGrand h4	{ background: #EBDDEE url('img/cont/information.png') left no-repeat; padding-left: 20px; font-size: 1em; }

/* Bouton violet (sur un <a> ou <input>)*/
.bouton	{ 
	text-decoration: none;
	color: #612962; 
	font-weight: bold;
	background-color: white;
	border-top: 1px solid #BB80BB; 
	border-right: 1px solid #612962; 
	border-bottom: 1px solid #612962; 
	border-left: 1px solid #BB80BB;
	padding: 5px;
	cursor: pointer;
}

.bouton:visited 		{ text-decoration: none; }

/********************************************************************************************/


/********************************************************************************************
Classes utilisees dans l'espace perso en general
********************************************************************************************/

.lib				{ float: left; text-align: right; width: 200px; margin-right: 10px; }
#global-container #content #col-mid fieldset			{ padding: 0 20px 10px 20px; margin: 0 10px 20px 0; font-weight: normal; }
#global-container #content #col-mid fieldset legend		{ font-weight: bold; }
#global-container #content #col-mid fieldset p			{ margin: 5px; }
.petit				{ font-size: 0.8em; }
.petitCadre			{ width: 500px; margin: 10px 0; }

.inputViolet, .inputVioletInactif, .selectViolet {
	border: 1px solid #993399;
	margin-top: 1px;
	font-size: 11px;
	margin-bottom: 1px;
	color: #993399;
	background-color: #ffffff;
}
.inputViolet 			{ background-color: #ffffff; }
.inputVioletInactif 	{ background-color: #ebddee; }
.selectViolet			{ background-color: white; }

.lienSuivant { background: #ebddee; border: 2px solid #953c96; font-size: 0.85em; color: #953c96; padding: 7px; margin: 20px 0; float: right; }

.infoBulle { 
	background: #ebddee;
	position: absolute; 
    left: 500px; 
    top: 100px;
    padding: 1em; 
    z-index: 500; 
    border: 1px solid #943c94;
    width: 450px;
}
.infoBulle h2 {	text-align: center; color: #939; }
.infoBulle h5 {	font-weight: bold; font-size: 12px; color: #20248d; line-height: 14px; }
.infoBulle ul { list-style-image: url(ressourcesPlugins/shared/fleche2.gif); list-style-position: inside; margin: 0; padding: 0; margin-top: -1em; }
.interroPopup { cursor: pointer; }

form																				{ padding:0; margin:0; }
form table.formulaire, .cadre														{ background:#ebddee; border:2px solid #953c96; font-size:0.85em; color:#953c96; padding:7px; margin:7px 0; overflow:hidden; }
.cadreCentre, .cadre2	{ background:#ebddee; border:2px solid #953c96; font-size:0.85em; color:#953c96; padding:7px; margin:7px auto; width:300px; }
form table.formulaire label															{ font-weight:bold; }
form input.text, form input[type=text], form input[type=password], form select		{ border:1px solid #953c96; color:#953c96; padding:1px; font-size:0.9em; }
form textarea																		{ border:1px solid #953c96; color:#953c96; padding:1px; }
form input.submit, form input[type=submit], input[type=reset], input[type=button]	{
    border:1px solid #953c96;
    background:#fff;
    font-weight:bold;
    font-size:1.1em;
    color:#612962;
    padding:5px;
    border-bottom-color:#612962;
    border-right-color:#612962;
    border-left-color:#bb80bb;
    border-top-color:#bb80bb;
    cursor: pointer;
}


#boutons 			{ text-align: right; margin-top: 20px; }
#boutons input 		{ margin-left: 15px; cursor: pointer; }
#boutons span 		{ float: left; }
#boutons a 			{ float: left; }
#boutons #retour	{ float: left; margin-left: 0; }

.lienAdobe {
	background: url('http://www.adobe.com/images/get_adobe_reader.gif') center no-repeat; 
	background-position: 0 50%; 
	padding-left: 100px; 
	margin: 20px 0;
	color: black;
}

.encadreViolet {
	background-color: #ebddee;
	border: 2px solid #953c96; 
	color: #953c96;
	/*padding: 10px; */
	padding: 20px;
	margin: 10px 0;
}

.tabEspacePerso {
	background-color:#993399; 
	border-spacing: 1px;
	/* en fait le background + border-spacing a 1px servent a simuler une bordure des cellules violetfonce */
	width: 100% !important;
	width: 90%;	
	text-align: center;
	font-size: 0.9em;
	color: black;
	line-height: 1.1em;
}

.tabEspacePerso td, .tabEspacePerso th 	{ background-color: #f7f7e7; padding:2px; }
.tabEspacePerso thead tr th 			{ color: #993399; }
.tabEspacePerso tfoot 					{ color: #993399; font-weight: bold;}




/*  Efficience Ok ***********************************************************************/
/*		Styles ajoutes						*/

.violet_mutuelle, .couleur {
color:#982F87;
}


/************************************************************************/
/*		Styles utilises dans le plugin ws_adhesion						*/

.tx-wsadhesion-pi2 #boutons 		{ margin-top: 30px; }
.tx-wsadhesion-pi4 #boutons 		{ margin-top: 30px; }
.tx-wsadhesion-pi5 #entete input 	{ padding-left: 0; padding-right: 0; margin-top: 5px;}
.tx-wsadhesion-pi7					{ margin-left: 40px; }
.tx-wsadhesion-pi7 label			{ margin: 5px; }


/*  Efficience Ok ***********************************************************************/
/*		Styles utilises dans le plugin effigie_infos_espace_perso		*/

.tx-effigieinfosespaceperso-pi1 #encadreInfosGenerales {
	margin: 25px 0;
	padding: 10px;
	background-color: #f0e0ed;
}

/*.tx-effigieinfosespaceperso-pi1 div#cadre1 { width: 220px; }*/
#global-container #content #col-mid .tx-effigieinfosespaceperso-pi1 div#cadre1 p { padding: 10px 0 4px 0; }
.tx-effigieinfosespaceperso-pi1 div#cadre2 { float: right; width: 180px; }
.tx-effigieinfosespaceperso-pi1 div#cadre3 { float: right; text-align:right; width: 173px; }

/*	  Fin Styles utilises dans le plugin effigie_infos_espace_perso	*/
/********************************************************************/


/********************************************************/
/*		Styles utilises dans le plugin ws_accordstp		*/

/*-------------------------------*/
/*	  liste_093 et liste_000     */
/*-------------------------------*/

#global-container #content #col-mid .tx-wsaccordstp-pi1 p {
    padding: 8px;
}

#global-container #content #col-mid .tx-wsaccordstp-pi1 p.info { 
	padding: 8px 20px 8px 45px; 
	margin: 15px 0; 
	color: #000000; 
	font-size: 12px; 
}

#global-container #content #col-mid .tx-wsaccordstp-pi1 h3 {
    padding: 8px 0;
}

.selectViolet {	/*font-weight : bold;*/	width : 233px; }

.tabSoin {
	background-color: #F7F7E7;
	border: 1px solid #993399;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 0;
	margin: 10px 0;
	width: 100%;
}
.tabSoin th {
	color: white;
	background-color: #993399;
	text-align: left;
	font-weight: bold;
}
.tabSoin td {
	padding: 5px;
	width: 30%;
	border: 1px dashed #993399;
}
.soinEtabTel { color: #759404; }
.soinAdresse { color: #1F901F; }

.lienRetourHaut {
	background: url('ressourcesPlugins/shared/flecheHaut.gif') right no-repeat;
	padding-right: 15px;
	text-align: right;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #943c94;
}

.divListe {
	margin-top:20px;
	padding:10px;
	background-color:#ebddee;
	border:2px solid #943c94;
	font-weight: bold;
	color:#953c96;
}

#btnValider { margin: 20px 0px; }

/*	  Fin Styles utilises dans le plugin ws_accordstp	*/
/********************************************************/



/********************************************************/
/*		Styles utilises dans le plugin ws_adhession		*/

.tx-wsadhesion-pi1 .alert, .tx-wsadhesion-pi2 .alert {
background-color:#F0E0ED;
border-bottom:2px solid #E0CBE4;
border-top:2px solid #E0CBE4;
color:#000000;
margin:15px 0;
padding:5px 20px;
}

.tx-wsadhesion-pi1 .encadreViolet	{ padding: 20px; }
.tx-wsadhesion-pi1 .petit			{ padding: 10px; }
.tx-wsadhesion-pi1 #list_435_selectboxselectionnez_paysnaissance { width: 180px; }



.tx-wsadhesion-pi2 .encadreViolet	{ padding: 20px; width: 500px; }
.tx-wsadhesion-pi2 #boutons #retour {
background:#FFFFFF none repeat scroll 0 0;
border-color:#BB80BB #612962 #612962 #BB80BB;
border-style:solid;
border-width:1px;
color:#612962;
font-size:1.1em;
font-weight:bold;
padding:5px;

}

.tx-wsadhesion-pi4					{ width: 600px; }
.tx-wsadhesion-pi4 #tabEch			{ border: 2px solid black; width: 400px; margin: 20px auto 0 auto; border-collapse: collapse;}
.tx-wsadhesion-pi4 #tabEch th		{ border: 1px solid black; font-weight: bold; font-size: 12px; color: #6b017d; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.tx-wsadhesion-pi4 #tabEch td		{ border: 1px solid black; width: 50%; text-align: center; }

.tx-wsadhesion-pi4 .ligneImpaire, .lignePaire 	{ color: #6B017D; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:12px; }
.tx-wsadhesion-pi4 .ligneImpaire 				{ background-color: #D2F2D8; }
.tx-wsadhesion-pi4 .lignePaire					{ background-color: #C4D3EC; }

/*	  Fin Styles utilises dans le plugin ws_accordstp	*/
/********************************************************/


/********************************************************/
/*		Styles utilises dans le plugin ws_decpte		*/

#global-container #content #col-mid .tx-wsdecpte-pi1 p {
    padding: 8px;
}
.tx-wsdecpte-pi1 .divDecpte {
	padding: 10px;
	background-color: #ebddee;
	border: 2px solid #943c94; 
	font-weight: bold;
	color: #9900af; 
	width:45%;
	float : right;
}
#global-container #content #col-mid .tx-wsdecpte-pi1 .divDecpteChoix p {
    padding: 8px 0px;
    text-align: right;

}

.tx-wsdecpte-pi1 .divDecpteChoix {
	padding: 10px;
	background-color: #ebddee;
	border: 2px solid #943c94; 
	font-weight: bold;
	color: #9900af; 
	width:42%;
	float : left;
}

.tx-wsdecpte-pi1 #CBX_Annee, .tx-wsdecpte-pi1 #CBX_Mois {
	border: 1px solid #6b017d; 
	font-size: 11px; 
	color: #6b017d;  
	background-color: rgb(243,236,244);
}

.tx-wsdecpte-pi1 #CBX_Annee { width: 75px; margin-left: 20px; }
.tx-wsdecpte-pi1 #CBX_Mois { width: 100px; }

.tx-wsdecpte-pi2 #divDetailDecpte {
	margin-top:20px;
	padding:5px;
	background-color:#ebddee;
	border:2px solid #943c94; 
	color: #993399;
}

.trDetailDecompte{
	background-color: #e0cbe4;
	margin-top: 10px;
}

.trDetailDecompteTitle{
	background-color: #e0cbe4;
	height: 28px;
}

.titreDecompte {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.libDecompte {
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	line-height: 14px;
	width:60%;
}
#tabActes th {
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}
.valeurDecompte {
	border: 1px solid #993399;
	font-size: 11px;
	margin: 1px;
	background-color: white;
}
/*	  Fin Styles utilises dans le plugin ws_decpte  	*/
/********************************************************/



/********************************************************/
/*	  Styles utilises dans le plugin ws_decptem    		*/

.tx-wsdecptem-pi1 table { margin-top: 20px; }
.tx-wsdecptem-pi1 .info { margin-top: 40px; }
.tx-wsdecptem-pi1 p#first {margin-top: 0px;}
.tx-wsdecptem-pi2 p#first {margin-top: 0px;}
.tx-wsdecptem-pi2 .info { margin-top: 40px; }
.cadreAbo {
	color: black;
	text-align: justify;
}

/*	  Fin Styles utilises dans le plugin ws_decptem    	*/
/********************************************************/



/********************************************************/
/*	 Styles utilises dans le plugin ws_divers	     	*/

.libBorne {
	background: url('ressourcesPlugins/ws_divers/borne.gif') center no-repeat;
	background-position: 0 50%;
	padding-left: 28px; 
	min-height: 52px;	
}

#carte 			{ margin: 10px auto; text-align: center; }
#carte img		{ border: 0; }
.titreSection  	{ font-weight: bold; color: #75910d; }
.agences 		{ margin-top: 15px; }
.agences p		{ margin-bottom: 10px; }

.tx-wsdivers-pi2 							{ width: 100%; margin: 0 auto; }
.tx-wsdivers-pi2 h5					{ margin-top: 0; font-size: 12px; font-weight: bold; }
#global-container #content #col-mid .tx-wsdivers-pi2 .divContact p { padding: 5px 0;margin: 5px 0; }
.tx-wsdivers-pi2 .divContact input.inputViolet 	{ width: 280px; }
.tx-wsdivers-pi2 .divContact select 			{ width: 284px; }
.tx-wsdivers-pi2 .divContact optgroup 			{ font-style: normal; }
.tx-wsdivers-pi2 .divContact .gdTheme 			{ font-weight: bold; -moz-padding-end: 0; -moz-padding-start: 0;}
.tx-wsdivers-pi2 .divContact textarea 			{ width: 280px; }
.tx-wsdivers-pi2 .divContact label 				{ display: block; width: 195px; float: left; }
.tx-wsdivers-pi2 .divContact input#dateNaiJJ	{ width: 25px; }
.tx-wsdivers-pi2 .divContact input#dateNaiMM	{ width: 25px; }
.tx-wsdivers-pi2 .divContact input#dateNaiAAAA	{ width: 50px; }
.tx-wsdivers-pi2 .divContact input#etudesCP		{ width: 30px; }
.tx-wsdivers-pi2 #checkboxes					{ margin-left: 300px; }


#global-container #content #col-mid .tx-wsdivers-pi3 p.info { 
	padding: 8px 20px 8px 45px; 
	margin: 15px 0; 
	color: #000000; 
	font-size: 12px; 
}
#global-container #content #col-mid .tx-wsdivers-pi3 p { margin: 4px 0; }

.tx-wsdivers-pi4 p 				{ text-align: justify; }
.tx-wsdivers-pi4 div#sortie 	{ font-size: 1em; font-weight: bold; }
.tx-wsdivers-pi4 div#sortie h6 	{ font-size: 1em; margin: 0 0 5px 0; }

.tx-wsdivers-pi5 						{ width: 100%; margin: 0 auto;}
.tx-wsdivers-pi5 form div 				{ margin: 10px 0; }
.tx-wsdivers-pi5 form div#first			{ margin-top: 0; }
.tx-wsdivers-pi5 form div#boutons		{ margin: 30px 0 0 0; }
.tx-wsdivers-pi5 form input.inputViolet { width: 250px; }
.tx-wsdivers-pi5 form input#tel			{ width: 100px; }
.tx-wsdivers-pi5 form select 			{ width: 250px; }
.tx-wsdivers-pi5 form textarea 			{ width: 300px; }
.tx-wsdivers-pi5 form div label 		{ float: left; width: 120px; display: block; }

.tx-wsdivers-pi6		{ width: 500px; }
.tx-wsdivers-pi6 select	{ float: right; background-color: #FFCC00; width: 140px; }

.tx-wsdivers-pi9 .divCarte {float: left;} 
.tx-wsdivers-pi9 .divRecherche {margin: 15px 0 0 5px;}
.tx-wsdivers-pi9 {width: 165px; height: 30px;}
.tx-wsdivers-pi9 .boutonOk {margin-top: 0px;}

/* Astuce pour faire un span" encadre de deux etoiles : encapsuler celui-ci dans un <p>, 
mettre la premiere etoile en background gauche du <p> et la deuxieme en background droit du <span>*/
.tx-wsdivers-pi6 p.etoile { 
	background: url('img/design/etoile.gif') left no-repeat;
	color: #99cc00;
	padding: 0 0 0 10px;
	font-weight: bold;
}

.tx-wsdivers-pi6 span.etoile { 
	background: url('img/design/etoile.gif') right no-repeat;
	padding-right: 10px;
}

.tx-wsdivers-pi7		{ width: 160px; }
.tx-wsdivers-pi7 select	{ font-size: 0.8em; }

.tx-wsdivers-pi8					{ width: 450px; font-weight: bold; color:#759404;}

#global-container #content.default #col-mid div.tx-wsdivers-pi8 h2 { text-align: center; background: none; font-size: 1.4em; padding: 0;

}
.tx-wsdivers-pi8 form 				{ border: 8px solid #B3DC1F; background-color: #F3F6E3; padding: 20px 20px 0 20px; }
.tx-wsdivers-pi8 div#radios			{ margin: 20px 0; }
.tx-wsdivers-pi8 select				{ width: 150px; font-weight: normal; }
.tx-wsdivers-pi8 div#bouton			{ margin: 20px auto; }
.tx-wsdivers-pi8 div#bouton input	{ border: 2px solid #990099; cursor: pointer; width: 180px; margin: 0; }
.tx-wsdivers-pi8 div#bouton input#bprev	{ margin-left: 28px; }
.tx-wsdivers-pi8 p#deja				{ text-align: center; margin: 0 auto 5px 0; }
.tx-wsdivers-pi8 a					{ text-decoration: none; color: #990099; }

/*	  Fin Styles utilises dans le plugin ws_divers    	*/
/********************************************************/


/********************************************************/
/*	  Styles utilises dans le plugin ws_gestCpte    	*/

/* .tx-wsgestcpte-pi1 div#div1		{ width: 250px; } */
.tx-wsgestcpte-pi1 div#div2		{ float: right; }
.tx-wsgestcpte-pi1 div#div3		{ float: right; margin-left: 30px !important; margin-left: 54px; text-align: center; }
.tx-wsgestcpte-pi1 p.petit		{ margin-top: 0; }
.tx-wsgestcpte-pi1 div#boutons	{ clear: both; margin-top: 40px; }

.tx-wsgestcpte-pi2 #cadreInscription 				{ width: 416px; }
.tx-wsgestcpte-pi2 #divModeReception 				{ margin-bottom: 20px; }
.tx-wsgestcpte-pi2 #divModeReception div#gauche 	{ width: 175px; }
.tx-wsgestcpte-pi2 #divModeReception div#droite 	{ width: 175px; float: right; }
.tx-wsgestcpte-pi2 #divEtatCivil p 					{ margin: 5px 0; }
.tx-wsgestcpte-pi2 #divEtatCivil input				{ float: right; width: 250px; }
.tx-wsgestcpte-pi2 #divEtatCivil input#dateNai, #divEtatCivil input#cp	{ width: 125px; }
.tx-wsgestcpte-pi2 #divEtatCivil label 				{ width: 150px; font-weight: bold;}
.tx-wsgestcpte-pi2 #divEtatCivil p#infoIdentifiant 	{ margin-top: 0; }
.tx-wsgestcpte-pi2 .infoBulle 						{ background: white; }
.tx-wsgestcpte-pi2 img.interroPopup					{ margin-left: 30px; }

.tx-wsgestcpte-pi2 #cadreResultatInscription 		{ text-align: center; width: 400px; }
.tx-wsgestcpte-pi2 #cadreResultatInscription p 		{ margin: 10px 0; }

.tx-wsgestcpte-pi3									{ width: 520px; margin: 0 auto; }
.tx-wsgestcpte-pi3 #divGererAcces					{ width: 456px; }
.tx-wsgestcpte-pi3 #divEtatCivil p 					{ margin: 5px 0; }
.tx-wsgestcpte-pi3 #divEtatCivil div#divDate		{ margin: 5px 0 10px 0; }
.tx-wsgestcpte-pi3 #divEtatCivil input				{ width: 200px; }
.tx-wsgestcpte-pi3 #divEtatCivil input#cp			{ width: 100px; }
.tx-wsgestcpte-pi3 #divEtatCivil label 				{ float: left; display: block; width: 246px; font-weight: bold;}
.tx-wsgestcpte-pi3 #divEtatCivil p#infoIdentifiant	{ margin-top: 0; }
.tx-wsgestcpte-pi3 #divEtatCivil .dateNaiPetit		{ width: 24px; }
.tx-wsgestcpte-pi3 #divEtatCivil .dateNaiGrand		{ width: 50px; }

.tx-wsgestcpte-pi4 					{ width: 500px; margin: 0 auto; }
#global-container #content #col-mid .tx-wsgestcpte-pi4 p {padding: 4px 0;}
.tx-wsgestcpte-pi4 .encadreViolet	{ padding: 20px; }

.tx-wsgestcpte-pi5 									{ overflow: hidden;}
.tx-wsgestcpte-pi5 .divContact p 					{ margin: 5px 0; }
.tx-wsgestcpte-pi5 .divContact input.inputViolet 	{ float: right; width: 300px; }
.tx-wsgestcpte-pi5 .divContact select 				{ float: right; width: 304px; }
.tx-wsgestcpte-pi5 .divContact textarea 			{ float: right; width: 300px; }
.tx-wsgestcpte-pi5 .divContact label 				{ width: 200px; }
.tx-wsgestcpte-pi5 .divContact .gdTheme 			{ font-weight: bold; -moz-padding-end: 0; -moz-padding-start: 0;}
.tx-wsgestcpte-pi5 .divContact optgroup 			{ font-style: normal; }
.tx-wsgestcpte-pi5 #divMsg 							{ margin-bottom: 70px; }

/*	  Fin Styles utilises dans le plugin ws_gestCpte   	*/
/********************************************************/


/********************************************************/
/*	 Styles utilises dans le plugin ws_infoadh	     	*/

#global-container #content #col-mid .tx-wsinfoadh-pi1 p#libInfos 			{ font-style: italic; font-size: 0.8em; margin: 5px 0; }
.tx-wsinfoadh-pi1 h5					{ margin: 14px 0 10px 0; font-size: 1em; }

.tx-wsinfoadh-pi2 #agences 				{ width: 100%; margin: 0 auto 10px auto; }
.tx-wsinfoadh-pi2 #infos 				{ width: 100%; margin: 0 auto 10px auto; }
.tx-wsinfoadh-pi2 h3 					{ margin: 0 0 10px 0; color: #982f87; }
.tx-wsinfoadh-pi2 .cadreContactsGauche 	{ border: 1px solid white; width: 275px; border-top: 2px dotted #953c96; border-bottom: 2px dotted #953c96; padding: 10px 0; }
.tx-wsinfoadh-pi2 .cadreContactsDroite 	{ float: right; width: 275px; border-top: 2px dotted #953c96; border-bottom: 2px dotted #953c96; padding: 10px 0; }
.tx-wsinfoadh-pi2 #contactMail		 	{ width: 300px; }
.tx-wsinfoadh-pi2 #contactMail a	 	{ color: #982F87; text-decoration: underline; }
.tx-wsinfoadh-pi2 #contactMail a:hover 	{ width: 300px; text-decoration: none; }


.tx-wsinfoadh-pi3  						{ width: 100%; margin: 0 auto; }
.tx-wsinfoadh-pi3 fieldset 				{ margin: 10px 0; padding:15px; border: 1px #953C96 solid }
.tx-wsinfoadh-pi3 fieldset legend		{ padding: 5px; }
.tx-wsinfoadh-pi3 fieldset legend label	{ padding: 0 0 0 4px; }
.tx-wsinfoadh-pi3 h4					{ margin: 0; }
.tx-wsinfoadh-pi3 .inputViolet			{ width: 230px; }
.tx-wsinfoadh-pi3 .inputViolet#numVoie 	{ width: 40px; }
.tx-wsinfoadh-pi3 #cptVoie 				{ width: 186px; }
.tx-wsinfoadh-pi3 #typeVoie 			{ width: 234px; }

/*	  Fin Styles utilises dans le plugin ws_infoadh    	*/
/********************************************************/



/********************************************************/
/*	 Styles utilises dans le plugin ws_messint	     	*/

#boiteReception { margin: 150px 0 10px 0; text-align: left; }

#boiteReception h2, #message h2 {
	font-weight: bold;
	font-size: 12px;
	color: #993399;
	line-height: 14px;
	display: inline;
	background: url("../img/design/barreHoriViolet.gif") left bottom no-repeat;
	padding: 0;
	padding-bottom: 2px;
	margin: 0;
}

#boiteReception .avertissement {
	font-weight: bold;
	font-size: 12px;	color: black;
	background: url("../img/design/croix_violette.gif") center left no-repeat;
	padding-left: 25px;
	margin: 5px 0 10px 0;
}

#boiteReception .indic {
	font-size: 10px;
	color: black;
	line-height: 12px;
	text-align: center;
	margin-top: 10px;
}

#boiteReception table {
	width: 100%;
	font-size: 11px;
	color: white;
	line-height: 12px;
	border-style: none;
	clear: right;
}

#boiteReception th, #boiteReception td { padding: 2px; margin: 2px; }
#boiteReception th { background-color: #333333; }
#boiteReception td.date { text-align: center; }
#boiteReception td { background-color: #993399; }
#boiteReception tr.nonlu { font-weight: bold; }
#boiteReception a {	color: white; text-decoration: none; }

#boiteReception label {
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: #993399;
	margin: 5px 10px 5px 0px;
	cursor: pointer;
}

#message p#corps {
	margin: 20px 0 10px 0;
	font-size: 12px;
	color: black;
	line-height: 14px;
}

#btRetour {	margin: 10px 0;	float: right; }

#btRetour a {
	color: #993399;
	font-weight: bold;
	display: block;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

/*	  Fin Styles utilises dans le plugin ws_messint    	*/
/********************************************************/



/********************************************************/
/*	  Styles utilises dans le plugin ws_mut    		*/

/****** pi1 *********/
.tx-wsmut-pi1 .encadreViolet 		{ margin: 20px 0 0 0; color: #939; }
.tx-wsmut-pi1 #diagExpress label 	{ float: left; width: 240px; color: #939; font-weight: bold; }
.tx-wsmut-pi1 #diagExpress p 		{ margin: 10px 0 0 0; padding: 0; }
.tx-wsmut-pi1 #diagExpress p.petit 	{ margin: 20px 0 0 0; }
.tx-wsmut-pi1 #diagExpress div 		{ margin: 10px 0 0 0; padding: 0; }
.tx-wsmut-pi1 #diagExpress p#test1	{ margin: 0; }
.tx-wsmut-pi1 #boutons					{ margin-top: 0; }
.tx-wsmut-pi1 #rappel					{ margin: 10px 0 0 0; }
.tx-wsmut-pi1 p#lienRetour				{ display: block; margin: 10px 0 0 0; text-align: right; }
.tx-wsmut-pi1 .encadreViolet p#titre	{ font-weight: bold; }


/****** pi2 *********/

.tx-wsmut-pi2 div#diagPerso								{ margin: 20px 0 0 0; }
.tx-wsmut-pi2 div#diagPerso p 							{ margin: 10px 0 0 0; padding: 0;}
.tx-wsmut-pi2 div#diagPerso h4							{ text-align: center; margin: 0 0 20px 0; }
.tx-wsmut-pi2 select									{ font-weight: normal; }
.tx-wsmut-pi2 select#cvlt								{ width: 100px; }
.tx-wsmut-pi2 select#profParents						{ width: 250px; }
.tx-wsmut-pi2 input.inputViolet, .tx-wsmut-pi2 select	{ width: 250px; }
.tx-wsmut-pi2 input#dateNaiJJ, .tx-wsmut-pi2 input#dateNaiMM	{ width: 25px; }
.tx-wsmut-pi2 input#dateNaiAAAA, .tx-wsmut-pi2 input#cp	{ width: 50px; }
.tx-wsmut-pi2 div#diagInfos label 						{ float: left; width: 220px; font-weight: bold; }
.tx-wsmut-pi2 .petit									{ color: black; }
.tx-wsmut-pi2 div#legal 								{ margin-top: 20px; }
.tx-wsmut-pi2 div#legal label							{ display: block; padding-left: 20px; }
.tx-wsmut-pi2 div#legal input							{ display: block; float: left; }


/****** pi3 *********/
.tx-wsmut-pi3 ul  				{ margin: 0; }
.tx-wsmut-pi3 ul li 			{ margin-bottom: 10px; list-style-type: none; list-style-image: none; }
.tx-wsmut-pi3 span.question 	{ display: block; width: 520px; float: left; }
.tx-wsmut-pi3 h4 				{ margin-top: 0; }
.tx-wsmut-pi3 #selectAnnee 		{ width: 100px; }
.tx-wsmut-pi3 #selectMois 		{ width: 250px; }


/****** pi4 *********/
.tx-wsmut-pi4 h4 				{ margin-top: 0; }
.tx-wsmut-pi4 select			{ font-weight: normal; }
.tx-wsmut-pi4 div#legal p		{ margin-top: 10px; }
.tx-wsmut-pi4 div#legal label	{ display: block; padding-left: 20px; }
.tx-wsmut-pi4 div#legal input	{ display: block; float: left; }
.tx-wsmut-pi4 fieldset			{ padding: 10px; margin-bottom: 15px;}
.tx-wsmut-pi4 fieldset label 	{ float: left; width: 250px; }
.tx-wsmut-pi4 fieldset .long 	{ width: 350px; }
.tx-wsmut-pi4 .dateNaiPetit		{ width: 20px; }
.tx-wsmut-pi4 .dateNaiGrand		{ width: 46px; }


/****** pi5 (suite du pi2) ******/
/*.tx-wsmut-pi5								{ width: 750px; margin: 0 auto; }*/
.tx-wsmut-pi5 .encadreViolet				{ padding: 20px; /*width: 650px; margin: 0 auto;*/ }
.tx-wsmut-pi5 h6							{ margin-top: 0; }
.tx-wsmut-pi5 form#recap					{ color: #20248d; }
.tx-wsmut-pi5 form#recap h6					{ font-size:1.2em; color:#939; font-weight: bold; margin: 0; }
.tx-wsmut-pi5 form#recap div.decale			{ margin-left: 10px; }
.tx-wsmut-pi5 form#recap span#labelAdresse	{ display: block; float: left; margin-right: 5px; height: 3em; }
.tx-wsmut-pi5 form#recap span.reponse 		{ font-weight: bold; }
.tx-wsmut-pi5 form#recap span#adresse 		{ display: block; }

.tx-wsmut-pi5 div#cadre						{ border: 1px solid #943c94; padding: 10px; margin: 10px 0; }
.tx-wsmut-pi5 img#bandeau					{ display: block; margin: 0 auto 10px auto;}
.tx-wsmut-pi5 div#logos						{ text-align: center; margin: 0 auto; }
.tx-wsmut-pi5 div#logos	img					{ margin: 0 20px; }
.tx-wsmut-pi5 div#rappel					{ margin-top: 20px; }
.tx-wsmut-pi5 div#rappel input				{ border: 1px solid #943c94; text-align: center; padding: 1px; width: 80px; font-weight: bold; color: #939; font-size: 1em;}
.tx-wsmut-pi5 div#rappel input.croix		{ width: 18px; margin-right: 50px;}
.tx-wsmut-pi5 div#rappel input#prfn			{ width: 450px; text-align: left; }
.tx-wsmut-pi5 p#libResultat					{ color: #939; margin: 10px 0; }
.tx-wsmut-pi5 p#attention span#titre		{ font-style: italic; }
.tx-wsmut-pi5 p#attention					{ text-align: justify; }

.tx-wsmut-pi5 div#memo						{ border: 5px dashed #939; padding: 5px; margin: 10px auto;}
.tx-wsmut-pi5 div#memo p					{ margin: 10px 0;}
.tx-wsmut-pi5 div#memo img#carteMemo		{ float: right; }
.tx-wsmut-pi5 div#memo input				{ border: 1px solid #943c94; padding: 1px; width: 150px; font-size: 0.8em; color: #939; font-weight: bold;}
.tx-wsmut-pi5 div#secu						{ color: #939; font-size: 1em; font-weight: bold; }
.tx-wsmut-pi5 div#secu input.croix			{ width: 18px; text-align: center; margin-right: 2px;}
.tx-wsmut-pi5 div#secu input#croixPayant	{ margin-left: 40px; }
.tx-wsmut-pi5 div#secu input#croixGratuit	{ margin-left: 40px; }
.tx-wsmut-pi5 div#secu p					{ margin: 0; }
.tx-wsmut-pi5 div#memo img#centre601		{ margin: 10px 0 10px 40px; }

/*	  Fin Styles utilises dans le plugin ws_mut     	*/
/********************************************************/


/********************************************************/
/*	  Styles utilises dans le plugin ws_tacite    		*/

.cadre_etape p 		{ margin: 6px 0 6px 5px; }
.cadre_etape label 	{ display: inline; }
.reponse			{ font-weight: bold; line-height: 14px; }

/**** pi1 ****/
.tx-wstacite-pi1 h5 { margin: 6px 0;font-size:12px;font-weight:bold;}
.tx-wstacite-pi1 p { margin: 5px 0;}
.tx-wstacite-pi1 p#bouton { text-align: right; margin-top: 20px; }
.tx-wstacite-pi1 a.boutonFin {
	text-decoration: none;
	color: #953c96; 
	font-weight: bold;
	background-color: #ebddee;
	padding: 3px 20px;
	border: 2px solid #953c96;
}
.tx-wstacite-pi1 a.boutonFin:hover { text-decoration: underline; }

/**** pi2 ****/
.tx-wstacite-pi2 h4 				{ margin: 10px 0; }
.tx-wstacite-pi2 #cadreEtab p 		{ margin: 5px 0 5px 5px; }
.tx-wstacite-pi2 #cadreEtab input 	{ width: 250px; }
.tx-wstacite-pi2 #cadreEtab label 	{ float: left; width: 120px; }
.tx-wstacite-pi2 .question 			{ float: left; width: 400px; }
.tx-wstacite-pi2 p.petit			{ margin-top: 20px; }
.tx-wstacite-pi2 .selectViolet {	width : 100px; }

/**** pi3 ****/
.tx-wstacite-pi3 h4 					{ margin: 0; }
.tx-wstacite-pi3 .radio					{ margin: 10px 5px 0 10px; }
.tx-wstacite-pi3 #divPaiement 			{ margin-top: 20px; }
.tx-wstacite-pi3 #divPaiement label 	{ float: left; width: 250px; }
.tx-wstacite-pi3 #divPaiement select	{ width: 250px; margin: 0;}
.tx-wstacite-pi3 #attention 			{ margin: 10px 0; }

/**** pi4 ****/
.tx-wstacite-pi4 p				{ margin-top: 0; }
.tx-wstacite-pi4 table caption 	{ color: #993399; font-size: 12px; font-weight: bold; margin: 10px 0; }

/**** pi7 ****/
.tx-wstacite-pi7 p#first { margin-top: 0; font-weight: bold;}

/**** pi8 ****/
.tx-wstacite-pi8 h4 { margin: 0; }

/**** pi11 ****/
.tx-wstacite-pi11 p 		{ text-align: center; margin : 10px 0 20px 0; }
.tx-wstacite-pi11 h4 		{ background-position: 0 50%; text-align: center; font-weight: normal; padding:5px 0; }

/*	  Fin Styles utilises dans le plugin ws_tacite     	*/
/********************************************************/
