/*Feuille de style pour cours 5me */
/*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-mme*/
.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 , titre_capa  {
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;
}
.titre_capa {
background-color : #FF9999;
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, niveau des nigmes 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;
}

/* Styles dela case "capacits" sous le bandeau */
#capacites {
margin-top : 3px;
font-weight : bold;
width : 100%;
text-align : right;
font-size : 10pt;
color : #ff7d7d;
}

#menu_capacites {
font-size : 8pt;
}




/*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 : 10px;
}

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


/*Styles pour le menu en bas de page vers les diffrentes catgories (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;
}

/*Fin styles pour le menu en bas de page vers les diffrentes catgories (e savoir plus, autour des sciences...)*/

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




/*Diffrents 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;
}

.cadreillustrationG {
float : left;
margin : 5px 10px 10px 0px;
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 Diffrents 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;
}

/* Style du tableau prsentant les capacits*/
.TableauCapacites , .TableauCapacites tr , .TableauCapacites td  
{
font-family : trebuchet ms, arial, sans serif;
font-size : 9pt;
border : 1px solid #000000;
}

.TableauCapacites tr , .TableauCapacites td  
{
padding-left : 3px;
}

.informer
{
background-color : #FFFFD2 ;
}

.faire
{
background-color : #DCFFFF ;
}

.raisonner
{
background-color : #FFD282 ;
}

.presenter
{
background-color : #C8C8FF ;
}