html body
{
width:980px;
margin:auto;
margin-top:6px;
font-family:trebuchet ms;
background:url(imgdesign/motif2.png);
font-size:0.8em;
position:relative;
left:auto;
top:auto;
}

#banniere
{
width:980px;
height:203px;
float:left;
}

#pixel
{
width:1px;
height:1px;
background:#7db868;
position:absolute;
top:-16px;
left:-36px;
}



/* MENU 1  ____________________________________________________________________________________________________________________________________________________ MENU 1 */

#backmenu1
{
float:left;
background:url(imgdesign/global.jpg) top left repeat-y;
margin:-25px 0 0 0;
padding:0;
width:979px;
}

ul#menu1
{
float:left;
margin:0 0 0 22px;
padding:0;
width:160px;
list-style-type:none;
list-style-image:none;
}
ul#menu1 li
{
margin:0 0 3px 0;
background:#ffb400;
text-align:center;
width:163px;
height:27px;
border:1px solid #435209;
}
ul#menu1 li a
{
padding: 3px 0 0 0;
display:block;
width:165px;
height:27px;
text-decoration:none;
color:black;
}
ul#menu1 li:hover
{
background:url(imgdesign/transparent.png);
}
ul#menu1 li#current
{
background:url(imgdesign/fondjaune.png);
}



/* MENU 2  ONGLETS  ____________________________________________________________________________________________________________________________________________________ ONGLETS     MENU 2 */

#bordermenu2
{
float:left;
margin:0 0 0 35px;
padding:0;
background: url(imgdesign/border.png) bottom left repeat-x;
width:710px;
}
ul#menu2
{
float:left;
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}
ul#menu2 li
{
text-align:center;
float: left;
margin:0;
padding:0;
width:119px;
height:38px;
background:url(imgdesign/onglet2.png) no-repeat;
}
ul#menu2 a
{
padding:10px 0 0 0;
display:block;
width:119px;
height:38px;
color:black;
text-decoration:none;
}
ul#menu2 li:hover
{
text-align:center;
float:left;
margin:0;
padding:0;
width:119px;
height:38px;
background:url(imgdesign/onglet2hover.png) no-repeat;
}
ul#menu2 li#current
{
height:37px;
background:url(imgdesign/onglet2current.png) no-repeat;
border-bottom:1px solid #f5f9e7;
}
ul#menu2 li#current a
{
}



/* CORPS DE LA PAGE ______________________________________________________________________________________________________________________________________________******** CORPS DE LA PAGE */

#corps, #corps2 
{
float:left;
margin: 0 0 0 35px;
padding:15px 35px 0 35px;
width:638px;
min-height:500px;
background-color:#ffffff;
border:1px solid #7db868;
border-top:none;
}
#contenu
{
position:relative;
top:auto;
left:auto;
width:610px;
margin:0;
padding:4px 0 0 0;
}
#contenu2
{
position:relative;
top:auto;
left:auto;
width:610px;
margin:0 0 0 -25px;
padding:4px 0 0 0;
font-size:0.8em;
}






/* SOUS MENU    ____________________________________________________________________________________________________________________________________________________ SOUS MENU */

#sous_menu
{
padding-bottom:82px;
}

ul#sous-menu
{
float:left;
width: 600px;
padding:0 0 0 0;
margin:0;
list-style-type:none;
list-style-image:none;
font-size:0.9em;
}
ul#sous-menu li
{
text-align:center;
padding:0;
margin:0;
float:left;
background: url(imgdesign/bouton.png) bottom left no-repeat;
width:120px;
height:65px;
}
ul#sous-menu li#gauche
{
background: url(imgdesign/boutongauche.png) bottom left no-repeat;
}
ul#sous-menu li#droite
{
background: url(imgdesign/boutondroite.png) bottom left no-repeat;
}
ul#sous-menu li:hover
{
background: url(imgdesign/boutonhover.png) bottom left no-repeat;
}
ul#sous-menu li:hover#gauche
{
background: url(imgdesign/boutongauchehover.png) bottom left no-repeat;
}
ul#sous-menu li:hover#droite
{
background: url(imgdesign/boutondroitehover.png) bottom left no-repeat;
}
ul#sous-menu li a
{
display:block;
padding:0;
margin:0;
width:120px;
height:65px;
text-decoration:none;
text-decoration:none;
color: #501e00;
}
ul#sous-menu li a#current
{
background: url(imgdesign/boutonhover.png) bottom left no-repeat;
text-decoration:underline;
}
ul#sous-menu li a#currentgauche
{
background: url(imgdesign/boutongauchehover.png) bottom left no-repeat;
text-decoration:underline;
}
ul#sous-menu li a#currentdroite
{
background: url(imgdesign/boutondroitehover.png) bottom left no-repeat;
text-decoration:underline;
}

#sous_sous_menu1
{
width:270px;
float:left;
background:#ede6b7;
padding:5px 10px;
margin:0 0 10px 0;
border:1px solid #999999;
border-left:2px solid #767a00;
height:170px;
cursor:pointer;
}
#sous_sous_menu2
{
width:279px;
float:left;
background:#ede6b7;
padding:5px 10px;
margin:0 0 20px 2px;
border:1px solid #999999;
border-left:2px solid #767a00;
height:170px;
cursor:pointer;
}
#sous_sous_menu2_2
{
width:305px;
}
#sous_sous_menu1 img, #sous_sous_menu2 img, #sous_sous_menu2_2 img
{
margin:5px 0 0 0;
}
#sous_sous_menu1 p, #sous_sous_menu2 p
{
font-size:0.9em;
line-height:1.3em;
margin:5px 0 0 0;
}


/*   PIED DE LA PAGE ___________________________________________________________________________________________________________________________________________ PIED DE LA PAGE */

#bottom
{
background:url(imgdesign/bottom.png) top left no-repeat;
width:979px;
height:67px;
margin:0;
padding:0;
float:left;
}

#foot1
{
float:left;
background: url(imgdesign/foot1.png) top left repeat-y;
width:979px;
margin:5px 0 0 0;
padding:0;
}
#footer
{
padding:10px;
width:470px;
margin:auto;
text-align:center;
font-size:0.9em;
color:#3b4709;
border-left:1px solid #95bb00;
border-right:1px solid #95bb00;
background:#b2d81d;
}
#footer p
{
padding:0;
margin:0;
}
#footer p a
{
color:#546800;
text-decoration:none;
}
#footer p a:hover
{
color:black;
}



/* TITRES ____________________________________________________________________________________________________________________________________________________________________TITRES */

h1.titre_accueil
{
font-size:1.5em;
padding:0px 0 0 0;
margin:0px 0 2px 0;
color:#ff8400;
text-decoration:none;
background:none;
border:none;
}
h1
{
height:30px;
width:570px;
margin:0 0 10px 0;
padding:0 0 0 40px;
color:#248c00;
background: url(imgdesign/backh1.png) bottom left no-repeat;
font-size:1.7em;
}

h2.accueil
{
margin:5px 0 0 0;
padding:0;
font-size:1em;
background: none;
border:none;
color:black;
text-decoration:none;
}
.menu_cours h2, .menu_cours2 h2
{
font-size:1em;
border:none;
background:none;
margin:0;
padding:0;
text-align:center;
}
.menu_cours h2:hover, .menu_cours2 h2:hover
{
border:none;
background:none;
color:#ff8400;
text-decoration:none;
}
}
h2.news_accueil
{
margin:0;
}
h2
{
font-size:1.6em;
padding:0 0 0 20px;
margin:18px 0 10px 0;
color:#ff8400;
text-decoration:none;
clear:both;
background:url(imgdesign/puce_h2.png) left no-repeat;
}
h3
{
clear:both;
padding:2px 0 0 0;
margin:0;
color:#1ba100;
font-size:1.3em;
}
h4
{
padding:0;
margin:0;
color:#ee9200;
font-size:1.2em;
}


/* TEXTES __________________________________________________________________________________________________________________________________________________________________TEXTES */

p
{
color:#1d1d1d;
margin:0.4em 0 1em 0;
}
p.hauteur
{
height:auto;
float:left;
color:#1d1d1d;
}

.encadre
{
clear:both;
float:left;
background:#e9e9e9;
padding:10px;
margin:0 0 10px 0;
border:1px solid #999999;
border-left:2px solid #6c6c6c;
}
.encadre2
{
background:#e9e9e9;
padding:10px;
margin:20px 0;
border:1px solid #999999;
border-left:2px solid #6c6c6c;
}
.encadre_question
{
position:relative;
top:auto;
left:auto;
background:#e6e8ed;
padding:10px;
margin:0;
border:1px solid #999999;
border-left:2px solid #6c6c6c;
font-size:0.9em;
}
.encadre_question2
{
position:relative;
top:auto;
left:auto;
background:#e1d59f;
padding:10px;
margin:5px 0;
font-size:0.9em;
border:1px solid #a59a66;
border-left:2px solid #736629;
}
.encadre_jeux
{
width:587px;
clear:both;
float:left;
padding:10px;
margin:0 0 10px 0;
background:#ede6b7;
border:1px solid #999999;
border-left:2px solid #767a00;
}
.encadre_jeux p
{
float:right;
margin:0 5px;
padding:0;
font-size:0.9em;
line-height:1.3em;
width:140px;
}
.encadre_jeux h2
{
margin:0;
}

.small
{font-size:0.7em;
}
.small2
{font-size:0.9em;
line-height:1.3em;
}
.haut
{font-size:0.8em;
float:right;
}
.green
{
color:#54c600;
}

p#liens_videos
{
position:relative;
top:auto;
right:auto;
}


p.accueil
{
margin:0;
}

p.ancres
{
font-size:0.9em;
margin:0;
padding:0;
}
.smaller
{
font-size:0.9em;
}

.bleu
{
color:#0038a0;
}
.bleu_grand
{
color:#0038a0;
font-size:1.3em;
}
.vert
{
color:#13a000;
}
.rouge
{
color:#d20000;
}


/* IMAGES        _________________________________________________________________________________________________________________________________________________________ IMAGES   */  

img#image_defilante, img#image_defilante1, img#image_defilante3, img#image_defilante2
{
z-index:20;
left:0;
height:100px;
margin: 10px 0;
border:1px solid #7a7a7b;
}

img
{
border:none;
}
a img
{
border:1px solid #9b9b9b;
}
a:hover img
{
border:1px solid #585858;
}

img#banniere
{
margin:0;
padding:0;
border:none;
}
img.right, .right
{
float:right;
margin:0 3px 0 10px;
max-width:300px;
}
img.right2
{
float:right;
margin:15px 0 0 10px;
}
img.left
{
float:left;
margin:5px 15px 0 0;
}
img.listeimg
{
width:400px;
margin:0 0 10px 0;
}
.listeimage img
{
height:100px;
margin:0 3px 10px 0;
}
.listeimage2 img
{
height:200px;
margin:0 3px 10px 0;
}
#correction img
{
border:1px solid grey;
width:330px;
}
img#image
{
height:250px;
width:355px;
border:1px solid #777777;
}

#correction img
{
margin-top:22px;
}

.menu_cours img.img_menu_cours
{
border:none;
float:left;
max-width:70px;
max-height:130px;
}
.menu_cours2 img.img_menu_cours2
{
margin:0;
margin-left:50px;
}

img#img_accueil
{
float:left;
margin:0 20px 0 0;
}

#accueil
{
float:left;
width:700px;
height:250px;
margin:0 0 40px 0;
}
#texte_accueil
{
float:left;
width:440px;
}

.news img.right
{
margin:0 20px 0 0;
}


/* LIENS  ______________________________________________________________________________________________________________________________________________________________ LIENS */

a
{
color:#0c8930;
text-decoration:underline;
}
a:hover
{
text-decoration:none;;
}


a#banaccueil
{
display:block; 
width:550px; 
height:150px;
}

a.infoimg
{
position:relative;
float:left;
max-width:300px;
border:none;
margin:0 10px 0 0px;
}
a.infoimg img
{
border:1px solid #9b9b9b;
}
a:hover.infoimg img
{border:1px solid #464646;}
a.infoimg span
{
display:none;
}
/*
a:hover.infoimg span
{
display: inline;
position: absolute; 
top:100%;
left:0em;
z-index: 20;
background: #6586C5;
color: #fff;
border:none;
width:auto;
min-width:100%;
text-align:center;
font-size: 0.75em;
padding:1px;
margin:-4px 0 0 0;
}*/

a.reponse
{
color:#0b1b00;
cursor:default;
text-decoration:none;
}
a.vert, a.rouge
{
text-decoration:none;
}

a:hover.reponse
{
color:#000000;
cursor:default;
text-decoration:none;
}
a:hover.vert
{
color:#13a000;
cursor:default;
text-decoration:none;
}
a:hover.rouge
{
color:#d20000;
cursor:default;
text-decoration:none;
}

#affiche a
{
color:#0b1b00;
text-decoration:none;
}
#affiche a:hover
{
text-decoration:underline;
}

.menu_cours p a, .menu_cours a img, .menu_cours2 p a, .menu_cours2 a img
{
text-decoration:none;
color:black;
border:none;
margin:0px 2px;
line-height:1.3em;
font-size:0.9em;
}

#ariane
{
position:absolute;
top:-16px;
left:-31px;
padding:0;
font-size:0.7em;
}
#ariane a
{
color:#979797;
text-decoration:none;
}
#ariane a:hover
{
color:#979797;
text-decoration:underline;
}
#ariane a.final_lien
{
color:#5f5f5f;
text-decoration:none;
cursor:default;
}
#ariane img
{
border:none;
}


/*BOUTONS  JAVASCRIPT___________________________________________________________________________________________________________________________________ JAVASCRIPT BOUTONS */

#bouton_correction
{
float:left;
height:27px;
width:142px;
padding-bottom:1px;
}
#bouton_commentaires
{
float:left;
height:27px;
width:203px;
padding-bottom:1px;
}
#bouton_reload
{
height:27px;
width:176px;
padding-bottom:1px;
}
#bouton_recommencer
{
margin-top:19px;
float:right;
height:27px;
width:155px;
padding-bottom:1px;
}
#raccourci_correction
{
clear:both;
float:right;
height:27px;
width:155px;
padding-bottom:1px;
}
#tous_commentaires
{
border:1px solid #66a60a;
padding:5px;
background-color:#f0f5ed;
}
#correction
{
border:1px solid #66a60a;
padding:5px;
background:#f0f5ed;
}
#start
{
width:150px;
height:39px;
padding:0 0 3px 0;
text-align:center;
}
#next
{
width:140px;
height:28px;
margin-top:7px;
}
p#question
{
height:26px;
margin:5px 0;
font-weight:bold;
}

#bouton_questions
{
width:194px;
}

.div_reponse
{
position:absolute;
top:5px;
left:385px;
}
.bouton_reponse
{
}

.reponse_texte
{
font-size:1em;
z-index:100;
}

/*NEWS ________________________________________________________________________________________________________________________________________________ NEWS */

.news
{
margin:0 0 15px 0;
padding:0 0 0 0;
background:#e9e9e9;
border:1px solid #999999;
border-left:2px solid #6c6c6c;
}
.bandeau_news
{
position:relative;
top:auto;
left:auto;
font-size:0.9em;
padding: 0 15px;
margin:10px 0 15px 0px;
background:#fbbf31;
border-top: 1px solid #f23401;
border-bottom: 1px solid #f23401;
width:578px;
height:18px
}
.news h4
{
color:#258e00;
padding:0 0 0 15px;
}
.news p
{
padding:0 0 0 15px;
}
.align_right
{
position:absolute;
top:0px;
right:7px;
}
.align_left
{
font-size:1.1em;
font-weight:bold;
}

#affiche
{
font-size:0.9em;
padding: 0 15px;
margin:-5px 0 0 -35px;
background:#ffd632;
border-top: 1px solid #f25001;
border-bottom: 1px solid #f25001;
width:678px;
}

#bouton_bilan
{
height:35px;
padding:3px;
margin:5px 0 1px 0;
}
#bilan
{
padding:5px;
margin:0;
min-height:80px;
border:1px dashed #676767;
background:#b9ddba;
}


/*AUTRES ____________________________________________________________________________________________________________________________ AUTRES*/

.vids a
{
cursor:pointer;
}

#video, #video1, #video2, #video3
{
height:auto;
width:auto;
padding:16px 0 0 0;
border:1px solid #b1b1b1;
background:#e7dea4;
position:absolute;
top:0px;
left:248px;
z-index:0;
display:block;
z-index:10;
}
.vids
{
position:relative;
left:auto;
top:auto;
}
p.vids a.croix
{
display:block;
position:absolute;
right:0;
top:0;
z-index:20;
height:15px;
width:35px;
background:url(imgdesign/croix.png) top right no-repeat;
}
p.vids a:hover.croix
{
background:url(imgdesign/croixhover.png) top right no-repeat;
}

.menu_cours
{
background:#ede6b7;
width:200px;
height:150px;
margin:0 1px 1px 0;
padding:0;
border:1px solid black;
float:left;
cursor:pointer;
}
.menu_cours2
{
background:#ede6b7;
width:200px;
height:172px;
margin:0 1px 1px 0;
padding:0;
border:1px solid black;
float:left;
cursor:pointer;
}

ul
{
list-style-image:url(imgdesign/fleche.png);
}

ul.listeimg
{
list-style-type:none;
}

#corps ul li, #corps ol li
{
margin-bottom:11px;
}
#corps ul li, #corps ol li
{
margin-bottom:11px;
}
#corps ul.nospace
{
margin:5px;
}
#corps ul.nospace li
{
padding:0;
margin:0;
}

#questions_type
{
padding:0 10px 0 0;
width:610px;
display:none;
border:1px solid #a9af80;
background:#eef4d7;
}

#situation
{
float:left;
width:589px;
height:320px;
margin:0;
padding:5px 10px 10px 10px;
background:#e9edb7;
border:1px solid #999999;
border-left:2px solid #767a00;
}
img#img_situation
{
float:left;
width:300px;
margin:10px 11px 0 0;
}
#reponse_situation
{
width:275px;
padding:5px 0;
float:left;
}
#reponse_situation p
{
font-size:0.9em;
line-height:1.4em;
}
#texte_situation
{
height:140px;
}

/*__________________________________________________________________________________________________________________________________________________________________________*/




#pub120_left
{
position:absolute;
top:290px;
left:22px;
width:160px;
height:600px;
margin:0;
padding:0 0 0 5px;
border-top:2px solid #a2aa7b;
border-bottom:2px solid #a2aa7b;
background:white;
}
.pub_right
{
float:right;
margin:10px;
}
.pub_left
{
float:left;
margin:10px;
}
.pub468 {
	width:468px; 
	height:60px; 
	margin:8px 0 0 0;
}


.pub_300_block {
	margin:0 0 5px 0;
	width:610px;
	height:250px;
}
.pub_300_left {
	float:left;
	margin:0;
	width:300px;
	height:250px;
}








*>#autopromo
{
font-size:0.8em;
line-height:1.2em;
position:absolute;
width:153px;/*
margin:120px 0 0 0;*/
margin:200px 0 0 0;
padding:0px 5px;
left:-231px;
top:259px;
border-top:2px solid #a2aa7b;
border-bottom:2px solid #a2aa7b;
background:#ffffff;
}
*>#promo
{
font-size:0.9em;
line-height:1.2em;
position:absolute;
width:153px;/*
margin:120px 0 0 0;*/
margin:-120px 0 0 0;
padding:0px 5px;
left:-231px;
top:259px;
border-top:2px solid #a2aa7b;
border-bottom:2px solid #a2aa7b;
background:#ffffff;
}



* html #affiche 
{
  display:none;
}

* html ul#menu1
{
position:absolute;
left:10px;
top:190px;
margin:0 0 0 10px;
padding:0;
list-style-type:none;
list-style-image:none;
}


* html #corps 
{
float:left;
margin: 0 0 0 100px;
padding:15px 35px 0 35px;
width:508px;
min-height:500px;
background-color:#F6F9EC;
border:1px solid #8ca54a;
border-top:none;
}
* html #contenu
{
position:relative;
top:auto;
left:auto;
width:610px;
margin:0;
padding:4px 0 0 0;
}
* html #backmenu1
{
float:left;
background:url(imgdesign/global.jpg) top left repeat-y;
margin:-25px 0 0 0;
padding:0;
width:980px;
}
* html #bordermenu2
{
float:left;
margin:0 0 0 100px;
padding:0;
background: url(imgdesign/border.png) bottom left repeat-x;
width: 600px;
}
* html ul#menu2
{
float:left;
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}
* html .news
{
margin:0 0 15px 0;
padding:0 0 0 0;
background:#e9e9e9;
border:1px solid #999999;
border-left:2px solid #6c6c6c;
}
* html .bandeau_news
{
position:relative;
top:auto;
left:auto;
font-size:0.9em;
padding: 0 15px;
margin:10px 0 15px 0px;
background:#fbbf31;
border-top: 1px solid #f23401;
border-bottom: 1px solid #f23401;
width:610px;
height:18px
}

* html img#img_accueil
{
float:left;
margin:0 20px 0 0;
display:none;
}

* html #accueil
{
float:left;
width:400px;
height:270px;
}
* html #texte_accueil
{
float:left;
width:440px;
}
* html .menu_cours img.img_menu_cours
{
display:none;
}
* html .menu_cours
{
background:#e9edb7;
width:200px;
height:120px;
margin:0 1px 1px 0;
padding:0;
border:1px solid black;
float:left;
cursor:pointer;
}





h1 a {
	text-decoration:none;
	cursor:text;
}