/*Feuille de style pour cours 5ème */
/*margin : haut droit bas gauche */
/*version 2.0*/

body {
margin : 5px 0px;
font-family : comic sans ms, arial;
font-size : 12pt;
color : #000000;
background-color : #FFCE94;
	}

p {
margin : 10px 0px 0px 0px;
}

h1 , h2 {
font-size: 12pt;
margin : 0px;
color: #C66B00;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

h1 {
text-align: left;
}

h2 a{
text-align : right;
text-decoration : none;
}
h2 a:link , h2 a:visited {
color: #C66B00;
}
h2 a:hover{
color: #FFF;
}

.corps {
position : relative;
width : 760px;
height : 400px;
margin : 0px auto;
}

/*Styles du tableau qui sert de bandeau */

/*Style du tableau lui-même*/
.bandeau {
width : 100%;
height : 40px;

font-family : comic sans ms, verdana, arial, sans-serif;
font-weight : bold;
color : #000000;

background-color : #FFCE94;
border-style : solid;
border-width : 2px;
border-top-color : #FFFFFF;
border-right-color : #808080;
border-bottom-color : #808080;
border-left-color : #FFFFFF;
}

/*Style du cadre contenant le titre du chapitre*/
.titre {
height : 32px;

font-size : 16pt;
text-align: left;
color : #000;

margin : 0px;
padding : 1px 0px 4px 10px ; 

background-color : #FFFFFF;
border-style : solid;
border-width : 1px;
border-top-color : #808080;
border-right-color : #FFFFFF;
border-bottom-color : #FFFFFF;
border-left-color : #808080;
}

titre_curieux , titre_retenir , titre_autour , titre_savoir , titre_verif  {
height : 32px;

font-size : 14pt;
color : #800000;

margin : 0px;
padding : 3px 0px 4px 10px ; 

border-style : solid;
border-width : 1px;
border-top-color : #808080;
border-right-color : #FFFFFF;
border-bottom-color : #FFFFFF;
border-left-color : #808080;
}

.titre_curieux {
background-color : #CCFFFF;
text-align: center;
}
.titre_retenir {
background-color : #FF9999;
text-align: center;
}
.titre_autour {
background-color : #CCFFFF;
text-align: center;
}
.titre_savoir {
background-color : #CC99FF;
text-align: center;
}
.titre_verif {
background-color : #CCFFFF;
text-align: center;
}



/*Style du bouton "Accueil qui permet de remonter au niveau 0 du site*/
.retour_acc {
width : 86px;
height : 32px;
margin : 2px 2px 0px 2px;
padding : 2px 5px 0px 0px;
text-align : right;
font-size : 12pt;

background-color : #C0C0C0;
border-style : solid;
border-width : 1px;
border-top-color : #808080;
border-right-color : #FFFFFF;
border-bottom-color : #FFFFFF;
border-left-color : #808080;
}


/*Style du bouton "Chapitre" qui permet de remonter au niveau 1 du site*/
.retour_chap {
width : 110px;
height : 32px;
margin : 2px 2px 0px 2px;
padding : 2px 5px 0px 0px;
text-align : right;
font-size : 12pt;

background-color : #C0C0C0;
border-style : solid;
border-width : 1px;
border-top-color : #808080;
border-right-color : #FFFFFF;
border-bottom-color : #FFFFFF;
border-left-color : #808080;
}

/*Fin des styles du tableau qui sert de bandeau*/




/*Style du coté gauche (avec l'image de loupe) */
.cote_gauche {
position : absolute;
left : 5px;
width : 150px ;
height : 140px ;
margin-top : 20px;
padding-top : 90px;
font-size : 20pt;
font-family : comic sans ms, verdana, arial, sans-serif;
font-weight : bold;
color : #ff7d7d;
background-image :  url(illsearch.gif);
background-repeat : no-repeat;
}

/*Syle pour le bloc des contenus des pages (partie centrale)*/
.contenu {
min-height : 200px;
margin-left : 160px;
padding-top : 20px;
}

/*Style à utiliser pour les pages entières, sans menu à gauche */
.contenu_large {
min-height : 200px;
padding-top : 20px;
}
/*Fin Style pour le bloc des contenus des pages (partie centrale)*/


/*Styles pour le menu en bas de page vers les différentes catégories (e savoir plus, autour des sciences...)*/
.menu_bas {
margin-left : 10px;
margin-top : 50px;
width : 750px;
height : 85px;
}

.bloc_bas {
margin : 0px 0px;
height : 85px;
width : 145px;
text-align : center;
float : left;
}

.bloc_bas a:link , .bloc_bas a:hover , .bloc_bas a:visited {
padding : 0px 139px 85px 0px;	
text-decoration:none;
background-repeat : no-repeat;
}


a.curieux:link, a.curieux:visited {
background-image: url(curieux.gif);
}
a.curieux:hover {
background-image: url(curieuxR.gif);
}

a.retenir:link, a.retenir:visited {
background-image: url(retenir.gif);
}
a.retenir:hover {
background-image: url(retenirR.gif);
}

a.autour:link, a.autour:visited {
background-image: url(autour.gif);
}
a.autour:hover {
background-image: url(autourR.gif);
}

a.savoir:link, a.savoir:visited {
background-image: url(encyclop.gif);
}
a.savoir:hover {
background-image: url(encyclopR.gif);
}

a.verif:link, a.verif:visited {
background-image: url(verif.gif);
}
a.verif:hover {
background-image: url(verifR.gif);
}
/*Fin styles pour le menu en bas de page vers les différentes catégories (e savoir plus, autour des sciences...)*/

/* Style du retour dans les pages de réponses ou les pages curieux, retenir etc...*/
.retour_question {
margin-top : 10px;
text-align : right;
}




/*Différents formats d'incrustation d'images. */
.illustrationD {
margin : 10px 0px 10px 20px;
float : right;
}
.illustrationG {
margin : 10px 0px 10px 0px;
text-align : center;
}
.cadreillustrationC {
margin : 10px 0px 10px 0px;
text-align : center;
padding : 5px;
border-style : solid;
border-width : 1px;
border-color : #444444;
background-color : #EEEEEE;
}
.cadreillustrationD {
float : right;
margin : 5px 0px 10px 10px;
padding : 5px;
text-align : center;
border-style : solid;
border-width : 1px;
border-color : #444444;
background-color : #EEEEEE;
}
.legende {
text-align : right;
margin : 0px;
padding : 0px;
color : #000000;
font-weight : normal;
font-size : 8pt;
}
/*Fin des Différents formats d'incrustation d'images. */


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

li {
margin : 0px 0px 0px 10px;
padding : 0px;
}

.definition {
margin : 5px 0px 5px 20px;
color : #FF0000;
font-weight : bold;
list-style-image :  url(../Soleil_Terre_Lune/00-Docs_MiseEnPage/PuceDefinition.gif);
}

.citation {
margin : 10px 0px 20px 0px;
font-size : 10pt;
font-family : trebuchet ms, arial, sans serif;
}