@import url('blocs.css');
@import url('extensions.css');

/* =Classes generiques
----------------------------------------------- */

.skip {
	height:0;
	width:0;
	left:-19000px;
	overflow:hidden;
	position:absolute;
}

.clear {
	clear: both;
}


body {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

#page {
	width: 990px;
	text-align: left;
	margin: 0 auto;
}
a:link, a:visited, a:hover{
	color:#01528E;
	font-weight:bold;
}

h2 a:link, h2 a:visited, h2 a:hover{
	font-weight:normal;
}


/* =Header
----------------------------------------------- */

/* =header
----------------------------------------------- */

#header {

}

	/* =supHeader
	----------------------------------------------- */

	#supHeader {

	}
	
	/* =logo
	----------------------------------------------- */
	
	#logo {
        float: left;
		background: url('../images/header/bandeau.gif') no-repeat 0 0;
		width: 800px;
		height: 170px;
		border-right: 2px solid #000;
	}
	
	/* =menuLang
	----------------------------------------------- */
	
	#menuLang {
		float: left;
		width: 188px;
		height: 50px;
		background-color: #FFF;
		text-align: center;
		padding-top: 5px;
	}
	
	#menuLang ul li {
		display: inline;
		padding: 0 0 0 22px;
		margin: 0 7px;
	}
	
		#menuLang ul li a {
            color: #005a9c;
            font-size: 0.9em;
            font-weight: bold;
            text-decoration: none;
		}
		
		#menuLang ul li a:hover {
			text-decoration: underline;
		}
	
	    #menuLang ul li.FR {
            background: url('../images/header/FR.gif') no-repeat 0 3px;
		}
		
		#menuLang ul li.GB {
            background: url('../images/header/GB.gif') no-repeat 0 3px;
		}
		
		#menuLang ul li.ES {
            background: url('../images/header/ES.gif') no-repeat 0 3px;
		}
	
	/* =QuickMenu
	----------------------------------------------- */

	#QuickMenu {
	    float: left;
	    width: 160px;
	    height: 70px;
	    background-color: #cbe28a;
	    padding: 10px 0 0 28px;
	}
	
	#QuickMenu ul {
		padding: 1px 0 0 0;
	}
	
	#QuickMenu ul li {
        padding: 0 0 0 30px;
		/*margin: 10px 0 0 0;*/
		height: 23px;
	}
	
	    #QuickMenu ul li a {
	        color: #005a9c;
			font-size: 0.85em;
			text-decoration: none;
			font-weight: bold;
		}
		
		#QuickMenu ul li a:hover {
			text-decoration: underline;
		}
	
	    #QuickMenu ul li.backToAccueil {
            background: url('../images/header/accueil.gif') no-repeat 0 0px;
		}
		
		#QuickMenu ul li.pagePrint {
            background: url('../images/header/print.gif') no-repeat 0 0px;
		}
		
		#QuickMenu ul li.siteMap {
            background: url('../images/header/sitemap.gif') no-repeat 0 0px;
		}
	
	/* =search
	----------------------------------------------- */

	#search {
	    float: left;
	    text-align: center;
        background: #cbe28a url('../images/header/search.gif') no-repeat 8px 8px;
		height: 27px;
		width: 158px;
		padding: 8px 0 0 30px;
	}
	
	#search input {
		border: 1px solid #215469;
		width: 100px;
	}
	
	#search button {
		background-color: transparent;
		border: 0;
		color: #005a9c;
		font-weight: bold;
		font-size: 0.85em;
	}

/* =princMenu
----------------------------------------------- */

#princMenu {
	background-color: #005a9c;
	height: 20px;
	padding: 0 0 0 0;
}

#princMenu ul li {
	float: left;
	height: 20px;
/*	display: inline;
/*	padding: 0 55px 0 20px; */
}

#princMenu ul li a {
/*	color: #FFF;
	text-decoration: none;
	font-size: 0.95em;
	font-weight: bold; */
}

#princMenu ul li a:hover {
	color: #A7CC6B;
}

/* =container
----------------------------------------------- */

#container {
	background: url('../images/container/separator.gif') repeat-y 800px 0;
	height: 1%;
}

/* =rootLine
----------------------------------------------- */

#leftContainer {
	float: left;
	width: 800px;
	background: none;
}

	/* =rootLine
	----------------------------------------------- */

	#rootLine {
		margin-top: 4px;
		height: 100%;
	}
		
		/* =leftItem
		----------------------------------------------- */

		#leftItem {
		    float: left;
	        background: url('../images/ariane/border-left.gif') no-repeat 0 18px;
	        height: 38px;
	        width: 5px;
		}

		/* =arianeContent
		----------------------------------------------- */

		#arianeContent {
			float: left;
		}
		
			/* =borderTop
			----------------------------------------------- */

			#borderTop {
				padding: 0;
			}

				#borderTop .left {
				    float: left;
		            background: url('../images/ariane/border-top-left.gif') no-repeat 0 0;
		            height: 15px;
		            width: 7px;
				}

				#borderTop .middle {
				    float: left;
		            background: url('../images/ariane/border-top-middle.gif') repeat-x 0 0;
		            height: 15px;
		            width: 776px;
				}

				#borderTop .right {
				    float: left;
		            background: url('../images/ariane/border-top-right.gif') no-repeat 0 0;
		            height: 15px;
		            width: 7px;
				}

			/* =rootLineText
			----------------------------------------------- */

			#rootLineText {
				padding: 0 0 0 30px;
			}
			
			    .orange {
					font-weight: bold;
					color: #ff7f01;
				}
				
				#rootLineText a {
					color: #000;
					text-decoration: none;
				}
				
				#rootLineText a:hover {
					text-decoration: underline;
				}

			/* =borderBottom
			----------------------------------------------- */

			#borderBottom {
				margin-top: 8px;
				height: 1px;
				font-size: 1px;
			}
			
				#borderBottom .middle {
				    float: left;
                    background: url('../images/ariane/border-bottom-middle.gif') repeat-x 0 0;
                    height: 1px;
                    width: 210px;
				}
				
				#borderBottom .right {
				    float: left;
                    background: url('../images/ariane/border-bottom-right.gif') no-repeat 0 0;
                    height: 1px;
                    width: 135px;
				}

	/* =leftCol
	----------------------------------------------- */
	
	 #leftCol {
        width: 760px;
        padding: 20px 20px 0 20px;
	 }
	
	.accueil #leftCol {
	    width: 800px;
		padding: 20px 0 0 0;
	}
	
	#leftCol .left {
	    position: relative;
	    float: left;
	    background: url('../images/container/accueil-left-bg.gif') no-repeat 0 0;
	    height: 454px;
	    width: 303px;
	}
	
		#leftCol .left h2.leftTitleTop a {
		    position: absolute;
		    top: 186px;
		    left: 25px;
			color: #005a9c;
			font-size: 1.5em;
			text-decoration: none;
/*MODIF StephanePHILIPPE 20080602*/
			cursor:default;
 /*finmodif*/
		}
		#bodySP #leftCol .left h2.leftTitleTop a {
			left:27px;
			font-size:1.4em;
		}
		
		#leftCol .left #leftDesc {
            position: absolute;
		    top: 216px;
		    left: 22px;
		    font-size: 0.8em;
		    width: 100px;
		}
		
		#leftCol .left h2.leftTitleBottom a {
		    position: absolute;
		    top: 338px;
		    left: 21px;
			color: #757575;
			font-size: 1.3em;
			font-weight: bold;
			text-decoration: none;
/*MODIF StephanePHILIPPE 20080602*/
			cursor:default;
 /*finmodif*/			
		}
		
		/*
		#leftCol .left #leftDescBottom {
			position: absolute;
			top: 318px;
			left: 158px;
			color: #000;
			border: 1px solid #8e8888;
			font-size: 0.8em;
			width: 132px;
			height: 68px;
			padding: 5px;
			background-color: #FFF;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}
		*/

		#leftCol .left #leftDescBottom {
			position: absolute;
			top: 358px;
			left: 158px;
			color: #000;
			font-size: 0.8em;
			width: 132px;
			height: 68px;
			padding: 5px;
		}
		
		
		#leftCol .left ul li {
			line-height: 1px;
		}
		
		#leftCol .left ul li.accessoires {
            position: absolute;
			top: 135px;
			left: 52px;
			width: 130px;
			text-align: center;
		}


/*MODIF StephanePHILIPPE 20080602*/
		#leftCol .left ul li.accessoires a{
			
			padding-top:90px;
			/*			
			margin-top:-90px;
			margin-left:-20px;
			padding-left:20px;
			margin-right:-30px;			
           		padding-right:28px;	
           		*/		
 /*finmodif*/
		}
		
		#leftCol .left ul li.API {
            position: absolute;
			top: 362px;
			left: 10px;
			width: 120px;
			text-align: center;
		}
		
		#leftCol .left ul li.API a {
/*MODIF StephanePHILIPPE 20080602*/
           /* color: #FFF;*/
           
			padding-top:90px;
 /*finmodif*/           		
		}
			
		#bodySP #leftCol .left ul li.API a {
			left: 5px;
		}
		

		#leftCol .left ul li a {
			font-weight: bold;
			color: #005a9c;
			text-decoration: none;
			font-size: 0.85em;	
		}
		
		
/*MODIF StephanePHILIPPE 20080602*/
		#bodyGB #leftCol .left ul li a  {		
			margin-left:7px;		
		}
 /*finmodif*/
 
 
	#leftCol .middle {
	    position: relative;
		float: left;
        background: url('../images/container/accueil-middle-bg.gif') no-repeat 0 0;
        height: 462px;
	    width: 177px;
	}
	
/*MODIF StephanePHILIPPE 20080602*/	
	#leftCol .middle {
		background-position:0px 30px;
		margin-top:-30px;
	}

	
		#leftCol .middle h2 {
			background: url('../images/container/h2middle.gif') no-repeat left top;
			height:30px;
			left:30px;
			padding-left:5px;
			width:240px;
			position: absolute;
			top: 36px;
			left: 32px;		
			color: #6f9105;
			font-size: 1.45em;
		}
		

		#bodyGB #leftCol .middle h2{
			left:28px;
			padding-left:40px;
		}
		
		#bodySP #leftCol .middle h2{
			left:28px;
			padding-left:20px;
		}
/*finmodif*/		
		

		#leftCol .middle dl {
			padding: 70px 0 0 15px;
			width: 150px;
			text-align: center;
		}
		
		#leftCol .middle dl dt.puceVerte {
            background: url('../images/blocs/puce-verte.gif') no-repeat 20px 3px;
            padding: 0 0 5px 18px;
		}
		
		#leftCol .middle dl dt.puceVerte a {
		    color: #005a9c;
            font-weight: bold;
            font-size: 1.15em;
            text-decoration: none;
		}
		
		#leftCol .middle dd {
			padding: 0 0 15px 0;
		}
	
	#leftCol .right {
	    float: left;
	    position: relative;
        background: url('../images/container/accueil-right-bg.gif') no-repeat 0 0;
        height: 458px;
	    width: 315px;
	}
	
	    #leftCol .right ul li {
			line-height: 1px;
		}
	
		#leftCol .right ul li.pcwin {
			position: absolute;
			top: 130px;
			left: 231px;
		}
		
		#leftCol .right ul li.softools {
			position: absolute;
			top: 185px;
			left: 94px;
		}
		
		#leftCol .right ul li.superviseurs {
			position: absolute;
			top: 310px;
			left: 87px;
			width: 80px;
		}
		
		#leftCol .right ul li.assistance {
			position: absolute;
			top: 395px;
			left: 221px;
		}
		
		#leftCol .right ul li a {
			font-weight: bold;
			color: #005a9c;
			text-decoration: none;
			font-size: 0.85em;
			
/*MODIF StephanePHILIPPE 20080602*/
			
			padding-top:80px;

/*
			margin-top:-80px;
			margin-left:-20px;
			padding-left:20px;

			display:block;
			width:90px;
			height:130px;
			border: 1px solid red;
			z-index:100;
 */			
 /*finmodif*/
		}
		
		#leftCol .right h2.rightTitle a {
		    position: absolute;
		    top: 192px;
		    left: 187px;
			color: #005a9c;
			font-size: 1.5em;
			text-decoration: none;
			
/*MODIF StephanePHILIPPE 20080602*/
			cursor:default;
 /*finmodif*/
		}
		
		#leftCol .right #rightDesc {
            position: absolute;
		    top: 221px;
		    left: 182px;
		    font-size: 0.8em;
		    width: 115px;
		}
	
	/* =rightCol
	----------------------------------------------- */
	
	#rightCol {
	    background: url('../images/container/right-background.gif') repeat-x 0 0;
		float: right;
		width: 184px;
  		min-height: 420px;
		padding: 20px 0 0 4px;
	}

	
/***************************************************************************** Style propre à Lacroix Sofrel**********************************************************************************************/

.text {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:justify }
.textgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:justify }

.text2 {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}
.text2grand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

.textgris {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#666666; text-decoration:none}
.textgrisgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#666666; text-decoration:none}


.textbleu {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#2E69B1; text-decoration:none}
.textbleugrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#2E69B1; text-decoration:none}

.textbleuclair {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#80A5C8; text-decoration:none}
.textbleuclairgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#80A5C8; text-decoration:none}

/* .titre {FONT-SIZE: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif;  color:#2E69B1; text-decoration:none} */

.soustitre {FONT-SIZE: 15px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; color:#2E69B1; text-decoration:none}

.textblanc {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none}
.textblanc:hover {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline}

.textblancgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none}
.textblancgrand:hover {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline}

.lien {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#294F82; text-decoration:none}
.lien:hover {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#294F82; text-decoration:none}

.liengrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#294F82; text-decoration:none}
.liengrand:hover {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color::#294F82; text-decoration:underline}

.mailform {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}
.mailformgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

input.{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

textarea.{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

file.{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

select.{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

.loginform {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}
.loginformgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

.mailformradio {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}
.mailformradiogrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

.mailformrequired {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}
.mailformrequiredgrand {FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}

/***************************************************************************** Fin Style propre à Lacroix Sofrel**********************************************************************************************/a