/* Titres Hn */

  /* 10.2.3 Margins and padding */   /* recommandations 
h1 { margin-top: 0.67em; margin-bottom: 0.67em; }
h2 { margin-top: 0.83em; margin-bottom: 0.83em; }
h3 { margin-top: 1.00em; margin-bottom: 1.00em; }
h4 { margin-top: 1.33em; margin-bottom: 1.33em; }
h5 { margin-top: 1.67em; margin-bottom: 1.67em; }
h6 { margin-top: 2.33em; margin-bottom: 2.33em; }
*/

/* Recommdandation
-------------------
/* blockquote, dir, dl, figure, listing, menu, ol, p, plaintext, */
/* pre, ul, xmp {  margin-top: 1em; margin-bottom: 1em;} 
ul {  margin:2em 1em; padding:0 ; }
*/

/* Recommdandation */
/* ------------------- */ 
/* dir dir, dir dl, dir menu, dir ol, dir ul, */
/* dl dir, dl dl, dl menu, dl ol, dl ul, */
/* menu dir, menu dl, menu menu, menu ol, menu ul, */
/* ol dir, ol dl, ol menu, ol ol, ol ul, */
/* ul dir, ul dl, ul menu, ul ol, ul ul {  margin-top: 0; margin-bottom: 0;} 
 ol ol, ol ul, ul dl, ul ol, ul ul {  margin-top: 0; margin-bottom: 0;} 
*/

/* recommandations : */
/* --------------- */
/* dd { margin-left: 40px; } /* LTR-specific: use 'margin-right' for rtl elements */
/* dir, menu, ol, ul { padding-left: 40px; } /* LTR-specific: use 'padding-right' for rtl elements */
/* blockquote, figure { margin-left: 40px; margin-right: 40px; }*/
 /* blockquote, figure { margin-left: 40px; margin-right: 40px; }
blockquote { margin-left: 40px; margin-right: 40px; }
*/

 /* HTML5 article, aside, nav, section
 --------------------------------------
x h1 { margin-top: 0.83em; margin-bottom: 0.83em; }
x x h1 { margin-top: 1.00em; margin-bottom: 1.00em; }
x x x h1 { margin-top: 1.33em; margin-bottom: 1.33em; }
x x x x h1 { margin-top: 1.67em; margin-bottom: 1.67em; }
x x x x x h1 { margin-top: 2.33em; margin-bottom: 2.33em; 
*/


/* 10.2.4 Alignment

/* caption[align=bottom] { caption-side: bottom; } /* case-insensitive */
/*p[align=left], h1[align=left], h2[align=left], h3[align=left],
/*h4[align=left], h5[align=left], h6[align=left] { /* case-insensitive */
 /* text-align: left;
}
/*p[align=right], h1[align=right], h2[align=right], h3[align=right],
/*h4[align=right], h5[align=right], h6[align=right] { /* case-insensitive */
/*  text-align: right;}
/*p[align=center], h1[align=center], h2[align=center], h3[align=center],
/*h4[align=center], h5[align=center], h6[align=center] { /* case-insensitive */
/*  text-align: center;
}

p[align=justify], h1[align=justify], h2[align=justify], h3[align=justify],
h4[align=justify], h5[align=justify], h6[align=justify] { /* case-insensitive */
/* text-align: justify; 
}




/*sub { vertical-align: sub; }
/*sup { vertical-align: super; }

/*address, cite, dfn, em, i, var { font-style: italic; }
/*b, strong, th { font-weight: bold; }
/*code, kbd, listing, plaintext, pre, samp, tt, xmp { font-family: monospace; }
/*big { font-size: larger; }
/*small, sub, sup { font-size: smaller; }
/*sub, sup { line-height: normal; }
/*:link { color: blue; }
/*:visited { color: purple; }
/*mark { background: yellow; color: black; }

/* article, aside, nav, section
------------------------------
x h1 { font-size: 1.50em; }n
x x h1 { font-size: 1.17em; }
x x x h1 { font-size: 1.00em; }
x x x x h1 { font-size: 0.83em; }
x x x x x h1 { font-size: 0.67em; }
*/

/* article, aside, nav, section
------------------------------*/ /* calcul des recommandations */
/*section h1, article h1, aside h1, section h1, nav h1 { font-size: 1.50em; }
section h2, article h2, aside h2, section h2, nav h2 { font-size: 1.17em; }
section h3, article h3, aside h3, section h3, nav h3, .emphaseorange h3, .emphasevertpastel h3,
 .cadreemphase h3 { font-size: 1.17em; }
section h4, article h4, aside h4, section h4, nav h4, .emphaseorange h4, .emphasevertpastel h4,
 .cadreemphase h4 { font-size: 1.00em; }
section h5, article h5, aside h5, section h5, nav h5, .emphaseorange h5, .emphasevertpastel h5,
 .cadreemphase h5 { font-size: 1.00em; }
section h6, article h6, aside h6, section h6, nav h6, .emphaseorange h6, .emphasevertpastel h6,
 .cadreemphase h6 { font-size: 1.00em; }
*/

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

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

p{margin: 0; padding: 0;}

.gras{ font-weight: 500; }

#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;
}

a.souligner { text-decoration: underline;}
.souligner { text-decoration: underline;}

h1 { /* firefox ne prend pas ces balises > preciser la taille */
font-size : 1.6em;
color:#F00;
}

h2 { /* firefox ne prend pas ces balises > preciser la taille */
font-size : 1.2em;
color : #00AEEF;
padding: 0.2em 0 0.2em 0.7em;
margin:0 0 0 0.4em;
}

h3 { /* firefox ne prend pas ces balises > preciser la taille */
font-size : 1.1em;
color : #00AEEF;
padding: 0.2em 0 0.2em 0.7em;
margin:0 0 0 0;
}

h4 {
font-size : 1.0em;
color: #fff;
}

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

h6 { /* firefox ne prend pas ces balises > preciser la taille */
font-size : 0.8em;
color : #00AEEF;
}

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

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

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

/* Couleurs */

.blanc {color: #FFF;} /* titre h1 coupé en 2 */
.rouge {color:#FF0000;} /* titre h1 coupé en 2 */


/* 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 {
background : #695D540;
width : 795px;
margin : 20px 0px 20px 183px;
padding : 0 0 0 5em;
position : relative;
}

#pageProd {
background : #695D540;
width : 795px;
margin : 20px 0px 20px 183px;
padding : 0 0 0 5em;
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 h2, h3, h4 {
margin : 0.5em 0 0 0.4em;
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;
}

/* ARTICLE & ASIDE (pour aller plus loin) */
.asidearticle{	 background-color: #999;}
.asidearticle a:link, a:visited {
color : #fff;
text-decoration: none;
}
.asidearticle a:active, a:hover {
color : #00AEEF;
text-decoration: none;
}
	 

/* 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 : 30px 0px 20px 35px;
}

.menuind img{
margin : 0;
padding : 0 0.9em 0 0;
float : left;
}

.menuind p {
padding : 0 0.8em 0 0.7em;
font-size : 0.9em;
}


/* 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: left;
}

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


/* Html 5 */

figure{margin:0; padding:0;}
/* aside */
aside a { text-decoration: underline;}