﻿
/*-----------------------
Elements communs
-------------------------*/

p {
margin:0 0 16px 0;
}

img{
border:0;
}

.clear {
clear: both;
display: hidden;
}

.knbmedia {	
Color: #FFF;
text-align: right;
width:750px;
}

.knbmedia a{
Color: #FFF;
text-decoration: none;
}

.knbmedia a:hover{
Color: #FFF;
text-decoration: underline;
}


/*-----------------------
Structure de la page
-------------------------*/

body {
background-color: #fff;
margin:0;
padding:0;
}

#cadre {
margin:0 auto 0 auto;	/*permet de centrer le contenu + image de fond*/
padding:0;
width:770px;
}

/*
LA HOME
__________________________________________________________________________*/

#homeHaut {
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:770px;
height:359px;
}

#hautPart1 {
float:left;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:45px;
height:359px;
}

#hautPart2 {
float:left;
margin:0;
padding:0;
width:725px;
height:359px;
}


/*__________________________________________________________________________*/

#popupCadre {
margin:0 auto 0 auto;	/*permet de centrer le contenu + image de fond*/
padding:0;
background-color: #fff;
width:90%;
}


#popupContenu{
margin:0;
padding:15px 15px 0 15px;
background-color: #fff;
}

#popupBas{
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: right top;
background-color: #fff;
height:28px;
}


/*__________________________________________________________________________*/

#homeCentre{
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:770px;
height:23px;
}

#homeBtCentre {
margin:0;
padding:0 0 0 606px;
}

/*_________________________________________________________________________*/

#homeBas{
margin:0;
padding:0;
}

/*_________________________________________________________________________*/

#basGauche{
float:left;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:218px;
height:458px;
}

#gaucheBt1 {
margin:0;
padding:305px 0 0 38px;
}

#gaucheBt2 {
margin:0;
padding:93px 0 0 38px;
}

/*_________________________________________________________________________*/

#basDroite{
float:left;
margin:0;
padding:0;
width:552px;
height:458px;
}

#droite1{
float:left;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:214px;
height:357px;
}

#droiteContenu {
margin:0;
padding:30px 10px 0 12px;
height:306px;
}

#droiteBt1 {
margin:0;
padding:0;
}

#droite2{
float:left;
margin:0;
padding:0;
width:338px;
height:357px;
}

#bloc1{
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:338px;
height:198px;
}

#droiteBt2 {
margin:0;
padding:179px 0 0 0;
}

#bloc2{
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:338px;
height:159px;
}

#droiteBt3 {
margin:0;
padding:139px 0 0 0;
}


#droite3{
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:552px;
height:101px;
}

#partenaires {
margin:0;
padding:5px 0 0 0;
}

#up {
margin:0;
padding:10px 0 0 473px;
}

#realisation {
margin:0;
padding:5px 0 0 12px;
}



/*
LA PAGE INTERNE
__________________________________________________________________________*/

#visuel {
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:770px;
height:103px;
}

#navig {
margin:0;
padding:10px 0 0 378px;
}

/*__________________________________________________________________________*/

#centre {
margin:0;
padding:0;
background-color: #fff;
width:770px;
}

#avMenu {
float:left;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:58px;
height:440px;
}

#menu{
float:left;
margin:0;
padding:0;
width:161px;
height:440px;
}

#contenu{
float:left;
margin:0;
padding:0;
background-repeat: repeat-y;
background-position: left top;
width:541px;
}

#grandTitre{
margin:15px 0 0 0;
padding:12px 0 0 22px;
background-repeat: no-repeat;
background-position: left top;
width:526px;
height:41px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

#contenuTexte{
margin:0;
padding:0 20px 0 15px;
}

#bas{
margin:0;
padding:0;
width:770px;
}

#separation{
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:770px;
height:22px;
}

#basGauche2{
float:left;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:219px;
height:110px;
}

#btInscription {
margin:0;
padding:57px 0 0 38px;
}

#basDroite2{
float:left;
margin:0;
padding:0;
background-repeat: no-repeat;
background-position: left top;
width:551px;
height:110px;
}
