body {background-color:#CED9FF;	margin-left: 50px;}

#container_index {
padding-left:0px;
padding-top:0px;
width: 980px;
margin: auto;
background-color:#FFFFFF;
}

#container {
padding-left:0px;
padding-top:0px;
width: 780px;
margin: auto;
background-color:#FFFFFF;
}

#lecteurVideo{
position:relative;
width:320px;
height:auto;
left:230px;
top:80px;
z-index:0;
}

.legendeVideo{
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:10px;
background-image:url('../images/structure/puce_legende_video.jpg');
background-position:6px 0px;
background-repeat:no-repeat;
}

#containerFlash {
padding-left:0px;
padding-top:0px;
width: 780px;
margin: auto;
background-color:#FFFFFF;
}


#hippo{
width: 980px;
padding-top:5px;
text-align:right;
background-color:#CED9FF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#3399CC;
float:right;
}

#hippo a{
color:#3399CC;
text-decoration:none;
}

#hippo a:hover{
color:#3399CC;
text-decoration:underline;
}

#lien_hippo{
float: right;
}

#english{
width: 780px;
padding-top:5px;
text-align:right;
background-color:#CED9FF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#3399CC;
/*float:right;*/
}

#english a{
color:#3399CC;
text-decoration:none;
}

#english a:hover{
color:#3399CC;
text-decoration:underline;
}

#lien_english{
float: right;
}

#logoCedre{
display:none;
}

#contenu {
	height:auto;
	margin:30px;
	width: 720px;
	left: -19px;
}

#contenuFlash {
	height:400px;
	width: 720px;
	z-index:-100;
}

.clear {
		clear:both;
}

#unecolonne{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
width:500px;
/*height:400px;*/
float: left;
}

#colonneGauche{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
width:250px;
float: left;
}
#colonneDroite{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
margin-left:30px;
float: left;
z-index:-100;
left:350px;
width:250px;
}




#logoRubrique{
margin-left:10px;
margin-top:5px;
width: 24px;
height: 24px;
float:left;
}


/* --------------------------------------------------- */
/* Pied de page
/* --------------------------------------------------- */

#piedpage{
width:100%;
height:20px;
background-color:#F2F1ED;
}

.outils_index {
height:20px;
list-style-type: none;
margin: 0;
padding:0;
}

.outils {
height:20px;
list-style-type: none;
margin: 0;
padding:0;
}

.outils_index li {
display: inline;
line-height:20px;
padding: 0px 15px 7px 18px;
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:11px;
}

.outils li {
display: inline;
line-height:20px;
padding: 0px 4px 7px 18px;
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:11px;
}

.outils_index a {
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:11px;
text-decoration:none;
}

.outils_index a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:11px;
text-decoration:underline;
}

.outils a {
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:11px;
text-decoration:none;
}

.outils a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#7D8FC6;
font-size:11px;
text-decoration:underline;
}
.lien_en_fr{
	/*padding: 0px 0px 0px 20px;*/
	background-position: 2px 0px;
}
.son{
	/*background: url(../images/outils/boutons_png/son.png) no-repeat; */
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}
.quizz{
	background: url(../images/outils/boutons_png/quizz.png) no-repeat; 
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}

.lexique{
	background: url(../images/outils/boutons_png/lex.png) no-repeat; 
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}

.bibliographie{
	background: url(../images/outils/boutons_png/bibli.png) no-repeat; 
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}

.contact{
	background: url(../images/outils/boutons_png/contact.png) no-repeat; 
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}

.plandusite{
	background: url(../images/outils/boutons_png/plan.png) no-repeat; 
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}
.credit{
	background: url(../images/outils/boutons_png/credits.png) no-repeat; 
	/*padding: 0px 0px 0px 25px;*/
	background-position: 2px 0px; 
}

.rechercher{

	padding-right: 0px;
}

.telecharger{
	background: url(../images/outils/boutons_png/telecharger.png) no-repeat; 
	/*padding: 0px 0px 0px 23px;*/
	background-position: 2px 0px; 
}

/* --------------------------------------------------- */
/* Menu
/* --------------------------------------------------- */

#titreRubrique{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
}

#subRubrique{
float:left;

}



#menu{
z-index:100;
width:780px;
height:35px;
background-color:#F2F1ED;
}
#menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
text-decoration:none;
}

#menu a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
text-decoration:none;
}

#logo  {
width: 112px;
height: 35px;
left:0px;
top: 0px;
background: url('../images/menu/titre_petit.jpg') no-repeat; 
float:left;
}

#menuVertival{
width: 14px;
height: 35px;
float:left;
background-color:#FF3300;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type:none;
}

#sousmenu {
z-index:280;
position: absolute;

top: 0;
}
dl#sousmenu {
width: 370px;

}
dl#sousmenu dt {
cursor: pointer;

margin: 0px 0;
text-align: left;
}
dl#sousmenu dd {
margin-top:10px;
}
dl#sousmenu li {
text-align: left;
background: #F2F1ED;
height:20px;
padding-left:5px;
}

#slien{
text-align: left;
background: #F2F1ED;
height:20px;
padding-left:5px;
margin-top:1px;
margin-bottom:1px;
}


dl#sousmenu li .illus{
list-style-image: url(../../../images/structure/picto-illus.gif);
	background: url(../images/structure/picto-illus.gif) no-repeat; 
		background-position: 0px 3px;
		padding-left:20px;
	
}

.anim{
list-style-image: url(../../../images/structure/picto-illus.gif);
background: url(../images/structure/picto-animation.gif) no-repeat; 
	padding: 0px 0px 0px 0px;
	background-position: 0px 0px;

}


dl#sousmenu li a{

color: #706B5A;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#sousmenu dt a:active {
color: #706B5A;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

/* --------------------------------------------------- */
/* Mise en forme : texte
/* --------------------------------------------------- */




.titre{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.soustitre{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


.titreplan{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

.soustitreplan{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.textenormal{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
}

.legende{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#706B5A;
padding-left:10px;
margin-top:-10px;
}

.textecadre{
border-style:dashed;
border-width:0px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#CED9FF;
}

.textecadrepointillet {
border-style:dashed;
border-width:1px;

padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
}

.texteexergue{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}



#contenu a{
text-decoration:none;
}

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


.tableauForm{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.tableauForm tr{
height:20px;
}

.tableauexergue{
vertical-align:bottom;

}

#text_formulaire{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
width:235px;
}

#recherche{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
height:14px;
color:#706B5A;
}

textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
width:235px;
}

select{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
width:235px;
}

#input_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
border: 0px;
height:13px;
padding-left:4px;
width:100px;
}


#inputRecherche{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#706B5A;
border: 1px solid;
height:16px;
}
#bouton_rechercher{
background: url(../images/structure/bouton_valider.gif) no-repeat; 
background-position: 0px 1px;
border: 0;
width:14px;
height:16px;
cursor:pointer;
}

#bouton_valider{
background: url(../images/structure/bouton_valider.png) no-repeat; 
border: 0;
width:33px;
height:20px;
cursor:pointer;
}