body { 
background-image: url(medias/images/fondtest.jpg);
font-size: 80%;
}
#gabari { background-image: url(medias/images/test.jpg);}

#infotest {
 float: left;
 background: transparent url(medias/images/navigmi.jpg) 0 0 repeat-y;
 width: 260px;
 text-align: left;
}
/**#infotest h1 {
 margin: 0;
 padding: 20px 20px 10px 20px;
 border: 0;
 background: transparent url(medias/images/navighaut.jpg) 0 0 no-repeat;
 text-align: center;
 font-size:16px;
}**/

#infotest h1{
 font-size:16px;
 margin: 10px 10px 10px 11px;
 padding: 5px 0;
 border: 0;
 background-image: url(medias/images/navig1-blue.jpg);
 color: #fff;
 text-align: center;
 }

#infotest h2 {
font-weight:bold;
font-size:12px;
text-align: left;
padding:0px 2px 0px 20px;
color: #666;
}

#infotest h3{
 font-size:16px;
 margin: 10px 10px 10px 11px;
 padding: 5px 0;
 border: 0;
 background-image: url(medias/images/voc-blue.jpg);
 color: #fff;
 text-align: center;
 }

#infotest ul li{
 margin: 0 15px 0 0;
 text-align: left;
 border: 0;
}

#infotest p {
 margin: 10px 20px;
 padding: 0;
 border: 0;
 text-align: center;
}

#infotest a {
 display: block;
 font-size: 0.9em;
}


#infotest p.clear {
 margin: 0;
 padding: 0 20px 20px 20px;
 border: 0;
 background: transparent url(medias/images/navigbas.jpg) 0 100% no-repeat;
}

#vocabulaire ul {
 text-align: left;
 margin: 5px 20px 15px 0;
}
#vocabulaire li {
 list-style-type: none;
 padding: 0;
 font-size:11px;
}

#vocabulaire h1{
 font-size:15px;
 margin: 5px 10px 10px 11px;
 border: 0;
 background-image:none;
 color: #666;
 text-align: left;
 padding:0px 0px 0px 30px;
 }

#vocabulaire h2 {
font-weight:bold;
font-size:11px;
text-align: left;
padding:0px 20px 0px 40px;
color: #666;
}

#vocabulaire h4 {
background-image: url(medias/images/navighaut.jpg);
}

#explications {
 float: left;
 background: transparent url(medias/images/navigmi.jpg) 0 0 repeat-y;
 width: 260px;
 text-align: left;
}
#explications h1 {
 margin: 0;
 padding: 20px 0 0;
 border: 0;
 background: transparent url(medias/images/navighaut.jpg) 0 0 no-repeat;
 text-align: center;
}
#explications h2 {
 margin: 10px 7px 10px 11px;
 padding: 5px 0;
 border: 0;
 background-image: url(medias/images/navig1-blue.jpg);
 color: #fff;
 text-align: center;
}
#explications p {
 margin: 10px 20px;
 padding: 0;
 border: 0;
}
#explications p.clear {
 margin: 0;
 padding: 0 20px 20px 20px;
 border: 0;
 background: transparent url(medias/images/navigbas.jpg) 0 100% no-repeat;
}
#explications a {
 display: block;
 margin: 0 20px;
 padding: 5px 10px;
 width: 200px;
}
#explications ul {
 margin: 0;
 padding: 0 20px 20px 20px;
 border: 0;
 list-style: none;
 background: transparent url(medias/images/navigbas.jpg) 0 100% no-repeat;
}
#explications li {
 border-bottom: 1px solid #ccc;
}
#explications li a {
 display: block;
 margin: 0;
 padding: 5px 10px;
 width: 200px;
}
#explications a:hover {
 background: #efefef;
}

/**Added**/

p.correction {
 padding: 5px 20px;
 background: #cf9;
 color: #030;
 font-size: 18px;
}
#page h1 {
margin-top: 10px;
padding: 2px 2px;
font-size:20px;
text-align:justify;
}

#page h2{
color:#3d5485;
margin: 10px 0px 5px 0px;
padding: 2px 2px;
font-size:18px;
}


#page h3{
color:#666;
font-size:16px;
}


#page p {font-size:13px;}

#lecture .questions {
 color:#586788; 
 font-size:16px; 
 font-weight:bold;
 background-image: url(medias/images/sub-blue.jpg);
}

.fieldtext {
text-align:left;
font-size:13px;
}

.fieldheader{
font-size:18px;
margin-bottom:5px;
}

#breadcrumb {
font-size:10px;
}

img.floatLeft { 
    float: left; 
    margin: 10px 10px 2px 1px;
}