/*--------------------GENERAL------------------------*/


/*IE6 hack for PNG transparency/*

/* img,div { behavior: url(iepngfix.htc) } */ 


h2.subtitlesH2 {
    margin:0px;
    font-size:15px;
}

 a {
text-decoration:none;
color:#919191;
}

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

a :visited {
color:#919191;
}

div{
overflow:hidden;
}


input{
        font-family:arial;
        font-size:9pt;
        border:1px;
        border-style:solid;
        border-color:#242424;
        background-color:#DDDDDD;
        color:#606060;
}

input.file{
        font-family:arial;
        background-color:#DDDDDD;
        color:#606060;
}

select{
     font-family:arial;
         border:0px;
     width:145px;
          height:18px;
         font-size:11pt;
}


/*----------------------------ENTETE WHYERS----------------------------*/
div#bandeau {
background-image:url("pics/barre_whyers.jpg");
width:920px;
height:124px;
margin:0;
}

div#bandeau_login {
background-image:url("pics/barre_whyers_login.jpg");
width:920px;
height:124px;
margin:0;
}

div#connectbox{

  /* position:relative;
  left: 300px;
  top:15px;
  display: inline;
  width: 50px; */

}

div#disconnectbox{
  text-align:right;
  margin-top:15px;
  margin-right:15px;

}

input#login{
        font-family:arial;
        height:18px;
        font-size: 11pt;
        width:90px;
        border:0px;
        border-style:none;
        border-color:#1E1E1E;
        background-color:#FFFFFF;
        color:#000000;
}

input#email{
        font-family:arial;
        height:18px;
        font-size: 11pt;
        width:90px;
        border:0px;
        border-style:none;
        border-color:#1E1E1E;
        background-color:#FFFFFF;
        color:#000000;
}

input#password{

        font-family:arial;
        font-size: 11pt;
        height:18px;
        width:90px;
        border:0px;
        border-color: #1E1E1E;
        border-style:none;
        background-color: #FFFFFF;
        color:#000000;
}

input#reglogin{
        font-family:arial;
        height:18px;
        font-size: 11pt;
        width:90px;
        border:0px;
        border-style:solid;
        border-color:#2db9de;
        border-width:1px;
        background-color:#FFFFFF;
        color:#000000;
}

input#regemail{
        font-family:arial;
        height:18px;
        font-size: 11pt;
        width:90px;
        border:0px;
        border-style:solid;
        border-color:#2db9de;
        border-width:1px;
        background-color:#FFFFFF;
        color:#000000;
}

input#regpassword{

        font-family:arial;
        font-size: 11pt;
        height:18px;
        width:90px;
        border:0px;
        border-color: #2db9de;
        border-width:1px;
        border-style:solid;
        background-color: #FFFFFF;
        color:#000000;
}



/*---------------ELEMENTS BOITE RECHERCHE---------------------------*/
/*-----------------------Structure dans HOME.PHP----------------------------*/
textarea#searchline{
        height:50px;
        width:350px;
        border:1px;
        border-style:solid;
        border-color:#333333;
        padding-left:4px;
        background-color:#DDDDDD;
        color:#919191;
                font-size:11pt;
                font-family:arial;
        float:left;
        overflow:auto;
}

input#btgo{
margin-top:3px;
float:right;
border:0px;
border-style:none;
}

input#btgo2{
margin-top:3px;
border:0px;
border-style:none;
}

.btradio{
float:right;
margin-right:50px;
}



/* ---------------ELEMENTS DISTINCTS--------------------------- */

div#minidescription{
margin:0px;
padding:0px;
width:90px;
height:100px;
float:left;
text-align:center;
font-size:11px;
color:#919191;
font-family:arial;
}

div#separateurblanc{
background-image:url('pics/separateur_blanc.jpg');
width:3px;
height:43px;
float:left;
}

div#minishadow{
/*background-image:url('pics/ombre_mini.jpg');*/
background-color: #333333;
width:58px;
height:58px;
float:left;
vertical-align:middle;
margin-left:20px;
margin-right:20px;
display:inline;
}

div#minishadowblack{
/*background-image:url('pics/ombre_mini.jpg');*/
background-color: #333333;
width:58px;
height:58px;
vertical-align:middle;
float:left;
margin-right:10px;
}
/*
div#registerlibelle{
width:180px;
height:20px;
font-family:Arial;
font-size:8pt;
text-align:right;
float:left;
margin-right:10px;
color:#606060;
}

div#registeroptions{
width:200px;
height:20px;
color:#606060;
font-family:Arial;
text-align:left;
font-size:11pt;
margin-right:10px;
}
*/

div#registerlibelle{
width:400px;
height:20px;
font-family:Arial;
font-size:11pt;
text-align:right;
float:left;
margin-right:10px;
color:#606060;
}

div#registeroptions{
width:450px;
height:20px;
color:#606060;
font-family:Arial;
text-align:left;
font-size:11pt;
margin-right:10px;
}


div#profilelibelle{
width:400px;
height:20px;
font-family:Arial;
font-size:11pt;
text-align:right;
float:left;
margin-right:10px;
color:#606060;
}

div#profileoptions{
width:450px;
height:20px;
color:#606060;
font-family:Arial;
text-align:left;
font-size:11pt;
margin-right:10px;

}


div#searchlibelle{
width:160px;
font-family:Arial;
font-size:12px;
text-align:right;
float:left;
margin-right:10px;
color:#606060;
}

div#searchselects{
width:200px;
color:#FFFFFF;
font-family:Arial;
text-align:left;
margin-right:10px;
}


span#xpadmlibelle{
width:150px;
font-family:Arial;
text-align:right;
float:left;
margin-right:10px;
color:#999999;
}

span#xpadmoptions{
width:200px;
color:#606060;
font-family:Arial;
text-align:left;
margin-right:10px;
}

div#bandeaumenu{
background-image:url('pics/bandeau_menu_boutons.jpg');
width:920px;
height:124px;
}

div#bthome{
margin-left:116px;
margin-top:16px;
margin-bottom:10px;
float:left;
}

div#btespace{
margin-top:16px;
margin-left:15px;
float:left;
}

div#btcompte{
margin-top:16px;
margin-left:15px;
float:left;
}

div#btcommunaute{
margin-top:16px;
margin-left:15px;
float:left;
}

div#btmessagerie{
margin-top:16px;
margin-left:15px;
float:left;
}


div#btrecherche{
margin-top:16px;
margin-left:15px;
float:left;
}


form#search{
font-family:Arial;
font-size:11pt;
text-align:center;
}

div#alaune{
margin : 15px 15px 15px 15px;
font-family:Arial;
text-align: center;
}

div#alaunedescription{
width:280px;
height:75px;
font-family:Arial;
font-size:11pt;
color:#AAAAAA;
text-align: left;
}

div#alaunepic{
width:80px;
height:75px;
float:left;
}

div#bandeauprofil{
margin:5px;
width:280px;
height:100px;
font-family:Arial;
font-size:11pt;
background-color:#FFFFFF;
color:#000000;
text-align: left;

}

div#bandeauprofilpic{
margin:15px;
width:80px;
height:75px;
float:left;
color:#44CCFF;
}

div#bandeauprofilpic90{
margin:5px;
width:98px;
height:98px;
float:left;
color:#44CCFF;
}


div#recherchedetail{
margin:15px;
width:550px;
height:70px;
font-family:Arial;
font-size:9pt;
color:#AAAAAA;
text-align:left;
float:none;
overflow:auto;
}

div#recherche{
margin:15px;
width:150px;
height:70px;
font-family:Arial;
font-size:9pt;
color:#AAAAAA;
text-align: left;
float:left;
}



div#recherchepic{
margin-left:15px;
margin-top:15px;
width:60px;
height:70px;
float:left;
color:#44CCFF;
}

div#bibliodescription{
margin-top:15px;
width:250px;
font-family:Arial;
font-size:10pt;
color:#000000;
text-align: left;
}


div#bibliopdf{
margin:10px;
width:100px;
height:100px;
font-family:Arial;
font-size:10pt;
color:#000000;
text-align: center;
float:left;
}

div#bibliomp3{
margin:10px;
width:380px;
height:50px;
font-family:Arial;
font-size:10pt;
color:#000000;
text-align: left;
float:none;
}

div#bibliopic{
margin:15px;
width:80px;
height:75px;
float:left;
}

div#motscles{
margin:5px;
font-family:Arial;
text-align: justify;
font-size:11pt;
background-color:#FFFFFF;
}

div#pied{
margin :auto;
width:920px;
height:146px;
background-image:url('pics/whyers-bandeau.jpg');
text-align: center;
}

div#experience{
padding:5px;
font-family:arial;
font-size:11pt;
}

div#biblio{
padding:15px;
}


div#formation{
font-family:arial;
font-size:11pt;
padding:5px;
}

span#mesrecherchesadmlinks{
float:right;
text-align:right;
}

div#lostpw{
height:111px;
background-color:#FFFFFF;
font-family:arial;
font-size:11pt;
padding-top:50px;
text-align:center;
}

div#recommander{
font-family:arial;
font-size:11pt;
padding:10px;
text-align:center;
}

div#faq{
text-align:justify;
margin:15px;
font-family:arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
}

div#legal{
text-align:justify;
margin:15px;
font-family:arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
}

div#cgu{
text-align:justify;
margin:15px;
font-family:arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
}

input#btvalider{
border:0px;
}

div#bibliodescription span{
color:#44BBFF;
}

div#inscrivezvous {
    font-size:12pt;
    font-weight:bold;
    font-family: Arial;
    color:#000000;
    background-image:url('pics/tramebleue.jpg');
    height:80px;
    padding:10px;
}


/*----------------------CLASSES APPELEES LES ELEMENTS DES MODULES---------------------------*/

div.overdash {
font-family:Arial;
font-size:11pt;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
margin-top:10px;
margin-bottom:10px;
}

div.overdash:hover{
font-family:Arial;
font-size:11pt;
border-style:dashed;
border-width:1px;
border-color:#DDDDDD;
}

.page_module_bandeau{
background-image:url(pics/page_bandeau_modules.jpg);
width:884px;
height:21px;
font-family:Arial;
color: #FFFFFF;
font-size:14px;

}

.petit_module_bandeau{
background-image:url(pics/bandeau_modules.jpg);
width:422px;
height:21px;
font-family:Arial;
color: #FFFFFF;
font-size:14px;

}

.grand_module_bandeau{
background-image:url(pics/bandeau_modules.jpg);
width:422px;
height:21px;
font-family:Arial;
color: #FFFFFF;
font-size:14px;
}

.grand_module_bandeau_rose{
background-image:url(pics/bandeau_modules_rose.jpg);
width:422px;
height:21px;
font-family:Arial;
color: #FFFFFF;
font-size:14px;
}


.petit_module_bandeau_noir{
background-image:url(pics/bandeau_modules_noir.jpg);
width:422px;
height:21px;
font-family:Arial;
color: #FFFFFF;
}

.modules_bandeau_titre{
font-size:14px;
float : left;
margin-left:5px;
margin-top:2px;
font-family:Arial;
font-size:14px;
font-weight: bold;
color: #FFFFFF;
}

.modules_page_contenu{
float : left;
width:884px;
font-family:Arial;
font-size:11pt;
background-color: #FFFFFF;
color:#606060;
}

.petit_modules_contenu_noir{
padding:10px;
width:402px;
height:111px;
float:left;
font-family:Arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
}

.module_ajoutercontenu{
margin:15px;
width:422px;
height:160px;
float:left;
font-family:Arial;
font-size:11pt;
}



.petit_modules_contenu_noir_nopad{
width:422px;
height:111px;
float:left;
font-family:Arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
}


.petit_modules_contenu_blanc{
padding:10px;
width:402px;
height:111px;
float:left;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
font-family:Arial;
font-size:11pt;
}


.page_modules_contenu_blanc{
padding:10px;
width:860px;
height:auto;
float:left;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
font-family:Arial;
font-size:11pt;
}

.grand_modules_contenu_blanc{
padding:10px;
width:402px;
height:272px;
padding:10px;
font-family:Arial;
font-size:11pt;
float:left;
background-color:#FFFFFF;
color:#000000;
overflow:auto;

}

.grand_modules_contenu_noir{
padding:10px;
width:402px;
height:252px;
float:left;
font-family:arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
}


.grand_modules_contenu_noir_nopad{
width:422px;
height:252px;
float:left;
text-align:justify;
font-family:arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
}


.grand_modules_contenu_noir_nopad_video{
width:422px;
height:auto;
float:left;
text-align:justify;
font-family:arial;
font-size:11pt;
background-color:#FFFFFF;
color:#606060;
overflow:hidden;
}

.flex_modules_contenu_blanc{
padding:10px;
width:402px;
height:auto;
float:left;
background-color:#FFFFFF;
color:#000000;
overflow:auto;
font-family:Arial;
font-size:11pt;
}

.flex_modules_contenu_noir{
padding:10px;
width:402px;
height:auto;
float:left;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
font-family:Arial;
font-size:11pt;
}


.flex_modules_contenu_noir_nopad{
width:422px;
height:auto;
float:left;
background-color:#FFFFFF;
color:#606060;
overflow:auto;
font-family:Arial;
font-size:11pt;
}

.modules_bandeau_option{
float : right;
margin-right:5px;
margin-top:2px;
font-family:Arial;
font-size:11pt;
color:#161616;
}


/* div.biblio div#bibliodescription a
{
        display: block;
        background-image: url("pics/pdf.jpg");
        background-repeat: no-repeat;
        margin: 20px 0px 0px 0px ;
        padding: 5px 0px 0px 25px;
        min-height: 17px;

} */

span.modules_bandeau_option a{
color:#161616;
}


/*---------------------DIVERS--------------------------*/

textarea.black{
        font-family:arial;
        width:800px;
        font-size:11pt;
        border:1px;
        border-style:solid;
        border-color:#242424;
        padding-left:4px;
        background-color:#DDDDDD;
        color:#606060;
        float:none;
        overflow:auto;
}


textarea.blacksmall{

        font-family:arial;
        width:390px;
        font-size:9pt;
        border:1px;
        border-style:solid;
        border-color:#242424;
        padding-left:4px;
        background-color:#DDDDDD;
        color:#606060;
        float:none;
        overflow:auto;
}


.separateur{
margin-top:5px;
margin-bottom:5px;
height:2px;
width:100%;
}


.blue_message{
background-image: url("pics/bg_blue.jpg");
background-repeat: repeat-x;
color:#FFFFFF;
}

.bluetext{
color:#66ccff;
}


.message{
        width:200px;
        height:150px;
        font-size:11pt;
        border:0px;
        padding-left:4px;
}

.pointer {
  cursor:pointer;
}

.pointer1 {
  cursor:pointer;
  color:#AAAAAA;
}
.pointer2 {
  cursor:pointer;
  color:#555555;
}

.pointer3 {
  cursor:pointer;
  color:#44BBFF;
}

a.smallbluelink {
  cursor:pointer;
  color:#44BBFF;
  font-family: arial;
  font-size:9px;
}

.color1 {
  color:#999999;
}
.color2 {
  color:#555555;
}
.color3 {
  color:#44BBFF;
}

.background1{
background-color:#161616;
}


.foot {
    color:#AAAAAA;
    font-family:Arial;
    font-size:12px;
}

.petite_font{
color:#606060;
font-family:Arial;
font-size:10pt;
}

div.messageline{
width:884px;
height:auto;
font-family:Arial;
font-size:11pt;
}

span.highlight:hover{
background-color:#DDDDDD;
}

div.lignereseau{
height:auto;
font-family:Arial;
font-size:11pt;
}

div.lignereseau:hover{
background-color:#EEEEEE;
}

img.malettepic{
vertical-align:middle;
}

/*------------------------------------------------------------------*/
/* --------------------Structure page------------------------ */
/*-------------------ne pas toucher a risque--------------*/

body {
}

div#main{
        background-image:url("pics/fond_main.jpg");
        margin:0px;
        padding:0px;
        width:920px;
        position:relative;
}

div#page{
 background-image:url("pics/ombre_side.jpg");
 background-repeat: no-repeat;
 background-position:top;
 width: 920px;
 margin:auto;
 padding-left:39px;
 padding-right:39px;
 padding-bottom:0px;
 position:relative;
}

div.ombrage{
float:left;
margin : 15px;
display:inline;
}

div#highlight{
float:left;
margin : 15px;
display:inline;
}

div#minishadow90{
/*background-image:url('pics/ombre_mini_90.jpg');*/
background-color:#333333;
width:98px;
height:98px;
float:left;
}

div#minishadowblack90{
/*background-image:url('pics/ombre_mini2_90.jpg');*/
background-color:#333333;
width:98px;
height:98px;
float:left;
}


div#newsdescription{
padding:10px;
font-family:Arial;
font-size:11pt;
}


div#searchresultsnav{
padding:10px;
font-family:Arial;
font-size:11pt;
text-align:right;
}

div#mesrecherchesmotscles{
padding:10px;
width:800px;
height:40px;
float:left;
font-family:Arial;
font-size:11pt;
}


div#adminmesrecherches{
padding:10px;
width:800px;
float:none;
font-family:Arial;
font-size:11pt;
}

div#mesrecherchesbtgo{
padding:10px;
width:40px;
height:40px;
}

div#viewprev{
margin-top:15px;
margin-right:15px;
width:150px;
text-align:right;
float:left;
height:30px;
}

div#viewnext{
margin-top:15px;
width:580px;
text-align:left;
height:30px;
float:left;
}

div#returntosearch{
margin-top:15px;
width:170px;
text-align:left;
height:30px;
float:left;
}


div#msgrecus{
margin-top:15px;
margin-right:15px;
width:370px;
text-align:right;
float:left;
height:30px;
}

div#msgsent{
margin-top:15px;
margin-right:15px;
width:108px;
height:30px;
float:left;
}

div#msgnew{
margin-top:15px;
width:125px;
text-align:left;
height:30px;
}

span#messagecheckbox{
    float:left;
    width:20px;
}

span#messagestatut{
    float:left;
    width:30px;
    padding-left:0px;
    padding-top:30px;
}
span#messageminipic{
    float:left;
    width:60px;
}
span#messageautredetails{
    float:left;
    width:120px;
}
span#messagecontenu{
    float:left;
    width:600px;
    text-align:justify;
}


div#lignereseau{
  width:320px;
}
span#selreseau{
    float:left;
    width:20px;
}
span#reseaupic{
    float:left;
    width:60px;
}
span#reseaudetails{
    font-family:Arial;
    font-size:11pt;
    float:left;
    width:315px;
    height:58px;
}



div#messagebox{
    background-color:#FFFFFF;
    font-family:Arial;
    font-size:14px;
    color:#606060;
    text-align:center;
}

div#inviter{
    width:460px;
    height:70px;
    float:left;
    text-align:center;
}


div#maletteespace{
background-image:url('pics/valisepliee.png');
width:17px;
height:153px;
position:absolute;
left:905px;
}


div#maletteespace:hover{
background-image:url('pics/valiseDepliee.png');
width:207px;
height:153px;
position:absolute;
left:715px;
}

div#maletteprofil{
background-image:url('pics/maletteProfilDepliee.png');
width:17px;
height:153px;
position:absolute;
left:905px;
}

div#maletteprofil:hover{
background-image:url('pics/maletteProfilDepliee.png');
width:207px;
height:153px;
position:absolute;
left:715px;
}


span.maletteoption{
font-family:Arial;
font-size:12px;
color:#FFFFFF;
height:20px;
width:185px;
margin-left:30px;
margin-top:5px;
float:right;
}


/*-----------------------PROPRIETE DE MISE EN PAGE DES MODULES------------------------------*/
.page_module_blanc{

}

.page_module_noir{

}

.long_module_vide{
width:890px;
height:140px;
float:left;
}
.petit_module_vide{
float:left;
width:430px;
height:140px;
}
.grand_module_vide{
width:430px;
height:300px;
float:left;
}
.long_module_noir{
float:left;
}
.long_module_blanc{
float:left;
}
.long_grand_module_noir{
float:left;
}
.long_grand_module_blanc{
float:left;
}
.grand_module_noir{
float:left;
}
.grand_module_rose{
float:left;
}
.grand_module_blanc{
float:left;
}

/*----------------------- DRAG'N'DROP ------------------------------*/
        #rectangleDiv{        /* Dotted rectangle indicating where objects will be dropped */
                border:4px solid #fd0082;
                margin:5px;
                margin-left:20px;
        }