
* { margin: 0; padding: 0; }
html, body {  background: #ecebe7;}
body { font: 14px Georgia, serif; }

#contact {  width: 100%; height: 20px; padding : 3px 0 0 0; text-align : center;  border-top: 1px groove #000; font: 11.5px Courier New, sans-serif; background : #63B1BD;  }
#texte {  width: 650px; height: 20px; float : right;  font:  700 11.5px Courier New, sans-serif; background : #63B1BD;}
#deconnexion { padding-left : 30px; height: 20px; float : left;  font:  700 11.5px Courier New, sans-serif; background : #63B1BD;}

#conteneur {  width: 960px;  margin: 0 auto; }

#title { width: 100%;  margin: 0 auto; height: 85px; }
#logo { width: 100%; height: 85px; float: left; }
#menu { width: 50%; height: 55px; margin: 0 auto; background: url(../img/menu-connection.png) repeat-x; float : right;}

#menu-connected {
    width: 410px; height : 151px;
}

#contenu { float : left; margin: 0 auto; background : #ecebe7;}

#footer { width: 100%; height: 15px; position: fixed; bottom: 0; left : 0; color: #000; text-align : center; font : 9pt Courier New ; z-index :  2; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); z-index : 100;}


.cadre {
    background : #63B1BD;
    padding  : 12px;
    margin : 40px;
    moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
}


#left-contenu {width: 550px;  color: #4A4344; float : left;  font:  700  11.5px Courier New,  sans-serif; }
#right-contenu {width: 410px; color: #000; float : left; font-size : 9pt; text-align : justify;}

#align {clear : both;}

#igp  {width: 410px; height : 151px; background: url(../img/logo.jpg) no-repeat center;}
#picture  {width: 260px; height : 85%; padding-left:40px;  }


h1 { font-weight : bold; font-size : 14.5pt; color : #63B1BD;  padding : 5px; border-bottom: 2px solid  #3A828B; text-align : right; }
h2 { font-weight : bold; font-size : 10.5pt; color : #000;   border-bottom: 1px solid  #3A828B; padding-bottom : 10px; text-align : justify; padding-top : 10px ;}
h3 { font-weight : bold; font-size : 12pt; color : #000;   border-top: 1px solid  #3A828B; padding-bottom : 10px; text-align : justify; padding-top : 10px ;}


.para {
text-align : justify;
padding  : 20px;
}

.para_puce {
text-align : justify;
padding-right : 50px;
padding-left : 50px;
padding-bottom : 10px;
}

a{
text-decoration : none;
}

a:link {
  color: #000 }

a:visited {
  color: #000 }

a img 
{ 
border: none; 
} 

#pageWrap-little {
    position: left;
    z-index: 5;
    margin-left :50px;
}
#psdPage-little {
    margin-right: 40px;
    margin-top: 30px;
    float: left;
    cursor: pointer;
}
#netPage-little {
    margin-right: 40px;
    margin-top: 30px;
    float: left;
    cursor: pointer;
}	
#audioPage-little {
    margin-top: 30px;
    float: left;
    cursor: pointer;
}