body { 
background-color:#dddddd;
background-image: url(../scoubisite/imagestutos/fonde.gif); 
position:relative;
/* empeche le surlignage du texte */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* entete du site */

#scoub_header {
	display:block;
text-align:center;
margin:20px auto;
min-width:850px;
}

/* navigation du site */ 

 #scoub_navig {
 text-align:center;
 white-space: nowrap;
 }
 #scoub_navig a {
 display: inline-block;
 padding:0 15px;
 height: 30px;
 }
#scrollToTop a{
background-image: url("imagestutos/topbutton.gif");
background-repeat: no-repeat;
width: 53px;
height: 53px;
position: fixed;
right: 12px;
bottom: 15px;
text-indent: -50000px;
}

/* barre de navigation laterale */

#scoub_lang {
text-align:center;
}
#scoub_navig_left {
display: table-cell;
width: 200px;
height: 97%;
overflow: auto;
text-align: center;
vertical-align: top;
}
}
}
#scoub_navig_left h3 {
text-align: center;
font-style: italic;
line-height:1em;
}
#scoub_navig_left span { text-decoration:underline; }
#scoub_navig_left p { 
font-size:1em;
font-style:italic;
text-align: center;
font-weight:bold; 
}
.middle_content{
display: table;
width: 100%;
}
}
.bloc_contenu{
display: table-cell;
}
.scoub_list_content .rouge {
padding:10px;
color: #ff0000;
}
.scoub_list_content a
{
display: block;
width: 170px;
height: 30px;
margin:5px auto;
position:relative;
}
.scoub_list_content a.boule:before
{
content: url(objets/boule.gif);
position:absolute;
top:4px;
left:10px;
}
.scoub_list_content a.coeur:before
{
content: url(objets/coeur.gif);
position:absolute;
top:4px;
left:10px;
}
.scoub_list_content a.fleur:before
{
content: url(objets/fleur.gif);
position:absolute;
top:4px;
left:10px;
}
.scoub_list_content a.papi:before
{
content: url(animaux/butterfly.gif);
position:absolute;
top:4px;
left:10px;
}
.scoub_list_content a,#scoub_navig a
{
font-size: 12px;
line-height: 30px;
font-weight: bold;
font-style: italic;
text-align: center;
text-decoration: none;
color: #1b019b;
border:1px solid #1b019b;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,1b019b+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #0605F7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#0605F7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 10%,#0605F7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0605F7',GradientType=0 ); /* IE6-9 */
border-radius:20px 0 20px;
text-shadow: 0 0 8px #ffffff;
font-family: arial;
text-indent: -1px;
-webkit-box-shadow:inset 0 0 8px 1px #0605F7,5px 5px 5px #777777;
box-shadow:inset 0 0 8px 1px #0605F7,3px 3px 3px #777777;
}
.scoub_list_content a.navigspe,#scoub_navig a.navigspe
{
color: #9c4406 !important;
border: 1px solid #9c4406;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,1b019b+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 10%,#ffff00 40%,#9c4406 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 10%,#ffff00 40%,#9c4406 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,#ffffff 0%,#ffffff 10%,#ffff00 40%,#9c4406 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9c4406',GradientType=0 ); /* IE6-9 */
border-radius:20px 0 20px;
text-shadow: 0 0 8px #ffffff;
font-family: arial;
text-indent: -1px;
-webkit-box-shadow:inset 0 0 8px 1px #9c4406,5px 5px 5px #777777;
box-shadow:inset 0 0 8px 1px #9c4406,3px 3px 3px #777777;
}





.scoub_list_content a:hover,#scoub_navig a:hover
{
color: #9929A5;
border:1px solid #9929A5;
background: #ccaaff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #9929A5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#9929A5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 10%,#9929A5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9929A5',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 0 5px 5px #9929A5,3px 3px 3px #777777;
box-shadow:inset 0 0 8px 1px #9929A5,3px 3px 3px #777777;
}
.scoub_list_content a:active,.scoub_list_content a:focus,
#scoub_navig a:active,#scoub_navig a:focus
{
color: #000000;
border:1px solid #770000;
background: #ffcccc; /* Old browsers */
background: linear-gradient(to top,  #ffffff 0%,#ffffff 10%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 0 5px 5px #ff0000;
box-shadow:inset 0 0 8px 1px #ff0000,3px 3px 3px #777777;
}

/* contenu de la page */

#scoub_content,#scoub_footer, .Scase {
display:block;
min-width:700px;
margin: 20px 10px 20px 10px;
background:#eeeeee url(../scoubisite/imagestutos/fond.gif);
padding:10px;
text-align:center;
border-radius: 15px;
-webkit-box-shadow:5px 5px 5px #777777;
box-shadow:5px 5px 5px #777777;
}
#scoub_content a { color:#0000ff; text-decoration:underline; }
#scoub_content a:visited { color:#6633ff; }
#scoub_content a:hover { color:#0066ff;  }
#scoub_content a:active { color:#0000ff; }
#scoub_content h1 {
text-decoration:underline;
font-weight:bolder;
}
#scoub_content h2, #scoub_content .souligne {
text-decoration:underline;
font-weight:bold;
}
#scoub_content .table {
width:650px;
margin:auto;
}
#scoub_content .table div{
width:49%;
display:inline-block;
vertical-align:middle;
}
#scoub_content p {
font-size:18px;
text-align:center;
font-weight:normal;
}
#scoub_content .astrolist {
font-size:18px;
	display:block;
	margin:auto;
	width:600px;
	list-style-type: decimal;
text-align:justify;
}
#scoub_content .astrolist li{
	margin:10px auto 10px -20px;
	width:580px;
}
#scoub_content .astrolist img{display:block;
	margin:10px auto;text-align:center;
}
#scoub_content .justify p{
text-align:justify!important;
}
#scoub_content .rouge {
color: #ff0000;
}
#scoub_content .img_left {
float: left;
}
#scoub_content .img_right {
float: right;
}
#scoub_content .phototext {
position:relative;
width:640px;
margin:15px auto 0;
}
#scoub_content .textphoto {
background: rgba(255, 255, 255, 0.8); 
font: italic bold 18px cursive; 
width: 600px; 
position: absolute;
padding:0 20px;
}
#scoub_content .textphoto h2 {
margin:0px auto;
}
#scoub_content .textphoto p {
line-height: 1.2em; 
margin-top: 12px;
}
#scoub_content .phototirage {    
border: 1px solid #777777;
padding: 20px;
background: #ffffff;
-webkit-box-shadow: 10px 10px 20px 2px #777777;
box-shadow: 10px 10px 20px 2px #777777;
}
#scoub_content .listmateriel {
text-align: left; 
margin:0 auto 15px;
width:400px;
border: 1px solid #777777;
padding:10px 20px;
background: #ffffff;
-webkit-box-shadow: 10px 10px 20px 2px #777777;
box-shadow: 10px 10px 20px 2px #777777;
border-radius: 15px;
}
#scoub_content .photocaption {
  text-align: center;
}
#scoub_content .photocaption figure{
margin:3px 0;
display: inline-block;
background:#ffffff;
padding:5px;
}
#scoub_content .photocaption figcaption{
padding: 5px;
background: #dddddd;
border: 1px solid #dddddd;
text-align:center;
}
#scoub_content nobr { white-space:nowrap; }
#dico{
	text-align:left;
	padding-left:30px;
}
#dico dt{
  font-weight:bold;
}
#dico dd{width:570px;
  text-align:justify;
}
#scoub_footer{
}