/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                          CSS Eureka 
                         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: absolute; /*ou relative */
	width:768px;
	margin-left:-390px;
	background:#CFCFCF url(../images/body_bg.jpg) center top  repeat-y;
	margin-top:0px;
	padding:0px;
}

/*--------------------------------------------------------
           Style of the universal selector
--------------------------------------------------------*/
*{
font-family:Arial,Verdana,Helvetica, sans-serif;
color:#08448D;
}
/*--------------------------------------------------------
           class global
--------------------------------------------------------*/
.red{color:red;}
.green{color:green;}
.blue{color:#08448D;}
.orange{color:#FF8211;}
.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;}
.underline{text-decoration:underline;}
.indent{text-indent:40px; }
.italic{font-style: italic;}
.title{font-weight:bold;margin-top:6px;margin-bottom:2px;color:#FF8211;}
.title2{font-weight:bold;margin-top:6px;margin-bottom:2px;color:#08448D;}
/*--------------------------------------------------------
           Style Link
--------------------------------------------------------*/
a {text-decoration: none;color:#FF9933;font-size:8pt; }
a:hover {text-decoration: none;color:#F54B03;}
.left_menu{text-decoration: none;color:#08448D;font-size:8pt;}
.left_menu:hover{text-decoration: none;color:#FF8211;font-size:8pt;}
.link2{text-decoration: none;color:#08448D;font-size:8pt;}
.link2:hover{text-decoration: none;color:#FF8211;font-size:8pt;}
.link3{text-decoration: none;font-size:10pt;}
.link3:hover{text-decoration: none;font-size:10pt;}
/*--------------------------------------------------------
           Style DIV
--------------------------------------------------------*/
div {color:#08448D;}

/*--------------------------------------------------------
           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;
}
.span1 {font-size: 10px}
.span2 {
	color: #448ccb;
	font-weight: bold;
}
.span3 {
	color: #626060;
	font-weight: bold;
}
.span4 {
	color: #808182;
	font-weight: bold;
}
.pays{
color:#08448D;
text-align:center;
font-size:8pt;
}
#CenterImg{
text-align:center;
}
.acte_title{
height:24px;
line-height:24px;
color:#FF8211;
font-weight:bold;
background:#fff url(../images/puce_acte.gif) no-repeat left 50%;
text-indent:6px;
font-size:9pt;
text-align:left;
}
.acte_title:hover{
color:#F54B03;
}
/*--------------------------------------------------------
           Style IMG
--------------------------------------------------------*/
img {display:block;}
/*--------------------------------------------------------
           Style TD
--------------------------------------------------------*/
td {vertical-align: top;}
/*--------------------------------------------------------
           Style FORM
--------------------------------------------------------*/
form{margin:0px;}
/*--------------------------------------------------------
           Style LISTE
--------------------------------------------------------*/
.liste1 {
margin: 4px;
padding: 2px;
list-style-type: none;
}
.liste1 li {
background:#fff url(../images/puce_acte.gif) no-repeat left 8px; 
padding-left:10px;
}
.liste1   a {
color: #08448D;
}
.liste1  a:hover{
color: #FF8211;
}
.liste2 {
margin: 4px;
padding: 2px;
list-style-type: none;
}
.liste2 li {
background:#fff url(../images/puce_acte.gif) no-repeat left 8px; 
padding-left:10px;
}
.liste2   a {
color: #FF8211;
}
.liste2  a:hover{
color: #08448D;
}
/*--------------------------------------------------------
           Style  Left Menu
--------------------------------------------------------*/
#left_menu{
	margin:0px;
	padding:0px;
	width:100%;
}
#left_menu th{
	text-align: left;
	vertical-align: middle;
	font-family:Arial;
	font-size:8pt;
	color:#08448D;
	font-weight:bold;
	background:#fff url(../images/bg_left_menu.gif) no-repeat; 
	height:22px;
	padding-left:20px;
}
/*--------------------------------------------------------
           Style slogan  "Votre chirurgie en tunisie en toute sécurité"
--------------------------------------------------------*/
.slogan1{
	font-size:8pt;
	color:#063773;
	font-weight:bold;
	/*font-style:italic;*/
	height:24px;
	line-height:24px;
	background-color:#fff;
	margin:0px;
	padding:0px;
	/*letter-spacing : 0.01em;*/
}
/*--------------------------------------------------------
          Style top_menu
--------------------------------------------------------*/
#top_menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#top_menu li {
float:left;
display:inline;
height: 24px;
margin-left:0px;
padding-top:0px;
}
#top_menu   a {
display: block;
height: 24px;
line-height: 24px;
color: #08448D;
font-family:Arial;
font-size:8pt;
font-weight:normal;
text-decoration: none;
background-image:url(../images/bg_top_menu.gif);
background-repeat:no-repeat;
background-position: left bottom;
/*border-left:1px solid #FFF;*/
text-align:left;
text-indent:6px;
width:86px;

}
#top_menu  a:hover{
color: #FF8211;
}
/*--------------------------------------------------------
          Style Titre page
--------------------------------------------------------*/
.page_title {
padding-left:0px;
margin: 0px;
text-indent:10px;
height:34px;
line-height:34px;
color:white;
font-weight:bold;
font-style:italic;
font-size:11pt;
}
/*--------------------------------------------------------
          Style Titre bloc
--------------------------------------------------------*/
.bloc_title {
background:#fff url(../images/puce_bloc_title.gif) no-repeat left 50%; 
padding-left:0px;
margin-left: 20px;
text-indent:10px;
height:24px;
line-height:24px;
color:#333;
font-weight:bold;
font-style:normal;
font-size:9pt;
width:90%;
color: #F93;
}
/*--------------------------------------------------------
          Style bloc
--------------------------------------------------------*/
.centralParag{
color: #08448D;
font-family:arial;
font-size:10pt;
font-weight:normal;
text-align:justify;
line-height:12pt;
}
#bloc{
color: #08448D;
font-family:arial;
font-size:10pt;
font-weight:normal;
text-align:justify;
padding-left:4px;
padding-right:4px;
line-height:12pt;
}
#bloc2{
height:31px;
line-height:31px;
margin-left:10px;
font-weight:bold;
color:#777;
font-size:10pt;
}
#bloc3{
height:38px;
line-height:38px;
margin-left:10px;
font-weight:bold;
color: #08448D;
font-size:10pt;
}
/*--------------------------------------------------------
          Style des liens du Menu Horizontal  By Slim
--------------------------------------------------------*/
#mainlevel-nav  {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#mainlevel-nav li {
float:left;
display:inline;
height: 32px;
margin-left:0px;
padding-top:0px;
}
#mainlevel-nav li .selected  {
background-position: right bottom;
color: #000;
width: 74px;
}
#mainlevel-nav  a {
margin-top:4px;
display: block;
padding-top:0px;
width: 74px;
height: 28px;
line-height: 14px;
color: #406380;
color: #08448D;
font-family:Arial;
font-size:8pt;
font-weight:bold;
text-decoration: none;
background-color:#fff;
background-image:url(../images/bg_nav.gif);
background-repeat:no-repeat;
background-position: left top;
/*border-left:1px solid #FFF;*/
text-align:center;
}
#mainlevel-nav a:hover{
background-image:url(../images/bg_nav.gif);
background-repeat:no-repeat;
background-position: left top;
color: #FF8211;
width: 74px;
}
/*--------------------------------------------------------
          Style Box
--------------------------------------------------------*/
#box{
margin:0px 0px 4px 0px;
padding:0px;
}
#box th{
background:#fff url(../images/box_head.gif) no-repeat;
height:38px;
line-height:38px;
text-indent:16px;
color:white;
width:152px;
text-align:left;
font-size:8pt;
}
#box th.head2{
background:#fff url(../images/box_head2.gif) no-repeat;
height:36px;
line-height:36px;
text-indent:26px;
color:white;
width:152px;
text-align:left;
font-size:8pt;
}
#box th.head3{
background:#fff url(../images/box_head3.gif) no-repeat;
height:36px;
line-height:36px;
text-indent:35px;
color:white;
width:152px;
text-align:left;
font-size:8pt;
}
#box th.head4{
background:#fff url(../images/box_head4.gif) no-repeat;
height:36px;
line-height:36px;
text-indent:35px;
color:white;
width:152px;
text-align:left;
font-size:8pt;
}
#box th a{
color:white;
text-align:left;
font-size:8pt;
}
#box td.box_body{
background-color:#fff;
background:#fff url(../images/box_body.gif) repeat-y;
width:152px;
padding:2px;
text-align:left;
font-size:7pt;
}
#box td.box_foot{
background:#fff url(../images/box_foot.gif) no-repeat;
height:2px;
width:152px;
}
/*--------------------------------------------------------
          Style Box 2
--------------------------------------------------------*/
#box2{
margin:0px 0px 0px 0px;
padding:0px;
}
#box2 th{
background:#fff url(../images/box_head.gif) no-repeat;
height:38px;
line-height:38px;
text-indent:16px;
color:white;
width:152px;
text-align:left;
font-size:8pt;
}
#box2 th a{
color:white;
}
#box2 td.box_body{
background-color:#fff;
background:#fff url(../images/box_body.gif) repeat-y;
width:152px;
padding:2px;
text-align:left;
font-size:7pt;
}
#box2 td.box_foot{
background:#fff url(../images/box_foot.gif) no-repeat;
height:2px;
width:152px;
}

.footer{
margin-top:10px;
width:100%;
background:#fff url(../images/bg_footer.gif) repeat-x;
height:57px;
padding-top:10px;
}
.menu_footer{text-align:right;margin:0px 100px 8px 0px;}
.copyright{text-align:right;font-size:8pt;margin-top:20px;margin-right:20px;}
.tags{text-align:center;font-size:8pt;margin-top:20px;}
.foot{text-decoration: none;color:#08448D;;font-size:8pt; }
.foot:hover {text-decoration: none;color:#FF8211;}
/*--------------------------------------------------------
        contact_form
--------------------------------------------------------*/
#contact_form{}
#contact_form input{width:200px;}
#contact_form input.submit{width:70px;text-align:center;background-color:#069;border:none;height:20px;color:#FFF}
#contact_form textarea{width:260px;height:150px;}
#contact_form span.champs_obligatoires{color:red;font-style:italic;font-size:7pt;}
/************************************/
#signup_form{}
#signup_form input{width:200px;border:1px solid #069}
#signup_form select{width:100px;border:1px solid #069}
#signup_form input.submit{width:70px;text-align:center;background-color:#069;border:none;height:20px;color:#FFF}
#signup_form input.VerifLogin{width:120px;text-align:center;background-color:#069;border:none;height:16px;color:#FFF}
#signup_form textarea{width:260px;height:150px;border:1px solid #069}
#signup_form span.champs_obligatoires{color:red;font-style:italic;font-size:7pt;}