@import url(layout.css);

/*
 pour faire un lien image dans la CSS il faut passer par
le dossier image qui est externe au dossier des CSS.
Comme ceci = url(../image/mon_image.jpg)
*/
      
h1, h2, h3, h4, h5,
h6, span, table,
dl, dt, dd, ul, div,
ol, li, p, a, img{
        margin:0px;
	padding:0px;
        list-style-type:none;
        border:none;
        text-decoration:none;
	
        }

body, html{
    text-align: center; 
}
 body{
    /*background: #2B2D2A url(../image/interface/bg_body.png) left top no-repeat;*/
    font: 12px/16px Helvetica, Arial, sans-serif;
    color: #B4B4B4;
    background-color:#333;
}

:focus, :active{
    /*border: none;*/
    /*border: hidden;*/
    outline: none
        }
h1{padding-bottom:8px;}
h2{padding-bottom:8px;}
h3{padding-bottom:8px;}
h4{padding-bottom:8px;}
h5{padding-bottom:8px;}
a {
	color:#EB008B;
/*color:#fff;*/
        }

a:hover {
        /*color:#44C0E7;*/
color:#EB008B;

        }
dl{
        float:left;
        /*width:250px;*/
        margin-right:20px;
        }
dl img{
        float:left;
        padding-right:10px;}
dd p{
	
	background-color:#FFF;
	width:300px;
	/*float:left;*/
	
	padding: 8px;
}
dd{padding:4px;}


dt{
        font-weight:bold;padding-top:5px;}
        
.fermer{
        position: relative;
        margin-left:10px;
        top:2px;}
dl.droite{
        margin-right:0px !important;}

/*dawa*/

html, body {margin:0px; padding:0px; width:100%; height:100%; overflow:hidden;}





#menu ul li{

        /*padding: 4px;*/
}
#menu {
margin:2px 0px 2px 0px;
        height:29px;



        position:static;
}

#image_listing, #video_listing{overflow:hidden;
padding-bottom:10px;
}
/** html #container .texteopaque{*/
/*    margin-left:20%;}*/



/** html .fondtranslucide{*/
/*    background-color: #000;*/
/*    filter:alpha(opacity=80);*/
/*    -moz-opacity:0.80;*/
/*    opacity: 0.80;*/
/*    }*/

.fondtranslucide {


    height:100%;    /*sans hauteur la transparence ne s'applique pas dans IE*/
    background-image: url(../image/interface/alpha.png) ;
/* Mozilla uniquement */
   background-color: transparent ;
/* Mozilla uniquement */

/*background-color:#333;*/
}

.texteopaque{
    position:relative;
/*left: 0;*/
    }

.texteopaque ul{

    position:relative;
        }
.texteopaque li{

    float:left;
    padding:0px 10px 0px 10px;
    position:relative;

}



.contraint{ /*CONTRAINTE DE LA TAILLE D'AFFICHAGE DES TABLEAU DE LISTE DES AFFICHAGE UE ET DIPLOME*/
        /*overflow-y: auto;*/
        /*overflow-x: hidden;*/
        overflow:auto; /*INDISPENSABLE POUR L'AFFICHAGE DE SCROLLBAR SOUS SAFARI*/
        /*height: 420px;*/
/*width:640px;*/
        width:100%;
        }

.left{float:left;}
/*li{padding:5px;}*/
/*.contraint a, .contraint span{float:left}*/

/*/////////////////////////*/

/*th.check{width:20px;}*/
/*th.ref{width:20px;}*/
/*th.client{width:80px;}*/
/*th.campagne{}*/
/*th.detail{width:80px;}*/
/**/
/**/
/*tbody td.check{width:20px;}*/
/*tbody td.ref{width:20px;}*/
/*tbody td.client{width:80px;}*/
/*tbody td.campagne{}*/
/*tbody td.campagne ul{float:left;*/
/*width:48%;}*/
/*tbody td.detail{width:80px;}*/

/*.thumb{display:block;}*/
/*.list{display:none}*/
/*#listing #current a {*/
/*	background-position: 100% -150px;*/
/*	padding-bottom: 5px;*/
/*	color: #008FD0;}*/

ol, li{color:#FFF}
/*#rButton{height:18px; width:20px;float:left;margin:0px;padding:0px;border:none;}*/
#VideoSwapButton, #ImageSwapButton{height:18px;width:44px;float:left;margin:0px;padding:0px;border:0;outline:none;text-decoration:none;cursor: pointer}
.VideoSwapButton_on, .ImageSwapButton_on{background:transparent url(../image/interface/btn_thumb.gif) left bottom no-repeat;}
.VideoSwapButton_off, .ImageSwapButton_off{background:transparent url(../image/interface/btn_thumb.gif) left top no-repeat;}





/*.nav ul{height:28px;}*/
.nav{margin:2px 0px 2px 0px;padding:0px;background-color:#000;font-weight: lighter;}
.nav li{padding:5px 2px 5px 10px;margin:0px 2px 0px 0px ;}
.nav a, .nav .active a{text-decoration: none;padding: 1px 10px 2px 2px;float:left;}
.nav a{color:#99A195;background-color: #000;}
.nav .active a{color:#FFF;background-color: #EB008B;}

 li#current {background-color: #EB008B }
#current a{color:#FFF;background-color: #EB008B }
/*li.folder {background: #000 url(../../image/interface/btn_folder.gif) left top no-repeat;}*/
/*li.folder.active {background: #EB008B url(../../image/interface/btn_folder.gif) left bottom no-repeat;}*/
/*li.about {background: #000  url(../../image/interface/btn_about.gif) left top no-repeat;}*/
/*li.about.active {background: #EB008B url(../../image/interface/btn_about.gif) left bottom no-repeat;}*/
/*li.text {background: #000  url(../../image/interface/btn_text.gif) left top no-repeat;}*/
/*li.text.active {background: #EB008B url(../../image/interface/btn_text.gif) left bottom no-repeat;}*/
/*li.mail {background: #000  url(../../image/interface/btn_mail.gif) left top no-repeat;}*/
/*li.mail.active {background: #EB008B url(../../image/interface/btn_mail.gif) left bottom no-repeat;}*/

li {background-color: #000;}
li.active {background-color: #EB008B;}
.nav a:hover {
        /*color:#44C0E7;*/
color:#EB008B;}
.nav .active a:hover{color:#000;}


/*.pastille{display: block;*/
/*	float: left;*/
/*	position: inherit;*/
/*	z-index: 55;*/
/*	margin: -22px 0 0px 0;*/
/*	padding: 2px;*/
/*	background-color: #ff4000;*/
/*	font: italic 11px Georgia, serif;*/
/*	color: #fff;}*/

.meta{font-size: 10px; color:#333;}