body {width: 1100px;
margin:0 auto;
padding:0;
background:#EEEEEE url(images/site/fond.png);
font: 0.9em/1.4 Georgia, Baskerville, "Times new roman", Verdana, Cochin, arial, Serif;
color: #4c4b4b;}

#corps{width: 940px;
height:1450px;
margin: auto;
background: #ffffff;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06);}

#corpsmoyen{width: 940px;
height:2100px;
margin: auto;
background: #ffffff;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06);}

#corpslong{width: 940px;
height:2800px;
margin: auto;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06);}

#corpstroplong{width: 940px;
height:4100px;
margin: auto;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06);}

#corpsvraimenttroplong{width: 940px;
height:4900px;
margin: auto;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06);}

#corpsimmense{width: 940px;
height:6200px;
margin: auto;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06);}

.contenu {width: 900px;
position: absolute;
margin: auto;
margin-top:40px;
margin-bottom:100px;
margin-left: 20px;
margin-right: 20px;}

/* Menu */

.titre {font-family: Helvetica, Georgia, "Times New Roman", Verdana, Cochin, arial;
font-size: 1.4em;
font-weight: bold;
color: #ccccc9;
float: left;
line-height: 43px;
padding-left: 25px;
padding-right: 113px;}

.loupe {position: relative;
margin-bottom: -7px;
margin-left: 8px;}

#menu .titre a {color:#ccccc9;
text-decoration: none;}

#recherche {float:right;
line-height: 42px;
padding-right: 25px;
padding-left: 25px;}

#menu {background-image: url(images/site/menu.png);
margin: auto;
width: 945px;
height: 40px;
margin-top: 20px;
margin-bottom: 50px;}

#menu ul li {padding-right: 15px;
padding-left: 15px;
list-style:none;
text-align: center;
float: left;
font: bold 0.9em/45px Helvetica;
}

#menu a {color: #ccccc9;
text-decoration: none;}

#menu a:hover  {color: #ffffff;}

#menu #en-cours {color: #ffffff;
font-weight: bold;}

/* Fin menu */

#intro {text-align: justify;
padding: 5px;
color: #4c4b4b;
font-size: 1em;}

.break{margin:auto;
margin-top:110px;
margin-bottom: 20px;
width:770px;
color:#c7c2c2;}

#part {width: 800px;
margin: auto;
font-size: 0.8em;
background-repeat: no-repeat;}

#part p {text-align: justify;
padding: 0px 15px 5px 15px;
color: #4c4b4b;}

.partie {width: 266px;
float: left;}

.partie1 {width: 266px;
float: left;
margin-bottom: 100px;}

.titre-part {font-size: 1.3em;}

/*Liens*/

a {color: #008bcc;
text-decoration: none;
outline: none;}

a:hover, a:active {text-decoration: underline;}

/*Fin liens*/

/*Page actualité*/

#actualite
{float: left;
margin-top: 520px;
margin-left: 30px;
width: 600px;}

.separation
{margin:auto;
margin-top:60px;
margin-bottom: 60px;
width:300px;
color:#c7c2c2;}

.separations
{margin:30px 40px 30px 10px;
width:200px;
color:#c7c2c2;
float: left;}

.title {padding: 0px 20px 0px 10px;
text-align: left;
color: #797777;}

.lignes {padding: 0px 20px 0px 10px;
text-align: left;
color: #4c4b4b;}

#barre {margin-top: 565px;
padding-right: 50px;
float: right;
width: 250px;}

.precedent {margin-top:40px;
margin-left:330px;}

/*Fin page actualité*/

#chemin {margin:70px;}

.chemin {background: #e3e3e3 url(images/site/ui-bg_glass_75_e6e6e6_1x400.png) 50%;
display: block;
padding: 5px 5px 5px 15px;
text-shadow: #fff 0 1px 0;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
clear: both;
text-align: left;
font-size: 0.8em;}

/*Mise en forme du texte*/

p {text-align: justify;
padding: 0px 70px 0px 70px;
color: #4c4b4b;}

.p-centre {text-align: center;
padding: 10px 70px 10px 70px;
color: #4c4b4b;}

.p-haut {text-align: justify;
padding: 0px 70px 0px 70px;
color: #4c4b4b;
margin-top: 40px;}

.p-bas {text-align: justify;
padding: 0px 70px 0px 70px;
color: #4c4b4b;
margin-bottom: 40px;}

.p-marge {text-align: justify;
padding: 0px 70px 0px 70px;
color: #4c4b4b;
margin-top: 40px;
margin-bottom: 40px;}

.p-liens {text-align: justify;
padding: 0px 70px 0px 70px;
color: #4c4b4b;
margin-top: 40px;
margin-top: 40px;}

.suite{
padding: 0px 70px 0px 70px;
margin-top: 100px;}

.img-suite {width: 100px;
height: 42px;
}

.presentation {margin-bottom:50px;
color:#000000;}

.consigne {text-align: justify;
padding: 0px 70px 0px 70px;
font: 0.9em/1.4 Trebuchet, Arial;
color: #4c4b4b;}

.lettrine {padding: 0.1em;
line-height: 0.7em;
color: black;
font-size: 4em;
float: left;
margin-right: 0.1em;
margin-bottom: 0.1em;}

.piqures {text-align: center;
padding: 0px 50px 0px 50px;	}

.gradient1 h1 {font: bold 195%/100% Helvetica, "Lucida Grande", Arial, sans-serif;
position: relative;
margin: 50px 0px 40px 70px;
color: #464646;}

.gradient1 h1 span {background: url(images/site/gradient-white.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;}

.gradient h2 {font: bold 195%/100% Helvetica, "Lucida Grande", Arial, sans-serif;
position: relative;
margin: 80px 0px 40px 70px;
color: #464646;}

.gradient h2 span {background: url(images/site/gradient-white.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 10px;}

h2 {margin: 50px 60px 35px 70px;
color: #3d3c3c;
font-family: Helvetica;
font-size: 1.2em;}

h3 {margin: 30px 20px 30px 70px;
color: #3d3c3c;
font-family: Helvetica;
font-size: 1em;}

h4, h5
{margin: 30px 0px 30px 70px;
color: #3d3c3c;
font-family: Helvetica;
font-size: 0.9em;}

.gros {font: bold 1.1em/1.4 Georgia;
color: #4c4b4b;}

.indent {text-indent: 20px;}

.intro, .exemple {margin-left:30px;
font-style: italic;}

.exemple {margin:30px;
font-style: italic;}

.alinea {margin-left:30px;}

.consignes {font-family: Georgia, Baskerville;
font-size: 0.8em;
text-align: justify;
margin-left: 50px;
margin-right: 50px;}

.citation {margin: 50px;
font-size:12px;}

.bordure_2 {border: solid;
border-width: 1px;
padding: 5px;
margin: 30px 50px 30px 50px;
text-align: left;}

.encadre {border: solid;
border-width: 1px;
padding: 5px;
margin: 30px 80px 30px 80px;
text-align: justify;}

.rouge {color: rgb(255, 12, 24);}

.vert {color: rgb(11, 126, 7);}

.bleu {color: #1b79b4;}

.italic {font-style:italic;}

.italicr {color: rgb(255, 12, 24);
font-style:italic;}

.gras {font-weight: bold;}

.souligne {text-decoration: underline;}

.notes {margin-top:50px;
font-size:0.8em;}

.point {font-size:0.8em;}

.notes-bas-page {font-size:0.8em;
margin-bottom: 30px;}

.classe {text-align:center;
margin-top:120px;
font-size:12px;}

ol {padding: 0px 100px 0px 130px;}

.table-matiere ul {padding: 0px 80px 0px 80px;
list-style:none;}

.table-matiere li {margin-top: 8px;
margin-bottom: 8px;
list-style:none;}

.table-matiere h2{margin: 50px 60px 15px 70px;
color: #3d3c3c;
font-family: Helvetica;
font-size: 1.2em;}

#tables-sequences {padding: 0px 80px 0px 80px;	}

#tables-sequences li {margin-bottom: 10px;}

#tables-sequences ul {margin-bottom: 30px;}

#egalement {background-color: #e3e3e3;
width: 500px;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
text-align: left;
margin: 100px 70px;}

#egalement p {font-style: italic;
font-weight: bold;
font-size: 1.2em;
padding-top:25px;
padding-left: 40px;}

#egalement ul {padding-top:5px;
padding-left: 70px;
padding-bottom: 20px;
padding-right: 10px;}

#egalement li {margin-top: 5px;
margin-bottom: 5px;}

/*Fin de mise en forme du texte*/

/*Images*/

.illustration {float:left;
margin: 0px 10px 0px 0px;
border-style: none;}

.ill-droite
{float:right;
margin-left: 10px;
margin-right: 0;
border-style: none;}

img
{border-style: none;}

.tableaux {text-align: center;
margin-top: 50px;
margin-bottom: 40px;}

cahier-txt {margin-bottom:20px;
margin-top:5px;
margin-left:10px;}

.alexandria {float:right;
margin:50px 70px 15px 0px;}

.imprimer {margin: 50px 15px -15px 0px;
width:50px;}

.paypal, .skype {margin:70px;}

.imgvalid {margin:0px 5px -10px 0px;}

.amazon {width:234px;
margin:auto;}

.google {padding: 0px 40px 0px 10px;}

.niveau {border-style: none;
margin:0px 10px -5px 0px;}

.attention {margin-right:10px;}

.liens {float:left;
margin:38px 13px 10px 70px;}

.note-alexandria {margin-top: 70px;
margin-bottom: 80px;}

.nath {text-align: center;}

/*Fin images*/

/* Plan du site */
.col1{padding:9px 0px 4px 18px;
width:122px;}

/* Fading Tooltips By Dustin Diaz*/

body div#toolTip {position:absolute;
z-index:1000;
width:190px;
background:#ffffff;
border: 2px solid #000000;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
text-align:left;
padding:5px;
min-height:1em;}

body div#toolTip p {margin:0;
padding:0;
color:#000000;
font:12px/13px "Times new roman",verdana,arial,sans-serif;}

body div#toolTip p em {display:block;
margin-top:3px;
color:#008bcc;
font-style:normal;
font-weight:bold;}

body div#toolTip p em span {font-weight:bold;
color:#000;}

/* Fin Fading Tooltips By Dustin Diaz*/

#plus {width:940px;
margin: auto;
margin-top: 40px;
border: 1px solid #c7c2c2;
-webkit-border-radius: 7px;
-moz-border-radius:7px;
border-radius:7px;
font-size:0.8em;
color: #c7c2c2;
overflow: hidden;}

#plus p{padding: 0px 0px 0px 20px;
color: #797777;}

#plus hr {
margin-top: 5px;
margin-bottom: 10px;
border: 0 none #c7c2c2;
border-top: 1px solid #c7c2c2;
height: 1px;}

#plus ul{
margin-top: 20px;
margin-bottom: 20px;}

#plus li{list-style:none;
margin: 10px 0px 5px 0px;
color: #797777;}

#plus1{
width: 310px;
float: left;}

/* Pied de page*/

#bas {width: 80%;
min-width: 940px;
height: 0.8em;
margin: auto;
font-size:0.8em;}

#bas a {font-size:1em;}

hr {margin-top: 70px;
margin-bottom: 10px;
border: 0 none #c7c2c2;
border-top: 1px solid #c7c2c2;
height: 1px;}

.ligne-bas {color:#c7c2c2;
margin-top:30px;}

.droite {float: right;
max-width: 340px;
padding-right:2em;
line-height:0.8em;
color: #797777;
text-align: right;
width: 40%;
margin: auto;}

.gauche {float: left;
max-width: 380px;
padding-left:2em;
line-height:0.8em;
color: #797777;
text-align: left;
width: 40%;
margin: auto;}

.date {margin-top:30px;
margin-bottom:20px;
text-align:center;
color: #797777;
font-size:1em;}

.copyright {margin:0px 0px -4px 10px;}

/*Fin pied de page*/

.cadre {margin: 10px 20px 30px 15px;
text-align: justify;
float: left;
width: 250px;}

.cadre h2 {margin: 10px 10px 20px 55px;}

.cadre ul{list-style:none;
margin: 10px 10px 10px 15px;}

.trait {float:left;
margin: 50px 0px 40px 70px;
width:750px;
color:#c7c2c2;}

.cadrechiffres {margin: 50px;
text-align: left;
float: left;
width: 120px;
height: 150px;}

/*Vidéos*/

.video-640 {margin:auto;
width:640px;}

.video-560 {margin-top:40px;
margin:auto;
width:425px;}

.video-480 {margin:auto;
width:480px;}

.video-425 {margin-top: 40px;
margin:auto;
width:425px;}

.video-320 {margin-top: 80px;
margin:auto;
width:320px;}

/*Fin vidéos*/

.pub {margin:auto;
padding-top:90px;
width:728px;}

.banniere {text-align:center;
margin:auto;
margin-top: 60px;}

.banniere-1 {text-align:center;
margin:auto;
margin-top: 130px;
margin-bottom: 100px;}

.banniere-2 {text-align:center;
margin:auto;
margin-top: 200px;}

.banniere-3 {text-align:center;
margin:auto;
margin-top: 20px;
margin-bottom: 30px;}

.ban-amazon {margin:auto;
width:728px;
margin-top: 140px;}

/*Effet accordéon index séquences*/

#accordeon {width:625px;
margin:auto;
margin-top: 60px;
color: 4c4b4b;}

#accordeon a {color: #008bcc;}

#accordeon h2 a {color: #4c4b4b;}

#accordeon h3 {margin: 30px 5px 0px 30px ;
padding: 0;}

#accordeon h4 {margin: 30px 5px 0px 30px ;
padding: 0;}

#accordeon a:hover {text-decoration: underline;}

#accordeon li {margin-top: 10px;}

/*Fin effet accordéon index séquences*/

/*Dictée*/

#expand {background-color: #EDEDEC;
display: none;
width: 750px;
margin: auto;}

#expand div {
padding: 10px;
width: 750px;
margin: auto;}
                
.expandInfo {background-color: #EDEDEC;
margin: 0;
padding: 10px;
width: 730px;
margin: auto;
margin-top: 40px;}
        
#expand a {color: #2367A1;
text-decoration: none;}
        
#expand p {
text-align: justify;
padding: 0px 40px 0px 30px;
color: #4c4b4b;}

/*Fin dictée*/


#twitter {float:right;
width:9%;
margin-right:56px;					
margin-top: -32px;
line-height:0.8em;}

#facebook {float:right;
width:9%;
margin-right:150px;
margin-top: -31px;
line-height:0.4em;}

#plusun{float:right;
width:10%;
margin-right:200px;
margin-top: -34px;
line-height:0.8em;}

#twitter1 {float: right;
width:12%;
margin-right:50px;
margin-top: 40px;
line-height:0.8em;}

#facebook1 {float:right;
width:9%;
margin-right:17px;
margin-top: 41px;
line-height:0.4em;}

#plusun1{float:right;
width:7%;
margin-right:0px;
margin-top: 38px;
line-height:0.8em;}

#twitter2 {float: right;
width:12%;
margin-right:50px;
margin-top: 60px;
margin-bottom: 60px;
line-height:0.8em;}

#facebook2 {float:right;
width:9%;
margin-right:17px;
margin-top: 61px;
margin-bottom: 60px;
line-height:0.4em;}

#plusun2{float:right;
width:7%;
margin-right:0px;
margin-top: 58px;
margin-bottom: 60px;
line-height:0.8em;}

#articles {width: 450px;
float: left;}

#tweets {width: 750px;
float: right;
margin: auto;
margin: 60px 75px 110px 0px;}

#tweets1 {width: 700px;
margin: auto;}