* {
padding : 0;
margin : 0;
}
body {
color : white;
background-color : #FFFFFF;
font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size : small;
width : 100%;
}
div {
padding : 20px;
padding-bottom : 0;
border : 0;
margin-bottom : 0;
}
address {
text-align : center;
letter-spacing : 2px;
line-height : 1.5;
}
blockquote {
color : #4549A0;
background-color : #E8E8F0;
border : 1px solid #F8ECF1;
padding : 6px;
}
em {
font-size : 72%;
font-weight : normal;
}
h1, h2 {
color : #C71825;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom : 1em;
}
h1 {
text-align : center;
font-size : 180%;
}
h2 {
font-size : 150%;
font-style : normal;
letter-spacing : 2px;
padding-top : 10px;
border-top : 1px solid #a9155a;
margin-top : 20px;
}
hr {
background-color : #eaaf88;
border : 0;
margin : 6px auto;
}
kbd {
background : #eee;
color : #555;
font-weight : bold;
border-width : 1px 3px 4px 2px;
border-style : solid;
border-color : #ccc #aaa #888 #bbb;
padding : 1px 2px;
}
ol, ul, li {
margin-left : 16px;
}
li {
margin : 0 0 0 1em;
}
p, ul {
margin : 0 0 1em 0;
}
a {
text-decoration : none;
outline : none;
}
a:link {
color : #4C4FC2;
}
a:visited {
color : #D60D13;
}
a:hover, a:focus {
text-decoration : underline;
}
a:active {
color : #d99898;
background-color : transparent;
}
a.flash:link {
color : #EE0500;
text-decoration : none;
}
a.flash:visited {
color : #46489B;
text-decoration : underline;
}
a.flash:hover {
color : #d43230;
text-decoration : overline;
border : 0;
}
table, th, tr, td {
border : 0;
}
#enveloppe {
color : black;
background-color : #ffffff;
width : 90%;
border : 0;
margin : 5px auto;
}
#entete {
top : 0;
text-align : center;
color : #70708C;
background-image : url(/images/fond/carte-france-dom-tom.png);
background-repeat : no-repeat;
background-position : left 0%;
background-color : #ffffff;
}
#entete p {
padding : 5px 0;
margin-bottom : 0;
}
#entete img {
background-color : transparent;
border : 0;
}

#menu {
text-align : center;
color : black;
background-color : #FFFFFF;
padding : 5px 0 4px 0;
border-bottom : 1px solid #BEC1D0;
}
#menu ul, #categorie ul {
margin-bottom : 0;
}
#menu li, #categorie li {
display : inline;
list-style-type : none;
margin : 0;
}
#menu a {
color : #333333;
font-weight : bold;
background-color : transparent;
padding : 4px 8px;
border : 1px solid #BEC1D0;
}
#menu a:active {
background-color : transparent;
}
#menu a:hover, #pageaccueil #menu1 a, #pagecontact #menu2 a, #pagesoumettre #menu3 a {
text-decoration : none;
color : black;
background-color : #E8E8F0;
padding-bottom : 5px;
border-bottom : none;
}

#pub {
text-align:center;
background-color : #E8E8F0;
border-right : 1px solid #BEC1D0;
border-left : 1px solid #BEC1D0;
}

#categorie {
text-align : center;
padding : 5px 0 0 0;
}
#categorie {
text-align : center;
}
#categorie a {
color : #00317B;
font-weight : bold;
font-size : xx-small;
background-color : #BEC1D0;
padding : 2px 4px 0 4px;
border : 1px solid #BEC1D0;
border-bottom : 0;
}
#categorie a:active {
background-color : transparent;
}
#categorie a:hover, #aa #categorie1 a, #cfp #categorie2 a, #efp #categorie3 a, #ep #categorie4 a, #generalite #categorie5 a, #institution #categorie6 a {
text-decoration : none;
color : #C71825;
background-color : #FFFFFF;
padding-bottom : 5px;
border-bottom : none;
}
#corpsaccueil {
text-align : left;
background-color : #E8E8F0;
border : 1px solid #BEC1D0;
border-top : 0;
margin : 0;
}
#corpsaccueil img {
background-color : #ffffff;
background-position : top center;
width : 120px;
height : 90px;
padding : 2px;
border : 1px solid #BEC1D0;
}
#corpsaccueil img.pr
{
float:right;
width : 40px;
height : 8px;
}
#corpsaccueil img.w3c
{
background-color:transparent;
width : 88px;
height : 31px;
padding:0;
border:0;
}
#corpsaccueil .large {
width : 100%;
}
#corpsaccueil .imgTop {
vertical-align : top;
}
#corpsaccueil h2 {
text-align : center;
color:#FFFFFF;
font-size : 110%;
font-style : normal;
letter-spacing : 2px;
background-color : #C71825;
padding : 2px 20px;
border : 0;
margin : 0;
}
#corpsaccueil p {
text-align : left;
}
#corpsaccueil .verif {
background-color : #ffedc0;
}
#piedpage {
color:#00317B;
background-image : url(/images/logos/afp_petit.jpg);
background-repeat : no-repeat;
background-position : right 0%;
padding : 20px;
padding-top : 10px;
margin-top : 20px;
}
#piedpage img {
border : 0;
}
#alert {
color : #ffeea0;
background-color : #C71825;
width : 85%;
padding : 6px;
border : 1px outset #8f542a;
margin : 2px auto 1em auto;
}
#alert h2 {
text-align : left;
color : #F8F8F8;
}
#alert em {
font-size : 90%;
color : #f8f8f8;
}
.centre {
text-align : center;
}
.droite {
text-align : right;
}
.gauche {
text-align : left;
}
form {
background-color : #FFFFFF;
width : 85%;
padding : 20px;
border : 1px solid #BEC1D0;
margin : 0 auto 6px auto;
}
fieldset {
top : 0.5em;
padding : 0.5em 1em;
}
input {
border : 1px inset;
background-color : #e9eaeb;
font-family : "Trebuchet MS", Georgia, sans-serif;
color : black;
}
input.bouton {
border : 2px outset #ffecb3;
background-color : #ffd85e;
font-size : 80%;
font-weight : bold;
cursor : pointer;
color : #020c0b;
}
input.select {
color : #ffffff;
border : 2px outset;
font-weight : bold;
cursor : pointer;
background-color : #929bc4;
}
input.select:active {
color : #000000;
border : 2px inset #ffffff;
background-color : #99ccff;
}
input:focus, textarea:focus {
background-color : #d9d9d9;
}
label {
font-family : "trebuchet ms", sans-serif;
font-weight : bold;
display : block;
}
select, option {
font-size : 100%;
background-color : #dedff5;
border : 2px outset #eff0fa;
color : black;
}
textarea {
width : 100%;
border : 1px solid black;
background-color : #dedfe2;
font-family : "trebuchet ms", arial, sans-serif;
color : #000000;
}
p#notes {
border-bottom : 1px dotted black;
padding-bottom : 1em;
}
p#footer {
border-top : 1px dotted black;
padding-top : 1em;
}
code {
font-size : 0.9em;
}
html > body code {
font-size : 1.3em;
}
#formulaire, #form, #form2, #form3 {
border : 1px solid black;
color : black;
background : #fefcf5;
margin : 0;
padding : 1em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 {
margin : 0;
font-style : normal;
padding : 0 1em 1em;
}
#formulaire legend#form, legend #form2, legend #form3 {
font-weight : bold;
color : blue;
background-color : transparent;
}
#formulaire p #form, p #form2, p #form3 {
padding : 0.2em 0;
margin : 0 0 0.2em;
}
#formulaire fieldset #form, fieldset #form2, fieldset #form3 label {
float : left;
width : 45%;
text-align : right;
margin : 0;
padding : 0 0.5em 0 0;
line-height : 1.8em;
}
#formulaire, #fom2, #form3, label:hover, input {
cursor : pointer;
}
div label:hover, span {
cursor : default;
}
div.align span.left {
cursor : pointer;
float : left;
width : 5%;
text-align : left;
}
div.align span.center {
cursor : help;
float : left;
width : 33%;
text-align : left;
}
div.align span.right {
cursor : help;
float : left;
width : 60%;
text-align : left;
}