/* --- COULEURS FONDS --- */

/* --- GRIS CLAIR --- */
body {background: #E5E3E2;}
#entete {background: #E5E3E2;}
#pied {background: #E5E3E2;}
div.continent2 {background: #E5E3E2;}
#div01 {background: #E5E3E2}

/* GRIS TRES CLAIR */

table.missions th {background-color: #F5F1F0;}
table.missions td {background-color: #F5F1F0;}
table.continent3 td {background-color: #F5F1F0;}

/* --- BLANC --- */
#main {background: #ffffff;}
.conteneur {background: #ffffff;}
#menu dt a {color: #ffffff;}
#entete {color:#ffffff;}

/* --- MARRON FONCE --- */
#menu, #menu dt {background-color: #A62A00;}
table.years td.yearon {background-color:#A62A00;}
table.years td.yearoff a {color: #A62A00;}
table.years td {border: 1px solid #A62A00;}
table.sponsors td.type {color:#A62A00;}

 /* SEPARATEUR MENUS */
#menu, #menu dt, #menu dt.long {border-color:#8B7870;}

 /* VERT */
#menu li a:hover, #menu dt a:hover {background-color: #BF5430;}
span.date {color: #BF5430;}
h2:first-letter {color: #BF5430;}
div.newstitre {border-bottom: 1px solid #BF5430;}
div#news1 span#tag {background-color: #BF5430;}

 /* VERT CLAIR */
table.sponsors td.type {background-color: #EEF5E4;}
#menu li {background-color: #EEF5E4;}
div#news1 {background: #EEF5E4;}
#divpart1, #divpart2, #divpart3, #divpart4, #divpart5, #divpart6, #divpart7, #divpart8, #divpart9, #divpart10, 
#divpart11, #divpart12, #divpart13, #divpart14, #divpart15, #divpart16, #divpart17, #divpart18, #divpart19, #divpart20, 
#divpart21, #divpart22, #divpart23, #divpart24, #divpart25, #divpart26, #divpart27, #divpart28, #divpart29 {background: #EEF5E4;}



/* ------------------------------------------------------------------------------------------------------ */
/* --- POSITIONNEMENT --- */

/* PAGE */
html, body {height: 100%;}

body {padding: 0; margin: 0}

#main {min-height: 100%; width: 900px; overflow: hidden; margin-left: auto; margin-right: auto; border: 1px solid #CAC9C8;}

/* En-tête */
#entete {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

/* contenu */
.conteneur > :first-child {margin-top: 10px;}
.conteneur {height: auto;}
.conteneur {margin-top: 3px;padding-left: 35px;padding-right: 30px; padding-top: 5px; padding-bottom: 30px;}

/* Pied de page */
#pied {position:fixed; bottom:0; height:20px; width:885px; border-top: 1px solid #CAC9C8;}
#pied {padding: 3px 0px 3px 15px; font-size: .85em;}
#pied p {margin: 2px;}

/* MENU */

#menu {
position: relative;
z-index:100;
font-size: 1em;}

#menu, #menu dt, #menu dt.long {border-style:solid;}
#menu li a {color: #3F3329;}
#menu li {border-bottom: solid 1px #ffffff;}
#menu dt a:hover {color: #ffffff;}
#menu li a:hover {color: #ffffff;}

#menu, #menu dl, #menu dt, #menu dd {height: 20px;}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {margin: 0px;padding: 0px;list-style-type: none;}

#menu dl {float: left; width: 103px; margin: 0px 1px 0px 0px;}
#menu dl.first {margin: 0px 1px 0px 0px;}
#menu dl.long {width: 140px;}

/* titre menu */
#menu dt {cursor: pointer;text-align: center; font-weight: normal; margin-bottom: 0px;}

#menu {border-width: 0px;}
#menu dt {border-width: 0px 1px 0px 0px;}
#menu dt.long {border-width: 0px 0px 0px 0px;}

#menu dt {width: 103px;}
#menu dt.long {width: 140px;}

/* ss menu */
#menu dd {display:none;padding-top: 0px;}

#menu li {font-size: 0.9em; width:103px; margin-left:-0px;text-align: left;text-indent: 11px;}
#menu li.first {width:105px;margin-left:0px;}
#menu li.long {width:142px;}
#menu li a, #menu dt a {text-decoration: none;display: block;height: 100%;}



/* ------------------------------------------------------------------------------------------------------ */
/* MAIN COLORS */

a:link {color:#EE9C00;text-decoration: none;}
a:visited {color:#EE9C00;text-decoration: none;}
a:hover {color:#EE9C00;text-decoration: underline;}
.orange {color:#EE9C00;font-size: 0.9em;}

/* PIED DE PAGE */
#pied {color: #3F3329;} 
#pied a:link {color: #3F3329; text-decoration: none;}
#pied a:visited {color: #3F3329; text-decoration: none;}
#pied a:hover {color: #3F3329; text-decoration: underline;}

h1, h5 {border-bottom: 1px solid #3F3329;}

h2 {background-color: #ffffff;}

h2 {border-left: 1px solid #F5EAEA;}
h2 {border-bottom: 1px solid #F5EAEA;}

span.date {font-weight: bold;}



/* ------------------------------------------------------------------------------------------------------ */

/* TABLEAUX */

table.missions th {color: #3F3329;}
table.missions {border-collapse: collapse;}
table.missions td {border: solid 1px #ffffff;}
table.missions th {border: solid 1px #ffffff;}
table.missions th {border-bottom: solid 0px #588AB4;}
table.missions td {padding-top: 4px;}

table.continent3 {border-collapse: collapse;}
table.continent3 td {border: solid 1px #ffffff;}
table.continent3 td {padding-top: 2px;}

table.years td.yearoff {background-color: #ffffff;}
table.years td.yearon a {color: #ffffff;}

table.sponsors td.descr {border-collapse: collapse;}


table.presse td.origine {color:#3F3329;}

table.sponsors td.type {border: solid 1px #ffffff;}
table.sponsors td.descr {border: solid 1px #ffffff;}


table.years, table.years td {
text-align: center;
font-weight: bold;
border-collapse: collapse;
padding-left: 2px;
padding-right: 2px;
font-family: arial;
font-size: 0.9em;

}

table.years td.yearon a {text-decoration: none;}
table.years td.yearoff a {text-decoration: none;}

table.missions {text-align: left;font-size: 0.9em;}
table.missions td {padding-right: 10px;}
table.missions td {padding-left: 4px;}
table.missions th {padding-left: 4px;}
table.missions td.lieu2 {width:120px;}
table.missions td.count {text-align: right; width: 50px;}
table.missions td.pays2 {width: 250px;}
table.missions td.pays3 {width: 130px;}



/* ------------------------------------------------------------------------------------------------------ */


.flag {
border: 0px;
width: 24px;
height: 18px;
}


/* conteneur */

body {
font-family: "Trebuchet MS", helvetica, sans-serif;
font-size: 0.8em;
}

#entete table {font-size: 1em; text-align: center; line-height:15px;}

div.conteneur {	/* ENCADRE CORPS */
position: relative;
font-size: 1em;
text-align: justify;
text-indent: 0px;
}

div#summary {   /* SUMMARY INDEX */
position: absolute; top: 55px; left: 32%; width: 65%;
padding-top: 2px;
}

div#summary2 {   /* SUMMARY HORIZONS */
position: absolute; top: 55px; left: 3%; width: 93%;
padding-top: 12px;
}

div#news1 {  /* NEWS INDEX */
position: absolute; top: 55px; left: 3%; width: 25%;  
border: 1px solid #CAC9C8;
padding: 10px;
}
div#news1 span#tag {margin: 0px 1px 0px 1px; padding: 0px 5px 0px 5px; color: white; font-size: 0.8em;}
div#news1 span#titre {font-size: 1em; color: #7D9A58; font-weight: bold;}
div#news1 span#contenu {font-size: 0.9em;}

div.arbo {
margin-top: -8px;
margin-bottom: 8px;
color:#3F3329;
text-align: right;
font-size: 0.8em;
}

h1 { /* TITRE */
margin-top: 15px;
margin-left: -15px;
padding-left: 30px;
color:#3F3329;
font-size: 1.2em;
letter-spacing: 2px;
background: url(logotopsmall.gif) no-repeat left bottom ;
width: 98%;
}

h2 { /* SS-TITRE */
padding-left: 4px;
margin-top: 18px;
font-size: 1em;
letter-spacing: 2px;
width: 30%;
}

h2:first-letter {
font-size: 1.1em;
}

h3 {
color:#597680;
padding-left: 10px;
font-size: 0.9em;
margin-top: -3px;
}

h3 a:link {color:black;text-decoration: none;}
h3 a:visited {color:#3F3329;text-decoration: none;}
h3 a:hover {color:#EE9C00;text-decoration: underline;}

div.niveau2 {	/* PARAGRAPHE H2 */
padding-left: 12px;
width: 95%;
}

.floatright {
float: right;
margin-left: 15px;
} 

.floatleft {
float: left;
margin-right: 15px;
} 

.imgalign {
vertical-align:text-bottom;
}

.imgalignm {
vertical-align:middle;
}

.small {font-size: 0.8em; color:black}



/* ------------------------------------------------------------------------------------------------------ */
/* HIDE LOADING REPORTS */

div#pageIsLoading {
position: relative;
left: 200px;
top: 200px;
display: block;
padding-left: 50px;
width: auto;
height: 25px;
line-height: 25px;
color: #3F3329;
font-weight: bold;
background-image: url(icones/loading.gif);
background-repeat: no-repeat;
}


/* ------------------------------------------------------------------------------------------------------ */
/* BULLETINS */

div#bulletin {
position: relative;
top: -250px;
left: 350px;
}

ul.bulletin
{
list-style-type: none;
color:#3F3329;
margin-top: 10px;
margin-left: 40px;
font-size: 0.9em;
vertical-align:text-bottom;
}


/* ------------------------------------------------------------------------------------------------------ */
/* PHOTOS */

table.photos tr.lieu td {
text-align: center;
color:#3F3329;
font-size: 8pt;
}

.photobord1 {
border: 3px solid #F8F8F8;
width: 115px;
height: 85px;
}

.photobord2 {
border: 1px solid #F8F8F8;
}

.photobordTL {width: 9px;height: 9px;}
.photobordBL {width: 9px;height: 9px;}
.photobordT {width: 120px;height: 9px;}
.photobordB {width: 120px;height: 9px;}
.photobordTR {width: 9px;height: 9px;}
.photobordBR {width: 9px;height: 9px;}
.photobordL {width: 9px;height: 102px;}
.photobordR {width: 9px;height: 102px;}
.photoshow {width: 120px;height: 102px;}


/* ------------------------------------------------------------------------------------------------------ */
/* VIDEOS */

div.video { 
position:relative; top: 15px; left: 100px; width:350px;
}

div.vignettes { /* CHOIX VIDEOS */
position: relative; top: -250px; left: 450px; width:350px;
color:black;
font-size: 8pt;
text-align:justify;
}


/* ------------------------------------------------------------------------------------------------------ */
/* PRESSE */

table.presse {text-align: left;font-size: 0.9em;}
table.presse td {padding-right: 8px;}
table.presse td.annee {font-size: 0.9em;}
table.presse td.titre {font-size: 1.0em;}
table.presse td.origine {font-weight: bold;}


/* ------------------------------------------------------------------------------------------------------ */
/* PARTENAIRES */

div.part {position: relative; top: 0px; left: 0px;}

table.sponsors {font-size: 0.9em;}
table.sponsors td {padding-left: 5px;padding-right: 4px;}
table.sponsors td.type {width: 180px;font-weight: normal;}
table.sponsors td.descr {text-align: justify;}

table.logos td {width: 180px;text-align: center;}

table.partners2 {text-align: left;font-size: 0.9em;}


/* ------------------------------------------------------------------------------------------------------ */
/* CARTE & PARTENAIRES */

div.map {position: absolute; top: 188px; left: 2%; height:280px; width: 69%;}

div.continent {position: relative; top: 25px; left: 15px; height:280px; width: 100%;}
div.continent2 {
position: absolute; top: 10px; left: 39%;
border: 1px solid #CAC9C8;color:#3F3329;
padding: 3px;
}
div.continent2 span.titre {color:#3F3329;font-weight: bold;font-size: 1.1em;}

table.continent3 {text-align: left;font-size: 0.8em;}
table.continent3 td {padding-right: 6px;}
table.continent3 td {padding-left: 2px;}

#divAFR {position:absolute; top: 120px; left: 250px; font-family: verdana; font-size: 0.7em; color: white; visibility:hidden; background-color: red;}
#divAMS {position:absolute; top: 180px; left: 110px; font-family: verdana; font-size: 0.7em; color: white; visibility:hidden;}
#divASI {position:absolute; top: 80px; left: 390px; font-family: verdana; font-size: 0.7em; color: white; visibility:hidden;}

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div11, #div12, #div13, #div14, #div15, 
#div16, #div17, #div18, #div19, #div20, #div21, #div22, #div23 {
position:absolute; top: 10px; left: 67%; width: 230px;
font-size: 0.9em; text-align: center;
margin: 0; padding: 2px;
visibility:hidden;
}

#divpart1, #divpart2, #divpart3, #divpart4, #divpart5, #divpart6, #divpart7, #divpart8, #divpart9, #divpart10, 
#divpart11, #divpart12, #divpart13, #divpart14, #divpart15, #divpart16, #divpart17, #divpart18, #divpart19, #divpart20, 
#divpart21, #divpart22, #divpart23, #divpart24, #divpart25, #divpart26, #divpart27, #divpart28, #divpart29, #divpart30 {
position:absolute; top: 155px; left: 55%; width:330px;
font-size: 0.9em;
visibility: hidden;
border: 1px solid #CAC9C8;
padding: 8px;
}

#div1 span, #div2 span, #div3 span, #div4 span, #div5 span, #div6 span, #div7 span, #div8 span, #div9 span, 
#div10 span, #div11 span, #div12 span, #div13 span, #div14 span, #div15 span, #div16 span, #div17 span, #div18 span, 
#div19 span, #div20 span, #div21 span, #div22 span, #div23 span
{color: #3F3329;font-size: 1em;font-weight:bold;}

#div1 img, #div2 img, #div3 img, #div4 img, #div5 img, #div6 img, #div7 img, #div8 img, #div9 img, 
#div10 img, #div11 img, #div12 img, #div13 img, #div14 img, #div15 img, #div16 img, #div17 img, #div18 img, 
#div19 img, #div20 img, #div21 img, #div22 img, #div23 img
{vertical-align:text-bottom;}

#div01 {
position: absolute; top: 188px; left: 70%; width: 230px;
border: 1px solid #CAC9C8; color:#3F3329;
font-size: 9pt; text-align: center; text-indent: 0px;  
margin: 0; padding: 8px;
}

#div_paypal {
position: absolute; top: 428px; left: 75%;
}

#div0 {
position: absolute; top: 10px; left: 68%; width: 230px;
font-size: 9pt; text-align: center; text-indent: 0px;  
margin: 0; padding: 3px;
}

#div01 img#shuffle {border: 0px solid #3F3329; width: 220px; height: 146px;} 
#div01 span {color: #3F3329;font-weight:bold;}


table.carte, table.carte td {border-collapse: collapse;text-align: left;font-size: 0.9em;}
table.carte td {padding-right: 6px;}
table.carte td.lieu {color: #3F3329}


#facebook {
position: relative;
top: -10px;
left: 77%;
font-size: 8pt;
}


/* ------------------------------------------------------------------------------------------------------ */
/* MENUS DES NEWS */

.news {
width:90%;
margin:auto;
text-align:justify;
}

h5 {
margin-bottom: 5px;
color:#3F3329;
font-size: 1em;
text-align:left;
font-weight:bold;
}

.news p	{
margin-top: 0px;
margin-bottom: 15px;
font-size: 1em;
}

/* MENUS DES NEWS ARCHIVES */

div.newstitre, span.newscontenu {
width:90%;
margin-left: 5%;
font-size: 1em;
}

div.newstitre {
cursor:pointer;
margin-bottom: 5px;
color:#3F3329;
text-align:left;
font-weight:bold;
}

span.date {font-size: 0.8em;font-family: arial;}

span.newscontenu {
display: none;
margin-top: 0px;
margin-bottom: 15px;
}

.newscontenu img.droite {
float: right;
margin-left: 15px;
}
.newscontenu img.gauche {
float: left;
margin-right: 15px;
}
.color{
color:#3F3329;
font-weight:bold;
}


/* ------------------------------------------------------------------------------------------------------ */
/* CHARTE */

.charte {
margin-left: 5px;
margin-right: 20px;
}

.charte li {
list-style-type: decimal;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 0.9em;
color:#3F3329;
}


/* ------------------------------------------------------------------------------------------------------ */
/* STATS MISSIONS */


#stdiv1, #stdiv2, #stdiv3, #stdiv4, #stdiv5, #stdiv6, #stdiv7, #stdiv8, #stdiv9
{position: absolute; top: 155px; left: 50%; width: 40%; visibility:hidden;}



/* ------------------------------------------------------------------------------------------------------ */
/* FORMULAIRE MISSIONS */

fieldset {
width: 780px;
}

form p {
font-size:0.9em;
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 190px; /*width of left column containing the label elements*/
}

p#buttons {
padding-left: 10px;
}

label {
float: left;
margin-left: -185px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (185px) to create some right margin*/
}

.input1 {
width: 75px;
font-size:0.9em;
}

select {
font-size:0.9em;
}

.input2 {
position: relative;
left: 30px;
width: 475px;
font-size:0.9em;
}

.input3 {
position:absolute;
left: 130px;
width: 250px;
font-size:0.9em;
}


legend {
color:#345071;
font-size:1em;
font-weight: bold;  
}

legend span {
font-style: italic; 
}