

* {
font-family:"microsoft Sans Serif", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#333;
border:0;
padding:0;
margin:0;
list-style:none;
line-height:100%
}
/*************************************************************************************************** Structure du site */
body {
background-color:white
}
div#root, div#left, div#header, div#footer{
position:absolute;
left:50%;
margin-left:-375px;
}
div#root{
width:748px;
margin-left:-375px;
top:61px;
border-left:1px solid gray;
border-right:1px solid gray;
background-image:url(../images/frise.jpg);
background-repeat:no-repeat;
}
div#header{
background-image:url(../images/scs_2007_top.jpg);
background-repeat:no-repeat;
width:748px;
border-left:1px solid gray;
border-right:1px solid gray;
height:61px;
top:0;
background-color:#e21205;
}
div#credits {
background-color:white;
padding:10px 0 6px 0;
color:gray;
}
/*** STYLE *** MENUS */
div#menu_h { 
width:auto;
height:auto;
text-align:center;
border-top:1px solid gray;
margin-top:100px;
}
div#footer {
position:relative;
bottom:0px;
width:748px;
background-color:white;
text-align:center;
padding:10px 0 0 0;
border-left:1px solid gray;
border-right:1px solid gray;
color:#e21205;
}
div#baseline{
background-color:#e21205;
padding:5px 0 5px 0;
text-align:center;
color:white;
display:block;
font-size:9px;
}
hr { border:1px solid black; height:1px}

/************************************************************************************************ Typographies du site */

/*** Typographies *** SOUSTITRE */
h2 { font-size:14px }

/*** Typographies *** ANNOTATION */
h3 { font-size:14px }

/*** Typographies *** INFORMATIONS */
h4 { font-size:12px }

/*** Typographies *** NORMAL */
h5 { font-size:10px; }

/*** Typographies *** LEGENDES */
h6 { font-size:8px }

/*** Typographies *** PARAGRAPHES */
p { font-size:12px; margin:10px 0 10px 0; text-align:left}

/*** Typographies *** EN-TETE */
#header h1 { 	
font-size:18px; text-align:right; font-variant:small-caps; 
line-height:200%; vertical-align:middle; font-weight:bold; color:#FFFFFF }

/*** Typographies *** PIED DE PAGE */
#footer h5{
text-align:center;
font-size:10px;
color:white;
line-height:150%
}
b {font-weight:bold}
.cours h2 {
border-bottom:1px solid #e21205;
border-left:14px solid #e21205;
line-height:100%;
font-size:14px;
padding-left:5px;
padding-bottom:2px;
font-weight:bold;
vertical-align:top;
margin-top:15px;
}
.right {
margin-top:29px;
padding-left:10px;
width:175px;
background-color:#FFFFFF
}
.right h1{
font-weight:bold;
font-size:14px;
margin-bottom:20px;
line-height:120%;
}
.right ul {
margin-bottom:20px;
}
.right ul li {
list-style:url(../images/e21205.gif) inside square;
margin:5px 0 5px 0;
}
.right ul li a {
line-height:100%;
font-size:14px;
text-decoration:none;
font-weight:bold;
background-color:white;
}
.right ul li a:hover {
color:gray;
text-decoration:underline
}
.right p {
line-height:110%;
font-size:14px;
margin-top:20px;
}
/********************************************************************************************** Liens et menus du site */
/*** LES MENUS DU HAUT DE PAGE ***/
div#menu_h{text-align:left;}
div#menu_h ul li { display:inline;}
div#menu_h ul li a {
padding:3px 10px 3px 10px;
margin:0 5px 0 5px;
border-left:1px solid gray;
border-right:1px solid gray;
text-decoration:none;
line-height:150%;
color:white;
background-color:gray;
font-size:14px;
font-weight:bold;
text-align:left
}
div#menu_h ul li a:hover {
background-color:white;
color:gray;
border-bottom:8px solid #e21205;
}
div#menu_h ul li a.hover {
background-color:white;
color:gray;
border-bottom:8px solid #e21205;
}
div.indus {
position:absolute;
background-image:url(../images/scs_2007_choix.jpg);
background-repeat:no-repeat;
background-position:right;
width:550px;
height:389px;
margin-top:212px;
margin-right:-375px;
right:50%;
}
