﻿p:hover 
{
   background-color: #E6E2AF;font-size: 24px;
}

.styleinput{ 
width:30px; 
height:20px; 
font-size:14px; 
} 


.alignar
{
        unicode-bidi: bidi-override;
        direction: rtl;
}


.alignar1
{
        unicode-bidi: bidi-override;
	 direction: rtl;
       text-align:right;
}


.haut1 
{text-align:left;padding-left:10px;
background: #B0C4DE; 
height:10%;
width:98%;
position:absolute;
top:0px;
left:5px;
right:15px;
}
.haut1a 
{text-align:left;padding-left:10px;
background: #B0C4DE; 
height:10%;
width:98%;
position:absolute;
top:0px;
left:5px;
right:15px;
}
.haut11 
{text-align:left;padding-left:10px;
height:30%;
width:98%;
position:absolute;
top:150px;
left:350px;
right:15px;
}
.part0 
{text-align:left;padding-left:5px;
background: #FF8C00 ;
height:60%;
width:52%;
position:relative;
top:-170px;
left:300px;
right:150px;
}
.part1 
{text-align:left;padding-left:5px;
background: #79F8F8; 
height:30%;
width:73%;
position:relative;
top:180px;
left:190px;
right:50px;
}
.part2 
{text-align:left;padding-left:10px;
background: #007FFF; 
height:60%;
width:20%;
position:relative;
top:700px;
left:20px;
right:70px;
}
.part3 
{text-align:left;padding-left:10px;
background: #8EA2C6; 
height:60%;
width:20%;
position:relative;
top:180px;
left:1000px;
right:5px;
}



/*------------------------------menu déroulant-----------------------------------*/
  	#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 30%; font-weight:bold;}

        

	#monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
	#monmenu ul.niveau2 {left: 0px; top: 22px;font-size:14px}
	#monmenu ul.niveau3 {left: 144px; top: -1px;font-size:14px}

        #monmenu li {list-style-type: none; position: relative; width: 140px; background-color: #E0E0E0; padding: 2px; margin: 0px;font-size:14px}
        #monmenu li:hover, #monmenu li.sfhover {background-color: #FFFF70;;font-size:14px}
        #monmenu li a {text-decoration:none;;font-size:14px}
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
        #monmenu li.plus {background-position:right;); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}

/*-------------------------------menu droit-----------------------------------*/
.droit1
{font-family:Arial;font-size:12px;text-align:left;padding-left:0px;
padding-top:13px;padding-right:2px;
background: #B0C4DE;
width:18%;
height:370%;
position: absolute;
top:65px;
left:5px;
right:1px;
}
.imgtrans {
border: none;
opacity: 0.9;
background-color: transparent;
}
.droit
{font-family:Arial;font-size:10px;text-align:left;padding-left:45px;
background: #5EB6DD;
padding-top:33px;padding-right:2px;
width:20%;
height:380%;
position: absolute;
top:40px;
left:10px;
right:1px;
border: none;
opacity: 1;
background-color: transparent;
}

.corps
{font-family:Arial;font-size:16px;text-align:left;padding-left:10px;
padding-top:13px;padding-right:25px;
height: 100%;
width:56%;
position: absolute;
top:55px;
right:170px;
left:280px;
background-position:100% 100%;
	margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
/* l'image occupe toute la place du body */
#arriere {
    width : 79.5%;
    height: 100%;

}
.corps20
{font-family:Arial;font-size:16px;text-align:left;padding-left:800px;
padding-top:13px;padding-right:10px;
height: 100%;
width:86%;
position:absolute;
top:55px;
right:17px;
left:680px;


	margin: 40;
    padding: 0;
    width : 79.5%;
    height: 300%;
}

.corps2
{font-family:Arial;font-size:16px;text-align:left;padding-left:10px;
padding-top:13px;padding-right:25px;
height: 100%;
width:56%;
position: absolute;
top:55px;
right:170px;
left:280px;


	margin: 40;
    padding: 0;
    width : 70.5%;
    height: 300%;
}
.corps1
{font-family:Arial;font-size:16px;text-align:left;padding-left:10px;
padding-top:0px;padding-right:25px;
height: 100%;
width:90%;
position: relative;
top:50px;
right:30px;
left:10px;
}
.corpsx1
{font-family:Arial;font-size:16px;text-align:left;padding-left:10px;
padding-top:0px;padding-right:25px;
height: 100%;
width:90%;
position: absolute;
top:50px;
right:30px;
left:10px;
}
.corps3
{font-family:Arial;font-size:16px;text-align:left;padding-left:10px;
padding-top:0px;padding-right:25px;
height: 100%;
width:90%;
position: absolute;
top:50px;
right:30px;
left:50px;
}

.gauche
{font-family:Arial;font-size:12px;text-align:left;padding-left:0px;
padding-top:0px;padding-right:25px;
border:#f65800 solid 2px;
width:25%;
height:70%;
position: absolute;
top:250px;
left:73%;
}
.pmenu 
{text-align:left;padding-left:10px;
height:20%;
width:100%;
position:absolute;
top:0px;
left:320px;
right:5;
color: #993300; font-size:18px;font-weight:bold;
}
.pmenu  a:link {color: #046380; text-decoration: none;font-size:18px;font-weight:bold;}


.pmenu1 
{text-align:left;padding-left:10px;
height:20%;
width:100%;
position:absolute;
top:250px;
left:280px;
right:5;
color: #993300; font-size:18px;font-weight:bold;
}
a:link {color: #046380; text-decoration: none;font-size:16px;font-weight:bold;}
a:visited {color: #bb6959; text-decoration: none}
a:hover         {color: #f65800; text-decoration: none}
.haut1 a
{color: #0009c9; text-decoration: none;font-size:24px;font-weight:bold;}
.droit a
{color: #ffffff; text-decoration: none;font-size:16px;font-weight:bold;}
h1 { color:#c85f32; text-align:center;margin-top:17px;}
/*news*/
#rechercheNews{position:absolute;left:10%;width:51%;top:25px;
border-collapse:collapse;}
.news{background:url(images/newsPx.gif) repeat-x top;position:relative}
.news img{position:relative;padding-left:5px;padding-right:5px}
#input{font-size:14px ;border:1px solid #E0E7F1;height:19px;width:159px;
margin-top:9px;padding-right:3px;padding-top:3px;background:url(inputRech.gif) repeat-x;}

.newsSp{margin-top:7px}

.dr {background:url(images/p1.gif) no-repeat right 2px;font-size:24px;font-weight:bold; }
.droit h3,.droitsup h3,.droitpro h3, .droitoutils  h3,.droitlycee h3 {background:url(images/atreH3.gif) no-repeat left 3px;color:#443D8A;
font-size:19px;font-weight:normal; }
.corps p {font-size:16px;text-align:justify}
.corps h3{text-decoration: blink;}
.corps p:hover 
{
   background-color: #E6E2AF;font-size: 14px;
}

/*--------------------------------------bas---------------------------------*/
.p
{font-size:16px;    text-align: justify;  clear: right;  direction:ltr; line-height:2em;
text-indent:36px;padding:0px 10px 5px 10px;}
.h2  {text-align:center; color: #0009c9;}
.makalat {text-align:right; color: #217cc3; font-size:22px;font-weight: bold;padding-right:9px;}
.corps ul {list-style-type:square;color:red;font-size:10px}
.corps li {color:blue}
.tit1 {font-family:arial;font-size:50px;text-align:left;
font-weight: bold;font-size: 28pt;text-indent: 4cm;color: red;}
.tit2 {font-family: Times New Roman;font-size: 24px;font-style: bold;color: #000080}
.tit3 {font-type: arial; font-size: 20px;font-style: bold;color: green;font-weight: bold}
.tb1
{
border-collapse:collapse ;margin:auto;
left:30%;
top:30px;
font-family:Times New Roman;font-size:14px;
}
.tb4
{
border-collapse:collapse ;margin:auto;
left:30%;
top:30px;
font-family:Times New Roman;font-size:16px;
}

.tb4 td {border:1px solid #0000FF;
font-family:Times New Roman;font-size:14px; color: black; padding:1px;
}



.tb1 td, .tb2 td, .tb3 td,.tb5 td,.tb6 td ,.tb7 td,.tb8 td,.tb9 td,.tb10 td,.tb11 td  ,.tbtrc2 td,.tbtrc4 td,.tbtrc3 td,
 .tbtourisme td , .tbtor td ,.tunisie2 td, .tunisie td,.corpsPO td,.tbtrco td, 
.tbimpr td,.tbencg  td ,.tbdoc td {border:2px solid #0000FF;
font-family:Times New Roman;font-size:16px; color: black; padding:1px;background: #eff3ea;
}
.tb1k1 td, .tb2 td, .tb3 td,.tb5 td,.tb6 td ,.tb7 td,.tb8 td,.tb9 td,.tb10 td,.tb11 td  ,.tbtrc2 td,.tbtrc4 td,.tbtrc3 td,
 .tbtourisme td , .tbtor td ,.tunisie2 td, .tunisie td,.corpsPO td,.tbtrco td, 
.tbimpr td,.tbencg  td ,.tbdoc td {border:2px solid #0000FF;text-align:left; 
font-family:Times New Roman;font-size:26px; color: black; padding:1px;background: cyan;
}

.tb1k2 td, .tb2 td, .tb3 td,.tb5 td,.tb6 td ,.tb7 td,.tb8 td,.tb9 td,.tb10 td,.tb11 td  ,.tbtrc2 td,.tbtrc4 td,.tbtrc3 td,
 .tbtourisme td , .tbtor td ,.tunisie2 td, .tunisie td,.corpsPO td,.tbtrco td, 
.tbimpr td,.tbencg  td ,.tbdoc td {border:2px solid #0000FF;text-align:center; 
font-family:Times New Roman;font-size:26px; color: black; padding:1px;background: aqua;}

.tb1r td {border:2px solid #f65800;text-align:right; font-family:Times New Roman;
font-size:22px; color: black; padding:1px;background: #eff3ea;
}
.tdsc td {border:0px solid #ffffff;text-align:right; font-family:Times New Roman;
font-size:14px; color: black; padding:1px;
}
.caption
{margin-top: 16px;
margin-bottom: 16px;
color:red;
font-size:28px; }

.th
 { color:#997e1d ;font-size:20px;font-weight: bold;text-align:center;
border:2px solid #3c9561;
background: #d7e4bd;}
.h3 {color:#0009c9;}
.ul {list-style-type: none;}
.fo tr td {color: red;}
.center { text-align:center;}
.cente {font-size:30px;font-weight: bold;text-align:center;}
.gtail {font-size:70px;font-weight: bold;}


.tbb1
{border:2px solid #f65800;
border-collapse:collapse ;margin:auto;
left:30%;
top:30px;
font-family:Times New Roman;font-size:14px;
}
.tbb1 td {text-align:right; 
font-family:Times New Roman;font-size:10px; color: black; padding:1px;background: #eff3ea;
}

