html,body{margin:0;padding:0;}

body {
background-color:#011F39;
color:#E7E7E7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
}

div#container {
min-width:770px;
background-image:url(../images/design/fond-milieu.gif);
background-repeat:repeat-y;
}

h1 {
padding:0;
margin:0;
background-image:url(../images/design/entete/entete-pasauto.jpg);
background-repeat:no-repeat;
background-position:top right;
height:210px;
}

h1 span {
position:absolute;
text-indent:-1000px;
}

h2 {
color:#EDF2F4;
padding:0;
margin:2em 0 0 0;
font-size:190%;
font-weight:normal;
}

h2#premier {
margin:0 0 1em 0;
}

h3 {
font-size:140%;
font-weight:normal;
margin:1em 0 0 0;
padding:0 0 0.3em 0;
color:#BADBFB;
border-bottom:1px solid #024786;
}

h4 {
font-size:120%;
font-weight:bold;
margin:1em 0 0.3em 0;
padding:0;
clear:both;
}

ul {
margin:0;
padding:0 0 0 2em;
}

ul li {
padding:0;
margin:0 0 0.6em 0;
}

div.clear {
clear:both;
}

.decoration {
float:right;
margin:0 0 1em 1em;
}

p {
line-height:1.4em;
text-align:justify;
}

p.note {
margin:2em 0 0 0;
color:#7E7E7E;
}

a {
text-decoration:underline;
}

a:link {
color:#FFB800;
}

a:visited {
color:#FFB800;
}

a:hover {
color:#FFF;
}

a:active {
color:#FFF;
}

div#header {
background-image:url(../images/fr/bg-entete-contact.jpg);
background-repeat:repeat-x;
height:210px;
position:relative;
}

div#header div#logo{
position:absolute;
left:10px;
top:10px;
z-index:100;
height:99px;
width:256px;
}

div#header div#logo div {
height:99px;
width:256px;
background-image:url(../images/fr/logo-contact.png);
background-repeat:no-repeat;
}

div#header div#design-tableau-bord {
position:absolute;
right:0px;
top:0px;
z-index:80;
height:210px;
width:624px;
}

div#header div#demande-soumission{
position:absolute;
left:10px;
top:135px;
z-index:100;
}

a img {
border:0;
}

div#navigation{
background-color:#03111E;
z-index:200;
margin-top:-23px;
position:relative;
}

div#navigation ul {
margin:0;
padding:0;
list-style-type:none;
}

div#navigation ul li{
margin:0;
padding:0;
}

div#content{
margin-left:160px;
padding:1em;
}

div#footer{background: #557FA9;color:#FFF}
div#footer p{margin:0;padding:5px 10px;font-size:85%;font-weight:bold;}
div#footer a{display:inline;padding:0;color: #FFF}

div#wrapper{float:right;width:100%;margin-left:-200px;}

div#navigation{float:left;width:160px}
div#extra{float:left;clear:left;width:160px;}
div#footer{clear:both;width:100%;}
div#imagecentre{text-align:center}

table {
border:0;
border-collapse:collapse;
margin:0 0 1em 0;
}

table th{
font-weight:bold;
border:0;
border-collapse:collapse;
padding:0.3em 1em 0.3em 0;
text-align:left;
}

table td{
border:0;
border-collapse:collapse;
padding:0.3em 1em 0.3em 0;
text-align:left;
}

table caption{
font-weight:bold;
text-align:left;
caption-side:top;
font-size:120%;
margin:1em 0 1em 0;
padding:0;
}

div#equipe img {
background-color:#024786;
padding:6px;
background-image:url(../images/fr/bg-entete-contact.jpg);
}

div#equipe p{
margin:0 0 1em 0;
padding:0;
}

div#equipe div.membre {
width:270px;
height:15em;
float:left;
margin:10px;
}

html>body div#equipe div.membre {
width:auto;
min-width:270px;
height:auto;
min-height:15em;
}

img.accompagnement-gauche {
float:left;
margin:1em 1em 1em 0;
border:1px solid #FFF;
background-color:#024786;
padding:6px;
background-image:url(../images/fr/bg-entete-contact.jpg);

}

p.date {
color:#7E7E7E;
margin:0;
font-size:95%;
}

p#coordonnees-permanentes {
margin-top:5em;
padding-top:0.5em;
border-top:2px solid #4B4D38;
font-size:80%;
clear:both;
color:#A6A6A6;
text-align:left;
}

/* Formulaires */
form {
margin:2em 0 1em 0;
padding:0;
width:99%;
}

fieldset {
border:1px solid #024786;
padding:1em;
margin:0 auto 2em auto;
}

legend {
color:#FFF;
font-weight:bold;
}

form label {font-weight:bold;color:#BADBFB;cursor:pointer;}

form h2, form .piedForm {
	left:0;
}

form .corpsForm {
	margin: 0;
	padding:1em 0 0 0;
}

form .piedForm {
	text-align: right;
	padding:0;
}
form .piedForm input, form input.bouton {
	font-weight:bold;
	cursor:pointer;
}

form input, form select,form textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#FFF;
border-top:1px solid #0483F4;
border-left:1px solid #0483F4;
border-right:1px solid #0483F4;
border-bottom:1px solid #0483F4;
}

form input {
padding-left:2px;
margin-top:0.4em;
background-color:#023A6C !important;
}

form textarea {
width:98%;
height:16em;
padding-left:3px;
margin-top:0.4em;
background-color:#023A6C !important;
}

form input.CheckBox {
border:0;
background-color:#011F39 !important;
}

div#erreur {
color:#7D0205;
border:2px solid #7D0205;
margin:1em 0 1em 0;
background-color:#FFF;
}

div#erreur h2 {
color:#FFF;
background-color:#7D0205;
margin:0;
padding: .5em;
left:0;
font:bold 1.1em arial, hevetica, sans-serif;
background-image:none;
}

div#erreur ul {
margin:1em 0 1em 1em;
}

div#erreur p {
padding:0 1em 1em 1em;
border-bottom:1px solid #7D0205;
margin:1em 0;
}

span#logo-signature {
float:right;
}

span#indication-signature {
float:left;
}

br.clear {
clear:both;
}

dl dt {
font-weight:bold;
margin-top:1em;
color:#BADBFB;
}

dl dd {
padding:0;
margin:0;
font-weight:bold;
}
