/* le body */

* {
	margin:0;
	padding:0;
}

body, html { width:100%; height:100%;  background-color: #47443C; text-align:center; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 9pt ; color: #CC0033}
#container {width: 820px; margin: 0 auto; }
a img { border:none; }

/* entete */

#header { position:relative; width:820px; height:325px;}
#trait1 {position:absolute; top:117px; width:230px; border:1px solid white;}
#trait2 {position:absolute; top:117px; width:700px; height:157px; border-left:2px solid white; border-bottom:2px solid white; }
#logo {position:absolute; width:360px; height:186px; top:20px; left:50%; margin-left:-180px; background-color:white;}
#logo img {border:2px solid black; margin:3px;}

/* menu */

#menu {position:relative; width:100%; height:22px;top:228px;}

#menu dt {float:left; width:90px; height:90px; border:2px solid white;}
#menu img {margin-top:35px; }
#m1 {margin-left:31px; background-color:#CC4A14;}
#m2, #m3, #m4, #m5 {margin-left:67px;}

#m2 {background-color:#009999;}
#m3 {background-color:#DB9916;}
#m4 {background-color:#3D5499;}
#m5 {background-color:#60993D;}

/* le tableau sous-menus */

table.sousmenu {width:100%; height:22px; margin:0px; border-top: #CC0033 0px solid ; border-right: #CC0033 1px solid ; border-bottom: #CC0033 1px solid ; border-left: #CC0033 1px solid ; background-color: #F6F1C8; font-weight: bold; font-size: 9pt;}
table.sousmenu td ul {list-style-type:none; padding-left:15px; margin:0px; }
table.sousmenu td ul li {list-style-type:none; display:inline; padding-left:25px; padding-right:25px; }
table.sousmenu td ul li a {text-decoration:none; color: #969696; }
table.sousmenu td ul li a:hover {text-decoration:none; color: #CC0033; }

/* le tableau contenu */

table.contenu {width:100%; margin-top:1px; border-collapse: collapse; border-top: #CC0033 2px solid ; border-right: #CC0033 1px solid ; border-bottom: #CC0033 2px solid ; border-left: #CC0033 1px solid ; background-color: #F6F1C8; font-size: 9pt;}
table.contenu td { padding-left:40px; padding-right:40px;}

/* Nos champs d'actions de l'espace Pro */

table.actions {width:100%; border: #CC0033 0px solid ; font-size: 9pt; }
table.actions td {border-top: #CC0033 2px solid ; border-right: #CC0033 2px solid; border-bottom: #CC0033 1px solid; border-left: #CC0033 1px solid ; padding:10px; text-align:center; vertical-align:middle; }
table.actions td.interh {width:20px; padding:0px; }
table.actions td.noir { border-color: #000000; color: #000000; }
table.actions td.bleu { border-color: #0532EE; color: #0532EE; }

/* le tableau contacts */

table.contacts {width:100%; border: #CC0033 0px solid ; font-size: 9pt; }
table.contacts td {text-align:left; padding-left:0px; padding-right:40px; border: #CC0033 0px solid ; }

/* Participer à des tests - Déroulement des tests */

#encartdroit { width: 300px; float : right ; border: #0532EE 1px solid ; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-left:10px; margin-top:18px; color: #0532EE; }

/* le tableau Inscription et modifications des infos du membre */

table.inscrip {width:90%; border: #CC0033 0px solid ; font-size: 9pt; color: #000000; }
table.inscrip td {padding:0px; }
table.inscrip td.nomligne {width:23%; border: #CC0033 0px solid ; padding:0px; text-align:left; font-weight: bold; vertical-align:middle; }
table.inscrip td.txtligne {border: #CC0033 0px solid}

/* le tableau Identification */

table.identif {width:80%; border: #CC0033 0px solid ; font-size: 9pt; color: #000000; }
table.identif td {padding:0px; }
table.identif td.grasligne {width:25%; border: #CC0033 0px solid ; padding:0px; text-align:left; font-weight: bold; vertical-align:middle; }
table.identif td.stdligne {border: #CC0033 0px solid}

/* le tableau vosetudes */

table.vosetudes {width:80%; border: #CC0033 0px solid ; border-collapse: collapse; font-size: 9pt; }
table.vosetudes td.ligne1 {padding:2px; vertical-align:top; text-align:center; border: #CC0033 1px solid ; }
table.vosetudes td.ligne2 {padding:2px; vertical-align:top; text-align:center; border: #CC0033 0px solid ; }
table.vosetudes td.ligne3 {padding:2px; vertical-align:middle; text-align:center; border: #CC0033 1px solid ; }
table.voslegendes  {width:60%; border: #CC0033 0px solid ; border-collapse: collapse; font-size: 9pt; }
table.voslegendes td {padding:0px; vertical-align:bottom; text-align:left; border: #CC0033 0px solid ; }

/* les titres et paragraphes */

p {margin:0px; padding:0px; font-size: 9pt ; color: #CC0033; }
a {font-weight: bold; color: #0532EE; }
#puceA { text-align: left; padding: 0px; margin-left: 15px ; list-style-type: disc ; list-style-position: outside }
#puceB { text-align: left; padding: 0px; margin-left: 30px ; list-style-type: circle ; list-style-position: outside }
#puceC { text-align: left; padding: 0px; margin-left: 30px ; list-style-type: disc ; list-style-position: outside }
.titrebienvenue {margin-top:20px; text-align:center; font-size: 14pt; }
.postal {margin:0px; padding:0px; text-align:right; }
.titre1 {line-height: 18pt ; font-weight:bold; font-size: 12pt; color: #0532EE ; background-color: #F7C977 }
.titre2 {margin-top:16px; margin-bottom:8px; font-weight: bold ; font-size: 10pt; color: #0532EE ; vertical-align: baseline; }
.lettrine { font-family:Georgia,"Times New Roman",Times,serif; ; vertical-align: baseline; font-weight: bold; font-size: 32px; color: #0532EE;}
.legende { text-align:center; font-size: 7pt ; color: #000000; }
.note { text-align:left; font-size: 7pt ; color: #0532EE; }
.textenoir {color: #000000; }
.flottedroite {float : right; }


/* le tableau pour une étude particulière */

table.uneetude {width:100%; border: #CC0033 0px solid ; border-collapse: collapse; font-size: 9pt; }
table.uneetude td {padding:2px; vertical-align:top; text-align:center; border: #CC0033 0px solid ; }