/* -------- COMMUN A TOUTES LES PAGES -------- */
/* -------- proprietes générale des pages -------- */
html {
height:100%; 
max-height:100%;
}

body {
color: #3B1400;
margin:0;
padding:0;
background-color: white;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height:100%; 
max-height:100%;
}
.titrepartie {
color: #FFFFFF;
font: 14px Arial, helvetica, sans-serif;
text-transform: uppercase;
}
.foot {
color: #FFFFFF;
font: 10px Arial, helvetica, sans-serif;
}
.blanc {
color: #FFFFFF;
}
.moyen {
font-size: 10px;
color: #000000;
}

a.general:link {
color: #FFFFFF;
text-decoration: none;
}
a.general:visited {
color: #FFFFFF;
text-decoration: none;
}
a.general:hover {
color: #FFFFFF;
text-decoration: none;
}
a.general:active {
color: #FFFFFF;
text-decoration: none;
}

a.home:link {
color: #610708;
text-decoration: none;
}
a.home:visited {
color: #610708;
text-decoration: none;
}
a.home:hover {
color: #610708;
text-decoration: none;
}
a.home:active {
color: #610708;
text-decoration: none;
}

/* --------  COMMUN mise en place -------- */
div#centrage {
position: static;
width: 880px;
}
div#logo {
color: black;
float: left;
color: #000000;
height: 100px;
width: 180px;
}
div#phototop { 
float: left;
background-color: #CCC;
height: 100px; 
width: 700px;
}
div#flash { 
float: left;
height: 450px; 
width: 205px;
}
div#texte { 
float: left;
height: 450px; 
width: 350px;
padding-top: 5px;
margin-left: 50px;
text-align: right;
}
div#photodroite { 
float: left;
background-color: #CCC;
height: 450px; 
width: 245px;
}
div#foot { 
float: left;
clear: both;
background-color: #000000; 
height: 16px; 
width: 880px;
text-align: left;
text-indent: 15px;
padding-top: 5px;
}

div#titre { 
float: left;
text-align: left;
width: 755px;
z-index: 10;
}
div#drapeaux { 
float: left;
text-align: right;
width: 100px;
padding-top: 3px;
}


/* -------- PAGE ACCUEIL -------- */

/* -------- ACCUEIL polices --------*/
.titre_accueil {
color: #610708;
font-size: 18px;
font-family: Times, georgia, "times new roman";
text-align: right;
}
/* --------  ACCUEIL mise en place -------- */
div#bande_accueil { 
float: left;
clear: both;
background-color: #610708; 
height: 25px; 
width: 880px;
text-align: left;
text-indent: 15px;
padding-top: 6px;
}
div#contenu_accueil { 
float: left;
clear: left;
background-image: url(images/accueil/fond_accueil.jpg);
height: 450px; 
width: 635px;
}


/* -------- PAGE CATALOGUE --------*/

/* -------- CATALOGUE polices --------*/
.titre_catalogue {
color: #7B266A;
font-size: 18px;
font-family: Times, georgia, "times new roman";
text-align: right;
}

a.catalogue:link {
color: #666666;
text-decoration: none;
}
a.catalogue:visited {
color: #666666;
text-decoration: none;
}
a.catalogue:hover {
color: #666666;
text-decoration: none;
}
a.catalogue:active {
color: #666666;
text-decoration: none;
}
/* --------  CATALOGUE mise en place -------- */

/* --------  CATALOGUE mise en place générique -------- */

div#bande_catalogue { 
float: left;
clear: both;
background-color: #7B266A; 
height: 25px; 
width: 880px;
text-align: left;
text-indent: 15px;
padding-top: 6px;
}
div#contenu_catalogue { 
float: left;
clear: left;
height: 450px; 
width: 880px;
}
div#table_catalogue { 
float: left;
height: 450px; 
width: 620px;
overflow: auto;
padding-top: 5px;
margin-left: 50px;
text-align: right;
}


/* --------  CATALOGUE mise en place dynamique -------- */

div#contenu_catalogued { 
float: left;
clear: left;
height: 445px; 
width: 880px;
}
div#flashcatalogued { 
float: left;
height: 445px; 
width: 205px;
}
div#table_catalogued { 
float: left;
height: 445px; 
width: 620px;
overflow: auto;
padding-top: 5px;
margin-left: 50px;
text-align: right;
}
div#flashcatalogued { 
float: left;
height: 445px; 
width: 205px;
}
div#margefoot { 
float: left;
clear: both; 
height: 5px; 
width: 880px;
}
/* -------- PAGE REALISATIONS --------*/

/* -------- REALISATIONS polices --------*/
.titre_real {
color: #981B1E;
font-size: 18px;
font-family: Times, georgia, "times new roman";
text-align: right;
}

/* --------  REALISATIONS mise en place -------- */

div#bande_real { 
float: left;
clear: both;
background-color: #981B1E; 
height: 25px; 
width: 880px;
text-align: left;
text-indent: 15px;
padding-top: 6px;
}
div#contenu_real { 
float: left;
clear: left;
background-image: url(images/realisations/fond-realisations.jpg);
background-repeat: no-repeat;
height: 450px; 
width: 635px;
}

/* --------  REALISATIONS diaporama -------- */
div#contenu_diapo { 
float: left;
clear: left;
background-image: url(images/realisations/fond-realisations.jpg);
background-repeat: no-repeat;
height: 450px; 
width: 880px;
}
div#diaporama { 
float: left;
height: 450px; 
width: 675px;
text-align: right;
}
div#real { 
float: left;
height: 395px; 
width: 150px;
padding-top: 5px;
text-align: right;
}
div#photoreal { 
float: left;
height: 395px; 
width: 515px;
padding-top: 5px;
}
div#bas { 
float: left;
clear: left;
height: 45px; 
width: 665px;
text-align: right;
padding-top: 5px;
padding-right: 10px;
}


/* -------- PAGE NOUS --------*/

/* -------- NOUS polices --------*/
.titre_nous {
color: #F7941E;
font-size: 18px;
font-family: Times, georgia, "times new roman";
text-align: right;
}

/* --------  NOUS mise en place -------- */

div#bande_nous { 
float: left;
clear: both;
background-color: #F7941E; 
height: 25px; 
width: 880px;
text-align: left;
text-indent: 15px;
padding-top: 6px;
}
div#contenu_nous { 
float: left;
clear: left;
background-image: url(images/entreprise/fond-nous.jpg);
height: 450px; 
width: 635px;
}


/* -------- PAGE FABRICATION --------*/

/* -------- FABRICATION polices --------*/
.titre_fabrication {
color: #1E4F6E;
font-size: 18px;
font-family: Times, georgia, "times new roman";
text-align: right;
}

a.fabrication:link {
color: #123043;
text-decoration: none;
}
a.fabrication:visited {
color: #123043;
text-decoration: none;
}
a.fabrication:hover {
color: #123043;
text-decoration: underline;
}
a.fabrication:active {
color: #123043;
text-decoration: none;
}

/* --------  FABRICATION mise en place -------- */

div#bande_fabrication { 
float: left;
clear: both;
background-color: #1E4F6E; 
height: 25px; 
width: 880px;
text-align: left;
text-indent: 15px;
padding-top: 6px;
}
div#contenu_fabrication { 
float: left;
clear: left;
background-image: url(images/fabrication/fond-fabrication.jpg);
height: 450px; 
width: 635px;
}

/* --------  POP UP mise en place -------- */
div#popup_centrage {
position: static;
width: 400px;
}
div#popup_top { 
float: left;
clear: both;
background-image: url(images/catalogue/top_popup.jpg);
height: 50px; 
width: 400px;
}
div#popup_titre { 
float: left;
clear: both;
background-color: #7B266A; 
height: 25px; 
width: 400px;
text-align: left;
text-indent: 15px;
padding-top: 6px;
}
div#popup_photo { 
float: left;
clear: left;
background-color: #FFFFFF; 
width: 400px;
text-align: center;
padding-top: 6px;
}

/* --------  CREDITS mise en place -------- */
div#credits {
float: left;
clear: both;
display: none;
width: 880px;
text-align: right;
padding-top: 10px;
}