@import url("tunisrnav.css");
@import url("texttunisr.css");
@import url("contactform.css");
/* CSS Document */

html{
overflow-x:hidden;
}

html, body{
width:100%;
height:100%;
margin:auto;
padding:0;
}

body{
background:#f5f5f5 url(../medias/images/bgback.jpg) repeat-x top;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
}

p{
text-align:justify;
display:block;
margin:0;
padding:0;
}

a{
text-decoration:none;
}


/************** layout element**********/
div#mainbody{
width:1000px;
position:relative;
margin:auto;
padding:auto;
z-index:0;
}




div#header{
float:left;
height:145px;
width:1000px;
border-bottom:1px solid #babfc6;
border-top:1px solid #babfc6;
}


div#header #tunisrlogo{
float:left;
}

div#header #tunisrslogon{
float:left;
margin-top:27px;
/*margin-left:120px;*/
width:460px;
text-align:right;
margin-right:55px;
margin-left:55px;
}


div#header table{
width:100%;
height:150px;
}



div#header #search
{
float:left;
width:200px;
margin-top:30px;

}

div#header #search .champs
{
width:160px;
height:11px;
color:#5c5c74;
font-size:10px;
}

div#header #search .bouton
{
background:url(../medias/images/btn_search.jpg) no-repeat;
width:14px;
height:14px;
border:0;
cursor:pointer;
}



/*div#ministre{
float:left;
width:100%;
font-size:11px;
color:#cccccc;
text-align:right;
margin-top:10px;
}*/

.ministre{
margin-right:5px;
float:right;
margin-top:3px;
}

div#langue{
float:right;
width:120px;
font-size:11px;
color:#cccccc;
text-align:center;
}

div#langue a{
color:#999999;
font-size:10px;
}



/***div ban top***/
div#tuniserbantop{
height:207px;
background:#687da0;
text-align:right;
float:left;
z-index:-10;

}

div#tuniserbantop .text{
float:left;
margin-top:50px;
}

div#tuniserbantop .ban{
float:left;
margin-top:9px;
padding-right:20px;
padding-left:5px;
}
/**** div content middle***/

div#contenttunisr{
background:url(../medias/images/bg_contentmiddle.jpg) top repeat-y;*/
position:relative;
float:left;
margin:auto;
width:1000px;
margin-top:7px;
padding-top:18px;
}


/*** col left**/

div#tunisrnavleft{
float:left;
margin-right:15px;
margin-left:20px;
_margin-left:10px;
}

div#tunisrnavleft #raccourcis{
width:210px;
background:#fff;
padding-bottom:5px;
}

div#tunisrnavleft #raccourcis .titre{
display:block;
width:203px;
height:22px;
background:#16386f;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding-left:7px;
line-height:22px;
}

div#tunisrnavleft #manifestation{
display:block;
width:210px;
background:#fff;
padding-bottom:2px;
margin-top:10px;
color:#666666;
font-size:11px;
padding-bottom:8px;
}

div#tunisrnavleft #manifestation .titre{
display:block;
width:203px;
height:22px;
background:#16386f;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding-left:7px;
line-height:22px;
}

div#tunisrnavleft #manifestation p{
margin-left:8px;
margin-right:15px;
margin-top:5px;
margin-bottom:3px;
}

div#tunisrnavleft #manifestation a{
color:#666666;
font-size:11px;
text-decoration:underline;
}

div#tunisrnavleft #manifestation .text{
display:block;
margin-left:15px;
margin-top:0;
}

div#tunisrnavleft #manifestation .text a{
color:#999999;
text-decoration:underline;
}

div#tunisrnavleft #manifestation .text .bouton1{
display:block;
background:url(../medias/images/btn1.jpg) no-repeat;
width:88px;
height:17px;
font-size:11px;
color:#fff;
text-align:center;
line-height:15px;
margin-top:5px;
text-decoration:none;
}

div#tunisrnavleft #manifestation .text .bouton2{
display:block;
background:url(../medias/images/btn2.jpg) no-repeat;
width:102px;
height:17px;
font-size:11px;
color:#fff;
text-align:center;
line-height:17px;
margin-top:5px;
text-decoration:none;
}

div#tunisrnavleft #lienutiles{
width:210px;
padding-bottom:2px;
margin-top:10px;
color:#666666;
font-size:11px;
}


div#tunisrnavleft #lienutiles .lienutiles{
display:block;
background:url(../medias/images/titre_liens.gif) no-repeat top;
width:209px;
height:55px;
}

div#tunisrnavleft #lienutiles .autrelien{
display:block;
width:182px;
height:25px;
background:#687da0;
border:1px #b8c1cf solid;
font-size:11px;
color:#fff;
text-align:left;
font-size:12px;
padding-left:10px;
font-weight:bold;
line-height:20px;
padding-right:15px;
}


div#tunisrnavleft #lienutiles .autrelien img{
float:right;
}

/*** Fin col left**/



/***CONTENT TEXT****/

div#contenttext{
float:left;
width:566px;
color:#333333;
font-size:11px;
}

div#contenttext div#prodserv{
width:566px;
background:#fff;
}
div#contenttext ul li{
list-style:url(../medias/images/puce3.jpg);
}

.titree{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:12px;
color:#ffffff;
line-height:22px;
font-weight:bold;
}

div#contenttext p{
margin-left:18px;
margin-right:18px;
margin-top:18px;
}

div#prodserv .tab_text{
width:527px;
font-size:11px;
color:#333333;
}

div#prodserv .tdliste{
padding-top:10px;
}

.btn_savoir{
display:block;
background:url(../medias/images/btn_savoir.jpg) no-repeat;
height:21px;
width:56px;
margin-top:3px;
margin-right:15px;
margin-bottom:10px;
font-size:10px;
text-align:center;
color:#fff;
margin-left:0px;
float:right;
line-height:20px;
}


.imprime{
display:yes;
background:url(../medias/images/btn_imprimer.jpg) no-repeat;
height:21px;
width:50px;
margin-top:3px;
margin-right:15px;
margin-bottom:10px;
font-size:10px;
text-align:center;
color:#fff;
margin-left:0px;
padding-left:17px;
line-height:19px;
float:right;
}




div#contenttext div#affairebranche{
width:566px;
}

div#affairebranche .titre{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:12px;
color:#ffffff;
line-height:22px;
font-weight:bold;
}

div#affairebranche p{
margin-left:18px;
margin-right:18px;
margin-top:18px;
}

div#affairebranche .tab_text{
width:527px;
font-size:11px;
color:#333333;
}

div#affairebranche .tdliste{
padding-top:0px;
}

div#affairebranche .btn_savoir{
display:block;
background:url(../medias/images/btn_savoir.jpg) no-repeat;
height:14px;
width:56px;
margin-top:3px;
margin-right:15px;
margin-bottom:10px;
font-size:10px;
text-align:center;
color:#fff;
margin-left:490px;
}


div#affairebranche .chiffre{
width:275px;
height:61px;
border:1px solid #c9ccce;
background:#f4f4f5;
margin-bottom:22px;
}

div#affairebranche .chiffre p{
border-right:1px solid #c7cccf;
width:168px;
height:51px;
margin:0;
padding-left:11px;
padding-top:10px;
}


div#affairebranche .chiffreright{
width:275px;
height:61px;
border:1px solid #c9ccce;
background:#f4f4f5;
float:right;
margin-bottom:22px;
}

div#affairebranche .chiffreright p{
border-left:1px solid #c7cccf;
width:168px;
height:51px;
margin:0;
padding-right:11px;
padding-top:10px;
text-align:right;
float:right;
}


div#affairebranche .chiffre2{
width:275px;
height:61px;
border:1px solid #c9ccce;
background:#f4f4f5;
}

div#affairebranche .chiffreright p{
border-left:1px solid #c7cccf;
width:140px;
height:51px;
margin:0;
padding-left:11px;
padding-top:10px;
}

div#affairebranche .chiffreright2{
width:275px;
height:61px;
border:1px solid #c9ccce;
background:#f4f4f5;
float:right;
}

div#affairebranche .chiffreright2 p{
border-left:1px solid #c7cccf;
width:168px;
height:51px;
margin:0;
padding-right:11px;
padding-top:10px;
text-align:right;
float:right;

}




div#affairebranche  .imgright{
float:right;
}

div#affairebranche  .imgleft{
float:left;
}

 #tab_etiquette{
width:566px;
margin-top:8px;
}
 #tab_etiquette td{
height:98px;
}

 

 #tab_etiquette .tdleft{
padding-left:10px;
}


 #tab_etiquette .tdleft .image{
display:block;
width:95px;
border-left:1px solid #cccccc;
float:left;
text-align:right;
}


#tab_etiquette .tdleft  .p1{
height:51px;
width:85px;
border-right:1px solid #cccccc;
float:left;
margin:0;
text-align:center;
padding-top:10px;
color:#6e8ba0;
font-size:12px;
font-weight:bold;
line-height:16px;
}
#tab_etiquette .tdleft  .p2{
height:41px;
width:80px;
float:left;
margin:0;
padding-top:20px;
text-align:center;
color:#ff6633;
font-weight:bold;
font-size:16px;
}

#tab_etiquette .tdright{
padding-left:5px;
}

#tab_etiquette .tdright  .p1{
height:51px;
width:85px;
float:left;
margin:0;
text-align:center;
padding-top:10px;
color:#6e8ba0;
font-size:12px;
font-weight:bold;
line-height:16px;
}
#tab_etiquette .tdright  .p2{
height:41px;
width:80px;
float:left;
margin:0;
padding-top:20px;
text-align:center;
border-right:1px solid #cccccc;
color:#ff6633;
font-weight:bold;
font-size:16px;
}

#tab_etiquette .tdright .image{
display:block;
width:95px;
border-right:1px solid #cccccc;
float:left;
text-align:left;
}

#tab_etiquette .etiquette{
display:block;
border:1px solid #c7cccf;
width:263px;
height:61px;
margin-top:20px;
}




div#contenttext div#affairezone{
width:566px;
background:#0c4e9e;
}

div#contenttext div#affairezone .carte{
margin-top:25px;
margin-bottom:21px;
}

div#contenttext .titre{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:12px;
color:#ffffff;
line-height:22px;
font-weight:bold;
}





div#chiffre1{
background:url(../medias/images/bg_chiffre1.jpg) no-repeat bottom;
width:273px;
height:167px;
border:1px solid #cccccc;
margin-top:15px;

}

div#chiffre1 .titre{
display:block;
background:#f36e2e;
height:23px;
width:273px;
color:#fff;
font-size:12px;
text-align:center;
line-height:23px;
}

div#chiffre1 a{
display:block;
background:url(../medias/images/btn_savoir2.jpg) no-repeat;
height:13px;
width:55px;
float:right;
margin-top:125px;
margin-right:10px;
color:#fff;
font-size:10px;
text-align:center;
}






div#chiffre2{
background:url(../medias/images/bg_chiffre2.jpg) no-repeat bottom;
width:271px;
float:right;
height:167px;
border:1px solid #cccccc;
margin-top:15px;
}

div#chiffre2 .titre{
display:block;
background:#f36e2e;
height:23px;
width:271px;
color:#fff;
font-size:12px;
text-align:center;
line-height:23px;
}

div#chiffre2 a{
display:block;
background:url(../medias/images/btn_savoir2.jpg) no-repeat;
height:13px;
width:55px;
float:right;
margin-top:125px;
margin-right:10px;
color:#fff;
font-size:10px;
text-align:center;
}


div#service{
background:url(../medias/images/bg_service.jpg) no-repeat bottom;
width:271px;
float:right;
height:167px;
border:1px solid #cccccc;
margin-top:14px;
}

div#service .titre{
display:block;
background:#f36e2e;
height:23px;
width:271px;
color:#fff;
font-size:12px;
text-align:center;
line-height:23px;
}

div#service a{
display:block;
background:url(../medias/images/btn_savoir2.jpg) no-repeat;
height:13px;
width:55px;
float:right;
margin-top:125px;
margin-right:10px;
color:#fff;
font-size:10px;
text-align:center;
}


div#service2{
background:url(../medias/images/bg_service.jpg) no-repeat bottom;
width:273px;
height:167px;
border:1px solid #cccccc;
margin-top:15px;
}

div#service2 .titre{
display:block;
background:#f36e2e;
height:23px;
width:273px;
color:#fff;
font-size:12px;
text-align:center;
line-height:23px;
}

div#service2 a{
display:block;
background:url(../medias/images/btn_savoir2.jpg) no-repeat;
height:13px;
width:55px;
float:right;
margin-top:125px;
margin-right:10px;
color:#fff;
font-size:10px;
text-align:center;
}






/***COl RIGHT***/
div#col_right{
float:left;
width:157px;
padding-bottom:12px;
margin-left:15px;
_margin-right:10px;
}

div#col_right #rapport{
width:157px;
height:auto;
min-height:101px;
background:#fff;
color:#666666;
padding-bottom:7px;

}

div#col_right #rapport .titre{
display:block;
width:150px;
height:22px;
background:#f36e2e;
text-align:left;
color:#fff;
font-size:12px;
line-height:22px;
padding-left:7px;
font-weight:bold;
}

div#col_right #rapport p{
margin-left:3px;
margin-top:7px;
font-size:11px;
}
div#col_right #rapport .text{
display:block;
height:32px;
width:100px;
float:right;
border-bottom:1px dashed #666666;
}
div#col_right #rapport img{
float:left;
}

div#col_right #rapport a{
font-size:10px;
color:#666666;
text-decoration:none;
}

div#col_right #rapport .savoir{
display:block;
background:url(../medias/images/btn_savoir3.jpg) no-repeat; 
hight:25px;
width:56px;
text-align:center;
color:#fff;
font-size:9px;
float:right;
margin-top:10px;
margin-right:5px;
}

div#affiche{
	width:154px;
	height:217px;
	margin-top:18px;
	_margin-top:18px;
	text-align:center;
	border: 1px solid #697DA0;
}





#news{
width:209px;
background:#ffffff;
margin-top:0px;
_margin-top:18px;
text-align:center;
padding-bottom:10px;
_padding-bottom:10px;
}

#news .titre{
display:block;
height:21px;
width:203px;
background:#16386f;
text-align:left;
color:#fff;
font-size:12px;
line-height:21px;
padding-left:7px;
font-weight:bold;
}

#news .datenews{
display:block;
background:url(../medias/images/puce4.jpg) no-repeat left center;
font-weight:bold;
padding-left:20px;
height:15px;
}

#news p{
background:#ffffff;
width:198px;
color:#666666;
font-size:10px;
margin-left:7px;
margin-top:9px;
padding-bottom:5px;
border-bottom:1px dashed #cccccc;
}

#news a{
color:#0050a4;
text-decoration:underline;
}

/****Menu bottom****/

div#menubas{
	float:left;
	height:75px;
	width:980px;
	background:#687da0;
	margin-bottom:10px;
	margin-left:10px;
	_margin-left:5px;
	margin-top:10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 3px;
}

div#menubas p{
text-align:left;
color:#fff;
font-size:11px;
margin-top:10px;
line-height:15px;
width:100%;
text-align:center;

}

div#menubas a{
color:#fff;
font-size:11px;
text-decoration:none;
}

div#menubas a:hover{
color:#336699;
}

div#copyright{
float:left;
_float:inherit;
width:1000px;
color:#999999;
height:auto;
text-align:center;
font-size:11px;
padding-top:10px;
_padding-top:0px;
padding-bottom:10px;
}

div#copyright a{
color:#999999;
font-weight:bold;
text-decoration:underline;
}




div#contenttext div#contact{
float:left;
width:566px;
background:#fff;
min-height:508px;
_height:508px;
}
/***PAGE QUI SOMME NOUS***/

div#contenttext div#quisommenous{
float:left;
width:566px;
background:#fff;
min-height:508px;
height:auto;
}
div#contenttext div#quisommenous a{
text-decoration:none;
}
div#contenttext div#quisommenous a:hover{
text-decoration:underline;
}
div#quisommenous .titree{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:12px;
color:#ffffff;
line-height:22px;
font-weight:bold;
}

div#quisommenous #tabnous{
width:527px;
font-size:11px;
color:#333333;
margin-top:20px;
}

div#quisommenous #tabnous .tdright{

}

div#quisommenous #tabnous .tdleft{

}



div#quisommenous #produit{
width:527px;
font-size:11px;
color:#333333;
margin-top:5px;
}

div#quisommenous #produit .tdright{
padding-left:20px;
}

div#quisommenous #produit .tdliste{
padding-top:10px;
}

div#quisommenous #produit .tdleft{
padding-left:20px;
padding-right:10px;
}

div#quisommenous ul li{
list-style:url(../medias/images/puce3.jpg);
margin-top:3px;
}

div#quisommenous ul li a{
font-size:11px;
color:#333333;
text-decoration:none;

}


div#quisommenous #tab_souscription{
width:527px;
font-size:11px;
color:#333333;
margin-top:40px;
}

div#quisommenous #tab_souscription .tnd{
text-align:right;
font-size:10px;
color:#16386f;
line-height:20px;
}

div#quisommenous #tab_souscription .titresouscri{
width:200px;
background:#16386f;
text-align:center;
line-height:30px;
color:#fff;
font-size:11px;
font-weight:bold;
}


div#quisommenous #tab_souscription .annee{
font-size:11px;
text-align:center;
background:#e6e8ed;
font-weight:bold;
color:#16386f;
}

div#quisommenous #tab_souscription .titre{
font-size:11px;
text-align:left;
padding-left:5px;
background:#e6e8ed;
font-weight:bold;
color:#16386f;
line-height:20px;
}

div#quisommenous #tab_souscription .chiffre{
font-size:11px;
text-align:center;
color:#16386f;
line-height:20px;
background:#eeeeee;
}

div#quisommenous #tab_souscription .capitaux{
text-align:left;
font-size:10px;
color:#16386f;
line-height:20px;
}

#graphefinance{
text-align:center;
margin-top:20px;
}

#plansite{
width:530px;
margin-top:30px;
}

#plansite td a{
color:#333333;
}

#plansite td a:hover{
color:#f36e2e;
}

#tab_manifestation{
width:520px;
}


#tab_manifestation .titre-manifest{
background:#16386f;
color:#fff;
text-align:center;
padding-bottom:5px;
padding-top:5px;
font-weight:bold;
}

#tab_manifestation .lien {
font-weight:bold;
text-decoration:underline;

}

#tab_manifestation .manifest a{
text-decoration:underline;
color:#16386F;
}

#tab_manifestation .manifest{
background:#DDDDDD;
}


#tab_manifestation td{
width:inherit;
text-align:left;
padding:5px;
background:#d0d0d0;
}

#tab_manifestation #pagination{
text-align:right;
background:#fff;
}

.manifest1{
margin-left:18px;
margin-right:18px;
margin-top:18px;
}


div#programme{
float:left;
width:800px;
background:#fff; 
min-height:508px;
_height:508px;
padding-left:20px;
padding-right:20px;

}
.liens_utiles{
color:#333333;
text-decoration:none;
}
.liens_utiles:hover{
text-decoration:underline;
}
.liens_utiles_cat{
color:#333333;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
.liens_utiles_cat:hover{
text-decoration:underline;
}
#rapport{
width:203;
height:auto;
min-height:101px;
background:#fff;
color:#666666;
padding-bottom:7px;
margin-top:10px; 
}

#rapport .titre{
display:block;
width:203px;
height:22px;
background:#f36e2e;
text-align:left;
color:#fff;
font-size:12px;
line-height:22px;
padding-left:7px;
font-weight:bold;
}

#rapport p{
margin-left:3px;
margin-top:7px;
font-size:11px;
}
#rapport .text{
display:block;
height:32px;
width:150px;
float:right;
border-bottom:1px dashed #666666;
}
#rapport img{
float:left;
}

#rapport a{
font-size:10px;
color:#666666;
text-decoration:none;
}

#rapport .savoir{
display:block;
background:url(mediass/images/btn_savoir3.jpg) no-repeat; 
hight:25px;
width:56px;
text-align:center;
color:#fff;
font-size:9px;
float:right;
margin-top:10px;
margin-right:5px;
}
#bour{
width:157px;
height:auto;
min-height:101px;
background:#fff;
color:#666666;
padding-bottom:7px;
font-size=10px;
}

#bour .titre{
display:block;
width:150px;
height:22px;
background:#f36e2e;
text-align:left;
color:#fff;
font-size:12px;
line-height:22px;
padding-left:7px;
font-weight:bold;
}