html,body{
    margin:0;
    padding:0;
    background: #1C3361  url(../images/background.jpg) repeat-x;
    }
body{
    font: 12px arial,sans-serif;
}
p{
color:#FFFFFF;
padding:0px;
}
a.lienext{
  color:#E7B405;
  display:inline;
}
a{
    display:block;
    color: #981793;

}
div#header h1{
    height:110px;
    width:100%;
    margin:0;
    background: #666666  url(../images/banniere.jpg) no-repeat;
    color: #666666;
    border: 0px solid #000000;
}

h1{
    font: 22px Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-weight:bold;
    width:600px;
    margin-left: 15px;
    color: #D70000;
    border: 0px solid #000000;
}

h2{
    font: 22px Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    font-weight:bold;
    margin-left: 15px;
    color: #D70000;
    border: 0px solid #000000;
}

h3{
    margin:0px;
    font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
    margin-left: 15px;
    color: #FFFFFF;
    border: 0px solid #000000;
}

div#barre{
    height:40px;
    width:100%;
    margin:0;
    color: #666666;
    border: 0px solid #000000;
}

div#footer{
    color: #FFF;
    }
div#footer p{
    margin:0;
    padding:5px 10px;
}
#wrapper{
    float:left;
    margin-left:20px;
    width:770px;
    border: 0px solid #ffffff;
}
div#navigation{
    float:left;
    margin:0px;
    margin-top:-3px;
    width:180px;
    border: 0px solid #ADADAD;
    background:#666666;
    }
div#extra{
    float:left;
    clear:left;
    width:170px;

    background: url(../images/foot-menu.gif) no-repeat;
    }
div#footer{
    clear:both;
    width:100%;
    }

.logo{
    position:absolute;
    width:227px;
    hight:57px;
    left:0px;
    }
/*----------------------MENU----------------------------MENU---------------------------MENU----------------------MENU----------------*/

.titre_menu {
        background: #999999;
        margin-top:5px;
        width: 190px;
        height:20px;
        margin-left: 0px;
        border: 0px solid #ADADAD;
        color:#FFFFFF;
        text-decoration:none;
        font-weight:bold;
        }
.sousmenu {

        font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
        margin-left: 15px;
        width:180px;
        text-decoration:none;
 }

.lien_menu{
        font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
        margin-left: 15px;
        color:#FFFFFF;
        text-decoration:none;
        font-weight:bold;
}

.lien_menu2{
        font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
        margin-left: 15px;
        color:#000000;
        text-decoration:none;
        font-weight:bold;
}

.lien_menu2:hover{
        font-family: Arial, Verdana, Helvetica, Lucida, Tahoma, Geneva, sans-serif;
        margin-left: 15px;
        color:#FFFFFF;
        text-decoration:true;
        font-weight:bold;
}


/*---------------------NEW------------------NEW-------------------------NEW----------------------NEW------------------------NEW---------------*/

.gti{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
	border: 0px solid #000;
    float:left;
    background: url(../images/cadre-gti.png) no-repeat;
}

.genouillere{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
    float:left;
    background: url(../images/cadre-genouillere.png) no-repeat;
}

.cadre_applique{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
    float:left;
    background: url(../images/cadre-applique.png) no-repeat;

}

.cadre_pmr{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
    float:left;
    background: url(../images/cadre-pmr.png) no-repeat;

}

.cadre_afora{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
	margin-top:0px;
    float:left;
    background: url(../images/cadre-afora.png) no-repeat;

}
.cadre_besoin{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
	margin-top:0px;
    float:left;
    background: url(../images/besoin.png) no-repeat;

}
.cadre_kid{
    padding:0px;
    width:170px;
    height:92px;
    margin-right:0px;
    margin-left:4px;
    margin-top:0px;
    float:left;
    background: url(../images/cadre-kid.png) no-repeat;
}

.cadre_beugnot{
    padding:0px;
    width:200px;
    height:102px;
    margin-right:0px;
    margin-left:5px;
    margin-top:5px;
	float:left;
    background: url(../images/beugnot.jpg) no-repeat;
}

.cadre_dom{
    padding:0px;
    width:200px;
    height:102px;
    margin-right:0px;
    margin-left:5px;
    margin-top:5px;
    float:left;
    background: url(../images/dom.jpg) no-repeat;
}