/*--------------reset------------*/
*
{
  padding:0;
  margin:0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
th,td 
{
	margin:0; padding:0; 
}

table 
{
	border-collapse:collapse; 
	border-spacing:0; 
}		
fieldset,img 
{
	border:0; 
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}
ol{ 
	list-style:none;
}

caption,th { 
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; font-weight:normal; 
}

h1{
display:none;
}

q:before,q:after{
	content:”; 
}

abbr,acronym {
 	border:0;
}

@font-face {
    font-family: helvet;
    src: url(../verdana.ttf);
    font-weight:400;
}

body{
	background:#f3f1e9 url(../img/bg_body.png) repeat-x;
	font-family: helvet;
	height: 100%;
}
	
/*--------------header------------*/	

#header{
	background:url(../img/bg_header.png) no-repeat;
	width:885px;
	height:46px;
}

/*--------------div globale-----------*/	

#main{
	 width:886px;
	 margin-left: auto;
	 margin-right: auto;
	 min-height: 100%;
	 position: relative;
}

/*--------------menu principal------------*/
	
#mainmenu{
	 width:370px;
	 float:right;
	 margin-top:8px;
	 margin-right:10px;
	 color:white;
}
	
	
#mainmenu ul li a{
	 color:#e5e5e5;
	 text-decoration:none;
	 font-size:1.2em;
}

.lang{
	float:right;
}
	

.menu{
	width:300px;
	float:left;
}	

#mainmenu ul li a:hover{
	color:#588ebf; 
}		
	
#mainmenu ul li a:active{
	color:#588ebf;
 }

#mainmenu ul li a:visited{
	color:none;
}		

#mainmenu ul li
{
	
	list-style:none;
	display:inline;
	
	 
}
	
#logo
{
	float:left;
	color:#FFFFFF;
	font-size:18px;
	margin-left:1%;
	margin-top:3px;
	display:block;
	width:200px;
	height:35px;
	background:url(./../img/logo.png) no-repeat;
}			
	
/*--------------gestion des 3forces-----------*/	

#titre
{
	width:886px;
	height:145px;
	background:url(../img/img_demograph.png) no-repeat;
	background-position:top right	
}

h2.ligne1
{
	color:#f1f3f3;
	margin-top:30px;
	position:absolute;
	font-size:1.9em;
}

h2.ligne2
{
	color:#f1f3f3;
	margin-top:70px;
	position:absolute;
	font-size:1.9em;
}
	
#3force
{
	width:886px;
}

#box_tempsreel
{
 background:url(../img/bg_box_tempsreel.png) no-repeat;	
 width:291px;
 height:115px;
 float:left;
}
	

#box_tempsreel h3
	{	
		color:#FFFFFF;
		padding-left:100px;
		padding-top:18px;
		font-size:1.3em;
	}
	
#box_tempsreel p
	{	
		color:#bdbdbd;
		padding-left:100px;
		font-size:0.75em;
		width:150px;
	}	
	

#box_historique
	{
	 background:url(../img/bg_box_historique.png) no-repeat;	
	 width:291px;
	 height:115px;
	 float:left;
	}

#box_historique h3
	{	
		color:#FFFFFF;
		padding-left:100px;
		padding-top:18px;
		font-size:1.3em;
	}
	
#box_historique p

	{	
		color:#bdbdbd;
		padding-left:100px;
		font-size:0.75em;
	}	
		

#box_clientwrs

	{
	 background:url(../img/bg_box_clientwrs.png) no-repeat;	
	 width:291px;
	 height:115px;
	 float:left;
	}

#box_clientwrs h3

	{	
		color:#FFFFFF;
		padding-left:120px;
		padding-top:18px;
		font-size:1.3em;
	}
	
#box_clientwrs p

	{	
		color:#bdbdbd;
		padding-left:120px;
		font-size:0.75em;
		width:150px;
	}	
	


/*--------------gestion de content------------*/	
	
#content

	{
		background:url(../img/bg_content.png) repeat;
		
		width:600px;
		margin-top:3px;
		float:left;
		padding-bottom:20px;
	}
	
#content_contact

	{
		background:url(../img/bg_content.png) repeat;
		
		width:600px;
		margin-top:3px;
		float:left;
		padding-bottom:20px;
	}	
	
#content h2

	{
		color:#FFFFFF;
		font-size:1.875em;
		padding-left:10px;
		padding-top:10px;
	}
	
	
#content_contact h2

	{
		color:#FFFFFF;
		font-size:1.875em;
		padding-left:10px;
		padding-top:10px;
	}
	
	
#content h3

	{
		color:#363636;
		font-size:1.125em;
		padding-left:10px;
		padding-top:30px;

	}		
	


#content p

	{
		color:#363636;
		font-size:0.9em;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		margin-bottom:55px;
	}
	
#content_contact p

	{
		color:#363636;
		font-size:0.9em;
		padding-left:10px;
		padding-top:10px;

	}	

#screen

	{
		float:left;
		margin-top:35px;
	
		margin-right:20px;
		margin-left:20px;
	}

#screen_right

	{
		float:right;
		margin-top:35px;
		
		margin-right:20px;
		margin-left:20px;
	}
	

#box_media

	{
		width:270px;
		float:left;
		margin-left:17px;
		height:150px;
		
	}	

#box_media p

	{
		color:#4e4d4d;
		
	}

#box_media img

	{
		float:left;
		padding-right:5px;
		padding-top:12px;
		
	}	
	

.platforme

	{
		list-style:none;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		width:159px;
	}

.img_chart

	{
		float:left;
		margin-top:15px;
		margin-right:20px;
		margin-left:20px;
	}
	
 h3.solus

	{
		color:#363636;
		font-size:1.125em;
		padding-left:10px;
		border-bottom: 1px solid #FFFFFF;
	}
	
h3.introdesc

	{
		color:#363636;
		font-size:1.125em;
		padding-left:10px;
		padding-top:30px;
		border-bottom: 1px solid #FFFFFF;
	}	
	

/*--------------gestion de sidebar------------*/	
	
#content_sidebar

	{
		background:url(../img/bg_content.png) repeat;
		width:250px;
		float:left;
		padding-bottom:20px;
		margin-top:3px;
		margin-left:15px;
		margin-bottom:15px;
		
	}

#content_sidebar h2

	{
		color:#FFFFFF;
		font-size:1.875em;
		padding-left:10px;
		padding-top:10px;
	}


#content_sidebar h3

	{
		color:#363636;
		font-size:1.125em;
		padding-left:10px;
		padding-top:30px;
	}

#content_sidebar p

	{
		color:#363636;
		font-size:0.9em;
		padding-left:10px;
		padding-top:10px;
	}
	
a.btndwn

	{
		display:block;
		background: url(../img/bg_btn_arrow.png) no-repeat;
		width:211px;
		text-decoration:none;
		color:#FFFFFF;
		padding-left:11px;
		padding-top:18px;
		text-transform: uppercase;
		font-weight: bold;
		font-size:0.85em;
		height:52px;
		margin-left:15px;
		margin-top:15px;
	}

a:hover.btndwn

	{
		display:block;
		background: url(../img/bg_btn_arrow_reverse.png) no-repeat;
		width:211px;
		text-decoration:none;
		color:#FFFFFF;
		padding-left:11px;
		padding-top:18px;
		text-transform: uppercase;
		font-weight: bold;
		font-size:0.85em;
		height:52px;
		margin-left:15px;
		margin-top:15px;
	}	
/*
a.btndwn

	{
		display:block;
		background: url(../img/bg_btndwn.png) no-repeat;
		width:211px;
		text-decoration:none;
		color:#FFFFFF;
		padding-left:11px;
		padding-top:16px;
		text-transform: uppercase;
		font-weight: bold;
		font-size:0.85em;
		height:52px;
		margin-left:15px;
		margin-top:15px;
	}	
*/	

/*-------------- Form contact ------------*/


#capt

		{
			width:300px;
			margin-left:10px;
			margin-top:15px;
		}	

#contact_form

			{
				width:580px;

				margin-top:40px;
				margin-left:20px;
			}	
input#nom

		{
		padding:3px;
		margin-bottom:5px;
		margin-left:62px;
		border:1px solid #dddfe1;
		color:#535455;
		background:#fff url(../img/form_blue.gif) repeat-x top left;
		}

input#org

		{
		padding:3px;
		margin-bottom:5px;
		margin-left:5px;
		border:1px solid #dddfe1;
		color:#535455;
		background:#fff url(../img/form_blue.gif) repeat-x top left;
		}
		
input#mail

		{
		padding:3px;
		margin-bottom:5px;
		margin-left:50px;
		border:1px solid #dddfe1;
		color:#535455;
		background:#fff url(../img/form_blue.gif) repeat-x top left;
		}

textarea#message

		{
		padding:3px;
		margin-bottom:5px;
		margin-top:5px;
		
		border:1px solid #dddfe1;
		color:#535455;
		width:525px;
		height:150px;

		}
		
		
#error

		{
		width:300px;
		border:1px solid #e60c35;
		background:#FFFFFF;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
		padding:5px;
		font-size:12px;

		}
	
.hide
		{
		position:absolute;
		left:-9999px;
		}	
/*--------------pied de page------------*/	

div#footer

	{
		width:860px;
		height:15px;
		font-size:0.75em;
		color:#a1a3a4;
		background:#363636;
		bottom: 0;
		clear:both;
		padding-left:5px;
		padding-top:2.5px;
		padding-bottom:2.5px;