/*STYLES CSS*/

/********************************************/
/***               Reset                  ***/
/********************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, a, th, td{  
	border:0;
	margin:0; 
	padding:0; 
}


/********************************************/
/********		PRINCIPAL			*********/
/********************************************/

body {
background: url(images/background.jpg);
background-repeat: repeat-x;
background-color: #003333;
font-family: arial, helvetica sans serif;
font-size: 0.9em;
color: #fff;
}

a {
color: #fff;
text-decoration: none;
}

a:hover {
font-weight: bold;
}

div#content {
width: 960px;
margin: auto;
}

div#top {
height: 90px;
}

.logo {
float: left;
}

div#lecteur {
float: right;
margin-top: 55px;
}

/***************************MENU************************/

.droplinetabs{
overflow: hidden;
border-bottom: 1px solid gray; /*underline across bottom of main tabs*/
}

.droplinetabs ul{
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs a{
float: left;
color: white;
background: #000; /*default background color of tabs, left corner image*/
margin: 0 4px 0px 0;
padding: 0 5px 4px 3px;
text-decoration: none;
letter-spacing: 0.5px;
}
/*
.droplinetabs a:link, .droplinetabs a:visited, .droplinetabs a:active{
color: #ccc;
}
*/
.droplinetabs a span{
float: left;
display: block;
background: transparent; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background-color: #fff; /*background color of tabs onMouseover*/
color: black;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #fff; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: normal 11px;
padding: 6px;
padding-right: 8px;
margin: 0;
background: #fff; /*sub menu background color */
color: black;
}

.droplinetabs ul li ul li a span{
background: #fff; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #ccc;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;  
border-radius: 5px;
}


/***********************CONTENU*******************************/

p {
text-align: justify;
padding-bottom: 10px;
}

div#article {
margin-top: 10px;
padding: 10px;
}

.grand-titre {
width: 400px;
font-size: 18px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

.petit-titre {
font-size: 14px;
padding: 5px 0 0 0;
}

.paragraphe {
width: 400px;
float: left;
text-align: justify;
}

.illustration {
float: right;
}

.illustration1 {
margin-left: 65px;
}

ul#menu-permis-points {
width: 98%;
}

ul#menu-permis-points li {
list-style-type: none;
}

ul#menu-permis-points li a{
padding: 5px;
display: block;
background: url(right.gif);
background-repeat: no-repeat;
background-position: right;
background-color: none;
font-weight: bold;
}

ul#menu-permis-points li a:hover{
display: block;
background: url(right1.gif);
background-repeat: no-repeat;
background-position: right;
color: #999;
}

ul#a-propos {
width: 190px;
float: left;
list-style-type: none;
}

ul#a-propos-right {
margin-left: 200px;
width: 190px;
list-style-type: none;
}

ul#menu-index {
float: left;
width: 440px;
padding: 8px;
list-style-type: none;
}

ul#menu-index li {
float: left;
padding: 15px 8px 0 0;
}

/**********************ACCORDEON***************************/

.togglers {
font-size: 16px;
color: #fff;
font-weight: bold;
padding: 8px;
background: url(down.gif);
background-repeat: no-repeat;
background-position: right;
width: 98%;
}

.togglers:hover{
font-weight: bold;
background: url(down1.gif);
background-repeat: no-repeat;
background-position: right;
color: #999;
cursor: hand;
}

.elements {
padding: 5px;
}

.titre1 {
font-size: 16px;
color: #fff;
font-weight: bold;
padding: 8px;
}

.togglers1 {
font-size: 12px;
color: #fff;
padding: 8px;
background: url(down.gif);
background-repeat: no-repeat;
background-position: right;
width: 90%;
}

.togglers1:hover{
background: url(down1.gif);
background-repeat: no-repeat;
background-position: right;
color: #999;
cursor: hand;
}

.elements1 {
font-size: 11px;
padding: 5px;
}

/*******************FOOTER******************************/
div#footer {
margin-top: 5px;
border-top: 1px solid gray;
clear: both;
}

ul#menu-drapeau {
width: 300px;
float: left;
height: 24px;
}

ul#menu-drapeau li {
list-style-type: none;
padding: 8px;
float: left;
}

ul#menu-footer {
float: right;
list-style-type: none;
}

ul#menu-footer li {
float: left;
line-height: 24px;
padding: 0 4px 4px 0;
}

ul#menu-footer li a {
font-size: 12px;
color: #ccc;
}

ul#menu-footer li a:hover {
font-weight: bold;
}