/***********************************************************************
 * ICC / design.css
 **********************************************************************/

@charset "UTF-8";

/* GLOBAL */
body {
	background-image: 	url(../images/icc_haut.png) ;
	background-color: #000 ;
	background-repeat:	no-repeat;
	background-position: top center;
    font-family:        Optima, candare, Futura, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding-top: 		100px;
	margin:             auto;
    text-align:         center;
    width:              800px;
    line-height:        1.0em;
}
img {
    vertical-align: middle;
}
a,
a:active,
a:visited,
a:hover {
    color:              black;
    text-decoration:    underline;
}
a:hover {
    text-decoration:    none;
}
h1 {
    color:              #E73300;
    font-size:          1.2em;
    text-align:         center;
    padding:            5px 40px;
}
h2 {
    text-align:         left;
    padding:            5px 40px;
    font-size:          1.0em;
    color:              #EE7833;
}
h3 {
    text-align:         left;
    padding:            5px 40px;
    font-size:          0.9em;
}
p {
    text-align:         justify;
    padding:            10px 20px 10px 30px;
    font-size:          0.8em;
}
ul {
    font-size:          0.8em;
}

/* Corps de page */

/*fixe l'image des coins arrondis au dessus du corsp de texte*/
.haut_body,
.bas_body,
.bas_header {
    background-image:   url('../images/haut_body.png');
    height:             35px;
    margin:             10px auto 0px auto;
    width:              800px;
}
/*fixe l'image des coins arrondis sous le corsp de texte*/
.bas_body,
.bas_header {
    background-image:   url('../images/bas_body.png');
    margin:             0px auto 10px auto;
}
.bas_header {
    background-image:   url('../images/bas_body2.png');
}
.clearer {
    clear: both;
}

#header {
    background-color:   white;
    height:             160px;
    width:              100%;
}
    #header #logo {
        float:      left;
        height:     160px;
        margin:     0 20px;
    }
    #header h1 {
        color:      #FD3000;
        font-size:  2.4em;
        text-align: center;
    }
        #header h1 a {
            color:              #FD3000;
            text-decoration:    none;
        }
    #header h2 {
        color:      black;
        text-align: center;
    }
    #header h3 {
        font-style: italic;
        margin-top: 40px;
        text-align: right;
    }

/*MENU*/
#menu {
    font-size:          0.9em;
    height:             35px;
    list-style-type:    none;
}
    #menu li {
        display:        inline-block;
        height:         35px;
        vertical-align: middle;
    }
        #menu li a {
            background-color:       white;
            display:                inline-block;
            font-weight:            bold;
            height:                 15px;
            padding:                14px 15px 3px;
            text-decoration:        none;

            /* CSS3 */
            -moz-border-radius:     0 0 8px 8px;
            -webkit-border-radius:  0 0 8px 8px;
            border-radius:          0 0 8px 8px;
        }
        #menu li a:first-letter {
            color: #FD3000;
        }
        #menu li a:hover {
            background:         none;
            color:              #555;
            text-decoration:    none;
        }

/* Corps */
#body {
    background-color:   white;
    margin:             0px auto;
    width:              800px;
}

/* Pied de page */
#footer {
    color:      grey;
    font-size:  0.8em;
    text-align: center;
    padding:    15px 0 0 0;
}
    #footer a {
        color: grey;
    }
    #footer .gf {
        margin-right: 5px;
    }