@charset "UTF-8";

/* Global */

	*
	{
		font-family:Verdana, Geneva, sans-serif;
		margin:0px;
		padding:0px;
	}
	
	body,html
	{
		font-family:Verdana, Geneva, sans-serif;
		margin:0px;
		padding:0px;
		background-color:#fff;
		font-size:12px;
		height:100%;
		overflow:auto;
	}
	
	input
	{
		vertical-align:middle;
	}
	#page
	{
		clear:both;
		margin:10px auto 10px auto;
		width:779px;
		overflow:hidden; 
	}
	
	#cont
	{
		clear:both;
		padding:0px 0px 31px 0px;
		background-color:#fff;
		border:2px solid #4EA3D7;
		width:775px;
		margin:0px;
		overflow:hidden;
	}
	
	a:hover
	{
		text-decoration:underline;
	}
	
	a
	{
		color:#0088CC;
		font-weight:normal;
		text-decoration:none;
	} 
	a:active
	{
		color:#990000;
	} 
	a:visited
	{
		color:#0088CC;
	} 
	a:focus
	{ 
		outline:none; 
	}
	h1
	{
		color:#FFF;
		background-color:#4EA3D7;
		font-size:20px;
		padding:3px 0px 2px 0px;
		text-align:center;
		width:779px;
		margin:0px;
		height:26px;
		background-color:#4EA3D7;
		background-image:url('http://www.pictovia.com/tpl/img/fond-titre.gif');
		background-repeat:no-repeat;
		background-position:top left;
	}
	#graph
	{
		display:block;
		margin:20px auto 0px auto;
	}

/* Accueil */

	#a-para
	{
		float:left;
		display:inline;	
		margin:22px 0 0 28px;
		width:320px;
		
	}
	#a-video
	{
		float:left;
		display:inline;	
		margin:17px 0 0 55px;
		width:320px;
		
	}
	#advice
	{
		float:left;
		display:inline;	
		margin:22px 0 0 42px;
		width:320px;
		
	}
	#exemple
	{
		float:right;
		display:inline;
		margin:-30px 20px 20px 120px;
	}

/* Menu */

	#logo
	{
		float:left;
		display:inline;	
		text-align:center;
		padding:17px 0px 0px 8px;
		
	}
	#logo p
	{
		margin:4px 0px 0px 0px;
		color:#555;
		font-size:19px;
	}
	#su-header
	{
		text-align:right;
		color:#000;
	}
	#header
	{
		background-color:#FFF;
		height:138px;
		margin:4px 0px 11px 0px;
		padding:0px;
	}
	#menu
	{
		float:right;
		display:inline;
		width:363px;
		height:110px;
		margin:7px 0px 19px 0px;
		background-color:#4EA3D7;
		background-image:url('http://www.pictovia.com/tpl/img/fond.gif');
		background-repeat:no-repeat;
		background-position:top left;
		color:#fff;
		padding:9px 8px 0px 12px;
		overflow:hidden;
	}
	#menu div
	{
		float:left;
		display:inline;	
		padding:0px 0px 5px 24px;
		color:#4EA3D7;
		background-repeat:no-repeat;
		height:16px;
	} 
	#left div
	{
		width:160px;
	}
	#right div
	{
		width:157px;
	}
	#menu div a
	{
		color:#fff;
		text-decoration:none;
		font-weight:normal;
	} 
	#menu div a:hover
	{
		text-decoration:underline;
	} 
	div#left
	{
		float:left;
		display:inline;
		width:190px;
		margin:0px;
		padding:0px;
		
	}
	div#right 
	{
		float:left;
		display:inline;
		width:173px;
		margin:0px;
		padding:0px;
		
	}
	#courbe
	{
		background-image:url('http://www.pictovia.com/tpl/img/chart_curve.gif');
	} 
	#segment
	{
		background-image:url('http://www.pictovia.com/tpl/img/chart_line.gif');
	}
	#pie
	{
		background-image:url('http://www.pictovia.com/tpl/img/chart_pie.gif');
	}
	#histo
	{
		background-image:url('http://www.pictovia.com/tpl/img/chart_bar.gif');
	}
	#point
	{
		background-image:url('http://www.pictovia.com/tpl/img/chart_point.gif');
	}
	#radar
	{
		background-image:url('http://www.pictovia.com/tpl/img/transmit.gif');
	}
	

/* Tableau d'édition */
	#intro-gen
	{
		margin:20px 0px 0px 20px;
	}

	/* Mise en forme global du tableau */
	input[type=text]:focus,
	input[type=password]:focus
	{
		outline: 0 none;
	}
	#tab input
	{
		border:0px;
	} 
	#tab
	{
		clear:both;
		margin:20px 0px 20px 37px;
	} 
	#s-tab
	{
		float:left;
		display:inline;
			
	}
	span
	{
		border-style:solid;
		border-width:0px 1px 1px 0px;
		border-color:#CCC;
		margin:0px;
		padding:0px;
		float:left;
		display:inline;
		display:block;
	}
	#ref-col,#ref-ligne
	{
		height:35px;
		width:56px;
	}
	#ref-ligne:hover
	{
		background-color:#E3F9FF;
	}
	#titre-ligne:hover,#ref-col:hover
	{
		background-color:#E3F9FF;
	}
	#data,#colonne,#s-tab,#add-ligne
	{
		clear:both;
		display:block;
		float:left;
		display:inline;
	}
	#a-tab
	{
		width:2000px;
	}
	
	/* Mise en forme colonne */
	#ref-col input,#ref-ligne input
	{
		height:14px;
		width:56px;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:center;
		background-color:transparent;
		vertical-align:top; 
	}
	#titre-colonne
	{
		height:36px;
		width:145px;
		margin:0px 0px 0px 22px;
		display:inline;
	}
	#ref-col
	{
		border-width:1px 1px 1px 0px;
		background-color:#FFFFCC;
	}
	#ref-col input
	{
		background-color:transparent;
	}
	#del-col
	{
		border:0px;
		margin:0px;
		height:20px;
		padding:0px 0px 0px 189px;
	}
	#ref-del-col
	{
		background-image:url('http://www.pictovia.com/tpl/img/cut.gif');
		background-repeat:no-repeat;
		border:0px;
		margin:0px 41px 0px 0px;
		height:16px;
		width:16px;
		display:block;
		float:left;
		cursor:pointer;
		display:inline;
	}
	#ref-del-col:hover
	{
		margin:2px 41px 0px 0px;
	}
	
	
	/* Mise en forme titre ligne */
	#ligne
	{
		display:block;
		clear:both;
		float:left;
		display:inline;
		height:36px;
	}
	#titre-ligne input
	{
		height:14px;
		width:125px;
		margin:10px 0px 0px 12px;
		text-align:left;
		background-color:transparent;
	}
	#titre-ligne
	{
		height:35px;
		width:144px;
		background-color:#FFFFCC;
		border-width:0px 1px 1px 1px;
	}
	#del-ref-ligne
	{
		cursor:pointer;
		background-image:url('http://www.pictovia.com/tpl/img/cut.gif');
		background-repeat:no-repeat;
		border:0px;
		margin:10px 6px 0px 0px;
		height:16px;
		width:16px;
	}
	#del-ref-ligne:hover
	{
		margin:12px 6px 0px 0px;
	}
	
	/* Mise en forme ajouter une colonne */
	#add-colonne
	{
		cursor:pointer;
		width:110px;
		background-color:#E9FFE9;
		overflow:hidden;
		padding:13px 0px 0px 0px;
		height:58px;
		text-align:center;
		color:#000;
		border-style:solid;
		border-width:1px 1px 1px 0px;
		border-color:#CCC;
		float:left;
		display:inline;
	}
	#add-colonne:hover
	{
		background-color:#CCFFCC;
	}
	
	/* Mise en forme ajouter une ligne */
	#add-ligne
	{
		cursor:pointer;
		width:201px;
		height:26px;
		background-color:#E9FFE9;
		text-align:center;
		margin:0px 0px 33px 22px;
		color:#000;
		padding:8px 0px 0px 0px;
		border-style:solid;
		border-width:0px 1px 1px 1px;
		border-color:#CCC;
		
	}
	#add-ligne:hover
	{
		background-color:#CCFFCC;
	}
	#add-ligne p
	{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
	}


/* Mise en forme form general input */
	#title input,#desc input
	{
		border:#aaa solid 1px;
		width:285px;
		height:17px;
		margin:5px 5px 7px 20px;
		padding:2px 0px 0px 6px;
	}
	#enregistrer input,#connection input
	{
		border:#aaa solid 1px;
		width:100px;
		height:17px;
		margin:15px 5px 9px 20px;
		padding:2px 0px 0px 6px;
	}
	#enregistrer input,#connection input
	{
		border:#aaa solid 1px;
		width:100px;
		height:17px;
		margin:15px 5px 9px 20px;
		padding:2px 0px 0px 6px;
	}
	#actu input, #generate input,#previ input, #registerb input, #loginb input, #login-i input, #register-i input
	{
		color:#fff;
		font-size:18px;
		text-decoration:none;
		background-color:#4EA3D7;
		height:39px;
		border:2px #000 solid;
		padding:0px 10px 4px 10px;
   		width:auto;
 		overflow:visible;
	}
	#actu input:hover, #generate input:hover,#previ input:hover, #registerb input:hover, #loginb input:hover, #login-i input:hover, #register-i input:hover
	{
		cursor:pointer;
		border:2px #900 solid;
	}
	#actu input:active, #generate input:active,#previ input:active, #registerb input:active, #loginb input:active, #login-i input:active, #register-i input:active
	{
		background-color:#09F;
	}
	#choix-couleur input
	{
		margin:-7px 5px 1px 13px;
		padding:10px 4px 6px 10px;
	}
	#publishform
	{
		display:none;
	}
	
/* Mise en forme form general conteneur */
	#actu
	{
		margin:11px 41px 0px 0px;
		float:right;
		display:inline;
	}
	#enregistrer table
	{
		margin:13px 0 -15px 56px;
	}
	#generate
	{
		margin:-17px 41px 16px 0px;
		float:right;
		display:inline;
	}
	#previ
	{
		margin:-37px 44px 16px 0;
		float:right;
		display:inline;
	}
	#login-i
	{
		margin:15px 30px 16px 0;
		float:right;
		display:inline;
	}
	#register-i
	{
		margin:15px 30px 16px 0;
		float:right;
		display:inline;
	}
	#registerb
	{
		margin:1px 0 0px 102px;
		text-align:left;
	}
	#loginb
	{
		margin:1px 0 0px 143px;
		text-align:left;
	}
	#choix-couleur,#choix-legende
	{
		clear:both;
		margin:2px 0px 20px 24px;
		padding:4px 0px 0px 10px;
		color:#000;
	}
	#choix-couleur
	{
		clear:both;
		margin:2px 0px 0px 24px;
		padding:4px 0px 0px 10px;
		width:510px;
		height:76px;
		color:#000;
		text-align:right;
		font-weight:bold;
	}
	#title
	{
		clear:both;
		margin:2px 0px 0px 24px;
		padding:4px 0px 0px 10px;
		width:500px;
		color:#000;
		text-align:right;
	}
	#desc
	{
		clear:both;
		margin:0px 0px 20px 24px;
		padding:4px 0px 0px 10px;
		width:500px;
		color:#000;
		text-align:right;
	}
	#login-1,#pass-1,#pass-12,#email-1,#code-1,#login-1c,#pass-1c
	{
		margin:0px 0px 0px 24px;
		padding:4px 0px 0px 10px;
		width:315px;
		height:23px;
		color:#000;
		text-align:right;
	}
	#enregistrer ,#connection 
	{
		color:#000;
		width:322px;
		margin:2px 6px 0px 7px;
		text-align:right;
		float:left;
		display:inline;
		
		font-weight:bold;
	}
	#enregistrer
	{
		margin-top:38px;
	}
	#enregistrer h2 ,#connection  h2
	{
		text-align:center;
	}
	#publier
	{
		margin:0px 20px 0px 20px;
	}

	#boutton
	{
		clear:both;
		margin:0px 0px 0px 240px;
		text-align:right;
		padding:9px 41px 0 0;
	}
	#para-base
	{
		margin:13px 0 -8px 67px;
		width:571px;
	}

/* Mise en forme form general label  */
	label
	{
		width:177px;
		height:20px;
		float:left;
		display:inline;
		
		margin:7px 0 0 0;
	}
	#choix-legende label
	{
		margin:0px 7px 0px 7px;
	}
	#connection label,#enregistrer label
	{
		
		width:184px;
		margin:17px 0px 0px 0px;
		float:left;
		display:inline;
	}
	#title label
	{
		font-weight:bold;
	}
	#choix-couleur-i
	{
		width:320px;
		height:76px;
		float:right;
		display:inline;
		margin:0 0 0 3px;
	}
	#choix-couleur-l
	{
		width:177px;
		height:50px;
		float:left;
		display:inline;
		margin:12px 0 0 0;
	}
	#choix-legende-l
	{
		width:177px;
		height:28px;
		float:left;
		display:inline;
		margin:6px 0 0 0;
		font-weight:bold;
		text-align:right;
	}
	#choix-couleur label
	{
		margin:2px 0px 0px 0px;
		padding:4px 0 0 0px;
		width:105px;
		height:30px;
		float:right;
		display:inline;
	}
	#confirm-i
	{
		border:none;
	}
	#choix-legende label
	{
		margin:2px 0 0 40px;
		padding:4px 0 0 0px;
		width:auto;
	}
	#login-1 label,#pass-1 label,#pass-12 label,#email-1 label,#code-1 label,#login-1c label,#pass-1c label
	{
		width:140px;
	}

	
		
/* bouton */

	h2
	{
		font-size:15px;
		color:#006699;
		clear:both;
		margin:20px 0px 7px 0px;
		text-align:center;
	}
	
	#manual,#info,#archive,#web,#img,#pdf	
	{
		padding:0px 0px 5px 22px;
		background-repeat:no-repeat;
		display:inline;
		margin:0px 4px 0px 7px;
	}  
	#manual
	{
		background-image:url('http://www.pictovia.com/tpl/img/book_open.gif');
	} 
	#info
	{
		background-image:url('http://www.pictovia.com/tpl/img/information.gif');
	} 
	#web
	{
		background-image:url('http://www.pictovia.com/tpl/img/world.gif');
	} 
	#img
	{
		background-image:url('http://www.pictovia.com/tpl/img/picture_save.gif');
	} 
	#pdf
	{
		background-image:url('http://www.pictovia.com/tpl/img/page_white_acrobat.gif');
	} 
	
/* Tableau Publier sur le Web */

	#tab-print
	{
		margin:38px auto 15px auto;
		border-style:solid;
		border-width:1px 1px 1px 1px;
		border-color:#CCC;
		border-collapse:collapse;
	}
	#tab-print td
	{
		border-style:solid;
		border-width:1px 1px 1px 1px;
		border-color:#CCC;
		margin:0px;
		padding:0px 10px 0px 10px;
		height:36px;
		text-align:center;
	}
	#tab-print-titre-colonne
	{
		background-color:#FFC;
	}

/* Archives */

	#mois
	{
		width:200px;
		margin:20px;
		float:left;
		display:inline;
		height:300px;
	}
	#archives
	{
		width:500px;
		margin:20px 20px 100px 20px;
	}
	
/* Preview */

	#preview
	{
		width:220px;
		margin:25px 4px 0px 27px;
		float:left;
		display:inline;
		text-align:center;
		height:164px;
	}
	#cont a img
	{
		border:#4EA3D7 solid 2px;
	}
	#cont a:hover img
	{
		border:#900 solid 2px;
	}
	
/* footer */
	#annexe h2
	{
		text-align:left;
		margin:20px 0px 7px 20px;
	}
	#mypopup
	{
		cursor:pointer;
		position:absolute;
		top:155px;
		background-color:#4EA3D7;
		color:white;
		border:solid 3px #000;
		padding:30px;
		text-align:center;
		font-size:17px;
		font-weight:bold;
		width:300px;
		left:50%;
		top:50%;
		margin-top:-50px; 
		margin-left:-176px;
		display:none;
	}                
	
	#erreur
	{
		padding:0px;
		margin:0px 60px 0px 60px;
		color:#990000;
		font-size:13px;
		font-weight:bold;
		border:0;
		width:300px;
		height:auto;
	} 
	#title input:focus, #connection input:focus, #enregistrer input:focus, #desc input:focus
	{
		border:1px solid #990000;
	} 
	#footer-content
	{
		clear:both;
	} 
	#addthis
	{
		margin:15px 0px 0px 15px;
	} 
	#addthis span,#at20mc span
	{
		border:0px;
	} 
	#footer
	{
		margin:0px 0px 0px 0px;
		padding:1px 0px 5px 0px;
		width:100%;
		clear:both;
		background-color:#4EA3D7;
		color:#ffffff;
		font-size:11px;
		text-align:center;
	} 
	#footer a
	{
		color:#ffffff;
	} 
	#home
	{
		background-image:url('http://www.pictovia.com/tpl/img/house.gif');
		background-repeat:no-repeat;
		padding:0px 10px 5px 22px;
	}  
	
	#archive
	{
		background-image:url('http://www.pictovia.com/tpl/img/folder_table.gif');
		background-repeat:no-repeat;
		padding:0px 10px 5px 22px;
	}