/*    www.icm-france.fr  -   Machines spéciales, bols vibrants,*/ 
/*                           centrifugeuses, postes de contrôle, */
/*                           intégration de robots et de systèmes */
/*                           de vision industriels.     */
/* ---------------------------------------------------------------------------------------- */
/*                                                                                          */
/*                              STYLE POUR ECRAN                                            */
/*                                                                                          */
/* ---------------------------------------------------------------------------------------- */

@media screen, all {
html,body {
width:100%;
height:100%;
/*overflow:auto;*/
} 
body {
margin:0px;
padding:0px;
text-align:left; /* Pour IE6, normalement dans la classe .divChapitre */
background-color:white;
/* Met le degradé sur tout le fond de la page 
background-image:url('images2/degrade_blanc_bleu1.jpg');
background-position:right;
background-repeat: repeat-y;   */
}
a {
text-decoration:none; /* On supprime le surlignage de tous les liens */
}
div#menuVertical {
/*position:absolute;*/
left:0px;
width:175px;
height:100%;
background-color : #3E74B2;
text-align:left;
}
div#contenu {
height:100%;
background-color:white;
text-align:center;
margin-right:auto;
padding-right:0px;
padding-left:0px;
}

/* ******************************************************************/
/*                              MENU                                */
/* ******************************************************************/

div#menuVertical ul{			   
margin    :0;             
padding   :1px; 
width     :170px;
border    :0px;
/*background-color:Coral;*/
}

div#menuVertical ul li {						  
list-style-type:none;   
padding:0px;
margin-top:1px;        
margin-bottom:1px;
padding-top:1px;
padding-bottom:1px;
vertical-align:middle;       
/*background-color:Black;/**/
}

div#menuVertical ul li a {
width:auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
width:100%;            /* largeur interprétée par IE6 et inférieur */
/*height:15px;*/          
color:White;  
font-size:0.7em;
font-family:Verdana;
font-weight :bold;
text-decoration:none;         
display:block;   
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
/*margin-top:4px;*/
/*margin-bottom:4px;*/
/*background-color:Beige;*/
}
div#menuVertical li a img {
border:none;
}
.sepMenuHoriz {
margin-top:5px;
/*padding-top:5px;*/
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
width:165px;
height:1px;
/*background-color:Azure;*/
}    
.sepMenuHorizT {
margin-top:5px;
/*padding-top:5px;*/
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
width:165px;
height:0px;
}
div#menuVertical ul li a:link {background-color:Transparent;}
div#menuVertical ul li a:visited {background-color:Transparent;}
div#menuVertical ul li a:hover{color:Navy;background-color:#f4fbdc;}
div#menuVertical ul li a:active{background-color:#FDFFA5;}

/* **************************************************************************************** */
/*                              CONTENU
/* **************************************************************************************** */


div#contenu h1 {
color:Black;
text-align:left;
font-size:100%;
font-weight:bold;
}

div#contenu h1 img{
border:0px;
}

.icm {
color:#000080;
font-weight:bold;
}
.sepMotsClefs {
color:Gray;
}

.photo {
text-align:center;
}
.cliquer {
text-align:center;
color:#00FF00;
}
.legende {
text-align:center;
font-style:italic;
color:#000080;
}


div#enTete {
background-image: url('images2/degrade_blanc_bleu1.jpg');
background-repeat: repeat-y;
background-position: right;
background-attachment:fixed;
padding:0px;
margin:0px;
height: 45px;
width: 100%;
color:White;
}
div#enTete a {
text-decoration:none;
color:White;
}

div#divImagesDebut {
text-align:center;
width:700px;
margin-left:auto;
margin-right:auto;
}

div#divImagesDebut img {
display:inline;
vertical-align:middle;
margin-top:50px;
margin-bottom:30px;
margin-left:10px;
margin-right:10px;
}

.divChapitre
{
width: 630px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
text-align:left;
padding-top:20px;
padding-left:5px;
padding-right:10px;
padding-bottom:5px;
background-color:white;
}

/* Reserve d'expressions
display:inline;  A l'interieur de l'objet, chaque element est du type line
display:inline-block; A l'interieur de l'objet, chaque element est du type objet mais placé en line
float:left; Positionnement flottant par rapport au parent. attention le parent doit etre en mode "line"
margin-top:50px;
margin-bottom:30px;
margin-left:10px;
margin-right:10px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
text-align:left;
vertical-align:middle;
background-color:Yellow;
*/
.conteneur{
width:100%;
margin-bottom:5px;
padding-left: 5px;
padding-right:5px;
background-color:White;
display:inline-block;
vertical-align:middle;
}

.conteneur p {
padding-top:50px;
vertical-align:middle;
text-indent:0px;
}

.imageAdroite{
display:block;
margin-top:3px;
margin-bottom:3px;
margin-left:3px;
margin-right:0px;
padding-top:5px;
padding-right:0px;
padding-left:5px;
padding-bottom:5px;
background-color:White;
text-align:center;
float:right;
}


.imageAgauche{
display:block;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
padding-top:5px;
padding-right:5px;
padding-left:0px;
padding-bottom:5px;
background-color:White;
text-align:center;
float:left;
}
.textAgauche
{
padding-right:20px;
text-align:left;    
}
.textAdroite
{
padding-left:20px;
text-align:right    
}

div#divProduits
{
background-color:white;
text-align:center;
margin-left:auto;
margin-right:auto;
}
div#divProduits img
{
display:inline;
border:0px;
margin-top:20px;
margin-bottom:20px;
margin-left:2px;
margin-right:2px;
}

div#divContact {
text-align:center;
}
div#divMotsClefs {
margin-top:400px;
text-align: left; 
font-size: small !IMPORTANT; /*pour IE*/
font-size:x-small  ;
color:Black;
font-family:Times New Roman;
}

div#divMotsClefs a {
 text-decoration:none;
 color:Black;
}
}
/* ---------------------------------------------------------------------------------------- */
/*        IIIIIIII   III    III   IIIIII    IIIII    IIIIIII    IIIII     IIIII             */
/*           II      IIII  IIII   II   II   II  II   II        II        II                 */
/*           II      II IIII II   II   II   II  II   II         III       III               */
/*           II      II  II  II   IIIIII    IIIII    IIIII        III       III             */
/*           II      II      II   II        II  II   II             II        II            */
/*        IIIIIIII   II      II   II        II   II  IIIIIII    IIIII     IIIII    II       */
/* ---------------------------------------------------------------------------------------- */
/*                                                                                          */
/*                              STYLE POUR IMPRESSION                                       */
/*                                                                                          */
/* ---------------------------------------------------------------------------------------- */
/* Révision :
/* Remarques :  NE FONCTIONNE PAS SOUS FF3, 1 seule page et overflow:visible et 
/*              position:relative que pour IE...
/**/

@media print {
* {
font-size:11pt;
}
html,body{
overflow:visible;
background-color:white;
margin:0px;
padding:0px;
}
div#contenu {
position:relative;
overflow:visible;
background-color:white;
text-align:center;
margin:0px;
padding:0px;
width:100%;
}
div#contenu h1 {
color:Black;
text-align:left;
font-size:100%;
font-weight:bold;
}

div#contenu h1 img{
border:0px;
}

.icm {
color:Black;
font-weight:bold;
}
.photo {
text-align:center;
}
.cliquer {
display:none;
}
.legende{
text-align:center;
font-style:italic;
color:Black;
}

div#enTete
{
display:none;
}

div#divImagesDebut {
width:100%;
margin-left:auto;
margin-right:auto;
}

div#divImagesDebut img {
display:inline;
vertical-align:middle;
margin-top:2pt;
margin-bottom:2pt;
margin-left:2pt;
margin-right:2pt;
}
div#divImagesDebut img#imageAtelier {
display:none;
}
/*
.divChapitre
{
display:inline;
width: 100%;
margin-left:auto;
margin-right:auto;
margin-bottom:10pt;
text-align:left;
padding-top:0pt;
padding-left:0pt;
padding-right:10pt;
padding-bottom:0pt;
background-color:white;
page-break-before:auto;
}
*/
.conteneur{
width:90%;
margin-bottom:5px;
padding-left: 5px;
padding-right:5px;
background-color:White;
display:inline-block;
vertical-align:middle;
overflow-y:visible;
page-break-before:auto;
}
/*
.conteneur p {
padding-top:10px;
vertical-align:middle;
text-indent:0px;
}

.imageAdroite{
display:block;
margin-top:3px;
margin-bottom:3px;
margin-left:3px;
margin-right:0px;
padding-top:5px;
padding-right:0px;
padding-left:5px;
background-color:White;
text-align:center;
float:right;
}


.imageAgauche{
display:block;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
padding-top:5px;
padding-right:5px;
padding-left:0px;
padding-bottom:5px;
background-color:White;
text-align:center;
float:left;
}
.textAgauche
{
padding-right:20px;
text-align:left;    
}
.textAdroite
{
padding-left:20px;
text-align:right    
}
*/
.video {
display:none;
}
/*
div#divProduits img
{
display:inline;
border:0px;
margin-top:20px;
margin-bottom:20px;
margin-left:2px;
margin-right:2px;
}
*/
div#divContact {
page-break-before:always;
text-align:center;
}

    
    
div#divMotsClefs {
display:none;
}
}