/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                          CSS 1waycommunication 
                         ASCII 2007 
version: 1.0
author: OUICHTATI Slim
email: slim.ouichtati@ascii-web.om
website: http://www.ascii-web.com/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*--------------------------------------------------------
           Style de la balise body :centré
--------------------------------------------------------*/
body{
	top:0%;
	left:50%;
	position: relative; /*ou absolute */
	width:960px;
	margin-left:-480px;
background:#393939 url(bg.gif);
	margin-top:0px;
}
/*--------------------------------------------------------
           Style of the universal selector
--------------------------------------------------------*/
*{
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}
/*--------------------------------------------------------
           class global
--------------------------------------------------------*/
.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.orange{color:#f93;}
.white{color:#fff;}
.yellow{color:#ff0;}
.date1{color:#EEE;font-weight:bold;}
.date2{color:#EEE;font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bold{font-weight:bold;}
.italic{font-style: italic;}
/*--------------------------------------------------------
           Style Link
--------------------------------------------------------*/
a {
	text-decoration: none;
	color:#fafafa;
}
a:hover {
	text-decoration: none;
	color:#FF9900;
}
a .liensService{
text-decoration: none;
color:#448ccb;
}
a .liensService:hover {color:#ff0000;}
/*--------------------------------------------------------
           Style Link mailto
--------------------------------------------------------*/
a.mailto {
background: url(email.gif) no-repeat right top;
padding-right: 16px;
}
a.mailto:hover {
color:#FF6600;
}
/*--------------------------------------------------------
           Style Link PDF
--------------------------------------------------------*/
a.pdf {
background: url(pdfLink.gif) no-repeat right top;
padding-right: 20px;
text-decoration:none;
color:#006699;
}
a.pdf:hover {color:#FF6600;}
/*--------------------------------------------------------
           Style External link
--------------------------------------------------------*/
a.external{
background: url(externalLink.gif) no-repeat right top;
padding-right: 10px;
text-decoration:none;
color:#006699;
}
a.external:hover {color:#333;}
/*--------------------------------------------------------
           Style SPAN
--------------------------------------------------------*/
span{
	color:#222;
}
/*--------------------------------------------------------
           Style DIV
--------------------------------------------------------*/
div.phone{
	margin-top:2px;
	margin-bottom:2px;
	color:#333;
	font-weight:bold;
	background:#fff url(flag_tunisia.png) no-repeat;
	padding-left:30px;
	line-height:20px;
	font-size:7pt;
}
div.email {
background: url(mail.png) no-repeat left center;
padding-left: 20px;
}
div.liensService {
background: url(puce1.jpg) no-repeat left 4px;
padding-left: 14px;
}
/*--------------------------------------------------------
           Style TD
--------------------------------------------------------*/
td {font-family:Arial, Helvetica, sans-serif;}
/*--------------------------------------------------------
           Style FORM
--------------------------------------------------------*/
form{margin:0px;}
input{width:250px;margin:0px;}
textarea{width:250px;height:150px;margin:0px;}
#champs_obligatoires{color:#fd4}
.boutton1{width:70px;}
/*--------------------------------------------------------
          Style des liens du Menu Horizontal  By Slim
--------------------------------------------------------*/
#mainlevel-nav  {
margin: 0px;
padding: 0px;
list-style-type: none;
background:#333 url(images/bg_mainmenu.gif) repeat-x
}
#mainlevel-nav li {
float:left;
display:inline;
height: 32px;
margin-left:0px;
background-image:url(../images/bg_nav.gif);
background-repeat:no-repeat;
background-position: left bottom;
}
#mainlevel-nav li .selected  {
background-position: right bottom;
color: #000;
width: 115px;
}
#mainlevel-nav  a {
display: block;
width: 115px;
height: 32px;
line-height: 30px;
color: #406380;
font-family:Arial;
font-size:8pt;
font-weight:bold;
text-decoration: none;
background-image:url(../images/bg_nav.gif);
background-repeat:no-repeat;
background-position: left bottom;
/*border-left:1px solid #FFF;*/
text-align:center;
}
#mainlevel-nav a:hover{
background-position: right bottom;
background-image:url(../images/bg_nav2.gif);
background-repeat:no-repeat;
color: #FE5200;
width: 115px;
}
/*--------------------------------------------------------
         style Boxe
--------------------------------------------------------*/
#boxe{ width:237px;}
#boxe th{
color:#FFFFFF;
background:url(../images/bg_th_boxe.jpg) no-repeat;
width:237px;
padding-right:48px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
height:25px;
}
#boxe td{

}
#boxe ul{
margin: 0px;
padding: 0px;
list-style-type: none;
line-height:16pt;
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
}
#boxe ul li {
font-family:Arial, Helvetica, sans-serif;
padding-left:20px;
background:url(../images/puce1.jpg) no-repeat left 6px;
color: #bbb;
font-size:8pt;
font-weight:bold;
}
#boxe ul li a {
color:#FFF;
font-size:8pt;
font-weight:normal;
text-decoration:none;
}
#boxe ul li a:hover {
color: #FF9933;
font-weight:normal;
text-decoration:none;
padding-left:10px;
}
#boxe td div{
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
margin:2px 50px 4px 20px;
text-align:justify;
color:#FFFFFF;
}
/*--------------------------------------------------------
         style content
--------------------------------------------------------*/
#content{ width:473px;}
#content th{
color:#FFFFFF;
background:url(../images/bg_title.jpg) no-repeat;
padding-left:20px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
height:24px;
}
#content td div{
background:#426FC2;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
}
#content td{
background:#426FC2;
padding:2px;
color:#eaeaea;
line-height:14pt;
}
#content ul{
margin: 0px;
padding: 0px;
list-style-type: none;
line-height:16pt;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
}
#content ul li {
font-family:Arial, Helvetica, sans-serif;
padding-left:20px;
background:url(../images/puce2.jpg) no-repeat left 6px;
color:#fafafa;
font-weight:normal;
margin-left:10px;
}
#content a {
color:#eaeaea;
font-size:8pt;
font-weight:normal;
text-decoration:none;
}
#content a:hover {
color: #FF9933;
font-weight:normal;
text-decoration:none;
}