/* CONSTRUCTION GENERALE D'UNE PAGE
-----------------------------------*/

body {
background : #695D54;
margin : 0;
padding : 0;
font-family : arial;
font-size : 12px;
color : #fff;
}

#conteneur, #centre  {
width : 1000px;
height : 100%;	
margin : 0 auto;
padding : 0;
}

a:link, a:visited {
color : #fff;
text-decoration: none;
}

a:active, a:hover {
color : #00AEEF;
text-decoration: none;
}

h3 { /* firefox ne prend pas ces balises > preciser la taille */
font-size : 18px;
color : #00AEEF;
}

h4 {
font-size : 14px;
color : #00AEEF;
}

.grascoul { /* texte en exergue dans les pages */
font-weight : bold;
color : #00AEEF;
}

.bord {	/* bordure */
border : 1px solid #00AEEF;
}



/* ENTETE
---------*/
#entete {
margin : 0 auto;
padding : 0;
border : 1px solid #00AEEF;
height : 120px;
/* MODIFIE PAR UNE SEULE IMAGE : cf supra, sinon :
background-image : url(../imag/bandeau.jpg);
background : #45413F;
background-position : 50px top;
background-repeat : no-repeat;
border : 1px solid #00AEEF;
height : 89px;
margin : 0 auto;
padding : 0 100px 0 100px;
text-align : center;
color : #00AEEF;
}

#entete h3 {
margin-top : 0px;
margin-left : 275px;
padding-top : 10px;
}

#entete p {
margin : 0;
padding : 0;
font-size : 11px;
text-align : center;
*/
}


/* MENU HAUT
-----------------------*/
#menuht {
background : #45413F;
height : 40px;
border-right : 1px solid #00AEEF;
border-bottom : 1px solid #00AEEF;
font-weight:bold;
}

#menuht ul {
margin : 0 auto;
padding : 0;
}

#menuht ul li {

width : 248px;
height : 34px;
border-left : 1px solid #00AEEF;
padding-top : 5px;
list-style-type: none;
text-align : center;
font-size : 10px;
float : left;
}


/* BLOC CENTRAL
---------------*/

/* BLOC CENTRAL : MENU LATERAL GAUCHE
-------------------------------------*/
#menudte {
width : 170px;
height : 100%;
margin-top : 35px;
padding : 0;
font-size : 10px;
font-weight : bold;
float : left;
}

#machine ul {/* liste des machines */
border : 1px solid #00AEEF;	
list-style-type : none;
margin : 0 auto;
padding : 0;
}

#machine ul li {
background-image : url(../imag/pucebleue.jpg);
background-repeat : no-repeat;
background-position : 0 3px;
padding-left : 20px;
line-height : 15px;
margin : 5px;
}

#demande  {/* liste acces catalogue et formulaire */
margin : 40px 0 40px 0;
padding : 0;
}

#demande ul {
border : 1px solid #00FF00;
list-style-type : none;
margin : 0 auto;
padding : 0;
}

#demande ul li {
background-image : url(../imag/puceverte.jpg);
background-repeat : no-repeat;
background-position : 0 3px;
padding-left : 20px;
line-height : 15px;
margin : 5px;
}



/* PIED DE PAGE
---------------*/
#pied {
height : 45px;
margin : 0 auto;
padding : 10px 0 0 0;
border-top : 1px solid #00AEEF;
text-align : center;
color : #00AEEF;
/*position : relative;	
bottom  : 0;	reste toujours en bas de page*/
clear : left;
}

.piedcoul {
color : #ffffff;
}

.plansite li {
list-style-type : none;
background-image : url(../imag/pucebleue.jpg);
background-repeat : no-repeat;
background-position : 0 3px;
padding-left : 20px;
line-height : 15px;
margin : 5px;

}


/* BLOC CENTRAL : CONTENU DES PAGES
------------------------------------*/
#page,  #pageProd {
background : #695D540;
width : 795px;
margin : 20px 0px 20px 183px;
padding : 0;
position : relative;
}

#contenu  {
border : 1px solid #00AEEF;
width : 750px;
margin : 20px 20px 20px 30px;
padding : 5px 15px 5px 5px;
text-align : justify;
float : left;
}

#contenu h3, h4 {
margin : 10px 0 0 35px;
padding : 0;
text-align : center;
}

#contenu h6 {
font-size : 12px;
margin : 10px 20px 0 0;
padding : 10px;
text-align : left;
border-bottom : 1px solid #00AEEF;
}

#contenu ul {
margin : 0;
padding : 0 5px 0 5px;
list-style-position: inside;
}

.gauche {	/* partie texte de la page PRESENTATION */
width : 520px;
padding : 0 15px 0 15px;
float : left;
}


/* PAGE index.php 
+ PAGE presentation.php
+ PAGES descriptions par domaine
--------------------------------*/
.menuind, .menuprod { /* menus */
background : #45413F;
padding : 0;
border : 1px solid #00AEEF;
text-align : justify;
float : left;
}

.menuind {/* menu de l'INDEX */
display : inline-block;
width : 350px;
height : 180px;
margin : 10px 0px 20px 30px;
}

.menuind img{
margin : 0;
padding : 0 8px 0 0;
float : left;
}

.menuind p {
padding : 0 8px 0 10px;
}

h5 {	/* titre des menus de l'INDEX */
font-size : 12px;
color : #ffffff;
text-align : center;
margin : 0;
padding-top : 5px;
border-bottom : 1px solid #00AEEF;
height : 20px;
}



/* PAGES produits
-----------------*/
#pageProd h3, h4 {
margin : 0;
padding : 10px 0 35px 0 ;
text-align : center;
}

#pageProd table {
width : 750px;
margin : 10px 0 0 30px;
padding : 0;
text-align : justify;
}

#pageProd td {
margin : 0;
padding : 5px 15px 5px 5px;
vertical-align : center;
}

#caract {
border : 1px solid #00AEEF;
width : 450px;
margin : 30px 0 0 72px;
padding :  0 0 0 5px;
}

.menuprod { /* menu des differentes pages */
width : 200px;
height : 225px;
margin : 10px 0px 10px 30px;
}

.titre35 { /* titre 35px - pages produits */
height : 35px;
}

.titre20 { /* titre 20px - pages produits */
height : 20px;
}

.photo1 {
margin : 50px 0 0 0;
padding : 0;
}

.photo2 {
margin : 30px 20px 0 0;
padding : 0;
}

.telecharg {	/* positionnement de l'icône PDF */
text-align : right;
margin : 0;
padding : 0;
float : right;
}

.retour {
text-align : right;
margin : 0;
padding : 0;
}