/* ---------------------------------------------------------INITIALISATION-----------------------------------------------------------*/

html 											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
body 											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
div 											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
span 											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
h1 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
h2 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
h3 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
h4 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
h5 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
h6 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
p 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
em 												{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
font 											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
img 											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
center 										{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
fieldset 									{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
form											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
label		 									{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
legend										{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
table											{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
tbody		 									{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
tfoot 		 								{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
thead 		 								{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
tr 		 										{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
th 		 										{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
td 		 										{margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; }
body 											{line-height: 1; }


/* ---------------------------------------------------------MISE EN PAGE GENERALE-----------------------------------------------------------*/

body
{
    font: 11px Arial, Helvetica, sans-serif;
    background-color:#ffffff;
    background:url(img/divers/background-body.png) repeat-x;
    color: #404040; 
    margin:0;
    padding:0;
}  

.login 										{background:url(img/divers/body.png) repeat-x; margin-top:200px; }
.nude											{background:url(img/divers/body.png) repeat-x; }

h1 { font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 18px; } 
h2 { font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 18px; } 
h3 { font-size: 1em; font-weight: bold; line-height: 18px; }

#page											{width: 1000px; margin: 0 auto; }
#header										{width:100%;}
#main											{width:100%; background-color:#FFFFFF; }
#main	.colL								{float:left; width:80%; border-top:0px; text-align:left; padding:5px 5px 5px 0px; min-height:535px; }
#main	.colR								{float:right; width:18%; text-align:left; min-height:535px;}
#main	.colL1							{float:left; width:49%; border-top:0px; text-align:left; padding:5px 5px 5px 0px; min-height:535px; }
#main	.colR1							{float:right; width:49%; border-top:0px; text-align:left; padding:5px 0px 5px 0px; min-height:535px;}
#footer										{clear:both; width:100%; background:#999; }
#footer2									{ background:#999; }

.content									{width: 1000px; margin: 0 auto; }
.oblg											{color:red; }

.bg-login									{text-align:center; margin-top: 150px;}

#cadre         						{width: 100%;}

/* ---------------------------------------------------------LOGIN-----------------------------------------------------------*/

.bg-login									{margin: auto;  margin-top: 150px; text-align:center;}

/* ---------------------------------------------------------HEADER-----------------------------------------------------------*/

#logo											{width:219px; float: left;}
#reste										{width: 750px; float :right; text-align:right; }

.black #menu							{width:900px; position:relative; display:block; float:left; height:30px; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; background:url(img/menu/background.png) repeat-x top left;}
.black #menu ul						{margin:0px; padding:0; list-style-type:none; width:auto;}
.black #menu ul li				{display:block; float:left; margin:0; }
.black #menu ul li a			{display:block; float:left; text-decoration:none; color:#ffffff; padding:8px 16px 016px; height:30px;}
.black #menu ul li a:hover, .black #menu ul li a.current
													{color:#fff; background:url(img/menu/background-over.png) no-repeat top center;}
													
.black #menur							{position:relative; display:block; float:right;  height:30px; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; background:url(img/menu/background.png) repeat-x top left;}
.black #menur ul					{margin:0px; padding:0; list-style-type:none; width:90%; float:right;}
.black #menur ul li				{display:block; float:right; margin:0; }
.black #menur ul li a			{display:block; float:right; text-decoration:none; color:#ffffff; padding:7px 16px 0 16px; height:30px;}
.black #menur ul li a:hover, .black #menur ul li a.current
													{color:#fff; background:url(img/menu/background-over.png) no-repeat top center;}
													
.grey #menu								{width:100%; position:relative; display:block; float:right; height:30px; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; background:url(img/menu/background2.png) repeat-x top left;}
.grey #menu ul						{margin:0px; padding:0; list-style-type:none; width:auto;}
.grey #menu ul li					{display:block; float:right; margin:0; }
.grey #menu ul li a				{display:block; float:right; text-decoration:none; color:#ffffff; padding:8px 16px 0 16px; height:30px;}
.grey #menu ul li a:hover, .grey #menu ul li a.current
													{color:#fff; background:url(img/menu/background2-over.png) no-repeat top center;}

#menu 										{display:block; clear: both; position: relative; background: url("img/divers/back.png") repeat-x; height:5px;}
#menu .coloration 				{width: 50%; height: 5px; margin-left: -500px; float: left; background: url("img/divers/coloration.png") repeat-x ; }
#menu .coloration1 				{width:145px; height: 5px; float: left; background: url("img/divers/coloration.png") repeat-x ; border-right : 1px solid #fff;}

/* ---------------------------------------------------------NAVIGATION-----------------------------------------------------------*/

.nv-titre									{width:100%; padding:10px 4px 4px 4px; font-size:10px; color:#999999; font-weight:bold;}
.nv-cel01									{width:100%; padding:4px 4px 4px 20px; }
.nv-encartm								{background: url("img/divers/quota_m.png") no-repeat; width:130px; height:153px; padding-top:3px; text-align:center; color:#FFFFFF; margin-top:10px;}	
.nv-encartp								{background: url("img/divers/quota_p.png") no-repeat; width:130px; height:153px; padding-top:3px; text-align:center; color:#FFFFFF; margin-top:10px;}	

/* ---------------------------------------------------------MAIN-----------------------------------------------------------*/

/* -- Exemple de structuration avec div 
#_mainheader							{width:100%; border-bottom:1px dotted #404040; display:block; min-height:36px;}
#_mainheader ._title			{float:left; vertical-align:baseline; color:#4d4d4d; padding:10px 0 0px 5px; font-size:14px; font-weight:bold;}
#_mainheader ._action			{float:right; vertical-align:baseline; padding:12px 5px 0px 0; }
*/
#mainheader								{vertical-align:top; border-bottom:1px dotted #404040;}
.homebarl									{color:#4d4d4d; vertical-align:baseline; padding:10px 0 10px 5px; font-weight:bold; font-size:14px;}
.homebarr									{width:100%; text-align:right; vertical-align:baseline; padding:11px 5px 5px 0;}
.ssheader									{vertical-align:top; border-bottom:1px dotted #C2C2C2; }

#mainmain									{width:100%; vertical-align:top;}
.tthead										{background-color:#EDEDED; border-top: 1px #C2C2C2 solid;}
.tthead1									{background-color:#EDEDED; border-top: 1px #C2C2C2 solid; margin-top:20px;}
.ttpart										{background-color:#EDEDED; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;}
.ttpart1									{margin:15px 0px 15px 0px; padding-left:5px; font-weight: bold; }
.ttpart2									{background: url(img/divers/bg_diag01.png) repeat;  margin-top:20px; font-weight:bold; }
.ttheadimgr								{vertical-align:top;  padding:3px 4px 3px 2px; width:2%;}
.ttheadimgl								{vertical-align:top;  padding:3px 2px 3px 4px; width:2%;}
.ttheadtxt								{padding:4px; }
.bgdiag01									{width:100%; background: url(img/divers/bg_diag01.png) repeat; padding-bottom:1px;}
.bgdiag02									{width:100%; background: url(img/divers/bg_diag02.png) repeat; padding-bottom:1px;}
.lng0											{background-color: #00aeef; }
.lng1											{background-color: #ffffff; }
.lng1:hover								{background-color: #f2f2f2; cursor:pointer; }
.tbl3											{text-align: left; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;  font-weight: bold; font-size: 10px; color:#404040; padding: 8px 3px 8px 3px; background:#e2e2e2;}
.tbl3-1										{text-align: center; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;  font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 3px 0px 0px 2px; vertical-align:top;}
.tbl3-4										{text-align: right; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;  font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 2px 3px 0px;}
.tbl3-6										{text-align: right; border-right: 1px #C2C2C2 solid; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;  font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 2px 3px 0px;}	
.tbl3-7										{text-align: left; border-left: 1px #C2C2C2 solid; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;  font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 0px 3px 2px;}			
.tbl4											{vertical-align:top; padding:0px 3px 0px 3px; text-align: left; border-bottom: 1px #C2C2C2 solid; vertical-align:middle; height:36px;}
.tbl4-1										{vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-left: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; }
.tbl4-4										{vertical-align:top; padding:3px 2px 2px 2px; text-align: right; border-bottom: 1px #C2C2C2 solid; }
.tbl4-6										{vertical-align:top; padding:3px 2px 2px 2px; text-align: right; border-right: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; }
.tbl4-10									{vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-left: 1px #C2C2C2 solid; }
.tbl5-1										{vertical-align:top; padding:3px 2px 2px 2px; text-align: right; border-bottom: 1px #C2C2C2 solid; color: #9C9C9C; }
.tbl5-4										{vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-bottom: 1px #C2C2C2 solid; color: #9C9C9C; }
.tbl6											{padding:6px 3px 3px 0;  text-align: center; border-bottom: 1px #C2C2C2 solid; vertical-align:top; vertical-align:middle; }
.tbl7											{margin-top : 4px; text-align:left}
.tbl8											{background-color:#FFFFFF; border: 1px solid #C2C2C2; font: 11px Helvetica, Arial, sans-serif; color: #9C9C9C; margin:0px 0px 1px 0px; padding:3px 5px 3px 5px; }

.frow1										{background-color:none; display:block; min-height:1px; padding: 0px 20px 0px 20px; }			
.frow2 										{background-color:none; display:block; min-height:1px; padding: 0px 10px 0px 20px;  }							
.fleft										{width:130px; float:left; padding:5px 10px 6px 0px; min-height:1px; text-align:right;}
.fright										{width:210px; float:left; padding:0px;  min-height:1px;}
.frightradio							{width:210px; float:left; padding:0px 0px 0px; 0px;  min-height:1px;}
.fclear										{float:none;clear:both;height:0px; }
.fempty										{float:none;height:20px; }

.vrow1										{background-color:none; display:block; min-height:1px; padding: 0px 20px 0px 20px; }			
.vrow2 										{background-color:none; display:block; min-height:1px; padding: 0px 10px 0px 20px; }							
.vleft										{width:130px; float:left; padding:5px 10px 5px 0px; min-height:1px; text-align:right; }
.vright										{width:210px; float:left; padding:5px 10px 5px 0px; min-height:1px; } 
.vrightradio							{width:210px; float:left; padding:0px 0px 0px; 0px;  min-height:1px;}
.vclear										{float:none;clear:both; border-bottom:1px solid #e2e2e2; height:0px}
.vempty										{float:none;height:20px; }
.vtablel									{padding:5px 40px 5px 40px; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align: } 
.vtabler									{padding:5px 40px 5px 40px; border-bottom:1px solid #e2e2e2; vertical-align:middle; text-align:right;} 

#jserror 									{float:none; width:400px; margin: 15px 0px 15px 180px; }
#jserror.notview					{height:1px; min-height:1px; display:block;}
#jserror.view							{padding:15px; color:#ff0000; background-color:#fdded7; border:1px solid #ff0000; display:block; }
#jserror h2								{font-size:14px; }

#jserrornews							{float:none; width:96%; }
#jserrornews.notview			{margin: 0px; height:1px; min-height:1px; display:block;}
#jserrornews.view					{margin: 4px 0px 0px 0px; padding:5px 0px 0px 5px; color:#ff0000; background-color:#fdded7; border:1px solid #ff0000; display:block; }
#jserrornews h2						{font-size:14px; }

.news											{margin: 15px 0px 0px 0px; }
.newsbarl									{vertical-align:baseline;padding:4px 6px 4px 6px; border-bottom:1px solid #404040;  background-color:#404040; color:#fff; font-size:9px;text-align:center;}
.newsbarr									{vertical-align:baseline;padding:0px; width:180px; border-bottom:1px solid #404040;  text-align:right;} 
.newscontent							{padding:5px; }

.contactl									{background:#e2e2e2; height:26px; vertical-align:middle; font-size:10px; font-weight:bold; border-bottom: 1px #C2C2C2 solid; padding-left:5px; }
.contactr									{background:#e2e2e2; height:26px; vertical-align:middle; font-size:10px; font-weight:bold; border-bottom: 1px #C2C2C2 solid; text-align:right; padding: 0 5px 0 5px;} 
.contactcontent						{width:168px; border:1px solid #e2e2e2; border-top:0px; min-height:1px; padding:5px; margin-bottom:10px; font-size:10px;}
.contactcontent:hover			{background-color: #f2f2f2; cursor:pointer;}
.copt											{color:#b2b2b2;}
.hv:hover									{cursor:pointer; }

.tutol										{height:36px; border-bottom:1px solid #e2e2e2; text-align:right; vertical-align:middle; padding-right:5px; }
.tutor										{height:36px; border-bottom:1px solid #e2e2e2; text-align:left; vertical-align:middle; padding-left:5px; }

#numpage									{width:100%; padding: 5px 0px 5px 0px; margin-bottom:10px; text-align:right;} 	
#numpagehaut							{width:100%;  padding: 5px 0px 5px 0px; margin-top:10px; text-align:right;} 	

#mainfooter								{vertical-align:top; border-top:1px dotted #404040; min-height:1px;}

/*----------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------*/

.legal										{background: #FFFFFF; width:500px; }
.legal00									{width: 100%; margin:15px;}
.legal01									{width:100%; height:19px; color:#ffffff; vertical-align:top; padding: 6px 0px 0px 5px; font-size:10px; background-color:#2d2d2d; font-weight:bold;}
.legal02									{width:100%; font-size:10px; font-weight:bold; margin-top:15px; }
.legal03									{width:100%; font-size:10px; text-align:justify; margin-top:10px;}

/*----------------------------------------------------------------FORMULAIRES---------------------------------------------------------------------------------------*/

input, select	, textarea	
													{color:#404040; margin:1px 0px 1px 0px; outline:none;}
input[type=text], input[type=password], select, textarea
													{border: #999999 1px solid;}									
input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover,  input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus
													{border: #666666 1px solid; }											

button										{ outline:none; background: #de2f6e; text-align:center; margin: 2px 2px 0px 0px; padding: 3px 5px 3px 5px; border :0px; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; font: 11px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;}														
button:hover							{	background: #404040; cursor: pointer}												 

.legend										{width:130px; text-align:left; font: 10px Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px dotted #c2c2c2; color:#9c9c9c; padding:5px 0px 0px 5px; margin-left:15px; }


.lab											{ padding-right: 5px; text-align:right; font-weight:bold; color:#404040; }

.inpArea 									{width:96%; padding:3px 5px 3px 5px; font: 11px Arial, Helvetica, sans-serif;}
.inpArea1 								{width:97%; background-color:#EDEDED; color: #9C9C9C; border: 1px solid #C2C2C2; font: 11px Arial, Helvetica, sans-serif; padding:2px; padding-left:5px; padding-right:5px;}

.inpRadio									{font: 12px Arial, Helvetica, sans-serif; border:0px; witdh: 1.5em;}
.inpRadio1								{width:50%; border:0px; background-color:#FFFFFF;}
.inpFieldset							{border: 1px; padding:2px; font-size:10px; margin-top:2px; }

.inpSelect1								{font-size:10px; padding:2px 1px 2px 1px; width:102%; font: 11px Arial, Helvetica, sans-serif; }
.inpSelect2								{font-size:10px; padding:2px 1px 2px 1px; width:100%; font: 11px Arial, Helvetica, sans-serif; }

.inpText3									{width:97%; font-size: 11px; padding: 3px 3px 3px 5px; }
.inpText4									{width:94%; font-size: 11px; padding: 3px 3px 2px 5px; }
.inpText5									{width:94%; font-size: 11px; padding: 3px 3px 2px 5px; color:#9c9c9c;}
.inpPwd										{width:97%; font-size: 11px; padding: 3px 3px 2px 5px; }

.inpLegend								{font: 10px Arial, Helvetica, sans-serif; font-weight:bold; text-align:right; }
.inpChk										{border: 0px; margin-right:5px;  background-color:#FFFFFF; }
.inpChk1									{border: 0px; background-color:#FFFFFF; width:50% }
.inpChk2									{border: 0px; background-color:#FFFFFF; width:10% }


/*----------------------------------------------------------------Liens---------------------------------------------------------------------------------------*/

a:link 										{color:#404040; text-decoration:none; }
a:visited   							{color:#404040; text-decoration:none; }
a:hover  									{color:#404040; text-decoration:underline; cursor: pointer;}
a:focus										{outline:0;}

a.a0:link 								{color:#404040; text-decoration:underline; }
a.a0:visited   						{color:#404040; text-decoration:underline; }
a.a0:hover  							{color:#de2f6e; text-decoration:underline; cursor: pointer;}
a.a0:focus								{outline:0;}

a.a1:link 								{text-decoration:none; }
a.a1:visited   						{text-decoration:none; }
a.a1:hover  							{text-decoration:none; cursor: pointer;}
a.a1:focus								{outline:0;}


a.nv1:link								{color:#333333; text-decoration:none; display: block; height: 100%; width: 100%; }		
a.nv1:visited							{color:#333333; text-decoration:none; display: block; height: 100%; width: 100%; }	
a.nv1:hover								{color:#333333; text-decoration:none; display: block; height: 100%; width: 100%; background-color: #e6e6e6;}	

a.nv2:link								{color:#333333; text-decoration:none; display: block; height: 100%; width: 100%; background: url(img/divers/bg_diag01.png) repeat; font-weight:bold;}		
a.nv2:visited							{color:#333333; text-decoration:none; display: block; height: 100%; width: 100%; background: url(img/divers/bg_diag01.png) repeat; font-weight:bold;}	
a.nv2:hover								{color:#333333; text-decoration:none; display: block; height: 100%; width: 100%; background: url(img/divers/bg_diag01.png) repeat; font-weight:bold;}	

a.dec:link								{text-decoration:none; background: url(img/deconnex.png) no-repeat; height:23px; width:100px; }
a.dec:visited   					{text-decoration:none; background: url(img/deconnex.png) no-repeat; height:23px; width:100px; }
a.dec:hover  							{text-decoration:none; background: url(img/deconnex_hover.png) no-repeat; height:23px; width:100px; }

a.bt1											{outline:none; background: #de2f6e; text-align:center; padding: 3px 5px 3px 5px; border :0px; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; font: 11px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; }
a.bt1:link, .bt1:visited	{text-decoration:none; }
a.bt1:hover  							{background: #404040;}

a.bt3											{border:1px solid #C2C2C2; outline:none; background:#ffffff; text-align:center; padding: 3px 5px 3px 5px; font: 10px Arial, Helvetica, sans-serif; color:#404040; text-transform:uppercase;}
a.bt3:link, .bt3:visited	{text-decoration:none; }
a.bt3:hover  							{background: #e6e6e6;}

a.pgnav:link 							{border:1px solid #C2C2C2; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#4d4d4d; text-decoration:none; background-color:#ffffff; }
a.pgnav:visited 					{border:1px solid #C2C2C2; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#4d4d4d; text-decoration:none; background-color:#ffffff; }
a.pgnav:hover  						{border:1px solid #C2C2C2; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#4d4d4d; text-decoration:none; background-color:#e6e6e6; }
.pgnavon									{font-weight:bold; border:1px solid #de2f6e; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#de2f6e; text-decoration:none; background-color:#ffffff; }