/****************************************************/
/*   eWokHub site web                               */
/*   styles pour affichage écran                    */
/****************************************************/

body {
   background : #E7EBEF;
   margin : 0px;
   padding : 0px;
   text-align : center;
}

p.center {
    text-align : center;
}

#page {
   margin-top : 0px;
   margin-bottom : 0px;
   background : #FFFFFF;
   margin-left : auto;
   margin-right : auto;
   width : 700px;
   padding : 15px;
   color : #313031;
   font-family : "Times New Roman", Arial, "Courier New", serif;
   text-align : left;
}

/****************************************************/
/*  En-têtes                                        */

#pageHeader {
}

#pageHeader h1 {
   font-size : 1.4em;
}

#pageHeader h1 {
   color : #317184;
   margin-bottom : 0px;
   font-size : 1.5em;
}

#pageHeader h1 span {
   color : #4F4F4F;
   font-size : 1.4em;
   font-style : italic;
}

#pageHeader h2 {
   margin-top : 0px;
   font-size : 0.9em;
   font-weight : bold;
   color : #4F4F4F;
}

#quickLinks {
   text-align : right;
   color : #81999F;
}

#quickLinks a {
   color : #317184;
   font: 8pt/16pt georgia; 
   font-size : 0.7em;
   padding-left : 3px;
   padding-right : 3px;
}

#quickLinks a:linked, #quickLinks a:visited {
   color : #317184;
}

#quickLinks a:hover {
   text-decoration : none;
}

#quickLinks a.selected {
   color : #6F376F;
}

#preambule {
   height : 110px;
   padding-top : 2px;
}

#preambule a img {
   border : none;
}

#preambule2 {
   border-top : 1px solid #81999F;
   border-bottom : 1px solid #81999F;
   margin-bottom : 10px;
   background : url('../images/background2.gif');
   height : 15px;
}

#preambule p {
   background : #317184;
   color : white;
   text-align : justify;
   font: 0.8em georgia; 
   width : 250px;
   padding-left : 8px;
   padding-right : 8px;
   padding-top : 8px;
   padding-bottom : 8px;
   border : 1px solid #81999F;
   margin-top : 0px;
   -moz-border-radius: 10px;
}

#logos {
   border-top : 1px solid #81999F;
   float : right;
   text-align : center;
   width : 400px;
   text-align : right;
   color : #81999F;
   text-align : right;
   font: 0.8em verdana;
}

#logos img {
   border-bottom : 1px solid #81999F;
   margin-bottom : 10px;
}

#logos span {
   color : #317184;
}

/******************************************************/
/*  Corps de la page                                  */

#content {
   margin-left : 160px;
}

#content h3 {
   padding-left : 15px;
   font-size : 1.1em;
   color : #295D5A;
   font-weight : bold;
   font-variant : small-caps;
   margin-top : 25px;
   font-family : Arial;
}

#content h4 {
   padding-left : 15px;
}

#content p {
   text-align : justify;
   padding-left : 15px;
   padding-right : 15px;
   margin-bottom : 35px;
   font-size : 0.8em;
   font-family : Verdana, "Times New Roman", Arial, "Courier New";
}

#content li {
   font-size : 0.8em;
   font-family : Verdana, "Times New Roman", Arial, "Courier New";
}

#content div.contact {
   width : 300px;
   float : left;
   margin-right : 40px;
}

#content div.contact h3 {
   border-bottom : #CFB78E 1px solid;
   border-left : #CFB78E 1px solid;
   background-color : #FFF9EF;
   font-size : 0.9em;
}

#content div.contact ul {
   list-style-type : none;
   padding-left : 3px;
}

#content div.contact li {
   margin-bottom : 5px;
}

#content div.contact h4 {
   font-size : 0.9em;
   color : #5A5D5A;
   margin-bottom : 0px;
}

#content div.contact p {
   margin : 0px;
}

#content div.contact p img {
   padding-right : 2px;
}

#content2 {
}

#content2 h3 {
   text-align : center;
   font-size : 1.2em;
   color : black;
   font-weight : bold;
   font-variant : small-caps;
   margin-top : 25px;
   font-family : Arial;
}

#content2 h3 em {
    font-size : 0.8em;
    font-variant : normal;
}

#slidesview {
    text-align : center;
    width : 550px;
    height : 410px;
    margin-left : auto;
    margin-right : auto;
    border-top : 1px solid #C3DDDF;
}

#slidesview div.slide {
    float : left;
    border : 1px solid #849A9C;
    padding : 10px;
    text-align : center;
    margin : 15px;
}

#slidesview div.slide a {
    display : block;
}

#slidesview div.top a img {
    border : none;
    margin-bottom : 25px;
}

#slidesview div.bottom a img {
    border : none;
    margin-bottom : 5px;
}

#slidesview div.top {
    width : 130px;
    height : 170px;
}

#slidesview div.bottom {
    width : 190px;
    height : 120px;
}

#slideshow {
    width : 550px;
    margin-left : auto;
    margin-right : auto;
    margin-top : 25px;
    border : 1px solid #849A9C;
    padding : 15px;
}

#slideshow h3 {
    margin-top : 20px;
    margin-bottom : 35px;
}

#slideshow img {
    margin-top : 10px;
    margin-left : 10px;
    margin-bottom : 20px;
    margin-right : 20px;
    float : left;
}

#slideshow p {
    text-align : justify;
}

#slideshow p.note {
    clear: both;
    text-align : right;
    font-size : 0.8em;
    font-style : italic;
}

#credit {
    width : 550px;
    margin-left : auto;
    margin-right : auto;
    text-align : center;
}

#credit p {
    text-align : justify;
    font-size : 0.8em;
    font-style : italic;
}

#credit p em {
    font-weight : bold;
    font-style : normal;
}

#innercontent {
   margin-left : -160px;
}

div.auteur {
    font-variant: small-caps;
}

div.titre {
    font-style : italic;
}

div.ref {
    margin-bottom : 20px;
}

#links {
   float : left;
   width : 150px;
   margin-top : 5px;
}

#links div {
   font : 0.8em verdana;
   margin-bottom : 35px;
}

#links h3 {
   font-family : Arial, serif;
   font-size : 1.2em;
   font-weight : bold;
   font-variant : small-caps;
   margin-bottom : 0px;
   color : #4A4D4A;
   background : #E7EFF7;
   padding-left : 2px;
}

#links ul {
    padding : 0px;
    margin-left : 0px;
}

#links li {
   border-bottom : 1px solid #E7EFF7;
   list-style-type: none;
   padding-top : 5px;
   padding-bottom : 3px;
   margin-bottom: 5px;
   margin-left : 0px;
}

#links li a:link { 
	color : #317184;
}
#links li a:visited {
	color : #6F376F;
}


/******************************************************/
/*  Pied de page                                      */

#partners {
   clear : both;
   text-align : right;
   margin-bottom : 10px;
   margin-top : 60px;
}

#partners a img {
   border : none;
   padding-left : 25px; 
   padding-right : 0px;
}

#pageFooter {
    font : 0.7em verdana;
    clear : both;
    margin-left : 55px;
    margin-right : 55px;
    border-top : 1px solid #9F9F9F;
    text-align: center; 
    color : #81999F;
    padding-top : 3px;
}