/*@charset "utf-8";*/
/* CSS Document */
body{
	margin:0;
	padding:0;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background:#FFF url(../upload/images/fond_gen.jpg) repeat-x;
}
/* global */
#global{
	width:970px;
	margin:0 auto;
	background:#f1f0f0;
	padding:0 10px; 
}


/* outils */
#outils{
	position:absolute;
	right:40px;
	margin:0;
	padding:0px;
	height:20px;
	width:190px;
	top:3px;
	background:url(../upload/images/bgtools1.gif) no-repeat;

}
#outils li{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#outils li a{
	display: block;
	margin:0 0px;
	text-decoration:none;
	color:#333;
	width:80px;
	text-align:center;
	font-size:12px;
}
/* langues */
#langues{
	position:absolute;
	margin:0;
	padding:0;
	left:150px;
	height:20px;
	width:150px;
}
#langues li{
	margin:-27px;
	padding:0;
	float:left;
	list-style:none;
}
#langues li.ar a,#langues li.ar a:visited{
	display: block;
	margin:0 45px;
	text-decoration:none;
	font-size:12px;
	color: #333;
	border-top:4px solid #28aae1;
	background:#fff;
	padding:0 5px;
	width:40px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
}
#langues li.en a, #langues li.en a:visited{
	display: block;
	margin:0 -10px;
	text-decoration:none;
	font-size:12px;
	color: #333;
	border-top:4px solid #fe8e00;
	background:#fff;
	padding:0 5px;
	width:40px;
	text-align:center;
}
#langues li.en a:hover{

	color: #fff;
	border-top:4px solid #fe8e00;
	background:#fe8e00;

}
#langues li.ar a:hover{

	color: #fff;
	border-top:4px solid #28aae1;
	background:#28aae1;
	height:20px;

}
/* entete */
#entete{
	position:relative;
	height:160px;
	background: url(../upload/images/entete.jpg);

	margin-bottom:10px;
	margin-right:5px;
	
}
/*rangée 1 */
#rangee1{
	position:relative;
	margin-bottom:20px;
	top:0;
	left:0;
	height:200px;
}

/* slide */
#slide{
	height:200px;
	position:absolute;
	right:220px;
	background: #FFF;
	width:494px;
	visibility: visible;
}

/* connexion */
#connexion{
	font-size:12px;
	width:198px;
	position:absolute;
	right:0;
	height:198px;
	border: 1px solid #0881bf;
	margin:0;
	padding:0;
	background:#e1f1fb url(../upload/images/bgconn.jpg) repeat-x;
	background:#e1f1fb url(../upload/images/deg-gris.jpg) repeat-x;
}
#connexion fieldset{
	padding:5px;
	margin:0;
	border:none;
}
#connexion h2{
	margin:0;
	padding:0;
	font-size:14px;
	height:25px;
	background:url(../upload/images/bgconn.jpg) repeat-x;
	line-height:23px;
	padding-left:15px;
	color:#FFF;
}
#connexion a,#connexion a:visited{
	color: #333;
}
#connexion a:hover{
	text-decoration:none;
}


label{
	font-weight:bold;
	font-size:12px;
	color:#666;
}
	
#login{
		padding:0;
	margin:0;
	margin-top:8px;
	background:url(../upload/images/bgsubmit.png) repeat-x;
	height:20px;
	color: #333;
	width:80px;
	border:1px solid #999;
	font-size:12px;
	padding-bottom:5px;
	
}
#login:hover{

	background:url(../upload/images/bgsubmitover.png) repeat-x;

	
}
#user{
	background:url(../upload/images/bguser.png) no-repeat #FFF;
	border:1px solid #999;
	padding-left:20px;
	width:160px;
	margin:2px 0;
}
#user:focus,#pass:focus{
	border:2px solid #333;
}
#pass{
	margin:2px 0;
	background:url(../upload/images/bgpass.png) no-repeat #FFF;
	border:1px solid #999;
	padding-left:20px;
	width:160px;
}
/*services mailpost */
#services h2{
	margin:0;
	padding:0;
	font-size:15px;
	height:30px;
	background: url(../upload/images/bg_blocAutresServices.jpg) repeat-x;
	line-height:23px;
	text-align:center;
	color:#17a2db;
}
#services{
	height:198px;
	width:234px;
	position:absolute;
	top:0;
	left:0;
	background: #FFF;
	border:1px solid #CCC;
}

/* rangée deux */
#rangee2{
	position:relative;
	margin-bottom:20px;
	top:0;
	left:0;
	height:165px;

}
/* les Etapes */
#etapes{
	height:163px;
	position:absolute;
	background:#fff url(../upload/images/bgsteps.gif) no-repeat;
	width:750px;
	border: 1px solid #CCC;
}
#etapes h3{
	margin:0;
	font-size:14px;
	color: #666;
	padding:5px;
	padding-left:30px;
	background: url(../upload/images/bggris.jpg) repeat-x ;
	height:14px;
	line-height:15px;
	border-bottom: 1px solid #CCC;
}

#etapes #step1{
	background: #FFF;
	height:128px;
	width:224px;
	position:absolute;
	padding:5px;
	background:url(../upload/images/bgstep1.png) no-repeat;

}
#etapes #step2{
	background: #FFF;
	height:128px;
	left:258px;
	width:224px;
	position:absolute;
	padding:5px;
	background:url(../upload/images/bgstep2.png) no-repeat;
}
#etapes:hover{
	border:1px #999 solid;
}
#etapes #step3{
	background: #FFF;
	height:128px;
	width:221px;
	position:absolute;
	right:0;
	padding:5px;
	background:url(../upload/images/bgstep3.png) no-repeat;
}
.txtbleu{
	font-size:13px;
	color:#0096c6;
	font-weight:bold;
}
#etapes #step1 h2,#etapes #step2 h2, #etapes #step3 h2{
	margin:0;
	padding:0;
	color:#000;
	font-size:16px;
}
.detail{
	position:absolute;
	top:108px;
	left:62px;
}
.detail a{
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
/* droite */
#infos{
	width:198px;
	background: #FFF url(../upload/images/bginfos.gif) no-repeat;
	height:163px;
	position:absolute;
	top:0;
	right:0;
	padding:0px;
	border: 1px solid #0881bf;
}
#infos:hover{
	border:1px solid #055a86;
}
#infos h2{
	margin:0;
	font-size:14px;
	color:#Fff;
	margin-bottom:10px;
	padding:5px;
	padding-left:15px;
	background: url(../upload/images/bgconn.jpg) repeat-x ;
	height:15px;
	line-height:15px;
}
#infos ul,#infos ul li{
	margin:0;
	padding:0;
	list-style:none;
}
#infos ul li a,#infos ul li a:visited{
	display:block;
	color:#0096c6;
	font-size:12px;
	padding-left:20px;
	height:25px;
	
	background:url(../upload/images/red_chevron.gif) no-repeat 10px 0;
}
/*  rangee 3 */
#rangee3{
	position:relative;
	height:130px;	
	margin-bottom:20px;
	
}
/* sites */
#sites{
	height:123px;
	position:absolute;
	width:748px;
	background:#FFF;
	border:1px #CCC solid;
}
#sites ul{
	position:absolute;
	top:25px;
	margin:0;
	padding:0 20px;
}
#sites ul li{
	margin:0;
	padding:0;
	list-style:none;
	margin:0 3px;
}
#sites ul li img {
	border:none;
}
.prev{
	position:absolute;
	top:55px;
	z-index:2;
	width:11px;
	height:18px;
	color:#24afe3;
	background: #fff;
	line-height:14px;
	border:none;
	border:1px #24afe3 solid;
	border-left:none;
	
}
.next{
	position:absolute;
	right:0;
	top:55px;
	z-index:2;
	width:11px;
	height:18px;
	color:#24afe3;
	background:#fff;
	line-height:18px;
	border:none;
		border:1px #24afe3 solid;
	border-right:none;
	
}
#demo{
	position:absolute;
	right:0;
	height:58px;
	width:198px;
	border:1px #CCC solid;
}
#demo:hover,#callcenter:hover{
	border:1px #999 solid;
}
#demo img{
	border:none;
	display:block;
}
#callcenter{
	position:absolute;
	right:0;
top:65px;
height:58px;
border:1px #CCC solid;

}
/* footer */
#footer{
	height:28px;
	background: url(../upload/images/bgfooter.jpg) repeat-x;
	font-size:12px;
	padding-top:6px;

	text-align:center;

	color:#fff;
}
#footer a,#footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer1{
	position:relative;
	margin-top:2px;
	background: #FFF;
	height:60px;
}
#logo{
	position:absolute;
	right:10px;
	top:-4px;
	border:none;}
#copyright{
	position:absolute;
	top:20px;
	right:85px;
	font-size:11px;
	text-align:right;
}
#xhtml{
	top:25px;
	left:20px;
	position:absolute;
}
#css{
	top:25px;
	left:120px;
	position:absolute;
}
#gris{
	height:5px;
	margin:0;
	padding:0;}
/*Nos services*/
#nosservices{
	margin:0;
	padding:0;
	width:234px;
	list-style-type:none;
	background: #EAEAEA  url(../upload/images/bgserv.jpg) bottom;
	color:#000000;
	height:168px;
	position:absolute;
}
#nosservices a{
	display:block;
	font-weight:normal;
	text-decoration:none;
}
#nosservices  ul{
	overflow: hidden;
	margin:0;
	padding:0;
	display: none; 
	height:80px;
}
#nosservices li{
	margin:0;
	padding:0;
	list-style-type:none;
	
}
#nosservices li a{
	width:194px;
	padding:0px 0 0 40px;
	display:block;
	color:#000000;	
	background:#FFF;
	height:22px;
}
#nosservices li li a,#nosservices li li a:visited{
	padding:0;
	font-size:11px;
	color: #333;
}
#nosservices li li a:hover{
	color:#17a2db;
}

#nosservices li a.closed{
color:#000000 !important;
background:#FFF url(../upload/images/ha-header.jpg) repeat-x; 

}
#nosservices li.firstitem a.closed{
color:#000000 !important;
background-image:url(ha-header-first.jpg) !important;
background:#FFF;
}
#nosservices li.lastitem a.closed{
color:#000000 !important;
background-image:url(ha-header-last.jpg) !important;
background:#FFF;
}
#nosservices li li{
color: #666;
padding:0 0 0 10px ;
height:168px;
display: none;
font-size:12px;
background:#fff;
}
#nosservices li a.opened{
background: url(../upload/images/ha-header-active.jpg) repeat-x;
color:#17a2db;
font-weight:bold;
}
#nosservices li.firstitem a.opened{
background-image:url(ha-header-first-active.jpg);
color:#F60;
}
#nosservices li.lastitem li{
margin-bottom:-4px;
}
#nosservices li.lastitem ul{
background-image:url(ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}
#nosservices li a.s1{
	background:url(../upload/images/s1.jpg);
	}
#nosservices li a.s2{
background:url(../upload/images/s2.jpg);
}
#nosservices li a.s3{
	background:url(../upload/images/s3.jpg);
}
#nosservices li a.s4{
	background:url(../upload/images/s4.jpg);
}
#nosservices li a.s5{
	background:url(../upload/images/s5.jpg);
}
/* vtip */
p#vtip { 
display: none; 
position: absolute; 
padding: 10px; 
left: 5px; 
font-size: 0.8em; 
background-color: #e6f3f5; 
border: 1px solid #a6c9e2; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
z-index: 9999;
width:300px;
filter : alpha(opacity=90);
-moz-opacity : 0.9;
opacity : 0.9; 
	}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* pages internes */
.fondpage{
	background:#f7f7f7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	padding:0 10px;
}
#titrepage{
	font-size:20px;
	color:#17a2db;
	border-bottom:1px solid #17a2db;
	margin-top:10px;
}
#contenupage{
	padding:0 10px;
}
#contenupage h3{
	color:#F60;
	font-size:16px;
	padding-left:15px;
	background:url(../upload/images/red_chevron.gif) no-repeat 0 5px;
}
.lblError{
	 display: none; 
	 color:rgb(204, 51, 0); 
	 font-size: 10px; 
}
#print{
	position:relative;	
}
#print a{
	position:absolute;
	right:0;
	display:block;
	width:150px;
	background:url(../upload/images/print.gif) no-repeat;
	padding-left:20px;
	text-decoration:none;
	color:#333;
}

/*ajout de mailpost.css*/
              
       #footer2{
	clear:both;
	height:20px;
	background:#eee;
	padding-top:5px;
	text-align:center;
	border-bottom:#17a2db 3px solid;
	
	/*font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;*/

}

/************************ ForgetPwd ***************/
		.contContainer
        {
            background: url(../images/rpContentBack.gif) top repeat-x;
            padding: 15px 15px 0 15px;
            border: 1px solid #ccc;
            margin: 0 auto;
            clear: both;
        }
       
        .helperHolder
        {
            overflow: visible;
        }
        .form_td
        {
            font-family: Tahoma;
            font-size: 12px;
            height: 20px;
        }
        .helperTxt
        {
            background: url( '../images/helper_arrow2.gif' ) no-repeat left top;
            font-size: 11px;
            width: 185px;
            height: 20px;
            padding-left: 12px;
            margin: 0;
            float: right;
            overflow: visible;
        }

       .hContactForm
       {
        height:20px;
		background: url(../images/tcATabBack.gif) repeat-x; /*gvHeaderBackground.gif*url(../upload/images/bgligne5.png) repeat-x;url(../images/tcATabBack.gif) repeat-x;*/
		line-height:17px;
		padding-left:20px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
		text-transform:none;
		text-align:center;
       }
       
       .hChangePwdForm
		{
			padding:3px;
			text-align:center;
			font-family:Tahoma;
			color:Black;
			font-size:11px;
			font-weight:bold;
			border-left:solid 1px #7eacb1;
			border-top:solid 1px #7eacb1;
			border-right:solid 1px #7eacb1;
			border-bottom:solid 1px #7eacb1;
		}
        /*global*/
	#global2{
		padding:0px 0px 0px 5px ;
		width:970px;
		margin:0 auto;

	}