/* CSS Document */
p{
text-align:justify;
}
#contents{
font-size: 12px;
padding-top:0;
}
#contents .page{
margin-top:10px;
background: #ffffff;
background-image:url("../../images/pages/top.jpg");
background-position:top;
background-repeat:no-repeat;
padding-top:5px;
width:745px;
position:relative;
left:6px;
}
#contents .page .bottom{
width:745px;
height:11px;
background-image:url("../../images/pages/bottom.jpg");
overflow:hidden;
}
#contents h1.titrebleu{
margin:0;
margin-left:5px;
}
#contents h1{
font-size: 18px;
margin-top:20px;
margin-bottom:10px;
}
#contents h3{
font-size: 12px;
margin-top:10px;
margin-bottom:5px;
color:#0C5689;
}
#contents h4{
font-size: 11px;
margin-top:7px;
margin-bottom:5px;
color:#0C5689;
}
#contents p{
margin-bottom:5px;
}
#contents ul{
margin-bottom:10px;
padding-left:40px;
list-style-type:disc;
}
#contents ol{
margin-bottom:10px;
padding-left:40px;
}
.page div.question {
position:relative;
margin-top:7px;
background:#D1EEF6;
height:31px;
position: relative;
margin-right:5px;
margin-left:5px;
}
.page div.question h2{
margin:0px;
position:absolute;
top:0px;
height:26px;
left:23px;
padding-left:16px;
background:#D1EEF6;
border-left:3px white solid;
font-weight:bold;
padding-top:5px;
font-size:13px;
}
.page div.question h2 a{
text-decoration:none;
font-size:13px;
color:#0C5689;
}
.page div.reponse{
margin-right:5px;
margin-left:5px;
background:#EBF7FD;
}
.page div.reponse .cts{
margin-left:23px;
padding-left:16px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
position:relative;
border:1px dotted #EBF7FD;
border-left:3px solid white;
font-size:11px;
color:#0C5689;
}

.page div.reponse .cts .img{
padding-top:5px;
padding-bottom:15px;
}
.page div.reponse .cts .space{
padding:5px;
}

#contents dt
{
font-size:11px
}


#contents h2.pourquoitr{
color:#0C5689;
background:#74CBE8;
font-weight:bold;
margin-left:5px;
margin-right:5px;
margin-top:5px;
height:25px;
font-size:13px;
padding-top:6px;
padding-left:20px;
}

#contents div.ecoletr1{
background:#E7F6FA;
margin-left:5px;
margin-right:5px;
color:#0C5689;
}
#contents div.ecoletr1 .space{
padding:5px;
}

#contents div.ecoletr1 .txt{
margin-left:5px;
list-style-type:disc;
font-size:11px;
padding-left:40px;
padding-right:5px;
padding-bottom:20px;
}

#contents div.ecoletr1 .txt p{
font-weight:bold;
}
#contents div.ecoletr1 .txt ul{
padding-bottom:5px;
}

#contents div.ecoletr1 ul{
margin-left:5px;
list-style-type:disc;
font-size:11px;
padding-left:40px;
padding-right:5px;
padding-bottom:20px;
}
#contents div.ecoletr1 li{
padding-top:5px;
padding-bottom:5px;
}
#contents h2.ecoletr1{
color:#0C5689;
background:#74CBE8;
font-weight:normal;
margin-left:5px;
margin-right:5px;
margin-top:5px;
height:25px;
font-size:13px;
padding-top:6px;
padding-left:30px;
}
#contents h2.ecoletr2{
color:#ffffff;
background:#0C5689;
font-weight:normal;
margin-left:5px;
margin-right:5px;
margin-top:0;
margin-bottom:5px;
height:25px;
font-size:13px;
padding-top:6px;
padding-left:40px;
}
#contents h2.ecoletr2 *{
color:#ffffff;
}
.page div.darkquestion {
position:relative;
margin-top:5px;
background:#74CBE8;
height:31px;
position: relative;
margin-right:5px;
margin-left:5px;
}
.page div.darkquestion h2{
margin:0px;
position:absolute;
top:0px;
height:25px;
left:23px;
padding-left:16px;
background:#74CBE8;
border-left:3px white solid;
font-weight:bold;
padding-top:6px;
font-size:13px;
color:#0C5689;
font-weight:bold;
}
.page div.darkquestion h2 a{
text-decoration:none;
font-size:13px;
color:#0C5689;
}
.page div.darkreponse{
margin-right:5px;
margin-left:5px;
background:#E7F6FA;
}
.page div.darkreponse .cts{
margin-left:23px;
padding-left:16px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
position:relative;
border:1px dotted #E7F6FA; 
border-left:3px solid white;
font-size:11px;
color:#0C5689;
}
.page div.darkcontents{
margin-left:28px;
margin-right:5px;
padding-left:16px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
position:relative;
border:1px dotted #E7F6FA; 
border-left:3px solid white;
font-size:11px;
color:#0C5689;
background:#E7F6FA;
}
.page .offre{
padding-left:40px;
margin-bottom:10px;
}
a.abo{
display:block;
background:url("../../images/pages/abo.jpg");
width:250px;
padding-top:8px;
height:24px;
font-size:13px;
color:#ffffff;
font-weight:bold;
text-align:center;
position:relative;
left:85px;
text-decoration:none;
}
a.question{
display:block;
background:url("../../images/pages/question.jpg");
width:290px;
padding-top:8px;
height:24px;
font-size:13px;
color:#ffffff;
font-weight:bold;
text-align:center;
/*position:relative;
left:385px;*/
float:right;
margin-right:30px;
text-decoration:none;
}
.choix{
background:url("../../images/pages/choix.jpg");
width:170px;
height:17px;
padding-top:2px;
text-align:center;
font-size:11px;
margin-top:10px;
}
.choix a{
color:#ffffff;
text-decoration:none;
}
div.fiche{
float:left;
width:342px;
margin-right:15px;
}
div.fiche2{
margin-right:0px;
width:325px;
}
div.fiche h3{
padding: 5px;
padding-left:0px;
padding-top:0px;
}
div.fiche h3 span{
background:#74CBE8;
padding: 5px;
padding-left:10px;
padding-right:10px;
}
img.iludroite{
float:right;
padding-left:30px;
padding-right:30px;
background:none;
}
.cts{
padding:5px;
}
.spacebefore{
padding-top:5px;
}
div.erreur{
margin-left:28px;
margin-right:5px;
font-size:10px;
margin-top:10px;
margin-bottom:10px;

}
div.erreur h2{
font-size:12px;
margin-bottom:10px;
}
div.erreur p{
font-size:10px;
color:red;
}
div.sucess{
margin-left:28px;
margin-right:5px;
font-size:10px;
margin-top:10px;
margin-bottom:10px;
color:green;
}
div.sucess h2{
font-size:12px;
margin-bottom:10px;
color:green;
}
div.sucess p{
font-size:10px;$
color:green;
}
p.fextgrfx
{
padding:5px;
border:1px solid black;
margin:5px;
}
.lien{
color:#0C5689;
font-size:11px;
}

.text_lexique{
position:absolute;
top:0px;
left:180px;
width:500px;
}
.text_lexique_h{
position:relative;
left:180px;
width:500px;
}

.block_lexique{
position: relative;
margin-bottom:20px;
}



.block_lexique .image {
width:150px;
}

.large{
margin-left:0px;
margin-top:40px;
margin-bottom:40px;
}

#lexique p{
margin-top:20px;
margin:10px;
}

.space1{

margin-top:50px;
}	

.page div.reponse .cts h4{
margin-left:15px;
}

.desc{
position:relative;
margin-left:110px;
height:90px;
}

.logo{
position:absolute;
left:10px;
top:10px;
}

#droitauteur{
margin-top:20px;
margin-left:30px;
margin-right:30px;
margin-bottom:10px;
font-size:9;
}

.souligne{
    font-weight: bold;
}