/* body{

	height : 120%;
	min-height : 2000px;

} */

.text_c {
	margin-left: 10px;
}


.text_c4 {
	margin-top: -25px;
}

#schuffle-contain {

	width : 137px;
	height : 88px;
	margin-left : 20px ;
	margin-top : 17px ;
	position : absolute ;
	left : 250px ;
	top : 0px ;
	
	overflow : hidden ;

}
.over{

	height : 50px ;

}


.bloc-text{

	background-color : white;
	height : 100%;
	width : 100% ;

}

*{

	font-family : arial, sans-serif ;

}

body {

	background-color : rgb( 255, 255, 255 ) ;
	overflow-x : hidden ;
	width : 100% ;

}

img {
    
	border : 0 ;

}

a:active, a:focus {

	outline : none ;

}

.space {

	clear : both ;
	
}

.bloc {

	position : absolute ;
	top : 0px ;
	height : 451px ;

}

#fond_blanc  {

	position : absolute ;
	left : 0px ;
	top : 0px ;
	width : 100% ;
	height : 100% ;
	background-color : white ;
	z-index : 101 ;

}

#loader {

	position : absolute ;
	left : 50% ;
	top : 50% ;
	z-index : 101 ;
	
}

header{
	
	position : fixed ;
	z-index : 100 ;
	background-color : rgb(38,38,38) ;
	left : 0px ;
	top : 0px ;
	height : 115px ;
	width : 100% ;
	text-transform : uppercase ;
	
	
}

.titre-logo {
	
	color : white ;
	cursor : pointer ;

}

.btn-schuffle:hover {

	opacity : .8

}

#titre-logo {
	
	position : absolute ;
	padding-top : 20px;

}

#titre_1 {

	margin-top : 0px ;
	display : block ;
	font-family : arial, sans-serif ;
	font-size : 40px ;
	letter-spacing : -0.05em ;
	margin-bottom : -10px ;
	margin-left : 20px ;
	
}

#titre_2 {

	font-family : arial, sans-serif ;
	font-size : 40px ;
	letter-spacing : -0.01em ; 
	margin-bottom : -7px ;
	margin-left : 20px ;
	
}

#menu-1 {

	position : absolute ; 
	top : 15px ;
	right : 25px ;
	float : top ;
	height : 75px ;
	width : 550px;

}

#menu-1 ul li {

	padding-left : 15px ;
	padding-right : 0px ;

	line-height : 0px; 
	margin-bottom : 3px;
	
} 

#supplements {

	position : absolute ;
	top : 0px ;
	left : 0px ;
	text-align : right ;
	
}

#annexes{

	position : absolute ;
	top : 0px ;
	left : 263px ;
	text-align : right ;
}

#menu-1 li{

	margin-bottom : -5px ;
	padding-top : 0px ;
	text-align : right ;
	
}

#langues{
	
	text-align : right ;
	position : absolute ;
	top : 0px ;
	right : 0px ;
}

#menu-2{
	
	position : absolute ;
	top : 110px ;
	border-top : solid 1px grey ;
	width : 100% ;
	height : 34px ;
	background : url('img/bande ombre moy.png') repeat-x bottom;
	

}

.ligne{

	border-bottom : solid 1px lightgrey ;
	position : absolute ;
	left : 0px ;
	top : 0px ;
	width : 100% ;
	height : 513px ;

}

#menu-2 #liste-chapitres{
	
	margin : 0px ;
	margin-top : 0px ;
	padding-left : 11px ;
	padding-right : 17px ;
	
	
}

#menu-2 #liste-chapitres li {
	
	list-style-type : none ;
	float : right;

}

.btn-schuffle:active{

	opacity : 1 ;

}


.item, .liste-menu-chapitre {
	
		font-size : 21px ;
	list-style-type : none ;
	cursor : pointer ;
	

}

.item-1, .item-1 a {

	font-family : arial, sans-serif;
color : white ;
	font-weight : bold ;
	letter-spacing : -0.03em ;
	margin : 0px ;
	
}
.item:hover, a, a:hover {

	color : black ; 
	text-decoration : none ;

}

.item-2:hover{

	color : white ;

}

.item-1-focus {

	background-color : rgba(255,255,255,0.5) ;

}

.item-2 {
	
	padding : 8px 55px 8px 5px ;
	height : 20px ;
	min-width : 36px ;
	margin-right : 3px ;
	font-family : arial, sans-serif;
	
	font-size : 20px ;


}

#bloc-vignettes {

 	position : absolute ;
	width : 100%;
	height : 451px ;
 	top : 255px ;
	left : 0px ;
	border-top : solid 1px grey ;
	border-bottom : solid 1px grey ;

}

#bloc-index{
	
	background : url('img/bande ombre.png') repeat-x top;
	position : absolute ;
	left : 0px ;
	top : 850px ;
	width : 100% ;
	padding-top : 75px;

}

#fleche_bas {

	position : absolute ;
	top : 0px ;
	right : 120px ;
	width : 63px ;
	height : 36px ;
	background-image: url('img/fleche ombre.png');
	background-repeat : no-repeat ; 

}

.vignette {
	
	position : absolute ;
	font-family : arial ;
	font-weight : bold ;
	font-size : 20px ;
	
	height : 100% ;
	width : 100%;
	
	cursor : pointer ;
	overflow : hidden ;

	
}

.vignette img {

	width : 100% ;
	height : 100% ;

}

.couloir-bas_ {
	
	bottom : 0px ;	
	
}

#thx2, #thx1 {

	background-color : rgb(38, 38, 38) ;

}

.chap-dualite_ , .couleur-actions_ , #anim, #vulgarisation, #conseiller {

	background-color : rgb(239,66,36) ;

}

.chap-quantification_, #pliage, .couleur-animations_  {

	background-color : rgb(241,245,246) ;

}

.chap-atome_ , .couleur-partenariat_, #plateforme, #journee, #supra  {

	background-color : rgb(250,250,250) ;

}

.chap-tunnel_ , .couleur-remerciement_  {

	background-color : rgb(115,219,212) ;

}

.chap-laser_ , .couleur-pliages_ , #sound{

	background-color : rgb(0,130,141) ;

}

.chap-metaux_, .couleur-journee_  {

	background-color : rgb(0,191,243) ;

}

.chap-magnetisme_ {

	background-color : rgb(197,43,43) ;

}

#infos-nav {

	position : fixed ;
	right : 0px ;
	bottom : 0px ;
	z-index : 99 ;
	margin-bottom : 5px ;
	margin-right : 5px ;

}
 
.type-index_ {
	
	position : relative ;
	overflow : hidden ;

} 

h1, h2, h3 {

	margin : 0px ;
	font-weight : normal ;

}


#copyright{
	
	position : absolute ;
	margin-left : 50% ;
	bottom : 0px;
	color : grey ;
	z-index : 2000 ;
		font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 12px ;

}

.grand{

	width : 361px ;
	height : 361px ;
	
}

.logo_img {

	position : absolute ;
	left : 0px ;
	top : 0px ;
	z-index : -1 ;
}

a{
	z-index : 2 ;	
}



.explication_bis {

	width : 361px ;
	height : 361px ;	
}

.explication, .legende-labo, .legende-illu, .explication_p, .explication_m, .explication_bis {

	padding : 0px 0px 0px 0px ; 
	margin : 0px 0px 0px 0px ; 

}

.titre { /*titre general des textes*/
	
	/* css bloc */
	padding : 50px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 30px 20px 40px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : bold ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	
}

.titremoyen{ /*titre appelé dans les carré moyen en accueil*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	
}
.titremoyendual{ /*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(239,66,36) ;
}
.titremoyenquan{/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(241,245,246) ;
}

.titremoyenato{/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(250,250,250) ;
}

.titremoyentun{/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(115,219,212) ;
}

.titremoyenmagnet{/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(197,43,43) ;
}
.titremoyenlaser{/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(0,130,141) ;
}

.titremoyenmetaux{/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 30px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 20px 20px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 18px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 16px ; /*interlignage */
	color : rgb(0,191,243) ;
}
	
.titrer {/*titreremerciement*/
	
	/* css bloc */
	padding : 25px 0px 0px 10px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 00px 5px 0px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : bold ;
	font-size : 15px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 10px ; /*interlignage */
	color :  rgb(124,124,124)
	
}

.titretrad {/*titre coloré appelé dans les légendes*/
	
	/* css bloc */
	padding : 15px 0px 0px 10px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 00px 5px 0px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : bold ;
	font-size : 15px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 10px ; /*interlignage */
	color :  rgb(124,124,124)
	
}




.textr {/*textes courant des remerciemet*/
	
	/* css bloc */
	padding : 0px 0px 0px 10px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 0px 0px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 12px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 13px ; /*interlignage */
	color :  rgb(124,124,124)
	
}




.credit_bonus { /*titre des credits */
	
	/* css bloc */
	padding : 25px 0px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 10px 25px 10px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : bold ;
	font-size : 15px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 15px ; /*interlignage */
	z-index : 25 ;
	
}

.credit_bonus2 { /*titre  bonus*/
	
	/* css bloc */
position : absolute ;
right :15px ;
bottom : 10px ;

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 15px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 15px ; /*interlignage */
	z-index : 25 ;
	
}

.dqcl{

	position : absolute ;
	right :15px ;
	bottom : 5px ;

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 15px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 15px ; /*interlignage */
	z-index : 25 ;
	
}

}

.text_c { /* nom bob et lao */
	
	/* css bloc */
	padding :0px 0px 0px 10px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 10px 0px 0px ; /* marges du bloc extérieures : haut droit bas gauche */

	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 14px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 12px ; /*interlignage */
	
}


.courant-text { /*textes courant des grand blocs textes*/
	
	/* css bloc */
	padding : 0px 0px 0px 40px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 0x 0px 00px ; /* marges du bloc extérieures : haut droit bas gauche */
	width : 100% ;
	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 17px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 17px ; /*interlignage */

}



.courant-legende { /* texte courant des legendes labo et illu*/
	
	/* css bloc */
	padding : 0px 00px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 0px 20px 0px 20px ; /* marges du bloc extérieures : haut droit bas gauche */
	
	/* css typo*/
	font-family : arial, sans-serif ;
	font-weight : normal ;
	font-size : 14.5px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 15px ; /*interlignage */
color :  rgb(124,124,124)
}

.type-dome{ /* genre, en bas des legendes */
font-family : arial, sans-serif ;
font-weight : normal ;
font-size : 15px ;
letter-spacing : 0px ; /* interlettrage */
line-height : 14px ; /*interlignage */
color :  rgb(255,255,255) ;
position : absolute;
bottom :5px ;
right : 30px;

}

.type-legende_{ /* couleur de fond des legendes */

	background-color : rgb( 38, 38, 38 ) ;
	overflow : visible ;

}

.fleche-legende { /* fleche a gauche des legendes */
	position : absolute;
	border-color  : transparent rgb( 38, 38, 38 ) transparent transparent ;
	border-style : solid ;
	border-width : 22px ;
	height  :  0 ;
	width  :  0 ;
	top  : 400px ;
	left  : -44px ;

}

 
 .puce {
	
	display : inline-block ;
	border-color: transparent black black transparent;
    border-style:solid;
    border-width:5px;
	height : 0px ;
	width : 0px ;

} 
/* roll over des textes */
.roll-texte_ {

	background-color : white ;
	width : 100% ;
	height : 43px ;
	position : absolute ;
	left : 0px ;
	bottom : -91px ;

}

.triangle-texte_{
	
	position : absolute ;
	border-color  : transparent white white white ;
	border-style : solid ;
	border-width : 22px ;
	height  :  0 ;
	width  :  0 ;
	top  :  0px ;
	right  :  10px ;

}

.text-bas-texte_{

	font-family : arial, sans-serif ;
font-weight : bold ;
font-size : 15px ;
letter-spacing : 0px ; /* interlettrage */
line-height : 14px ; /*interlignage */
color :  rgb(38,38,38) ;
position : absolute;
	bottom: 5px ;
	left : 18px ;

}

/* roll over "classique" ( vidéo *, illu *, photo - lang + buf ) */
.roll-classic_ {
	
	background-color : white ;
	width : 100% ;
	height : 43px ;
	position : absolute ;
	left : 0px ;
	bottom : -91px ;
	z-index : 101 ;
	
}

.triangle-classic{
	
	position : absolute ;
	border-color  : transparent transparent white transparent ;
	border-style : solid ;
	border-width : 22px ;
	height  :  0 ;
	width  :  0 ;
	top  :  -43px ;
	right  :  10px ;

}

.text-haut-classic {

font-family : arial, sans-serif ;
font-weight : bold ;
font-size : 15px ;
letter-spacing : 0px ; /* interlettrage */
line-height : 14px ; /*interlignage */
color :  rgb(38,38,38) ;
position : absolute;
	top : 7px ;
	left : 18px ;

}

.text-bas-classic{

	font-family : arial, sans-serif ;
font-weight : normal ;
font-size : 15px ;
letter-spacing : 0px ; /* interlettrage */
line-height : 14px ; /*interlignage */
color :  rgb(38,38,38) ;
position : absolute;
	top: 10px ;
	left : 18px ;

}

/* roll over buff + long */
.roll-buf-long_ {
	
	background-color : rgb( 38, 38, 38 ) ;
	width : 100% ;
	height : 257px ;
	position : absolute ;
	left : 0px ;
	bottom : -305px ;
	z-index : 101 ;
	
}

.triangle-buf-long_{
	
	position : absolute ;
	border-color  : transparent transparent rgb( 38, 38, 38 ) transparent ;
	border-style : solid ;
	border-width : 22px ;
	height  :  0 ;
	width  :  0 ;
	top  :  -42px ;
	right  :  10px ;

}

.text-haut-buf-long{

font-family : arial, sans-serif ;
font-weight : bold ;
font-size : 15px ;
letter-spacing : 0px ; /* interlettrage */
line-height : 14px ; /*interlignage */
color :  rgb(255,255,255) ;
position : absolute;
	top : 15px ;
	left : 18px ;

}

.text-bas-buf-long{

	font-family : arial, sans-serif ;
font-weight : normal ;
font-size : 15px ;
letter-spacing : 0px ; /* interlettrage */
line-height : 14px ; /*interlignage */
color :  rgb(255,255,255) ;
position : absolute;
	bottom : 2px ;
	left : 18px ;

}

.text-extrait-buf-long{

	
	position : absolute ;
		padding : 0px 00px 0px 0px ; /* marges du bloc intérieures : haut droit bas gauche */
	margin : 45px 80px 0px 18px ; /* marges du bloc extérieures : haut droit bas gauche */
	
		font-family : arial, sans-serif ;
		font-weight : normal ;
	font-size : 14.5px ;
	letter-spacing : 0px ; /* interlettrage */
	line-height : 15px ; /*interlignage */
color :  rgb(124,124,124)

}