/*************************************************************************************
Un box contenant le slogan avec le logo et la boite de recherche
- un titre h1 et un titre h2 
- un style pour la box de recherche, style différent des pages intérieures 
- un style pour le bouton de validation
**********************************************************************************/
#header-slogan{
background:url(../images/accueil_trait-menu.jpg) no-repeat bottom;
height:62px;
}  
#header-slogan img.logo{
float:left;
width:140px;
height:47px;
display:block;
border:0px;
margin:13px 0px 0px 0px
}
#slogan {
float:left;
margin:18px 0px 0px 20px
}
#slogan h1{
margin:0px;
padding:0px;
color:#00adef;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.3em;
text-transform:uppercase;
letter-spacing:0.1em;
margin:0px 0px 0px 0px;
}
#slogan h2{
margin:0px;
padding:0px;
color:#00adef;
font-family:arial,verdana,helvetica,sans-serif;
font-size:0.8em;
text-transform:uppercase;
letter-spacing:0.15em; 
} 
#header-recherche-home{
float:right;
text-align:right;
padding:2px 0px 2px 0px;
margin:29px 0px 0px 0px;
}
#header-recherche-home form{
margin:0px;
padding:0px;
}
#header-recherche-home input{
margin:0px;
padding:1px 0px 1px 4px;
border-top:1px #dcddde solid; 
border-right:1px solid #dcddde;
border-left:1px #dcddde solid;
border-bottom:1px solid #dcddde;
font-size:0.9em;
font-weight:bold;
font-family:arial,verdana,helvetica,sans-serif;
color:black;
}
#header-recherche-home input.bouton-rechercher{
border:0px;
margin-right:0px;
vertical-align:top
}
/*************************************************************************************
Un box contenant le menu société et le lien vers la version anglaise du site.
**********************************************************************************/  
#societe-lang{
float:right;
margin:5px 0px 0px 0px;
} 
#societe-lang p{
padding:2px 4px 2px 6px;
margin:0px 0px 0px 0px;
border:1px solid #dcddde;
font-size:0.9em;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#000000;
text-transform:uppercase;
width:45px; 
}
#societe-lang p a:link,#societe-lang p a:active,#societe-lang p a:visited {
text-decoration:none;
font-size:1em;
font-family:arial,helvetica,sans-serif;
font-weight:bold;
color:#000000;
text-transform:uppercase; 
}
#societe-lang p a:hover {
text-decoration:none;	
color:#000000; 
}
/********************************************************************************************************
Découpage de l'oeil central	:
- Une box contenant les 4 box des rubriques
- Dans chaque box un titre h3 pour définir le style de texte et la position de ce dernier dans le box
- Le titre h3 a un style
Attention la position par rapport au top est défini dans container-central-home
********************************************************************************************************/ 
#container-central-home{
width:100%;
margin:60px 0px 0px 0px;
}
#oeil-central{
margin:0px 0px 0px 130px;
width:480px;
} 
#oeil-central .espace{
clear:left;
height:24px;
overflow:hidden;
} 
#oeil-basse-vision{
float:left;	 
width:227px;
background:url(../images/accueil_fd_basse-vision.jpg) no-repeat;
border: 1px solid #000000;
} 
#oeil-basse-vision h3{
margin:130px 10px 10px 10px;
padding:0px;
font-size:1.3em;
font-family:arial,helvetica,sans-serif;
letter-spacing:0.1em;
color:black;
text-transform:uppercase; 
}
#oeil-basse-vision h3 a:link,#oeil-basse-vision h3 a:active,#oeil-basse-vision h3 a:visited {
color:black; 
text-decoration:none;
}
#oeil-basse-vision h3 a:hover {
color:#a0a0a0; 
text-decoration:none;
}
#oeil-video-industrielle{
float:right;	 
width:227px;
background:url(../images/accueil_fd_video-industrielle.jpg) no-repeat;
border: 1px solid #70a000;
} 
#oeil-video-industrielle h3{
text-align:left;
margin:130px 10px 10px 10px;
padding:0px;
font-size:1.3em;
font-family:arial,helvetica,sans-serif;
letter-spacing:0.1em;
color:#70a000;
text-transform:uppercase; 
}
#oeil-video-industrielle h3 a:link,#oeil-video-industrielle h3 a:active,#oeil-video-industrielle h3 a:visited {
color:#70a000;
text-decoration:none;
}
#oeil-video-industrielle h3 a:hover {
color:#bed38b;
text-decoration:none;
}	
#oeil-distribution{
float:left;	 
width:227px;
background:url(../images/accueil_fd_distribution-video.jpg) no-repeat;
border: 1px solid #ed1c24;
} 
#oeil-distribution h3{
text-align:left;
margin:130px 10px 10px 10px;
padding:0px;
font-size:1.3em;
font-family:arial,helvetica,sans-serif;
letter-spacing:0.1em;
color:#ed1c24;
text-transform:uppercase; 
}
#oeil-distribution h3 a:link,#oeil-distribution h3 a:active,#oeil-distribution h3 a:visited {
color:#ed1c24;
text-decoration:none;
}
#oeil-distribution h3 a:hover {
color:#edadaf;
text-decoration:none;
}
#oeil-retd{
float:right;	 
width:227px;
background:url(../images/accueil_fd_r-et-d.jpg) no-repeat;
border: 1px solid #006697;
}
#oeil-retd h3{
text-align:left;
margin:130px 10px 10px 10px;
padding:0px;
font-size:1.3em;
font-family:arial,helvetica,sans-serif;
letter-spacing:0.1em;
color:#006697;
text-transform:uppercase; 
}
#oeil-retd h3 a:link,#oeil-retd h3 a:active,#oeil-retd h3 a:visited {
color:#006697;
text-decoration:none;
}
#oeil-retd h3 a:hover {
color:#9cc3d6;
text-decoration:none;
}
/* Actualités */ 
#actualites{
float:right;
width:278px;
border:1px solid #dcddde;
margin:0px 0px 0px 0px;
} 
* html #actualites{
width:278px;
margin:0px 0px 0px 0px
}
#actualites h4{
border-bottom:1px solid #dcddde;
font-family:arial,verdana,helvetica,sans-serif;
text-transform:uppercase;
font-size:0.9em;
font-weight:bold;
color:#000000;
padding:2px 0px 2px 6px;
margin:0px 0px 10px 0px;
}
p.texte{ 
margin:0px;
padding:0px 2px 5px 6px;
font-family:arial,verdana,helvetica,sans-serif;
font-size:0.9em;
line-height: 1.5em;
font-weight:normal;
color:#000000;
}
p.texte a, p.texte a:link, p.texte a:visited {
text-decoration:none;
color:#00adef;
}
p.titre { 
margin:0px;
padding:0px 2px 0px 6px;
font-family:arial,verdana,helvetica,sans-serif;
font-size:0.9em;
line-height: 1.5em;
font-weight:normal;
color:#000000;
}
/* Styles du Menu déroulant Haut */
@media print { /*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
visibility:hidden;
}
}
.menu, .ssmenu {
margin:0px;
padding:0px;
background-color:white;
color:#898b8e;
font-size:0.9em;
font-weight: normal; 
font-family:arial,verdana,sans-serif;
text-transform:uppercase;
letter-spacing:1px;
/* width et margin sont au cas où le javascript est désactivé. */
width:15em;
margin:1em;
}
.menu span, .ssmenu span {
display:none;
}
ul.ssmenu{
padding:0px;
margin:0px;
border-top: 1px solid #dcddde;
border-right: 1px solid #dcddde;
border-left: 1px solid #dcddde;
list-style-type:none;
font-size:1em;
width:100%;
}
.ssmenu li {
padding:0px;
margin:0px;
list-style-type:none;
}
.ssmenu a:link, .ssmenu a:visited, .ssmenu a:visited {
display:block;
margin:0px;
padding:2px 2px 3px 6px;
border-bottom:1px solid #dcddde;
text-decoration:none;
font-size: 0.85em;
line-height: 1.1em;
color:#898b8e;
}
.societe a:hover, .societe a:focus {
color:#00adef;
text-decoration:none;
}