/*------------------------------------ GENERAL -----------------------------------*/
* {
	outline: 0 none transparent;
}
body {
	font-family: Arial, Helvetica,  sans-serif;
	font-size:11px;
	color:#666;
	text-align:center;
	background: #ffffff;
	margin:0px;
}
#global{
	margin: auto;
	width: 988px;
	border: solid 2px #e6e6e7;
	border-top:none;
}
h1{
	font-size:18px;
	font-weight:normal;
	margin:0;
	color:#666;
}
h2{
	font-size:13px;
	font-weight:bold;
	margin:0;
	color:#f29f1c;
}
h3{
	font-size:13px;
	font-weight:normal;
	margin:0px;
	color:#f29f1c;
}
/*ul li{
	list-style-image:url('/argosSites/c2p/images/puce.gif');	
}
*/
ul li ul li{
	list-style-image:url('/argosSites/c2p/images/puce_circle.gif');	
}
ul li ul li ul li{
	list-style-image:url('/argosSites/c2p/images/puce_trait.gif');	
}
ol li{
	list-style-type:decimal;
}
ol li ol li{
	list-style-type:lower-latin;
}
table
{
	border:1px solid #EDC07B;
	border-collapse:collapse;
}
	table, table tr, table tr td
	{
		margin:0px;
		padding:0px;
	}
		table tr td
		{
			padding:5px;
			border-bottom:1px solid #666;
			border-right:1px solid #666;
		}
td{
	border: solid 1px #e6e6e7;
	font-size:11px;
}
.orange{
	color:#f29f1c;
}
.gris{
	color:#8c9092;
}
.blanc{
	color:#ffffff;
}
.gris a, .gris a:visited{
	color:#8c9092;
	text-decoration:none;
	font-weight:bold;
}
.gris a:hover{
	color:#8c9092;
	text-decoration:underline;
	font-weight:bold;
}
a, a:visited {
	text-decoration:none;
	color:#f29f1c;
}
a:hover {
	text-decoration:underline;
	color:#f29f1c;
}
/*------------------------------------ I -SITE DIVISE EN 2 : PARTIE GAUCHE CONTENANT LA BANNIERE LE MENU GAUCHE ET LE CENTRE DU SITE -----------------------------------*/
#centerContent{
	float:left;
	text-align:left;
	width:752px;
}
	#centerContent #article_deplie p{
		clear:both;
		margin:0px;
		padding:0px;
		margin-top:5px;
		~margin-top:0px;
	}
		#centerContent #article_deplie p img{
			margin-top:0px;
		}
/*------------------------------------ a) TOP (banniere dans le centerContent)  -----------------------------------*/
#topBandeau{
	width:752px;
	height:111px;
	background: url('../images/bandeau.jpg') no-repeat;
}
#topMenu{
	width:752px;
	font-size:12px;
	height:35px;
	padding-left:20px;
}
/*----------------------------------------------b) Left (menu gauche dans le centerContent)---------------------------------------------------*/
#leftContent{
	float:left;
	width:220px;
	padding:17px 0px 0px 20px;
}
#leftContent ul{
	margin:0px;
	padding:0;
	font-size:13px;
	font-size:13px;
	line-height:15px;
	padding-left:0px;
	width:170px;	
}
#leftContent li{
	padding-bottom:10px;
	padding-left:20px;
	list-style:none;
	background:url('../images/puce.gif') no-repeat;
	background-position: 0px 5px;
}
#leftContent li.actif a{
	background-color:#FBEAD7;
}
.cadregauche_header{
	background: url('../images/cadregauche_header.png') no-repeat;
	height:15px;
	width:210px;
	background-position:0px 1px;
}
.cadregauche{
	background: url('../images/cadregauche_center.png') repeat-y;
	width:210px;
	line-height: 13px;
	padding-left:10px;
}
.cadregauche_footer{
	background: url('../images/cadregauche_footer.png') no-repeat;
	width:210px;
	height:15px;
	margin-bottom:20px;
}
.cadregauche p{
	font-weight:normal;
	margin:5px 5px 10px 5px;
	width:190px;
}
.cadregauche h2{
	width:190px;
}
.lire_suite{
	color:orange;
	font-size:10px;
	text-align:right;
	margin-right:15px;
}
#membresBien{
	margin-left:20px;
}
.lire_suite a, .lire_suite a:visited {
	text-decoration:underline;
	color:#f29f1c;
}
.lire_suite a:hover {
	text-decoration:none;
	color:#f29f1c;
	background-color: #fbead7;
}
#leftContent .sous_rubrique{
	padding-bottom:10px;
	padding-left:20px;
	list-style:none;
	background:url('../images/puce_grise.jpg') no-repeat;
	background-position: 5px 5px;
	margin-left:13px;
}
.sous_rubrique a, .sous_rubrique a:visited{
	text-decoration:none;
	color:#666;
}
.sous_rubrique a:hover{
	text-decoration:underline;
	color:#666;
}
/*---------------------------------------------- c) Centre  ---------------------------------------------------*/
#Centre{                               /* page pour 3 colonnes */
	width:490px;
	margin-bottom:30px;
	padding-top:17px;
	margin-left:250px;
}
#Centre2{								/* page pour 2 colonnes */
	padding:20px 20px 20px 20px;
}
#edito{
	margin-top:20px;
	padding-bottom:20px;	
}
#Centre img{
	float:left;
	margin:5px 15px 5px 0px;
}
#club p{
	margin:0px 0px 10px 0px;
}
.non_souligne{
	text-decoration:none;
}

.article_bloc{
	margin-top:10px;	
	margin-bottom:10px;
	float:left;
	width:490px;
}
	.article_strong{
		background: #fdefcc;
		padding: 5px;
		border: 1px dashed #f29f1c;
	}
ul.bordure{
	border-top:solid 2px orange;
	padding:2px 0px 0px 0px;
	margin:0;
}
	ul.bordure li{
		list-style:none;
		background:url('../images/puce.gif') no-repeat 0px 6px;
		padding-left:18px;
		margin-bottom:5px;

	}
		ul.bordure li a span{
			font-weight:normal;
			color:#333;
			font-size:11px;
		}
/*------------------------------------ II -SITE DIVISE EN 2 : PARTIE DROITE CONTENANT LE MENU DE DROITE  -----------------------------------*/

#rightContent{
	text-align:left;
	width:225px;
	float:left;
}
#rightContent h1,#rightContent h3{
	padding-left:18px;
}
#rightcontent div.apecBox div.widgetSubject h3 {
	padding-left: 0;
}
#rightcontent div.apecBox div.participer a, #rightcontent div.apecBox div.participer a:visited, #rightcontent div.apecBox div.participer a:hover {
	color: black;
}
.bloc_droite{
	padding-bottom:5px;
}	
/*---------------------------------------------- a) Log (formulaire d'identification)  ---------------------------------------------------*/
#log {
	background: url('../images/connexion.jpg') no-repeat;
	width:224px;	
	height: 111px;
	padding:0px 0px 0px 15px;
	line-height:15px;
	margin:0px;
}
#log form{
	margin:0;
	padding-top:5px;
}
#test{
	padding-top:50px;
}
#log input{
	background-color: white;
	border: solid 1px #edc07b;
	font-size: 9px;
	width: 170px;
	height: 16px;
	margin-left:15px;
}
#log label{
	margin-top: 15px;
	text-align: right;
	font-size: 12px;
	margin-left: 15px;
	color:#f4b246;
}
#log  input.btn {
	margin-left:165px;
	width: 23px;
	height: 16px;
	background-color: #ffffff;
	border: solid 1px #edc07b;
	color: #edc07b;
	font-size: 9px;
	text-align: center;
}
#log a, #log a:visited{
	color:#8c9092;
	text-decoration:none;
}
#log a:hover{
	color:#8c9092;
	text-decoration:underline;	
}
#forgotten_password a,#forgotten_password a:visited  {
	position:absolute;
	margin-top:5px;
	text-decoration:underline;
}
#forgotten_password a:hover{
	text-decoration:none;
}
#ident{
	margin:0;
	padding-top:5px;
}
#ident div{
	margin-top:6px;
}
#ident p{
	margin-top: 15px;
	font-size: 17px;
	margin-left: 16px;
	color:#f4b246;
}
	#ident p strong{
		display:block;
		clear:both;
		font-size:12px;
		margin-top:5px;
		margin-left:1px;
	}
#ident em{
	margin-left:100px;
}

div#userTools
{
	float: left;
	margin-left: 5px;
}
div#userTools.unlogged
{
	margin-top: -10px;
	~margin-top: -13px;
}
	div#userTools div.tool
	{
		float: left;
		width: 22px;
		height: 18px;
		margin-left: 10px;
	}
		div#userTools div.tool a img
		{
			border: 0px;
		}

/*---------------------------------------------- b) Recherche  ---------------------------------------------------*/
#recherche {
	width:224px;	
	height: 54px;
	background: url('../images/recherche.jpg') no-repeat;
	color:white;	
	margin:0px;	
	padding-left:10px;
}
#recherche label{
	margin:0px;
	margin-left:18px
}
#recherche  input{
	background-color: white;
	border: solid 1px #edc07b;
	font-size: 9px;
	width: 140px;
	height: 16px;
	float:left;
	margin-left:20px;
	padding:0;
}
#recherche  input.btn{
	background-color: #ffffff;
	border: solid 1px #edc07b;
	color: #edc07b;
	font-size: 9px;
	width: 23px;
	height: 16px;
	text-align: center;
	margin-left:5px;
}
/*---------------------------------------------- c) Recherche Thématique  ---------------------------------------------------*/
#themes_header{
	background: url('../images/thematique_header.jpg') no-repeat;
	width:224px;
	height:16px;
}
#themes{
	width:224px;
	text-align:left;
	background: url('../images/thematique_centre.jpg') repeat-y;
	color:white;
	padding-left:30px;
}
#themes_footer{
	background: url('../images/thematique_footer.jpg') no-repeat;
	width:224px;
	height:29px;
}
#themes  p{
	line-height:17px;
	margin:0;
}
#themes a:hover {
	color:white;
	text-decoration:underline;
}
#themes a, #themes a:visited {
	color:white;
}
#themes h2{
	font-size:11px;
}
#rechercheThem h1 {
	color:#f29f1c;
}
/*---------------------------------------------- d) Newsletter  ---------------------------------------------------*/
#newsletter{
	padding-bottom:30px;
}
#newsletter form{
	margin:0;
}
#newsletter  input{
	background-color: white;
	border: solid 1px #edc07b;
	font-size: 9px;
	width: 170px;
	height: 16px;
	float:left;
	margin-left:20px;
	padding:0;
}
#newsletter  input.btn{
	background-color: #ffffff;
	border: solid 1px #edc07b;
	color: #edc07b;
	font-size: 9px;
	width: 23px;
	height: 16px;
	text-align: center;
	margin-left:5px;
}
/*---------------------------------------------- e) Agenda ---------------------------------------------------*/
#image_agenda{
	border:none;
}
/*---------------------------------------------- f) Commission Permanente du Club ---------------------------------------------------*/
#commission_header{
	height:16px;
	background: url('../images/commission_header.jpg') no-repeat;
}
#commission_footer{
	height:20px;
	background: url('../images/commission_footer.jpg') no-repeat;
}
#commission{
	background: url('../images/commission_centre.jpg') repeat-y;
	color:white;
	padding-bottom:6px;
}
#commission p{
	margin:0;
	padding-left:30px;
	padding-bottom:2px;
}
#commission a, #commissiona:hover{
	color:white;
	text-decoration:none;
}
/*---------------------------------------------- f) Ateliers  ---------------------------------------------------*/
#communaute_header{
	background: url('../images/gris_haut.jpg') no-repeat;
	width:224px;
	height:22px;
}
#communaute{
	background: url('../images/gris_centre.jpg') repeat-y;
	width:224px;
	padding-left:30px;
}
#communaute_footer{
	background: url('../images/gris_bas.jpg') no-repeat;
	width:224px;
	height:45px;
}
#communaute p{
	margin:0;
	line-height:17px;
}
#communaute a,#communaute a:visited{
	text-decoration:none;
	color:#8c9092;
}
#communaute a:hover{
	text-decoration:underline;
	color:#8c9092;
}
/*--------------------- BOTTOM -------------------------------*/

#bottomMenu{
	clear:both; display : block;
	margin : auto;
	width:745px ;
}
#bottomMenu ul {
	text-align:center;
	padding:0;
	margin:0;
}

#bottomMenu  li{
	margin-right:10px;
	display:inline;
	/*list-style-image: url(../img/puce.gif);*/
}
#bottomMenu a, #bottomMenu  a:visited{
	color:#8c9092;
	text-decoration:none;
}
#bottomMenu  a:hover{
	color:#8c9092;
	text-decoration:underline;
}
.clear { 
	clear:both;
}


/*------------------------------------------------------------------------------------------------------------------------------ PAGE ------------------------------------------------------------------------------------------------------------------------*/
/*--------------------- Password -------------------------------*/
#Centre2  input.btn{
	width: 25px;
	height: 18px;
	background-color: #ffffff;
	border: solid 1px #edc07b;
	color: #edc07b;
}
#Centre2 input{
	border: solid 1px #edc07b;
	height: 18px;
}

/*--------------------- Annuaire -------------------------------*/
#Centre div#annuaire_recherche {}
#Centre div#annuaire_recherche table {
	width: 99%;
	border: 1px solid #F29F1C;
	background: #FDEFCC;
}
#Centre div#annuaire_recherche table td {
	border: 0 transparent none;
	width: 50%;
	text-align: right;
}
#Centre div#annuaire_recherche table td label {
	text-align: left;
	display: block;
	color: #F29F1C;
	font-weight: bold;
	padding-left: 3px;
}
#Centre div#annuaire_recherche table td input,
#Centre div#annuaire_recherche table td select {
	width: 99%;
	border: 1px solid #F29F1C;
	background: #FFFFFF;
}
#Centre div#annuaire_recherche table td input#submit {
	width: auto;
	color: #F29F1C;
	font-size:11px;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}
#Centre div#annuaire_results ul {
/* 	width: 49%;
	float: left;  */
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}
#Centre div#annuaire_results ul li {}
#Centre div#annuaire_results ul li.photo {
	float: right;
	display: block;
	width: 50px;
	height: 50px;
}
#Centre div#annuaire_results ul li span {
	font-weight: bold;
	color: #F29F1C;
}
#Centre div#annuaire_results ul li a {
	text-decoration: underline;
}
#Centre div#annuaire_results ul li a:hover {
	text-decoration: none;
	background: #FDEFCC;
}
#Centre div#annuaire_results p.navSearch {
	/* clear: both; */
	text-align: center;
}

form#questions.results
{
	width: 922px;
}
	form#questions *
	{
		font-size: 11px;
	}
	form#questions table
	{
		clear: both;
		margin-top: 20px;
	}
	form#questions table tr td, #questions table tr th
	{
		border: 1px solid #EDC07B;
		font-size: 10px;
	}
	form#questions a
	{
		display: block;
		float: right;
		padding: 5px;
		border: 1px solid #EDC07B;
		font-size: 14px;
	}
	form#questions a.disabled
	{
		border: 1px solid #666666;
		color: #666666;
	}
	form#questions #my_chart
	{
		margin-top: 30px;
		margin-bottom: 30px;
	}
fieldset.questions
{
	margin-left: 24px;
	margin-right: 5px;
	margin-top: 30px;
}
fieldset.results
{
	width: 922px;
	padding: 5px;
	margin-top: 30px;
	display: block;
}
fieldset.questions legend
{
	font-size: 16px;
	font-weight: bold;
	padding-left: 25px;
}
	form#questions div.legend_help
	{
		margin-top: -25px;
		~margin-top: -19px;
		margin-left: 3px;
		~margin-left: 8px;
		height: 19px;
	}
form#questions div.title
{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: bold;
}
form#questions div.clear
{
	clear: both;
	font-size: 0px;
	height: 0px;
}
form#questions div.next
{
	float: right;
	font-size: 16px;
	font-weight: bold;
}
	form#questions div.title div.text
	{
		display: block;
		float: left;
		margin-top: 2px;
		margin-left: 5px;
		width: 650px;
		font-size: 12px;
	}
	form#questions div.title div.help_button, form#questions div.legend_help div.help_button
	{
		background: url(../images/help.png) no-repeat;
		width: 19px;
		height: 19px;
		display: block;
		float: left;
		cursor: help;
	}
	form#questions div.title div.help_button div.help, form#questions div.legend_help div.help_button div.help
	{
		border: 1px solid #333333;
		background-color: #ffffff;
		padding: 5px;
		font-size: 12px;
		margin-left: 22px;
		display: none;
		position: absolute;
		width: 550px;
		font-weight: normal;
		font-size: 11px;
	}
	form#questions div.title div.help_button:hover div.help, form#questions div.legend_help div.help_button:hover div.help
	{
		display: block;
	}
form#questions div.field
{
	margin-left: 60px;
	clear: both;
}
form#questions div.legends
{
	clear: both;
	height: 24px;
	margin-top: 10px;
}
form#questions div.legend
{
	margin-left: 0px;
	float: right;
	clear: none;
	margin-left: 15px;
}
	form#questions div.field input
	{
		display: none;
	}
	form#questions div.field label
	{
		cursor: pointer;
		font-size: 12px;
		padding-left: 23px;
		min-height: 33px;
		display: block;
		padding-top: 2px;
		margin-bottom: 3px;
		margin-top: 3px;
		background: url(../images/ask_inactive.png) no-repeat;
	}
	form#questions div.legends div label
	{
		font-size: 11px;
		padding-top: 3px;
		cursor: default;
	}
	form#questions div.red label:hover, form#questions div.red label.active, form#questions div.legends div.red label
	{
		color: #e22022;
		background: url(../images/ask_active_red.png) no-repeat;
	}
	form#questions div.yellow label:hover, form#questions div.yellow label.active, form#questions div.legends div.yellow label
	{
		color: #e1901d;
		background: url(../images/ask_active_yellow.png) no-repeat;
	}
	form#questions div.green label:hover, form#questions div.green label.active, form#questions div.legends div.green label
	{
		color: #60bc29;
		background: url(../images/ask_active_green.png) no-repeat;
	}
	form#questions div.cyan label:hover, form#questions div.cyan label.active, form#questions div.legends div.cyan label
	{
		color: #1daee1;
		background: url(../images/ask_active_cyan.png) no-repeat;
	}
	form#questions div.blue label:hover, form#questions div.blue label.active, form#questions div.legends div.blue label
	{
		color: #0556db;
		background: url(../images/ask_active_blue.png) no-repeat;
	}
	form#questions table tr th
	{
		font-size: 11px;
	}

	#DocumentGriser
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #999999;
		opacity: 0.4;
		filter: alpha(opacity=40);
	}
	#DocumentMessage
	{
		font-size: 11px;
		left: 50%;
		top: 100px;
		margin-bottom: 100px;
		margin-left: -506px;
		position: absolute;
		width: 1000px;
		background: #ffffff;
		z-index: 1000;
		padding: 6px;
		border: 1px solid #EDC07B;
	}
		#DocumentMessage *
		{
			font-size: 11px;
		}
		#DocumentMessage a
		{
			display: block;
			float: right;
			padding: 5px;
			border: 1px solid #EDC07B;
			font-size: 14px;
		}
		#DocumentMessage a.top
		{
			margin-bottom: 15px;
		}
		#DocumentMessage a.bottom
		{
			margin-top: 15px;
		}