/****
*
*   design.css
*   feuille de style en cascade
*   www.logadom.fr
*
*   auteur : Rémi Kouby pour Logadom
*   date : juillet 2008
*
*******************/


/***
*
*
*   Body
*
*
*
***/

body
{
    width:788px;   
    background-color:#2784b2;
    background-image:url(images/wall8.png);
    background-repeat:repeat-y;
    background-position:center top;
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
    margin:auto;
}
img
{
    border:none;
}

/***
*
*
*   Header
*
*
*
***/


#header1,#header2,#header3
{
    background-repeat:no-repeat;
    width:788px;
    height:200px;
}

#header1
{
    background-image:url(images/header17.png);
}

/*#header2
{
    background-image:url(images/header17.jpg);
}

#header3
{
    background-image:url(images/header17.png);
}
*/

/***
*
*
*   Menu
*
*
*
***/


#menu
{
    font-weight : bold;
    font-size:14px;
    background-color:#2784b2;
}


#menu,#menu ul
{
    list-style:none;
    padding:0;
    margin:0;
    line-height:30px;
    height:30px;
    width:788px;
    text-align:center;
    background-color:#2784b2;
     
}


.onglet1non,.onglet2non,.onglet3non,.onglet4non,.onglet5non,.onglet6non
{
    display:block;
    padding:0;
    margin:0;
    width:131px;
    
    color:white;
    text-decoration:none;
    
    background-color:#2784b2;
    background-repeat:no-repeat;

}

#menu .onglet1non

{
   background-image:url(images/onglet1m.png);
   color:white;
}

#menu .onglet2non

{
    background-image:url(images/onglet2m.png);
    color:#f1f0f0;
}

#menu .onglet3non
{
    background-image:url(images/onglet3m.png);
    color:#d2d3ef;
}

#menu .onglet4non

{
    background-image:url(images/onglet4m.png);
    color:#53567e;
}

#menu .onglet5non

{
    background-image:url(images/onglet5m.png);
    color:#45497d;
}

#menu .onglet6non
{
    width:133px;
    background-image:url(images/onglet6m.png);
    color:#171c5c;
}

#menu .onglet1oui,#menu .onglet2oui,#menu .onglet3oui,#menu .onglet4oui,#menu .onglet5oui,#menu .onglet6oui,
#menu .onglet1non:hover,#menu .onglet2non:hover,#menu .onglet3non:hover,#menu .onglet4non:hover,
#menu .onglet5non:hover,#menu .onglet6non:hover
{
    display:block;
    padding:0;
    margin:0;
    width:131px;
    
    color:black;
    text-decoration:none;
    
    background-color:#2784b2;
    background-repeat:no-repeat;
}


#menu .onglet1non:hover,.onglet1oui
{
    background:url(images/onglet1m-sur.png);
    
}

#menu .onglet2non:hover, #menu .onglet2oui
{
    background:url(images/onglet2m-sur.png);
    
}

#menu .onglet3non:hover, #menu .onglet3oui
{
    background:url(images/onglet3m-sur.png);
    
}

#menu .onglet4non:hover, #menu .onglet4oui
{
    background:url(images/onglet4m-sur.png);
    
}

#menu .onglet5non:hover, #menu .onglet5oui
{
    background:url(images/onglet5m-sur.png);
    
}

#menu .onglet6non:hover, #menu .onglet6oui
{
    background:url(images/onglet6m-sur.png);
    
    width:133px;
}


#menu li 
{
    float:left;
    border-right: 0px solid white;
}

html>body #menu li
{
    float:left;
    border-right: 0px solid transparent;
}

#menu li ul,#menu li.sfhover ul 
{
    position:absolute;
    width:131.66px;
    left:-999em;
}

#menu li ul li
{
    border-top : 0px solid white;
}

html>body #menu li ul li
{
    border-top:0px solid transparent;
}

#menu li ul ul
{
    margin : -22px 0 0 144px;
    border-left:0px solid white;
}

html>body #menu li ul ul
{
    border-left : 0px solid transparent;
}


#menu li:hover ul, #menu li li:hover ul,#menu li.sfhover ul
{
    left:auto;
    min-height:0;
}





/***
*
*
*   Corps
*
*
*
***/

.corps
{
    margin:0;
    text-align:justify;
    font-size:14px;
    background:white;
    background-image:url(images/halftoneorangeblanc.png);
    background-repeat:no-repeat;
    width:788px;
}


.corps a 
{
    color:#077c43;
    text-decoration:none;
    font-weight:bold;
    
}


.corps a:hover
{
    color:#92db9e
}

.corps a:active,.corps a:focus
{
    color :white;
    background : #077c43;
    font-weight:bold;
}


/***
*
*
*   Footer
*
*
*
***/




#footer
{
    border:dashed;
    color:black;
    background-color:white;
    background-image:url(images/footer.png);
    background-repeat:no-repeat;
    font-size:10px;
}

#footer p
{
    text-align:center;
    
}


#footer a
{
    font-weight:bold;
    color:#1b6290;
    text-decoration:none;

}

#footer a:hover
{
    color:#2791d4;

}
#footer a:active, #footer a:focus
{
    color:white;
    background:#1b6290;

}





/***
*
*
*   Accueil
*
*
*
***/

.paragrapheaccueil
{
    display:inline;
    
    padding:10px;
    margin:10px;
    
    width:600px;
}

.hautaccueil
{
    margin:10px;
    margin-top:0;
    padding:10px;
}


#pixanim
{
    /*float:right;*/
    padding:0px;
    margin-left:50px;
    /*margin-top:130px;*/
    text-align:center;
    width:200px;
    height:190px;

}

h2
{
 color:#b57700;
 }




/***
*
*
*   News (Accueil)
*
*
*
***/

.newsdiv

{
    margin:0px;
    padding:20px;
}

.news
{
    color:white;
    
    border: solid black 5px;
    border-color:#d4f9da;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-border-radius:20px;
    
    background-color:#51d466;

    margin:10px;
    padding:10px;
    
    width:550px;
    
    font-size:16px;
}



/***
*
*
*  la société
*
*
*
***/

h2.titrepage
{
   
    
    text-align:center;
    
    margin:10px;
    margin-top:0;
    padding:35px;
}

.presentation
{
    margin:10px;
    padding:10px;
    
    width:700px;
}

.historique
{

    border:solid;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-border-radius:20px;
    
    padding:10px;
    margin:auto;
    margin-top:10px;
    width:500px;
    background-color:#e6ffc8;

}

.finsociete
{
    margin:10px;
    padding:10px;
    margin-bottom:0;
    padding-bottom:20px;
}

/***
*
*
*  fonctionnement
*
*
*
***/

#nous
{
    margin:0px;
    padding:20px;   
    text-align:justify;

}

.h3pascentre
{
    color:#ff9933;
    text-align:left;
    font-weight:bold;
}

/***
*
*
*  logiciels
*
*
*
***/

table
{
    display:inline;
    text-align:center;
    text-align:justify;
    
}

td
{
    margin:10px;
    padding:10px;
}


.tdpresentation
{
    padding:20px;

}
.tdpresentation p
{
    width:600px;
}

h3
{
    color: #FF9933; 
    text-align:center;
    font-weight:bold;
}

.imgtd
{
    text-align:center;

}

.unknow
{
    
    float:left;

}
.unknow2
{
    display:inline;
    float:right;
}
.unknow3
{
    float:right;

}
/***
*
*
*  références
*
*
*
***/

.references
{
    margin:0px;
    padding:20px;
    width:595px;
}

.referencesimage
{
    text-align:center;
}

/***
*
*
*  contact
*
*
*
***/

.tableau
{
    display:inline;
    text-align:center;
}

.corpscontact
{
    text-align:center;
}

.form
{
    margin:10px;
    padding:10px;
    margin-bottom:0;
    padding-bottom:20px;
}

.inputcontact, .textareacontact
{
   margin:3px;
   font-family: "Times New Roman", Times, serif;
}
 
.inputcontact:focus, .textareacontact:focus
{
   color:white;
   background-color: #51d466;
}
 
.labelcontact
{
   color:#7c0875;
}

.badlabelcontact
{
    color:#7c0875;
    border: solid red;
}
 
.legendcontact
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;  
   font-weight: bold;
}
 
.fieldsetcontact
{
      margin-bottom: 15px;
      padding:10px;
      background-color: #c1ffcb;
}

.warncontact
{

    padding:10px;
    margin:10px;
    color:red;
    font-size:20px;
    border:solid red;

}

.warngoodcontact
{
    padding:10px;
    margin:10px;
    color:green;
    font-size:18px;
    border:solid green;
}




/***
*
*
*   logiciel (individuels)
*
*
*
***/

#payeim,#planningim,#telegestion1im,#comptaim,#gestionim,#telegestion2im
{
    float:left;
    margin:10px;
    padding:10px;
    margin-top:0;
}

#comptaim,#gestionim
{
    float:left;
}
#telegestion2im
{
    float:right;
}

#payetxt,#gestiontxt,#planningtxt,#comptatxt,#telegestiontxt,#telegestion2txt
{
    margin:10px;
    padding:10px;
    margin-top:0;
    text-align:justify;
    margin-bottom:0;
}

.titrelogiciel
{
    padding:50px;
    margin:0;
}





/***
*
*
*   Plan
*
*
*
***/





/***************************
*
*
*   Admin
*
*
*
****************************/

.newsadmin
{
    border:dotted white;
    padding:10px;
}

#p404 h1
{
    color:yellow;
    text-align:center;
    margin:10px;
    padding:10px;
    

}

.headeradmin h1
{
    color:white;
    text-align:center;
    border:solid yellow;  

}

.admintxt 
{
    color:white;
   
}

.admintxt td
{
    border : 1px white solid;
    padding : 5px;
    text-align:center;
}

.jaune
{
    color:yellow;
}

.admin a
{
    color:white;
    text-decoration:none;
    font-weight: bold;
}

.admin a:hover
{
  color:#696969
}

.messageadmin
{
    border:solid red;
    
    font-size:25px;
    padding:10px;
    margin-bottom:25px;
    
    color:white;
    background:#1d6386;
    
}

.fieldsetconnexion,.fieldsetconnexion2
{
      margin-bottom: 15px;
      padding:10px;
      background-color: #1d6386;
}

.fieldsetconnexion2
{
    background-color : #2bb8ff;

}

.fieldsetconnexion a:hover
{
    color:yellow;
}

.legendconnexion 
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #ffffff;  
   font-weight: bold;
   font-size:18px;
}

.labelconnexion
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #ffffff;  
   font-weight: bold;

}



/***************************
*
*
*   Divers
*
*
*
****************************/





.white
{
    color:white;
}
.floatright
{

    float:right;
    width:100px;
    height:100px;
}




.orange
{

    color:#ff9933;

}

.table a:focus , .table a:active
{
    background:white;
}

.blanc
{
    padding-top:60px;

}

.telegestioninplanning
{
    padding-top:60px;
}

.telegestiontxt,.presentationtxt,.fonctionnementtxt
{
    padding:10px;
    margin:10px;

}

.psept
{
    margin:10px;
    padding:10px;
    width:650px;
}

.legendtest
{
    color:#FF9933;
    font-size:1.5em;

}

.newslecture
{
margin:10px;
padding:10px;

}

.telegestioncsm
{
    text-align:center;
}