/* CSS Document */
@page { 
  size :landscape; 
}
html {
  margin: 0;
  padding: 0;
}
 
body {
  padding: 0;
  margin: 0;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  color: #1976C2;
  text-align: center;
  background-image: url(img/bcg.gif);
  background-repeat: repeat-x;
}
a, a:link, a:active, a:visited {
  color: #114F82; 
  text-decoration : none; 
} 
a:hover {
  color: #339999; 
  text-decoration: none; 
}
#menu_head  {
  padding : 0;
  margin: 0;
  height: 23px; 
  background-image: url(img/menu.gif);
  
}
#menu_head ul {
  margin: 0;
  padding: 0;  
  width: 100%;
  list-style-type: none;
}
#menu_head li {
  margin: 0;
  padding: 0;
  float: left;
}
#menu_head a {
  margin: 0px;
  padding: /*8px 7px 9px 7px*/ 4px 7px 5px 7px;
  float: left;
  display: block;
  font-size: 11px;
  text-decoration: none;
  color: #329797;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
}
#menu_head a:hover {
  background-color: #5CB6D1;
  background-image: url(img/menu_hover.gif);
  color: #fff;
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
}
#menu_head a:active {
  color: #0E4D80;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
} 

li {
  margin: 0;
  padding: 0;
}
#global {
  padding: 0;
  margin: 0px auto 0px auto;
  width : 780px;
}
.ombre01 {
  margin: 0;
  padding: 9px 0px 0px 0px;
  background-image: url(img/ombre01.gif);
  display: block;
}
#header {
  margin: 0;
  padding: 0;
  height: 153px;
  background-image: url(img/header2.jpg);
  background-position: right;
  background-repeat: no-repeat;
  text-align: left; 
}
#header img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  float: left;
}
.logo {
  float: left;
  clear: right;
  margin: 0;
  padding: 0;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  /*vertical-align: top;*/
}
#blockEdito {
	float: left;
	background: url(img/bgd-edito.jpg) no-repeat left #307ec7;
	width: 539px;
	height: 153px;
	overflow: hidden;
}
#wrapper {
	margin-top:8px;
	height:92px;
	overflow:auto;
}
#blockEdito h2 {
	margin-top: 20px;
	padding: 0;
	margin-left: 18px;
	text-transform: uppercase;
	font: bold 14px arial, helvetica, sans-serif;
	color: #FFF;
}
#blockEdito p {
	margin: 5px 18px 0 18px !important;
	background: none;
	font-size: 14px;
	color: #2472bb;
	line-height: 20px;
	padding: 18px 18px 0 18px;
}
.btn {
  width: 442px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
#menu_sshead  {
  padding : 0;
  margin: 0;
  height: 31px; 
  background-image: url(img/menu.gif);
  text-align: right; 
}
#menu_sshead ul {
  margin: 0;
  padding: 0;  
  width: 100%;
  list-style-type: none; 
}
#menu_sshead li {
  margin: 0;
  padding: 0;
  float: right;
}
#menu_sshead a {
  margin: /*0px 20px 0px 20px*/0px;
  padding: 8px 9px 9px 9px;
  float: left;
  display: block;
  font-size: 11px;
  text-decoration: none;
  color: #329797;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
}
#menu_sshead a:hover {
  background-color: #5CB6D1;
  background-image: url(img/menu_hover.gif);
  color: #fff;
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
}
#menu_sshead a:active {
  color: #0E4D80;
}
#centre {
  background-color: #80B6E4;
  background-image: url(img/centre.gif);
  background-repeat: repeat-x;
  margin: 0;
  padding: 34px 0px 0px 0px;
  background-position: top;
}
#gauche {
  float: left;
  clear: left;
  width: 222px;
  margin: 0;
  padding: 0;
}
.boitegauche_top {
  width: 210px;
  height: 32px;
  margin: 0px 0px 0px 12px;
  padding: 0;
  background-image: url(img/gauche_top.gif);
  text-align: left;
}
.boitegauche_centre{
  width: 210px;
  margin: 0px 0px 0px 12px;
  padding: 0;
  background-image: url(img/gauche_centre.gif)
}
h1 {
  margin: 0;
  padding: 0; 
}
h2 {
  margin: 0;
  padding: 4px 2px 3px 5px;
  color: #114F82;
  font-size: 12px;
  width: 107px;
  text-align: left;
}
h3 {
  margin: 0;
  padding: 10px 7px 15px 7px;
  margin: 0 9px 0 9px;
  font-size: 14px;
  text-decoration: underline;
  background-color: #fff;
  color: #114F82;
}
h4 {
  margin: 0;
  padding: 17px 7px 0px 7px;
  margin: 0 9px 0 9px;
  font-size: 11px;
  background-color: #fff;
  color: #237474;
}
h5 {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 12px;
  color: #3389CF;
}
h6 {
  padding: 8px 0 15px 0;
  margin: 0;
  background-color: #fff;
  margin: 0 9px 0 9px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
p {
  padding: 0px 7px 0px 7px;
  margin: 0 9px 0 9px;
  font-size: 11px;
  text-align: left;
  background-color: #fff;
}
.boitegauche_centre p {
  line-height: 16px;
}
.boitedroite_centre p {
  line-height: 20px;
}
.boitedroite_centre p.text {
  line-height: 14px;
  color: #114F82;
}
.boitedroite_centre p.center {
  line-height: 14px;
  color: #114F82;
  text-align: center;
}
.boitedroite_centre p.text span {
  color: #1976C2;
}
.boitedroite_centre p.box {
  border: 1px #1976C2 solid;
  margin: 10px 25px;
  padding:5px;
}
.boitedroite_centre_img {
  text-align: center;
  width: 519px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  background-image: url(img/droite_centre.gif)
}
.bockTitle h2 {
	height: 26px;
	font: bold  20px arial, helvetica, sans-serif;
	color: #fff;
	text-align: center !important;
	text-transform: uppercase;
	display: block;
	width: auto;
	margin: 0 4px 0 0;
	position: relative;
	top: -22px;
	padding: 27px 0 0 0
}
.permis-b h2 {
	background: url(img/bgd-permisb.gif) no-repeat right top;
	height: 66px;
	padding-right: 75px;
}
.permis-riviere h2 {
	background: url(img/bgd-permisriviere.gif) no-repeat right top;
	height: 66px;
	padding-right: 75px;
}
.permis-mer h2 {
	background: url(img/bgd-permismer.gif) no-repeat right top;
	height: 66px;
	padding-right: 75px;
}
.permis-moto h2 {
	background: url(img/bgd-permismoto.gif) no-repeat right top;
	height: 66px;
	padding-right: 75px;
}
.permis-aac h2 {
	background: url(img/bgd-aac.gif) no-repeat right top;
	height: 66px;
	padding-right: 75px;
}

.boitegauche_bas {
  width: 210px;
  height: 12px;
  margin: 0px 0px 0px 12px;
  padding: 0;
  background-image: url(img/gauche_bas.gif);
  background-repeat: no-repeat;
}
#droite {
  margin: 0px 12px 0px 239px;
  padding:0px 5px 0px 0px;
  text-align: left;
}
.boitdroite {
  margin: 0;
  padding: 0;
  width: 519px;
}
.boitedroite_top {
  width: 519px;
  height: 32px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  background-image: url(img/droite_top.gif);
  text-align: left;
}
.boitedroite_centre{
  width: 519px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  background-image: url(img/droite_centre.gif)
}
.boitedroite_bas {
  width: 519px;
  height: 12px;
  margin: 0px 0px 34px 0px;
  padding: 0;
  background-image: url(img/droite_bas.gif);
  background-repeat: no-repeat;
}
#footer {
  clear: both;
  background-repeat: repeat-x;
  background-position: bottom;
  background-image: url(img/ombre02.gif);
  margin: 0;
  padding: 10px 0px 0px 0px;
}
#pied {
  margin: 0;
  padding: 8px;
  font-size: 11px;
  color: #35658C;
  background-image: url(img/footer.gif);
  text-align: center;
}
.icone {
  margin: 0px 0px 0px 12px;
  padding: 0 0 10px 0;
}
table, tr, td {
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}
form {
   padding : 0;
   margin : 0;
}
input, select, textarea {
   border: 1px solid #3F8DD8;
   background-color: #ffffff;
   padding-left: 2px;
}

ul.pieces, ul.text { 
  padding: 5px 7px 8px 14px;
  margin: 0 9px 0 9px;
  background-color: #fff;
  font-size: 11px;
  color: #339898;
} 
ul.text {
color:#114F82;
}
ul.pieces li, ul.text li {
  margin: 0;
  padding: 0;
}

table.text {
  padding: 0px 7px 0px 7px;
  margin: 0 9px 0 15px;
  font-size: 11px;
  text-align: left;
  background-color: #fff;
  line-height: 14px;
  color: #114F82;
}

table#dates {
  width: 85%;
  color: #114F82;
  background-color: #fff;
  margin-left: 50px;
}
table#dates th {
  font-size: 14px;
  margin: 0;
  padding: 0 0 12px 0;
}
table#dates td span {
  color: #1976C2;
}
table#dates td.submit {
  text-align: center;
}
table#dates td.submit input {
  font-weight: bold;
  color: #114F82;
}

table#tarifs {
  width: 90%;
  color: #1976C2;
  background-color: #fff;
  margin-left: 25px;
  margin-top: 12px;
  border: 1px #1976C2 solid;
}
table#tarifs th {
  text-align: center;
  padding: 4px 0 12px 0;
}
table#tarifs th.title {
  padding: 18px 0 12px 0;
}
table#tarifs td {
  text-align: center;
}
table#tarifs td.right {
  text-align: left;
  color: #114F82;
}
table#tarifs tr.subth {
  color: #114F82;
}
table#tarifs tr.subth {
  background: #dedede;
}

#myform input {
  font-size: 12px;
  width: 90%;
}

#myform_tarifs input {
  font-size: 12px;
  width: 30px;
}

#myform_liens input {
  font-size: 12px;
  width: 90%;
}
#myform_tarifs #submit, #submit {
  font-size: 12px;
  font-weight: bold;
  color: #114F82;
  width: 80%;
}

ul#links li, ul#documents li {
  padding-bottom: 8px
}

#actu {
padding: 10px;
margin-left:460px;
font-weight:bold;
}