/* // basic elements // */

	html {
		margin: 0px 0px 0px 10px;
		padding: 0px;
	}

	body {
		font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #666;
		margin: 0px;
		padding: 0px;
		text-align: justify;
		background: #666;
	}

	p 
	{
		font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 0px;
		margin-top: 10px;
		padding:0px;
	}

	#PERMIS-ANNULE p
	{
		padding-left: 30px;
	}

	h4
	 {
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: right;
		margin: -3px -17px 21px 0px;
	}

	h5 
	{
		font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin-left: 50px;
		color: #1a6d0f;
	}

	h1 {
		font: 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding: 6px 0px 0px 6px;
		color: #ffffff;
	}

	#AVOCAT-PERMISDECONDUIRE h1
	{

		text-align: center;
	}

	#PERMIS-DE-CONDUIRE h1 
	{
		margin: 0px;
		width: 760px;
		height: 43px;
	}
	
	h3
	{
		padding: 5px 0px 2px 15px;
		color: #1a6d0f;
		font: 14px Arial, Helvetica, sans-serif;
		font-weight: bolder;
		text-transform: uppercase;
		background: url(../permis-images/permis-rouler.png) left no-repeat;
	}

	h6
	{
		padding: 20px 0px 0px 20px;
		color: #1a6d0f;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight: bolder;
		text-transform: uppercase;
	}

	h7
	{
		padding: 0px 0px 30px 30px;
		color: #666;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight: bolder;
		text-transform: uppercase;
		line-height: 150%;

	}

	h8 
	{
		font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding: 5px 0px 0px 30px;
		color: #000;
		text-align: center;
	}


	a {
		font-weight: bold;
		text-decoration: none;
		color: #666;
	}


	a:hover, a:active {
		text-decoration: none;
		color: #FFCC00;
	}



	#AVOCAT-PERMIS p {
		font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 0px;
		margin-top: 10px;
		padding:0px;
		color: #ffffff;
	}


	#AVOCAT-PERMIS a 
	{
		color: #ffffff;
	}

	#AVOCAT-PERMIS a:hover
	{
		text-decoration: underline;
	}


	.permis
	{
		font-style: italic;
	}

	.permis-annule
	{
		text-decoration: underline;
	}

	.permis-conduire
	{
		font-weight: bolder;
		color: #1a6d0f;
	}


	.annulation-permis
	{
		color: #ffffff;
	}
	

	.annulationdepermis
	{
		color: #1a6d0f;
		text-decoration: underline;
	}
	
	.permisdeconduire
	{
		font-weight: bolder;
	}	


/* // specific divs // */



	#PERMIS-ROULER {
		padding: 0px;
		margin: 0px;
	}


	#PERMIS-CONDUIRE{
		width: 760px;
		position:absolute;
		top:0px;
		left:0px;
		background: #ffffff;
	}

	
	#PERMIS-DE-CONDUIRE {
		background: url(../permis-images/permis-route.gif) no-repeat;
		height: 83px;
	}

	#PERMISDECIRCULER {
		background: url(../permis-images/annulation-permis.gif) no-repeat;
	}



	#PERMIS-ANNULE 
	{
		margin:0px 0px 0px 200px;
		padding: 0px 20px 20px 20px;
		border-left: 2px dotted #666;
	}



	#somnolence
	{
		margin:30px 0px 0px 100px;
	}


	#RECOURS-PERMIS {
		float: left;
		left: 199px;
		width: 560px;
		padding-bottom: 20px;
		background: #ffffff;
	}


	#ANNULATION-DE-PERMIS
	{
		width: 520px;
		margin-left: 200px;
		padding-left: 20px ;
		padding-right: 18px;
		padding-bottom: 4px;
		background: #A9BFCB repeat-x bottom;
		border-left: 2px dotted #666;
	}

	#AVOCAT-PERMIS
	{
		width: 200px;
		position:absolute;
		top:0px;
		left:750px;
		margin-left: 20px;
		text-align: left;
	}

	#AVOCAT-PERMIS-ANNULE
	{
		width: 200px;
		position:absolute;
		top:5 30px;
		left:5px;
		margin-left: 20px;
	}


	#AVOCAT-PERMISDECONDUIRE
	{

		margin: 10px 0px 0px 0px;
		height: 150px;
		width: 200px;
		color: #ffffff;
	}


	#AVOCAT-PERMISDECONDUIRE a
	{

		color: #ffffff;
	
	}

	#avocatpermisderouler
	{

		margin: 10px 0px 0px 0px;
	}

	#avocatpermisderouler p, #avocatpermisderouler a
	{

		color: #ffffff;
		padding : 0px;
		text-align: left;
	}



/* // lists // */
	
	
	dl, dt, dd, ul, li 
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: left;
	}




	#PERMIS-MENU
	{
		position: absolute;
		top: 1em;
		left: 1em;
		padding: 0px -10px 0px 1px;
		margin: 70px 0px 0px 0px;
		width: 15em;
		background: #ffffff;
		text-align: left;
	}



	#PERMIS-MENU dt 
	{
		cursor: pointer;
		background: #A9BFCB;
		height: 25px;
		line-height: 10px;
		margin: 5px 0px;
		padding: 4px 0px 0px 5px;
		border: 1px solid gray;
		text-align: left;
		font-weight: bold;
	}

	#PERMIS-MENU dd 
	{
		position: absolute;
		z-index: 100;
		left: 8em;
		margin-top: -1.4em;
		width: 12em;
		background: #A9BFCB;
		border: 1px solid gray;
	}

	#PERMIS-MENU ul 
	{
		padding: 2px;
	}

	#PERMIS-MENU li 
	{
		text-align: left;
		font-size: 90%;
		line-height: 18px;
		padding-left: 7px;
	}

	#PERMIS-MENU li a, #PERMIS-MENU dt a 
	{
		color: #666;
		text-decoration: none;
		display: block;
	}

	#PERMIS-MENU a:hover
	{
		text-decoration: underline;
	}


	#AVOCAT-PERMIS ul 
	{
		list-style-type: none;
		margin-top: 20px;
		font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	#AVOCAT-PERMIS ol 
	{
		list-style-type: none;
		margin-top: 5px;
		font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	#avocatpermisderouler li 
	{
		padding: 3px 2px 0px 10px;
		margin: 0px 0px 7px 0px;
		background: #A9BFCB;
		border: 1px solid gray;
	}

	#avocatpermisderouler a:hover
	{
		color: #FFCC00;

	}



	#PERMIS-ANNULE li 
	{
		margin: 0px 0px 9px 37px;
	}

	#PERMIS-ANNULE ul 
	{
		padding-top: 15px;
	}

	#PERMIS-ANNULE ol 
	{
		padding : 9px 0px 10px 37px;
	}
	#PERMIS-ANNULE ol li
	{
		list-style-type: disc;
	}

