@font-face {
  font-family: 'KotoriRose-Regular';
  src: local('KotoriRose-Regular'),
    url('../fonts/KotoriRose-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'KotoriRose-Bold';
  src: local('KotoriRose-Bold'),
    url('../fonts/KotoriRose-Bold.otf') format('opentype');
}

html {
	height: 100%;
	width: 100%;
    min-width: 100%;
    max-width: 100%;
	
	overflow-y:scroll;
    background-color: #FFF;
	

      font-family: "Raleway", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
    
	letter-spacing:0em;
	line-height:1em;
    color: #000;
}

body {
    display: block;
    position: relative;
	min-height: 100%;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
	letter-spacing:0px;
	-webkit-font-smoothing: antialiased !important;
}

body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,table,table-cell,legend,input,button,textarea,p,blockquote,th,td,a,em {
	margin: 0;
	padding: 0;
	border-width: 0;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	border-width: 0;
	position:relative;
}

em {
    font-style: normal;
    color:#000;
}

a:link {
    color:#666;
	text-decoration:none;
}

a:visited {
	color:inherit;
	text-decoration:none;
}

a:hover {
    color:#000;
	text-decoration:none;
}

a:active {
	color:#000;
	text-decoration:none;
}

.bottomspace {
    clear:both;
    min-height:24px;
}

#page {
    padding-top: 105px !important;
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    /*background: url(../img/fondbody.png) top center no-repeat #FFF;*/
    background-color: #FFF;
    background-attachment: fixed !important;
}

#innerpage {
    width: 72%;
    min-width: 72%;
    max-width: 72%;
    background-color: #FFF;
    margin: 0 auto;
}

#top  {
    position: fixed;
    display: block;
	z-index: 1;
	width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    height: 105px;
	min-height: 105px;
	max-height: 105px;
    background-color: #FFF;
	vertical-align: top;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 0;
}

#header  {
    background-color: #FFF;
	z-index: 2;
	width: 70%;
    min-width: 70%;
    max-width: 70%;
    height: 104px;
	min-height: 104px;
	max-height: 104px;
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 1200px) {
    #innerpage {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
    }
    #header {
        width: 88%;
        min-width: 88%;
        max-width: 88%;
    }
}

    #headername  {
        font-family: 'KotoriRose-Bold' !important;
        text-transform: uppercase;
        font-size: 42px;
        color: #e95f25 !important;
        
        height: 80px;
        min-height: 80px;
        max-height: 80px;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: left;
        margin: 0;
        overflow: hidden;
    }


        #headername a:link {
                color:#e95f25;
                text-decoration:none;
            }

        #headername a:visited {
                color:inherit;
                text-decoration:none;
            }

        #headername a:hover {
                color:#e95f25;
                text-decoration:none;
            }

        #headername a:active {
                color:#000;
                text-decoration:none;
            }

    #headername span {
        position: relative;
        right:2px;
    }

    #headername a {
        display: block;
        position: relative;
        z-index: 6;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 80px;
        min-height: 80px;
        max-height: 80px;
        margin-top:0px;
    }

    #headername img {
        position: relative;
        bottom: 5px;
        height: 36px;
        left : 8px;
    }

.imgcoq {
        position: relative;
        max-width: 100%;  
        max-height: 100%;  
    }

/************************ START CSS MENU ************************/

    #headermenu {
        background-color: #FFF;
        height: 27px;
        min-height: 27px;
        max-height: 27px;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }

        #headermenu ul {
            list-style-type:none;
            min-height:27px;
            max-height:27px;
            float: right;
            margin: 0;
            padding: 0;
            text-decoration: none;
            z-index: 3;
         }

        #headermenu li {
            float: left;
            min-height:27px;
            max-height:27px;
            overflow: hidden;
         }

        #headermenu .selectedli {
            color: #000;
            min-height:36px;
            max-height:36px;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            text-decoration: none;
            background-color:#FFF;
         }

        #headermenu li a {
            font-size: 13px;
            letter-spacing:0px;
            font-family: 'Raleway', sans-serif !important;
            font-weight: 500;
            color: #666;
            min-height:27px;
            max-height:27px;
            display: block;
            float: left;
            padding: 7px 14px 0 14px;
            margin: 0px;
            text-decoration: none;
         }

        #headermenu li a:hover {
            color: #FFF;
            background-color:#e95f25;
            transition: background-color 0.5s;
            cursor: pointer;
         }

/************************ Bandeau Dons ************************/

#dons  {
    display: block;
	z-index: 2;
	width: 100%;
	height: 42px;
	min-height: 42px;
    background-color: #e95f25;
	vertical-align: bottom;
    padding-top: 9px;
    margin: 0;
    text-align :center;
    color: #FFF;
}

    #dons img {
        position: relative;
        bottom: 2px;
        height: 20px;
        left : 2px;
    }

    #dons a:link {
        color:#FFF;
        text-decoration:none;
    }

    #dons a:visited {
        color:inherit;
        text-decoration:none;
    }

    #dons a:hover {
        color:#FFF;
        text-decoration:none;
    }

    #dons a:active {
        color:#000;
        text-decoration:none;
    }

/**************** FOOTER ***************/

#bottom  {
    display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 100%;
    background-color: #FFF;
	vertical-align: bottom;
    margin: 0;
    padding: 0;
    border-top: 1px solid #000;
}

#footer {
	z-index: 5;
	margin: 0 auto;
	width: 70%;
    height: 27px;
	min-height: 27px;
	max-height: 27px;
    padding: 0;
}
    
    #footer a:hover {
        color: #000;
        transition: color 0.5s;
        }

    #footer .divleft  {
        float: left;
        width: 75%;
        text-align: left;
        color: #666;
        font-size: 12px;
        font-family: 'Raleway', sans-serif !important;
        font-weight: 500;
	    padding-top: 6px;
    }

    #footer .divright {
        float: left;
        width: 25%;
        text-align: right;
        color: #666;
        font-size: 12px;
        font-family: 'Raleway', sans-serif !important;
        font-weight: 500;
	    padding-top: 6px;
    }