html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
body {
background:url(img/fond2.jpg) repeat-x;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:10px 0;
}
p {
color:#000f69;
font-size:12px;
}
a {
color:#213594;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
ul

img {
border:0;
}

input {
font-size:11px;
}

hr {
border:1px solid #090542;
width:100%;
}
.float_l {
float:left;
margin:0 0 10px 10px;
width:318px;
}

h1 {
border-bottom:1px solid #090542;
color:#090542;
font-size:22px;
font-weight:normal;
padding:10px 0 10px 10px;
}
h2 {
color:#000f69;
font-size:17px;
font-weight:normal;
margin:10px;
}
h3 {
color:#fff;
font-size:14px;
font-weight:normal;
margin:0 0 5px;
}
.vert h4 {
background:url(img/puce_cours.gif) no-repeat left center;
color:#b9ca40;
font-size:15px;
font-weight:normal;
margin:0 0 10px;
padding-left:12px;
text-transform:uppercase;
}
#central {
margin:0 auto;
width:980px;
}
#central_home {
background:url(img/central_home.gif);
border:1px solid #626262;
margin:0;
width:922px;
}
#footer {
background-color:transparent;
clear:both;
color:silver;
margin:10px 0;
text-align:right;
width:920px;
}
#footer a {
color:silver;
text-decoration:none;
}
#footer a:hover {
color:white;
text-decoration:none;
}
.nav {
background:url(img/button_menu2.png) no-repeat;
clear:both;
font-family:arial, verdana, sans-serif;
font-size:11px;
height:35px;
margin-bottom:10px;
padding:0 100px;
position:relative;
width:730px;
z-index:50;
}
.nav li,
.nav li.current {
display:block;
list-style:none;
margin:0 25px;
padding:0;
white-space:nowrap;
}
.nav li {
float:left;
height:auto;
padding:0;
}
.nav li a {
background:url(img/button1.gif);
color:#ddd;
display:block;
float:left;
height:35px;
line-height:35px;
padding:0 30px 0 30px;
text-decoration:none;
white-space:nowrap;
}
.nav li.current a {
background:url(img/button3.gif);
color:#fff;
display:block;
float:left;
height:35px;
line-height:35px;
padding:0 0 0 15px;
text-decoration:none;
white-space:nowrap;
}
.nav li.current a b {
background:url(img/button3.gif) right top;
display:block;
padding:0 30px 0 15px;
}
.nav li a:hover,
.nav li li:hover a {
background:url(img/button4.gif);
color:#fff;
cursor:pointer;
padding:0 0 0 15px;
}
.nav li a:hover b,
.nav li li:hover a b {
background:url(img/button4.gif) right top;
cursor:pointer;
display:block;
float:left;
padding:0 30px 0 15px;
}
#right {
background:#B1CBDD url(img/fond-droite.jpg) no-repeat;
float:left;
min-height:552px;
width:237px;
}
#center {
background:#5C91B3 url(img/centre-gauche.jpg) no-repeat;
float:left;
min-height:538px;
padding:7px;
width:669px;
}
#menu {
background:url(img/menu_ul.gif) no-repeat left bottom;
left:-29px;
list-style-type:none;
position:relative;
top:30px;
width:265px;
}
#menu li {
background:url(img/bordure-menu2.png) no-repeat 0 7px;
padding-left:29px;
}
#menu li a {
border-top:1px solid #82A0B0;
color:#fff;
display:block;
padding:5px 0 12px 52px;
width:184px;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
visibility:hidden;
}
h2#coordonnes,h2#cours,h2#cours_big,h2#cours_small,h2#pratique,h2#pratique_big {
color:#fff;
font-size:16px;
font-weight:normal;
height:35px;
margin:30px auto 0;
padding:18px 0 0 60px;
text-transform:uppercase;
width:442px;
}
h2#coordonnes {
background:url(img/coordonnes.gif) no-repeat;
}
h2#cours {
background:url(img/cours.gif) no-repeat;
}
h2#cours_big {
background:url(img/cours_big.gif) no-repeat;
width:587px;
}
h2#cours_small {
background:url(img/cours_small.gif) no-repeat;
width:258px;
}
h2#pratique {
background:url(img/pratique.gif) no-repeat;
width:258px;
}
h2#pratique_big {
background:url(img/pratique_big.gif) no-repeat;
width:587px;
}
.box,.box_big, .box_small {
background:#63727C;
border:1px solid #FFFFFF;
border-right:1px solid #BEC5C9;
border-top:none;
margin:0 auto;
left:5px;
padding:0 25px 10px;
position:relative;
width:440px;
}
.box_big {
overflow:hidden;
padding:0 5px 10px 15px;
width:615px;
}
.box_small {
overflow:hidden;
padding:0 5px 10px 15px;
width:286px;
}
.box_small {
overflow:hidden;
padding:0 10px 10px 15px;
width:281px;
}
.bt_acces {
float:right;
margin:5px 5px 10px 0;
padding-left:12px;
}
.vert .bt_acces {
background:url(img/bt_acces_vert.gif) no-repeat left center;
color:#b3c33d;
}
.mauve .bt_acces {
background:url(img/bt_acces_pratique.gif) no-repeat left center;
color:#ff8dcd;
}

.box ul, .box_big ul {
list-style-type:none;
}
.box ul li p, .box_big ul li p, .box_small p {
color:#fff;
}
.box_small p.intro {
font-size:14px;
margin:0 0 10px;
}
.vert h3,.mauve h3 {
font-size:15px;
padding-left:12px;
}
.vert h3 {
background:url(img/puce_cours.gif) no-repeat left .4em;
color:#b9ca40;
}
.mauve h3 {
background:url(img/puce_pratique.gif) no-repeat left .4em;
color:#ff8dcd;
}
.box_small p {
margin-left:12px;
}
.box_big ul li p {
float:left;
font-size:12px;
width:220px;
}
.box_big ul {
margin-left:12px;
}
.box_big ul li {
clear:left;
}
.box_big ul li a {
display:block;
float:left;
text-indent:-5000px;
}
.bt_down, .bt_print {
height:18px;
margin-bottom:3px;
width:21px;
}
.bt_down {
background:url(img/bt_down.gif) no-repeat left bottom;
margin-right:6px;
}
.bt_print {
background:url(img/bt_print.gif) no-repeat left bottom;
}
.box ul.home li, .box_big ul.home li {
background:url(img/puce.gif) no-repeat left center;
border-bottom:1px solid #9E9E9E;
clear:left;
font-size:14px;
padding:4px 0 4px 17px;
}
#center .vert ul.home li {
background:url(img/puce_cours.gif) no-repeat left center;
}
.box ul li strong, .box_big ul li strong {
display:inline-table;
float:left;
font-weight:normal;
width:200px;
}
#bt_cours {
background:url(img/bt_cours.gif) no-repeat;
display:block;
height:37px;
margin:20px auto;
text-indent:-5000px;
width:157px;
}
#bt_logout {
background:url(img/deconnexion.gif) no-repeat left center;
color:#fff;
float:right;
margin:75px 60px 0 0;
padding-left:10px;
}
.logo {
float:left;
margin-bottom:10px;
}
.cour {
float:left;
margin:10px 0 20px;
width:307px;
}
.ligne {
background:url(img/ligne.gif) no-repeat;
clear:both;
height:2px;
margin-bottom:10px;
overflow:hidden;
width:587px;
}
a.bt_accueil {
background:url(img/bt_accueil.gif) no-repeat left center;
color:#fff;
float:right;
font-size:15px;
margin:10px 20px 0;
padding:10px;
}
p.intro {
margin:5px 12px 0;
}
p.intro a {
color:#000F69;
font-size:13px;
text-decoration:underline;
}
button {
background:#00304D;
border:none;
color:#fff;
margin:5px;
}
.box button {
float:right;
}
.box input {
width:215px;
}