body {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
    background-color: #0a75b6;
    background-image: url(../medias/images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;
}

p a {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
	color:#496CB0;
}

li a {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
	color:#496CB0;
}


.ui-tabs .ui-tabs-hide {
    display: none;
}

#globale {
    width: 981px;
    margin: 0 auto;
    height: auto;
}
#top {
    height: 74px;
    width: 100%;
    color:#CCCCCC;
}
#top a{
    color:#FFFFFF;
    text-decoration:none;
}
#top a:hover{
    text-decoration:underline;
}
#flash {
    height: 212px;
    width: 100%;
}


#srch {
    height: 20px;
    width: 100%;
    color:#FFFFFF;    
}
#Wrap{
    background-repeat: repeat-y;
    width: 963px;
    height:auto;
    background-color: #fff;
    float:left;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 0px;
    padding-left: 9px;
}

#liensutil{
    width: 963px;
    background-color: #FFFFFF;
    float: left;
    padding-top: 10px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
}

#liensutil img{
    border: 0px
}


#left {
    width: 201px;
    margin-right: 8px;
    height: auto;
    float:left;
}
#right {
    width: 545px;
    height: auto;
    float:none;
}
#rightBlok1 {
    width: 545px;
    height: auto;
    float:left;

}
#rightBlok2 {
    width: 201px;
    height: auto;
    float:right;
    overflow:hidden;
}
#actualites {
    width: 100%;
    height: 208px;
    margin-bottom: 35px;
}
#actualites h1{
    color:#003366;
    font-weight:bold;
    font-size: 11px;
}
#relations {
    width: 100%;
    height: 100px;
    margin-bottom: 35px;
}
#relations h1{
    color:#BDA16F;
    font-weight:bold;
    font-size: 11px;
    margin:9px;
}
#structure {
    width: 100%;
    height: 275px;
    margin-bottom: 35px;
}
#structure h1{
    color:#003366;
    font-weight:bold;
    font-size: 11px;
}
.content-header{
    width: 100%;
}
#agenda {
    width: 100%;
    height: 700px;
    margin-bottom: 52px;
}

#agenda h1{
    padding-top: 5px;
    color:#496CB0;
    font-weight:bold;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0px;
}
#prestation {
    width: 100%;
    height: 174px;
    margin-bottom: 35px;
}
#prestation h1{
    color:#003366;
    font-weight:bold;
    font-size: 11px;
}
#espace {
    width:201px;
    height:103px;
    margin-bottom: 35px;
}
#docu {
    width: 100%;
    height: 160px;
    margin-bottom: 35px;
}
#docu h1{
    color:#BD514F;
    font-weight:bold;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}
#cons {
    width: 100%;
    height: 94px;
    margin-bottom: 35px;
}
#cons h1{
    color:#2884be;
    font-weight:bold;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}

#dev {
    width: 100%;
    height: 190px;
    margin-bottom: 35px;
}
#dev h1{
    color:#6D9F6A;
    font-weight:bold;
    font-size: 11px;
    text-align: justify;
    margin: 0px;
    padding: 0px;
}
#liens {
    width: 100%;
    height: 110px;
    margin-bottom: 43px;
}
#blokT1 {
    background-color:#eeeeee;
    height:100%;
    border: 1px solid #c6c6c6;
    margin-top: 1px;
}
#blokT-strcuture
{
    background-color:#eeeeee;
    height:auto;
    border: 1px solid #c6c6c6;
    margin-top: 1px;
}

#blokT-strcuture img
{
    border-width:0px
}

#blokT2 {
    background-color:#eeeeee;
    height:100%;
    border: 1px solid #c6c6c6;
    margin-top: 1px;
    background-image: url(../medias/images/bgworld.jpg);
    background-repeat: no-repeat;
}

#blokT3 {

    border: 1px solid #c6c6c6;
    margin-top: 1px;
    padding: 9px;
    overflow:hidden;
    background-color:#fff;
    height: auto;
}


#blokT3-3 {

    border: 1px solid #c6c6c6;
    margin-top: 1px;
    padding: 9px;
    overflow:hidden;
    background-color:#fff;
    height: auto;
}

#blokT3 a.imprime{
    color: #000000;
    text-decoration: none;
    margin-bottom: 100px;
    background: url(../medias/images/imprime.png) no-repeat;
    padding-left: 20px;
}


#blokT3 a.imprime:hover{
    color: #000000;
    text-decoration: underline;
    margin-bottom: 100px;
    background: url(../medias/images/imprime.png) no-repeat;
    padding-left: 20px;
}



.content-title{
    color:#496CB0;
    font-weight:bold;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0px;
    padding-bottom: 10px;
}

.content-header img{
    border: 0px;
}
#blokT4 {
    margin:9px;
    height:70%;
    padding: 9px;
    background-color: #FFFFFF;
}
#galerie img {
    margin-right: 8px;
}
.tof{
    margin:0px auto;
    border: 1px solid #cccccc;
    margin-bottom: 5px;
}

#baspage{
    /*padding-top:20px;*/
    width: 100%;
    text-align: center;
    color:#fff;
    line-height: 20px;
}
#baspage a{
    text-decoration:none;
    color:#fff;
}
#baspage a:hover{
    color:#003366;
    text-decoration:none;
}
.voir{
    font-size:11px;
    color:#fff;
    padding-left:10px;
    margin-top:10px;
    float: right;
    height: 15px;
    background-color: #839d98;
    text-decoration: none;
    padding-right: 10px;
	display: block;
}
.voir:hover{
    color:#003366;
}
.voir2{
    font-size:11px;
    color:#fff;
    margin-left:10px;
    margin-top:3px;
    float: right;
    height: 15px;
    background-color: #839d98;
    text-decoration: none;
   /* padding-right: 10px;*/
    margin-right: 10px;
	display:block;
	border:0px;
}
.voir2:hover{
    color:#003366;
}

.select {
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    color: #999999;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 136px;
    height: 17px;
    padding-left: 20px;
    margin-bottom: 2px;
}
.titre1 {
    font-size:18px;
    color:#496CB0;
    font-weight:bold;
    text-transform: uppercase;
}
.titre2 {
    font-size:15px;
    color:#d61a07;
    font-weight:bold;
}
#recherche {
    float: right;
    width: 285px;
}

#carrousel {
    padding-top: 3px;
    float: right;
    width: 540px;
}

#carrousel a{
    text-decoration: none;
    color: white;
}

#carrousel a:hover{
    text-decoration: underline;
    color: white;
}

.ins{
    font-size:11px;
    color:#955822;
    float: right;
    margin-top:4px;
    margin-right: 35px;
    text-decoration:underline;
}
.ins:hover{
    text-decoration: none;
}

.ins-login{
    font-size:11px;
    color:#955822;        
    margin-bottom:4px;
    margin-right: 35px;
    text-decoration:underline;
    display: block;
}
.ins-login:hover{
    text-decoration: none;
}
.titrerub {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #496CB0;
    padding-right: 0px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 3px;
}
div#lemenu ul li .accueil{
    background-image: url(../medias/images/lng-fr/menu/m1.jpg);
    height: 32px;
    width: 75px;
}
div#lemenu ul li .accueil:hover{
    background-image: url(../medias/images/lng-fr/menu/m1h.jpg);
    height: 32px;
    width: 75px;
}


div#lemenu ul li .presentation{
    background-image: url(../medias/images/lng-fr/menu/m2.jpg);
    height: 32px;
    width: 105px;
}
div#lemenu ul li .presentation:hover{
    background-image: url(../medias/images/lng-fr/menu/m2h.jpg);
}



div#lemenu ul li .programmes-de-developement{
    background-image: url(../medias/images/lng-fr/menu/m3.jpg);
    height: 32px;
    width: 224px;
}
div#lemenu ul li .programmes-de-developement:hover{
    background-image: url(../medias/images/lng-fr/menu/m3h.jpg);
}


div#lemenu ul li .prestation{
    background-image: url(../medias/images/lng-fr/menu/m4.jpg);
    height: 32px;
    width: 102px;
}
div#lemenu ul li .prestation:hover{
    background-image: url(../medias/images/lng-fr/menu/m4h.jpg);
}


div#lemenu ul li .donnees-sectorielles{
    background-image: url(../medias/images/lng-fr/menu/m5.jpg);
    height: 32px;
    width: 164px;
}
div#lemenu ul li .donnees-sectorielles:hover{
    background-image: url(../medias/images/lng-fr/menu/m5h.jpg);
}


div#lemenu ul li .services-interactifs{
    background-image: url(../medias/images/lng-fr/menu/m6.jpg);
    height: 32px;
    width: 154px;
}
div#lemenu ul li .services-interactifs:hover{
    background-image: url(../medias/images/lng-fr/menu/m6h.jpg);
}


div#lemenu ul li .cahier-des-chagres{
    background-image: url(../medias/images/lng-fr/menu/m7.jpg);
    height: 32px;
    width: 157px;
}
div#lemenu ul li .cahier-des-chagres:hover{
    background-image: url(../medias/images/lng-fr/menu/m7h.jpg);
}
div.pagination-container
{
    display:table;
    margin:0 auto;
}


ul.pagination
{
    padding:10px 0 2px 0;
}


ul.pagination li
{
    display: inline;
    background: none;
    float:left;
}

ul.pagination li span
{
    padding:3px 5px;
    float:left;
    color:#3b3b3b;
}

ul.pagination a:link,
ul.pagination a:visited
{
    display:block;
    padding:2px 5px;
    border:1px solid #ccc;
    float:left;
    margin:0 2px;
    color:#FFF;
    background-color:#839D98;
    text-decoration: none;
}

ul.pagination a:hover,
ul.pagination a:active,
ul.pagination a:focus
{
    border:1px solid #3F3F3F;
}

#system-message
{
    height:auto;
    width:100%;
    margin:0 0 10px 0;
    padding: 0;
    font-weight:bold;
    text-align:justify;
}

#system-message dt.message,
#system-message dt.error,
#system-message dt.notice
{
    display: none;
}

#system-message dd
{
    padding:0px 15px 0px 15px;
    margin: 0;
}

#system-message dd ul
{
    margin:0 0 0 0;
    border-top:1px solid #EDECEC;
    border-bottom:1px solid #EDECEC;
    font-size: 90%;
    font-weight: bold;
    overflow:hidden;
}

#system-message dd ul li
{
    padding:10px 30px;
    height: auto;
}

#system-message dd.message ul
{
    background:#E9FFCF url("../medias/images/icon-valid.png")  1% 50% no-repeat;
    color:#62C311;
}

#system-message dd.error ul
{
    background:#FFCECE url("../medias/images/icon-error.png") 1% 50% no-repeat;
    color:#A70000;
    border:1px dotted #DF8F8F;
}

#system-message dd.notice ul
{
    background:#FAFADC url("../medias/images/icon-warning.png") 1% 50% no-repeat;
    color:#000;
}

/*Nouveau Style Ajouter*/

#form-login
{
    height: 40px;
}

.input
{
    height: 40px;
    border: 0px;
    padding-top: 10px;
}
.form-validate label
{

}

.form-validate label.invalid
{
    color: red;
}

.level_0 li{
    height: auto;
    margin-bottom: 5px;
}

.level_0 li a{
    font-size:11px;
    font-weight:bold;
    color:#003366;
    /*background-image:url(../medias/images/flesh.jpg);*/
    background-repeat: no-repeat;
    padding-left: 20px;
}

.level_1 li{
    height: auto;
    margin-bottom: 3px;
    margin-top: 3px;
}

.level_1 li a{
    font-size:11px;
    font-weight:200;
    color:#003366;
}

table.list
{
    width:100%;
    margin-bottom:15px;
}

table.list td
{
    padding:10px;
    border-bottom:1px solid #EDECEC;
}

table.list td.document-link
{
    padding:10px 20px;
}

table.list td.categorie
{
    font-size:100%;
    font-weight:bold;
    background-color:#ececec;
    color:#666;
}

table.list a.document
{
    display:block;
    color:#000;
    text-decoration:none;
    background:url(../medias/images/document.png) 0% 50% no-repeat;
    padding:2px 0 2px 20px;
}

table.list a.document:hover
{
    text-decoration:underline;
}

.structure-right
{
    float: right;    
    margin-top:20px;
    width:250px;
}

.structure-left
{
    float: left;
    text-align:justify;
    margin-bottom:9px;
    width: 251px;
}

.structure-logo
{
    background:url("../medias/images/logo.png") no-repeat scroll 0 50% transparent;
    height:75px;
    padding-left:80px;
    width:175px;
}

.text-structure-logo
{
    color:#023C6B;
    font-size:18px;
    font-weight:bolder;
    padding-top:5px;
    width:180px;
}

.gouvernorat-content
{
    color: #4A4A4A;
}

.gouvernorat-content h1 span
{
    color:#59A20F !important;
}

.gouvernorat-content h2
{
    color:#980606 !important;
    font-size: 12px;
}

.gouvernorat-content h2 span
{
    color:#980606 !important;
    font-size: 12px;
}

.structure-text-en-tete
{
    color: #065A92;
    font-size: 12px;
    margin-top: 10px;
    margin-top:5px;    
    font-weight: bold;
}

.tableau_contenu {
border:1px solid;
border-color:#7EAD0C;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;

}



a {border:0; color:#425BF1}
a:visited {border:0; color:#425BF1}
a:hover {border:0}; color:#FFFFFF



/* DEBUT STYLE TABLEAU */
.tableau_contenu  th{
color:#FFFFFF;
background-color:#7EAD0C;
border-color:#000000;
}

.tableau_contenu  td{
border-color:#448BBF;
background-color:#EEEEEE;
padding-right:6px;
}
/* FIN STYLE TABLEAU */
#val_nnval, #val_nnvalcin {
	display:none;height:16px;margin:5px 0 0 0;padding:2px 0 0 30px;color:#666;font-style:italic; width:265px;
}
.val_ {
	background:url(/oep/images/val_inval.png) no-repeat left -20px;
}
.nnval_ {
	background:url(/oep/images/val_inval.png) no-repeat left 0px;
}

#loader {float:right;}