/* solution chronos */
#titre 
{
	margin-top:0px;
	margin-left:30px;
	font-weight:bold;
}

#principe 
{
	BACKGROUND: url(images/solution/image_de_fond.png) no-repeat center top;
	MARGIN-left: 95px;
	margin-bottom:30px;
	WIDTH: 800px;
	HEIGHT: 378px;
	margin-top: 200px;
}

.image_on 
{
    position: absolute;
    opacity: 0.01;
    filter: alpha(opacity=1);
    z-index: 5;
}

#finance            
{ 
    margin: 183px 0 0 0;
}

#projet             
{ 
    margin: 183px 0 0 397px; 
}

#relation_clients   
{
    margin: 0 0 0 397px;
}

#rh                 
{ 
    margin: 0 0 0 0; 
}

#portail            
{ 
    margin: 150px 335px 0;
}
/* FIN solution chronos */

/* page en savoir plus */
	input,textarea
	{
	    color:#005b7f;
	    background-color:#ccdee5;
	}
	
	#adresse
	{
		float:right;
		margin-top:-65px;
		margin-left: -10px;
		font-size:13px;
		font-weight:bold;
		color: #4b4b4d;
	}
	
	#logo
	{
		width:202px;
		height:60px;
		margin-top:45px;
		
		margin-left:25px;
	}
	
	#image_gauche_form 
	{
	    margin-top:-37px;
	    .margin-top:0px;
	    background-image:url(images/en_savoir_plus/image_en_savoir_plus.png);
        height:461px;
        width:168px;
	}
	
	* html #image_gauche_form 
	{
	    margin-top:-526px;
	}
	
	#contenu 
	{
		margin-left:168px;	
		width:792px;
		height:0;
	}
	
	#titre 
	{
        margin-left:171px;
        margin-top:26px;
	}
	
	#logo_adresse 
	{
		margin-top:0px;
		height:60px;
		width:410px;
	}
	#image_fond
	{
	background: url(images/en_savoir_plus/fond.png) 
	no-repeat center top; 
	margin-top : 28px;
	.margin-top: 65px;
	width: 792px; 
	height: 336px;
	color: #58595b;
	font-weight:bold;
	}
	.texte 
	{
	    font-size:14px;
	    color: #015B7E;
	    padding:18px 0 5px 10px;
	    text-align:left;
	}
	#champs 
	{
	    width:480px;
	    text-align:left;
	    font-size: 12px;
		margin-top: 20px;
	}
	#champs div
	{
	    width:220px;
	    margin:14px 10px;
	    text-align:right;
	    float:left;
	}
	#bas_form
	{
	   float:left;
	   width:100%;
	   margin:30px 0px 0px 0px;
	   .margin:10px 0px 0px 0px;
	}
	.champ_input span 
	{
	    float:left;
	}
	.champ_input input 
	{
	    width:120px;
	    background:#CCDEE5 url(images/degr_input.png) repeat scroll 0 0;
	}
	* html .champ_input input 
	{
	    width:100px;
	}
	#tableau_droite{
	    float:right; 
	    margin-top:-165px;
	}
	#champs_droits 
	{
	    float:right;
	    width:280px;
	    margin-top:-170px;
	    padding-right:10px;
		font-size: 12px;
	}
	
	#champs_droits textarea 
	{
	    width:95%;
	    margin:4px 0 0;
	}
	#champs_droits input 
	{
	    width:95%;
	    margin: 5px 0 19px 0;
	}
	#champs_droits div:last-child
	{
	    margin-top:-13px;
	}
	#champ_obligatoire 
	{
	    float:left;
	    margin-left:10px;
	    color:#a55a0a;
	    padding-top:10px;
	    font-size:10px;
	}
	#bt_envoyer 
	{
	    text-align:right;
	    padding-right:85px;
	    margin-top:-20px;
	    .margin-top:0px;
	}
	b 
	{
	    color:#a55a0a;
	    font-weight:bolder;
	    #font-size:13px;
	}
	div.popup {
		display:none;
		position: absolute;
		width: 450px;
		height: 200px;
		top: 320px;
		left: 415px;
		overflow: hidden;		
		background: url('images/popup_texte.png') no-repeat;
		text-align: center;
		padding: 3px;
		z-index:10;
	}
	div.popin_error {
		display:none;
		position: absolute;
		width: 450px;
		height: 200px;
		top: 320px;
		left: 415px;
		overflow: hidden;		
		background: url('images/popup_texte.png') no-repeat;
		text-align: center;
		padding: 3px;
		z-index:10;
	}
	div#contenu_popup {
		text-align: center;
		color:#015B7E;
		font-weight:bold;
		overflow-y: no-scroll;
		overflow-x: hidden;
		margin: 105px 0;
		z-index: 11;
	}
	div#contenu_popin_error {
		text-align: center;
		color:#015B7E;
		font-weight:bold;
		overflow-y: no-scroll;
		overflow-x: hidden;
		margin: 105px 0;
		z-index: 11;
	}
	.fermer
	{
	    margin:-5px 189px 0;
	    z-index:15;
	    position:absolute;
	    cursor:pointer;
	}
/* FIN page en savoir plus */

/* solution chronos CRM */
	#titre_gauche 
	{
	    margin-left:15px;
        margin-top:26px; 
	}
	#contenu_gauche {
		text-align:justify;
		margin-left:35px;
		padding:20px 10px 10px 0;
		float:left;
		width:540px;
	}
	#contenu_gauche_principe {
		text-align:justify;
		margin-left:35px;
		padding:20px 10px 10px 0;
		float:left;
	}
	* html #contenu_gauche 
	{
	    margin-left:15px;
	}
	.backgound_image{
		width:205px;
		height:308px;
		float:right;
		margin-top:157px;
		margin-right:1px;
	}
	* html .backgound_image
	{
	    margin-top:10px;
	}
	#bt_pdf_portail{
		padding-top:320px;
		.padding-top:300px;
		padding-bottom:64px;
		.padding-bottom:0px;
		margin-left:50px;
        margin-top:-210px;
	}
	#bt_pdf{
		padding-top:330px;
		padding-bottom:64px;
		.padding-bottom:0px;
		margin-left:50px;
	}
	#position_vignette{
		float:right;
		margin-top:-114px;
		margin-right:8px;
		.margin-left:-300px;
	}
	.position_logo{
	    float:right;
	    margin-left:-220px;
	    margin-top:-25px;
	    .margin-top:-40px;
	    margin-right:180px;
	    width:50px;
	    height:50px;
	}
	.puce_orange{
	    margin-right:5px;
	    margin-bottom:1px;
	}
	#imagettes{
	    /*margin-bottom:-50px;
	    margin-top: -50px;*/
	}
	#imagette1{
	    width:50px;
	    height:50px;
	}
	#imagettes1
	{
	    position:absolute;
	    margin-left:240px;
	    .margin-bottom:-55px;
	    margin-top:230px;
	    .margin-top:0px;
	}
	#imagette2{ 
	    width:50px;
	    height:50px;
	}
	#imagettes2{
	    position:absolute;
	    margin-left:390px; 
	    .margin-bottom:-55px;
	    margin-top:230px;
	    .margin-top:0px;
	}
	#imagette3{
	    width:50px;
	    height:50px;  
	}
	#imagettes3{
	    position:absolute;
	    margin-left:540px;
	    .margin-bottom:-56px;
	    margin-top:230px;
	    .margin-top:0px;
	}
	#imagette4{
	    width:50px;
	    height:50px; 
	}
	#imagettes4{
	    position:absolute;
	    margin-left:690px; 
	    margin-top:230px;
	    .margin-top:0px;
	    .margin-bottom:-50px; 
	}
	#position_bt_lecture{
		float:right;
		margin-top:-48px;
		margin-right:12px;
		margin-left:-180px;
		opacity : 0.8;
        filter:alpha(opacity=80);
        z-index:3;
	}
	* html #position_bt_lecture
	{
	    margin:-48px 8px 0 3px;
	}
	/*
	 * Les Popup 
	 */
	div.popup_js {
		position: absolute;
		width: 688px;
		height: 447px;
		top: 130px;
		left: 290px;
		overflow: hidden;
		
		background: url('images/popup.png') no-repeat;
		text-align: center;
		padding: 3px;
		z-index:10;
	}
		div.contenu_popup {
			text-align: left;
			overflow-y: no-scroll;
			overflow-x: hidden;
			padding: 16px 17px 18px 16px;
			z-index: 11;
			cursor:move;
		}
	.close 
	{
	    margin:-446px 307px 0;
	    .margin: -440px 305px 0;
	    z-index:15;
	    position:absolute;
	}
	#background_image_crm 
	{
	    background: url(images/solution_crm/image_fond_vignette.png) no-repeat right bottom;
	}
	* html #position_vignette 
	{
	    height:262px;
	    width:349px;
	    margin:0;
	    padding-right:8px;
	}
	#legende 
	{  
        background:transparent url(images/separation_legende.png) no-repeat scroll 0 0;
        color:#015B7F;
        float:left;
        font-size:12px;
        height:100%;
        margin:10px 0 0 -150px;
        padding-left:10px;
        width:334px;
	}
	* html #legende
	{
	    margin-left:0px;
	    float:right
	}
/* FIN solution chronos CRM */
/* notre demarche */
    #contenu_normal 
    {
        margin-left:180px;
        width:760px;
        height:0;
        margin:10px 10px 10px 0;
        .margin-left:170px;
        float:right;
        padding-right:0px;
        font-family: arial-black, sans-serif;
    }
    * html #image_gauche {
	    margin-top:-320px;
	}
	.slogan 
	{
	    float:right;
	    margin-top:290px;
        padding-right:25px;
        padding-bottom:5px;
	}
/* FIN notre demarche */
/* portail */
    #contenu_central
    {
        margin: 20px 10px 20px 35px;
    }
     #contenu_central_portail
    {
        margin: 20px 10px 10px 35px;
    }
   #background_image_portail 
   {
        background:transparent url(images/portail/fond_espace_portail.png) no-repeat scroll right bottom;
        margin:0 1px;
        min-height:208px;
   }
/* FIN portail */

    #background_image_finance
    {
        background: url(images/espace_finance/fond_espace_finance.png) no-repeat right bottom;
    }
    #backgound_image_rh
    {
        background: url(images/espace_rh/fond_espace_rh.png) no-repeat right bottom;
    }
    #backgound_image_projets
    {
        background: url(images/espace_projets/fond_espace_projet.png) no-repeat right bottom;
    }
/* Infos légales */
.paragraphe_gauche
{
    float:left;
    width:45%;
    height:200px;
    text-align:justify;
}
.paragraphe_droit
{
    float:right;
    width:45%;
    height:200px;
    text-align:justify;
}
div#content 
{
    height:500px;
    padding:20px 10px 10px 37px;
    width:890px;
}
div#content h3
{
    color:#015B7E;
}
div#content h3 img 
{
    padding-right:5px;
}
/*FIN infos légales */
/* Plan du site */
#plan_gauche
{
    float:left;
    width:50%;
    padding-left:10%;
}
#plan_droit
{
    float:right;
    width:40%;
}
#plan_gauche ul li,#plan_droit ul li 
{
    font-size:16px;
    margin:20px;
    list-style:none;
}
#plan_gauche ul li img,#plan_droit ul li img
{
    margin-right:5px;
}
#plan_gauche ul li ul li,#plan_droit ul li ul li 
{
    font-size:14px;
}
#plan_gauche ul li ul li img,#plan_droit ul li ul li img 
{
    margin-right:5px;
}
/*Fin plan du site*/