@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(../media/images/bgback.jpg) repeat-x top;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
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;
}
.titree{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:12px;
color:#ffffff;
line-height:22px;
font-weight:bold;
margin-bottom:0px;
margin-left:0px;
}
div#header{
float:left;
height:145px;
width:1000px;
margin-top:0px;
border-bottom:1px solid #babfc6;
border-top:1px solid #babfc6;


}


div#header #tunisrlogo{
float:left;
}

div#header #tunisrslogon{
float:left;
margin-top:10px;
/*margin-left:120px;*/
width:460px;
text-align:right;
margin-right:50px;
margin-left:50px;
}



div#header #search
{
float:left;
width:200px;
margin-top:30px;

}

div#header #search .champs
{
width:160px;
height:11px;
color:#5c5c74;
font-size:12px;
}

div#header #search .bouton
{
background:url(../media/images/btn_search.jpg) no-repeat;
width:14px;
height:14px;
border:0;
cursor:pointer;
}

div#header table{
width:100%;
height:150px;

}



div#ministre{
float:left;
width:100%;
font-size:11px;
color:#cccccc;
text-align:right;
margin-top:10px;
}

.ministre{
margin-right:5px;
margin-top:5px;
float:left;
}

div#langue{
float:left;
width:120px;
font-size:11px;
color:#cccccc;
text-align:center;
}

div#langue a{
color:#999999;
font-size:10px;
}


/***/
div#contenttop1{
float:left;
width:100%;
}
/***/

/***/
div#contenttop2{
float:left; 
width:100%; 
}
/***/


/***div ban top***/
div#tuniserbantop{
height:207px;
background:#687da0;
text-align:right;
float:right;
z-index:-10;
}

div#tuniserbantop .text{
float:left;
margin-top:50px;
margin-left:10px;
}

div#tuniserbantop .ban{
float:left;
margin-top:9px;
/*padding-right:20px;
padding-left:5px;*/
}
/**** div content middle***/

div#contenttunisr{
background:url(../media/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-right:20px;
_margin-right:10px;*/
}

div#tunisrnavleft #raccourcis{
width:210px;
background:#fff;
padding-bottom:5px;
font-size:12px;
}

div#tunisrnavleft #raccourcis .titre{
display:block;
width:203px;
height:22px;
background:#16386f;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding-right:7px;
line-height:22px;
text-align:right;
}

div#tunisrnavleft #manifestation{
display:block;
width:210px;
background:#fff;
padding-bottom:2px;
margin-top:10px;
color:#666666;
font-size:11px;
padding-bottom:8px;
text-align:right;
}

div#tunisrnavleft #manifestation .titre{
display:block;
width:203px;
height:22px;
background:#16386f;
color:#ffffff;
font-size:12px;
font-weight:bold;
padding-right:7px;
text-align:right;
line-height:22px;
}

div#tunisrnavleft #manifestation p{
margin-left:8px;
margin-right:7px;
margin-top:5px;
margin-bottom:3px;
text-align:right;
}

div#tunisrnavleft #manifestation a{
color:#666666;
font-size:12px;
text-decoration:underline;
}

div#tunisrnavleft #manifestation .text{
	display:block;
	margin-top:0;
	margin-left: 15px;
	text-align: right;
	padding-right: 8px;
}



div#tunisrnavleft #manifestation .text .bouton1{
	font-size:12px;
	display:block;
	background:url(../media/images/btn1.jpg) no-repeat;
	width:88px;
	height:17px;
	color:#fff;
	text-align:center;
	line-height:15px;
	margin-top:5px;
	text-decoration:none;
}

div#tunisrnavleft #manifestation .text .bouton2{
font-size:12px;
display:block;
background:url(../media/images/btn2.jpg) no-repeat;
width:102px;
height:17px;
font-size:11px;
color:#fff;
text-align:center;
line-height:17px;
margin-top:5px;
margin-bottom:10px;
text-decoration:none;
}

div#tunisrnavleft #lienutiles{
width:210px;
padding-bottom:2px;
margin-top:10px;
color:#666666;
font-size:12px;
}


div#tunisrnavleft #lienutiles .lienutiles{
font-size:12px;
display:block;
background:url(../media/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:12px;
color:#fff;
text-align:right;
padding-left:10px;
font-weight:bold;
line-height:20px;
padding-right:15px;
}


div#tunisrnavleft #lienutiles .autrelien img{
float:left;
}

/*** Fin col left**/



/***CONTENT TEXT****/

div#contenttext{
float:left;
width:566px;
color:#333333;
font-size:12px;
margin-right:13px;
margin-left:13px;
text-align:right;
}

div#contenttext div#prodserv{
width:566px;
background:#fff;
height:330px;
}

div#contenttext ul li{
list-style:url(../media/images/puce3.jpg);
}

div#prodserv .titre{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:14px;
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:12px;
color:#333333;
margin-top:30px;
}

div#prodserv .tdliste{
padding-top:10px;
}

div#prodserv .btn_savoir{
display:block;
background:url(../media/images/btn_savoir.jpg) ;
height:21px;
width:56px;
margin-top:3px;
margin-right:15px;
margin-bottom:10px;
font-size:11px;
text-align:center;
color:#fff;
margin-left:10px;
float:left;
line-height:17px;
}


.imprime{
display:block;
background:url(../media/images/btn_imprimer.jpg) no-repeat;
height:21px;
width:50px;
margin-top:3px;
margin-left:15px;
margin-bottom:15px;
padding-left:17px;
font-size:11px;
text-align:center;
color:#fff;
line-height:17px;
float:left;
}




div#contenttext div#affairebranche{
width:566px;
}

div#affairebranche .titre{
display:block;
height:22px;
background:#f36e2e;
text-align:center;
font-size:14px;
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(../media/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{
 font-size:12px;
width:566px;
margin-top:8px;
}
 #tab_etiquette td{
 font-size:11px;
height:98px;
}

 

 #tab_etiquette .tdleft{
 font-size:11px;
padding-right:10px;
}


 #tab_etiquette .tdleft .image{
display:block;
width:95px;
border-left:1px solid #cccccc;
float:left;
text-align:right;
}


#tab_etiquette .tdleft  .p1{
font-size:11px;
height:51px;
width:85px;
border-right:1px solid #cccccc;
float:left;
margin:0;
text-align:center;
padding-top:10px;
color:#6e8ba0;
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:11px;
}

#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:11px;
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:11px;
}

#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:13px;
color:#ffffff;
line-height:22px;
font-weight:bold;
}





div#chiffre1{
background:url(../media/images/bg_chiffre1.jpg) no-repeat bottom;
width:273px;
height:167px;
border:1px solid #cccccc;
margin-top:15px;
float:left;
}

div#chiffre1 .titre{
display:block;
background:#f36e2e;
height:23px;
width:273px;
color:#fff;
font-size:13px;
text-align:center;
line-height:23px;
}

div#chiffre1 a{
display:block;
background:url(../media/images/btn_savoir2.jpg) no-repeat center;
height:18px;
width:55px;
float:left;
margin-top:125px;
margin-left:10px;
color:#fff;
font-size:12px;
text-align:center;
vertical-align:top;
}






div#chiffre2{
background:url(../media/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:13px;
text-align:center;
line-height:23px;
}

div#chiffre2 a{
display:block;
background:url(../media/images/btn_savoir2.jpg) no-repeat center;
height:18px;
width:55px;
float:left;
margin-top:125px;
margin-left:10px;
color:#fff;
font-size:12px;
text-align:center;
vertical-align:top;
}


div#service{
background:url(../media/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:13px;
text-align:center;
line-height:23px;
}

div#service a{
display:block;
background:url(../media/images/btn_savoir2.jpg) no-repeat center;
height:18px;
width:55px;
float:left;
margin-top:125px;
margin-left:10px;
color:#fff;
font-size:12px;
text-align:center;
vertical-align:top;
}


div#service2{
background:url(../media/images/bg_service.jpg) no-repeat bottom;
width:273px;
height:167px;
border:1px solid #cccccc;
margin-top:15px;
float:left;
}

div#service2 .titre{
display:block;
background:#f36e2e;
height:23px;
width:273px;
color:#fff;
font-size:13px;
text-align:center;
line-height:23px;
}

div#service2 a{
display:block;
background:url(../media/images/btn_savoir2.jpg) no-repeat center;
height:18px;
width:55px;
float:left;
margin-top:125px;
margin-left:10px;
color:#fff;
font-size:12px;
text-align:center;
vertical-align:top;
}






/***COl RIGHT***/
div#col_right{
float:left;
width:157px;
padding-bottom:12px;
margin-left:20px;
_margin-left:10px;
/*margin-right:10px;
_margin-right:10px;*/
}
#rapport{
	width:210px;
	height:auto;
	min-height:101px;
	background:#fff;
	color:#666666;
	padding-bottom:7px;
	text-align:right;
	margin-top: 10px;

}

#rapport .titre{
display:block;
width:203px;
height:22px;
background:#f36e2e;
text-align:right;
color:#fff;
font-size:11px;
line-height:22px;
padding-right:7px;
font-weight:bold;
}

#rapport p{
margin-right:3px;
margin-top:7px;
font-size:11px;
}
#rapport .text{
display:block;
font-weight:bold;
font-size:11px;
height:32px;
width:100px;
float:right;
border-bottom:1px dashed #666666;
}
#rapport img{
float:right;
margin-right:2px;
}

#rapport a{
font-weight:normal;
font-size:10px;
color:#666666;
text-decoration:none;
}

#rapport .savoir{
display:block;
background:url(../media/images/btn_savoir3.jpg) no-repeat; 
hight:30px;
width:56px;
text-align:center;
color:#fff;
font-size:11px;
line-height:11px;
padding-bottom:5px;
float:left;
margin-top:10px;
margin-left:5px;
}

div#affiche{
width:157px;
height:211px;
margin-top:18px;
_margin-top:18px;
text-align:center;
}





div#news{
width:210px;
background:#ffffff;
_margin-top:18px;
text-align:right;
padding-bottom:10px;
_padding-bottom:10px;
}

div#news .titre{
display:block;
height:21px;
width:203px;
background:#16386f;
text-align:right;
color:#fff;
font-size:12px;
line-height:21px;
padding-right:7px;
font-weight:bold;
}

div#news .datenews{
font-size:12px;
/*background:url(../media/images/puce4.jpg) no-repeat right center;*/
font-weight:bold;
}

div#news p{
display:block;
font-size:12px;
background:#ffffff;
width:95%;
margin-right:5px;
color:#666666;
font-size:10px;
margin-top:9px;
padding-bottom:5px;
border-bottom:1px dashed #cccccc;
}

div#news a{
font-size:11px;
color:#0050a4;
text-decoration:underline;
margin-left:3px;
}

/****Menu bottom****/

div#menubas{
	float:left;
	height:65px;
	width:980px;
	background:#687da0;
	margin-bottom:10px;
	margin-left:10px;
	_margin-left:5px;
	margin-top:10px;
	text-align:center;
	padding-top: 10px;
	color: #FFFFFF;
}

div#menubas p{

text-align:left;
color:#fff;
font-size:12px;
margin-top:10px;
line-height:15px;
width:100%;
text-align:center;

}

div#menubas a{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
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;
}













/***PAGE QUI SOMME NOUS***/

div#contenttext div#quisommenous{
float:left;
text-align:right;
width:566px;
background:#fff;
min-height:508px;
_height:508px;
}

div#quisommenous .titre{
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:12px;
color:#333333;
margin-top:20px;
}


div#quisommenous #tabnous .tdright{
padding-left:20px;
}

div#quisommenous #tabnous .tdleft{

}
div#quisommenous #tabnous .tdliste{
padding-top:10px;
}



div#quisommenous #produit{
width:527px;
font-size:12px;
color:#333333;
margin-top:20px;
}

div#quisommenous #produit .tdright{
font-size:12px;
padding-left:20px;
}

div#quisommenous #produit .tdliste{
font-size:12px;
padding-top:10px;
}

div#quisommenous #produit .tdleft{
padding-left:20px;
padding-right:10px;
}

div#quisommenous ul li{

list-style:url(../media/images/puce3.jpg);
margin-top:3px;
}

div#quisommenous ul li a{
font-size:12px;
color:#333333;
text-decoration:none;
}


div#quisommenous #tab_souscription{
width:527px;
font-size:12px;
color:#333333;
margin-top:40px;
}

div#quisommenous #tab_souscription .tnd{
text-align:left;
font-size:11px;
color:#16386f;
line-height:20px;
padding-right:5px;
}

div#quisommenous #tab_souscription .titresouscri{
width:200px;
background:#16386f;
text-align:center;
line-height:30px;
color:#fff;
font-size:12px;
font-weight:bold;
padding-right:5px;

}


div#quisommenous #tab_souscription .annee{
font-size:12px;
text-align:center;
background:#e6e8ed;
font-weight:bold;
color:#16386f;
}

div#quisommenous #tab_souscription .titre{
font-size:12px;
text-align:right;
padding-right:5px;
background:#e6e8ed;
font-weight:bold;
color:#16386f;
line-height:20px;
}

div#quisommenous #tab_souscription .chiffre{
font-size:12px;
text-align:center;
color:#16386f;
line-height:20px;
background:#eeeeee;
}

div#quisommenous #tab_souscription .capitaux{
text-align:right;
font-size:11px;
color:#16386f;
line-height:20px;
}

#graphefinance{
text-align:center;
margin-top:20px;
}

#plansite{
font-size:12px;
width:530px;
margin-top:30px;
}

#plansite td a{
font-size:12px;
color:#333333;
}

#plansite td a:hover{
font-size:12px;
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:#333333;
}

#tab_manifestation .manifest{
background:#bdbdbd;
}


#tab_manifestation td{
text-align:right;
padding:5px;
background:#d0d0d0;
}

.manifest1{
margin-left:18px;
margin-right:18px;
margin-top:18px;
}


div#programme{
font-size:14px;
text-align:right;
width:800px;
height:100%;
background:#fff; 
padding-left:20px;
padding-right:20px;

}
.pagin {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #f36e2e;
	padding: 3px;
	text-decoration: none;
	margin-left:2px;
}
.pagin:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #16386f;
	padding: 3px;
	text-decoration: underline;
}
.paginactive {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #d0d0d0;
	padding: 3px;margin-left:2px;

}
#tab_manifestation #pagination{
text-align:right;
background:#fff;
}
.liensearch{
font-size:11px;
color:#333333;
text-decoration:none;
}
.liensearch:hover{
color:#0050a4;}
.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;
}
#bour{
width:157px;
height:auto;
min-height:101px;
background:#fff;
color:#666666;
padding-bottom:7px;
text-align:right;
font-size=10px;
}

#bour .titre{
display:block;
width:150px;
height:22px;
background:#f36e2e;
text-align:right;
color:#fff;
font-size:12px;
line-height:22px;
padding-left:7px;
font-weight:bold;
}

