/* 
	------------------------------------------------------------------------------*/
	
	* { margin: 0; padding: 0; border: 0; }
	
	body
	{
		margin: 0 auto;
		padding: -20;
		background: #ffffff;
		background-image: url(images/fond.gif);
		background-repeat: repeat-y;
		background-position: center;
		text-align: left;
		font: x-small 'Lucida Grande', Verdana, 'Bitstream Vera Sans', sans-serif;
		font-size:small;
	}
	
	img {
		border: none;
		border-left-color: #3333FF;
	}
	form { display: block; }
	
	code,pre { font-family: "Courier New",monospace; font-size: 80%; }
	q { font-style: italic; }
	
	a:link, a:visited { color: #4D4D4D; text-decoration: none; }
	a:hover { color: #4D4D4D; text-decoration: underline; }

	/* Navigation 
	-------------------------------------------------------- */
	#nav {
		position: relative;
		width: 728px;
		height: 10px;
		margin: 0 auto 20px;
		font-size: 95%;
		text-align: left;
	}
	#menuDeroulant
	{
		list-style-type: none;
		width: 728px;
		position: absolute;
		top: 0;
		left: 0px;
		z-index: 20;
		margin: 1px 0;
		height: 10px;
		background-color: #FFFFFF;
		list-style-position: outside;
		
	}
	#menuDeroulant li { float: left; width: 182px; }
    li_l { float: right; width: 30px;padding: 2px 6px 20px 30px; margin-left 30px;margin-left 60px;}
	#menuDeroulant a:link, #menuDeroulant a:visited
	{
		display: block;
		
		height: 1%;
		
		color : #FFFFFF;
		background: #3F89C3;
		/*padding: 2px 8px;*/
		padding: 2px 6px;
	/*	border-left: 1px solid #FFFFFF;*/
	  border-right: 1px solid #51AAD2;
		/*border-bottom: 2px solid #51AAD2;*/
		/*border-top: 2px solid #51AAD2;*/
		text-decoration: none;
		
		/*background: url(f.png) no-repeat left center;*/
		
		
	}
	#menuDeroulant a:hover { color: #FFF; background-color: #51AAD2; }
	#menuDeroulant .sousMenu { display: none; list-style-type: none; }
	#menuDeroulant .sousMenu li
	{
		float: none;
		width: 145px;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: transparent;
	}

	/* Titre --- Logo
	-------------------------------------------------------- */
	#top
	{
		width: 727px;
		height: 80px;
		padding: 0 0 0 0 px;
		
		margin: 0 auto;
		color: #003399;
		background-image: url(images/digital-signage-plv-dynamique.jpg);
		background-repeat: no-repeat;
		border-left-color: #003399;
		border-left: 0;
		margin-top: 0px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		/*border-right: 1px solid #51AAD2;*/
		
	}
	#top a
	{
		display: block;
		width: 730px;
		height: 70px;
		color: #fff;
		background: transparent;
		text-align: right;
	}
	#lang_en
	{  position: relative;
		width: 30px;
		height: 20px;
		
        text-align: right;
		color: #003399;
		background-image: url(images/UK.gif);
		background-repeat: no-repeat;
        background-align: right;
		border-left-color: #003399;
		border-left: 0;
		margin-top: 0px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #51AAD2;
        margin-right: 700 px;
        padding: 0 00 0 0 px;
        background-position:100%;

	}
	
	/* Page
	-------------------------------------------------------- */
	#page
	{   position: relative;
	
	clear: both;
		width: 728px;
		margin: 0 auto 0px;
		text-align: left;
		padding: 0 0 0 0 px;
		margin: 0 auto;

	}
	
	
	/* Main
	-------------------------------------------------------- */
	#main { }
	
	#main h2
	{   width: 728px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 0 0 0 0 px;
		margin: 0px 0px 0px 0px;
		text-indent: 25px;
		background: url(images/f.png) no-repeat left center;
		color: #4D4D4D;
		font: 130% Georgia, serif,strong;
		font-weight: bolder;
		text-align: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		
	}
	#main h2 a
	{   
		color: #DDDDDD;
	}
	
	#main h4.dif
	{
		color: #88D648;
		font-size: 500%;
		font-family: Georgia;
		font-weight: bold;
		letter-spacing: -3px;
		vertical-align: text-top;
		position: relative;
		top: -8px;
	}
	#main h4
	{
		
		width: 728px;
		
		background-color: #FFFFFF;
		text-align: left;
		text-indent : 3px;
		
		padding: 4px 0;
		padding: 4px 0;
		font-size: 20px;
		color: #3F89C3;
		border-bottom: 1px solid #CCC;
		
		font-family: Georgia, "Times New Roman", Times, serif;
	
	}
	#main h6
	{	font-size: 80%;
		margin: 6px;
	color: #FFFFFF;
	;
	
	
	}
	#main h3
	{
		margin-top: 10px;
		color: #333;
		font-size: 90%;
	}

	
	#main p
	{
		margin: 2px 0;
		line-height: 18px;
		font-size: 85%;
		text-align: left;
	}
	#main pre
	{
		margin: 6px 10px 6px 22px;
		padding-left: 5px;
		border-left: 8px solid #E5E5E5;
		font-size: 90%;
	}
	#main code { font-size: 120%; }
	#main blockquote
	{
		padding: 2px 0;
		margin: 6px 10px 6px 22px;
	}
	#main blockquote p
	{
		padding: 0 0 0 5px;
		border-left: 8px solid #E5E5E5;
	}
	/* Listes --------------------------------------*/
	#main ul
	{
		margin: 2px 10px 0 41px;
		line-height: 18px;
		font-size: 85%;
	}
	#main ul li { list-style-type: square; margin:0; padding: 0; }
	#main ol
	{
		margin: 2px 10px 0 41px;
		line-height: 18px;
		font-size: 85%;
	}
	#main ol li { margin:0; padding: 0; }
	
	#main dl { font-size: 85%; margin: 4px 0; }
	#main dl dt { padding: 8px 0 2px; font-weight: bold; }
	#main dl dd { padding: 2px 0; }
	#main dl dd a:link, dl dd a:visited {
		display: block;
		width: 100%;
		color: #E179D7;
		text-decoration: none;
		padding: 2px;
	}
	#main dl dd a:hover {
		color: #333;
		background: #D0D43E;
		text-decoration: none;
	}
	
	
	
	
	
	hr.invisible
	{
		border: none;
		color: #FFF;
		background: transparent;
	}

	#main a:link, #main a:visited { color: #E179D7; text-decoration: none; }
	#main a:hover { color: #000000; text-decoration: underline; }
	
	
	#main hr.invisible { clear: both; }

	
	/* Content 
	-------------------------------------------------------- */
	#content {
		
		color: #000;
		padding: 00px 0px 0px 0;
		margin-bottom:  10px;
		width: 728px;
	
	}

	#centeredimage{
	  	position:absolute;
     		left: 50%; 
     		top: 50%;
    		margin-top: -240px; 
     		margin-left: -320px; 
 	} 
	
	
	#co h3, #trackbacks h3
	{
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		padding: 1px 10px 1px 20px;
		margin: 30px 0 3px 0;
		background: url(titre200.gif) no-repeat left center;
		color: #4D4D4D;
		font: 130% Georgia, serif;
	}
	#co blockquote p, #trackbacks blockquote p { color: #000; font-size: 85%; }
	#co p, #trackbacks p { color: #4D4D4D; font-size: 80%; }
	.comment-info { }
	.erreur { border: 1px solid; padding: 5px; }
	
	#page #menu
	{
		float:  left;
		padding: 0 4px 0 17px;
		margin: 10px 0;
		width: 200px;
		\width: 221px;
		w\idth: 200px;
	}
	#page #menu h2
	{
		margin: 0 0 4px 0;
		padding: 0;
		font: 120% Georgia, serif;
		color: #4D4D4D;
		border: 1px solid #CCCCCC;
		border-width: 0 0 1px 0;
		background: none;
	}
	#page #menu p { color: #333; font-size: 80%; margin-bottom: 16px; line-height: 13px; }
	#page #menu form { margin-bottom: 16px; }
	#page #menu form fieldset p { margin: 0; }
	#page #menu ul
	{
		list-style: none;
		margin: 0 0 16px 0;
		font-size: 80%;
		line-height: 13px;
	}
	#page #menu li
	{
		list-style: none;
		padding: 2px 0 2px 15px;
		background: url(liste000.gif) no-repeat 0 3px;
	}
	#page #menu a:link, #page #menu a:visited { color: #7E48D6; text-decoration: none; }
	#page #menu a:hover { color: #7E48D6; text-decoration: underline; }
	
	/* Footer
	-------------------------------------------------------- */
	#footer
	{
		clear: both;
		border-top: 16px solid #3F89C3;
		width: 728px;
		margin: 0 auto;
		padding: 8px 20px 8px 0;
		/* IE5 Mac Hack \*/
		padding: 8px 0;
		/* */
		font-size: 80%;
	}
	
	
	
	
	/* Formulaires
	-------------------------------------------------------- */
	fieldset { display: block; border: 1px solid #FFF; font-size: 120%; }
	input, textarea
	{
		font-family: 'Lucida Grande', Verdana, Lucida, Geneva, sans-serif;
		border: 1px solid #DDDDDD;
		background: transparent;
		color: #333;
	}
	input[type] { margin-right: 3px; }
	textarea[name] { }
	input[type=submit], input[type=reset] { border: 1px solid #DDDDDD; color: #000; }
	input[type=submit]:hover { background: #88D648; color: #FFF; }
	textarea { width: 85%; }
	
	p.field { margin-top: 8px; }
	p.field input#q { width: 140px; padding: 1px; }
	p.field label
	{
		display: block;
		font-weight: bold;
		font-size: 85%;
	}
	
	
	.petit { font-size: 80%; }
	.droite { text-align: right; }
	.flottegauche { float: left; padding: 0 6px 2px 0; }
	.flottedroite { float: right; padding: 0 0 2px 6px; }
	.clear { clear: both; }
	
	
	/* styledtable
	-------------------------------------------------------- */
	
	#styledtable {
		
		padding: 0;
		margin: 0;
	}
	
	caption {
		padding: 0 0 5px 0;
		width: 700px;	 
		font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: right;
	}
	
	th {
		font: bold 11px ;
       
		color: #FFFFFF;
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		border-top: 1px solid #C1DAD7;
		
		text-transform: uppercase;
		text-align: left;
		padding: 2px 2px 2px 8px;
		background: #51AAD2 url(images/bg_header.jpg) no-repeat;
	}
	
	th.cv {

		background: none;
        border-right: none;
		border-bottom: none;
		border-top: none;
        color: #000000;
	}
	
	td {	font: bold 11px ;
	    width: 610px;
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		background: #3F89C3;
		padding: 2px 2px 2px 8px;
		color: #FFFFFF;
	}
		td.cv {	font: bold 11px ;
	   
        border-right: 0px;
		border-bottom: 0px;
		border-top: 0px;
		background: none;
		padding: 2px 2px 2px 8px;
		color: #000000;
	}
	
	td.alt {
		background: #F5FAFA;
		color: #797268;
	}
	
	th.spec {
		border-left: 1px solid #C1DAD7;
		border-top: 0;
		background: #fff url(images/bullet1.gif) no-repeat;
		font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	
	th.specalt {
		border-left: 1px solid #C1DAD7;
		border-top: 0;
		background: #f5fafa url(images/bullet2.gif) no-repeat;
		font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #797268;
	}