@charset "iso-8859-1";
body {
    background:         #193970;
    text-align:         center;
    font:               10pt arial, helvetica, sans-serif;
}

#container {
    position:           relative;
    width:              780px;
    margin:             auto;
    background:         #fff url(images/container.jpg) repeat-y;
    text-align:         left;
}

/** header ***************************************************************/

#header {
    position:           relative;
    width:              780px;
    height:             116px;
    background:         url(images/header.jpg);
}

#header h1 {
    position:           relative;
    margin:             0;
    padding:            0;
}

#header h1 a {
    position:           absolute;
    top:                11px;
    right:              10px;
    width:              236px;
    height:             77px;
    text-indent:        -100em;
    overflow:           hidden;
}

#header h2 {
    display:            none;
}

#header #cci-dijon a {
    display:            block;
    position:           absolute;
    top:                0;
    left:               0;
    width:              54px;
    height:             91px;
    text-indent:        -100em;
    overflow:           hidden;
}

/** navcontainer *********************************************************/

#navcontainer {
    position:           absolute;
    width:              171px;
    left:               0;
    padding-top:        45px;
    background:         url(images/navcontainer.jpg) no-repeat;
    border-bottom:      1px solid #D7A068;
}

#navcontainer ul {
    margin:             0;
    padding:            0;
    list-style:         none;
}

#navcontainer a {
    display:            block;
    width:              145px;
    margin:             0;
    padding:            3px;
    padding-left:       23px;
    border-top:         1px solid #D7A068;
    background:         #FAD7B2 url(images/bullet-arrow.jpg) no-repeat 5px 7px;
    color:              #BB2C29;
    text-decoration:    none;
    font-weight:        bold;
}

#navcontainer a:hover, 
#navcontainer li.selected a {
    background:         #fff url(images/bullet-arrow-bgwhite.jpg) no-repeat 5px 7px;
}

#navcontainer li.selected li a {
    width:              125px;
    padding-left:       43px;
    background:         #FAD7B2 url(images/bullet-arrow.jpg) no-repeat 25px 7px;
    font-size:          8pt;
}

#navcontainer li.selected li a:hover,
#navcontainer li.selected li.selected a {
    background:         #fff url(images/bullet-arrow-bgwhite.jpg) no-repeat 25px 7px;
}

/*
#navcontainer {
    position:           absolute;
    left:               0;
    padding-top:        71px;
    background:         #FAD7B2 url(images/navcontainer.jpg) no-repeat;
}

#navcontainer #nav {
    margin:             0;
    padding:            0;
    width:              171px;
    list-style:         none;
    border-bottom:      1px solid #D7A068;
}

#navcontainer #nav a {
    display:            block;
    margin:             0;
    padding:            3px;
    padding-left:       23px;
    border-top:         1px solid #D7A068;
    background:         url(images/bullet-arrow.jpg) no-repeat 5px 7px;
    color:              #BB2C29;
    text-decoration:    none;
    font-weight:        bold;
}

#navcontainer #nav li.selected a, 
#navcontainer #nav a:hover {
    background:         #fff url(images/bullet-arrow-bgwhite.jpg) no-repeat 5px 7px;
}

#navcontainer #nav ul {
    margin:             0;
    padding:            0;
    list-style:         none;
    font-size:          8pt;
    background:         #fff;
}

#navcontainer #nav ul li {
    padding-left:       20px;
}

#navcontainer #nav ul li.selected {
    background:         #fff url(images/bullet-arrow-bgwhite.jpg) no-repeat 5px 7px;
}

*/

/** title ****************************************************************/

#title {
    height:             60px;
    margin-left:        172px;
    background:         #eee url(images/title.jpg) no-repeat;
}

#title h3 {
    margin:             0;
    padding:            0;
    padding-top:        10px;
    padding-left:       20px;
    color:              #193970;
    font-size:          18pt;
    font-style:         italic;
}

/** content **************************************************************/

#content {
    height:             auto !important;
    height:             430px;
    min-height:         430px;
    float:              left;
    width:              400px;
    padding:            0 20px 0 192px;
    background:         url(images/content.jpg) no-repeat left bottom;
    color:              #193970;
}

#content h4 {
    padding-left:       18px;
    background:         url(images/bullet-arrow-bgwhite.jpg) no-repeat 0 5px;
    color:              #193970;
    font-size:          12pt;
    font-style:         italic;
}

#content h5 {
    padding-left:       18px;
    background:         url(images/bullet-arrow-bgwhite2.jpg) no-repeat 0 5px;
    color:              #193970;
    font-size:          10pt;
    font-style:         italic;
}

#content p.image {
    position:           relative;
    margin:             0;
    padding:            0;
}

#content p.image img.left {
    float:              left;
    margin:             15px 15px 10px 0;
}

#content p.image img.right {
    float:              right;
    margin:             15px 0 10px 15px;
}

#content a.home:link {
    color:              #193970;
    text-decoration:    none;
}

#content a.home:visited {
    color:              #193970;
    text-decoration:    none;
}

#content a.home:hover {
    color:              #046ECC;
    text-decoration:    underline;
}


#content #mes_ok {
	text-align: center;
	margin: 5px;
	width: 100%;
	padding: 3px;
	border: 1px solid #008000;
	background-color: #80FF80;
	color: #008000;
	font-weight: bold;
}

#content #mes_erreur {
	text-align: center;
	margin: 5px;
	width: 100%;
	padding: 3px;
	border: 1px solid #800000;
	background-color: #FF8080;
	color: #800000;
	font-weight: bold;
}


/** sidebar **************************************************************/

#sidebar {
    margin-top:         5px;
    margin-left:        615px;
}

/** footer ***************************************************************/

#footer {
    position:           relative;
    clear:              both;
    padding-top:        55px;
    background:         #193970 url(images/footer.jpg) no-repeat;
    color:              #fff;
}

#footer address {
    font-size:          8pt;
    font-style:         normal;
    text-align:         center;
}

#footer #links {
    position:           absolute;
    top:                0;
    left:               0;
    margin:             0;
    padding:            0;
    list-style:         none;
}

#footer #www-escdijon-com {
    position:           absolute;
    display:            block;
    top:                30px;
    left:               198px;
    width:              288px;
    height:             16px;
    text-indent:        -100em;
    overflow:           hidden;
    text-decoration:    none;
}

#footer #mail-escdijon-com {
    position:           absolute;
    display:            block;
    top:                30px;
    left:               0;
    width:              190px;
    height:             20px;
    text-indent:        -100em;
    overflow:           hidden;
    text-decoration:    none;
}