@import "lightbox.css";

html {
    margin:         0;
    padding:        0;
    width:          100%;
    height:         100%;
}

body {
    margin:             0;
    padding:            0;
    width:              100%;
    height:				100%;
    font-family:        Arial, sans-serif;
    line-height:		1.5em;
    font-size:          75%;
    color:              #151515;

    scrollbar-face-color:       #360014;
    scrollbar-arrow-color:      #ffffff;
    scrollbar-track-color:      #590021;
    scrollbar-3dlight-color:    #000;
    scrollbar-darkshadow-color: #000;
    text-align:                 center;
    background-color:   #360316;
}

#page {

    position:           absolute;
    top:				50%;
    left:				50%;


    margin-top:         -280px;
    margin-left:		-477px;
    padding:            0px;
    width:              952px;
    height:             553px;
    background-color:   #360316;
    text-align:         left;
}

#cadre {
    position:           relative;
    margin:             0;
    padding:            0;
    width:              954px;
    height:             533px;
}

h1 {
    position:           absolute;
    margin:             0;
    padding:            0;
    font-size:          100%;
    bottom:             -15px;
    left:               55px;
    z-index:            10;
}

h1 span {
    display:            none;
}

h2 {
    margin:             0;
    padding:            0;
    margin-top:         15px;
    font-size:          130%;
    font-weight:        bold;
    font-family:        Helvetica, sans-serif;
    padding-left:       14px;
    background:         transparent url(media/puce.png) left 5px no-repeat;
    text-align:         left;
}

h3 {
    margin:             0;
    padding:            0;
    font-size:          120%;
    text-align:         left;
}

a {
    color:              #8d3936;
    text-decoration:    none;
}

a:hover,
a.selected {
    text-decoration:    underline;
}

/* ---------------------------------------------------- Page d'intro avec Flash */

#flash_presentation {
    margin:             auto;
    width:              750px;
    height:             400px;
}

/* ---------------------------------------------------- Positionnement des cellules */

#content {
    position:           relative;
    margin:             0;
    padding:            0;
    width:              952px;
    height:             532px;
}

div.cell {
    margin:             0;
    padding:            0;
    position:           absolute;
    overflow:           auto;
    border:             solid 1px #fff;
}
div.img {
    overflow:           hidden;
}

/*
div.img img {
    width:              100%;
    height:             100%;
}
*/

div.texte_intro {
    color:              #fff;
}

div.cell img {
    margin:             0;
    padding:            0;
    border:             0;

}

div.cell div {
    margin:             0;
    padding:            5px;
    text-align:         justify;
}

div.text {
    background:         #22010c;
    text-align:         justify;
    color:              #fff;
}

div.text table {
    border-collapse:    collapse;
    border:             1px solid #fff;
}

div.text table th {
    border:             1px solid #fff;
    padding:            2px 5px;
}

div.text table td {
    border-right:       1px solid #fff;
    padding:            2px 5px;
}


div.text table.table_sans_bordure,
div.text table.table_sans_bordure td
{
	border:none;
}


div.text a {
    color:   			#bc9d9d;
}

div.menu {
    background-color:   #360316;
}

div.cell_x {
    width:              316px;
}
div.cell_xx {
    width:              633px;
}
div.cell_xxx {
    width:              950px;
}
div.cell_y {
    height:             176px;
}
div.cell_yy {
    height:             353px;
}
div.cell_yyy {
    height:             530px;
}
div.cell_left-top {
    left:               0;
    top:                0;
}
div.cell_center-top {
    left:               317px;
    top:                0;
}
div.cell_right-top {
    right:              0;
    top:                0;
}
div.cell_left-center {
    left:               0;
    top:                177px;
}
div.cell_center-center {
    left:               317px;
    top:                177px;
}
div.cell_right-center {
    right:              0;
    top:                177px;
}
div.cell_left-bottom {
    left:               0;
    top:                354px;
}
div.cell_center-bottom {
    left:               317px;
    top:                354px;
}
div.cell_right-bottom {
    right:              0;
    top:                354px;
}




ul.menu {
    margin:             15px;
    padding:            0;
    list-style:         none;
    text-align:         left;
    letter-spacing:     0.03em;
}

ul.menu li {
    margin:             0;
    padding:            2px 0px 4px 0px;
}

ul.menu li a {
    font-size:          120%;
    font-family:        arial;
    color:				#bc9d9d;
}
ul.menu li a:hover {
    color:              #fff;
    text-decoration:    none;
}
ul.menu li a.selected {
    text-decoration:    none;
    color:              #fff;
}

ul.menu li ul {
    list-style:         none;
    font-size:          80%;
    border-left:        solid 1px #997D89;
    margin:             7px 0px 5px 2px;
    padding:            0px 5px;
}
ul.menu li ul li {
    padding:            0px 0px 4px 0px;
}



dl {
    margin:             5px 0px;
    padding:            0;
}

dl dt {
    margin:             10px 0px 3px 0px;
    padding:            0;
    font-weight:        bold;
}

dl dd {
    margin:             0;
    padding:            0;
}

/* ---------------------------------------- Tableau du pacte mondial */
#pacte_mondial {
	margin:				10px 0px;
	padding:			0;
	border-collapse:	collapse;
	border:				1px solid #ccc;
	font-size:			90%;
}

#pacte_mondial col.column1 {
	width:				12%;
}

#pacte_mondial col.column2 {
	width:				30%;
}

#pacte_mondial th {
	text-align:			center;
	border:				1px solid #ccc;
}

#pacte_mondial td {
	text-align:			left;
	vertical-align:		top;
	border:				1px solid #ccc;
}

p {
    margin-top:         13px;
    margin-bottom:      13px;
}

#form_contact p.field {
display:block;
width:280px;
	float:left;
    margin:             0px 10px 7px 0px;
	text-align:left;
}

#form_contact p.long{
width:570px;
clear:both;
    margin:             0px 0px 7px 0px;
	text-align:left;
}

#contact_form{
/*	width:450px;*/
}

#form_contact {
/*    width:              300px;*/
padding:0 0 20px 0;
margin:0 0 20px 0;
}

#form_contact textarea,
#form_contact input {
    width:          270px;
    vertical-align: top;
}

#form_contact input.case_a_cocher {
	width:20px;
}

#form_contact p.long textarea,
#form_contact p.long input {
    width:          565px;
    vertical-align: top;
}