/* Image de fond */
html,body{
background-image:url(fond1.jpg);}

/*body */

body
{
font-size:10px;
 /*font-size: x-small;*/
 font-family: 'Verdana, Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif;
 background-color: white;
 color: black;
 padding: 0em;
 margin: 0em;
}

h1, h2, h3, h4, h5, h6
{
 font-family: 'Verdana, Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
}

h3
{
 font-size: large;
 border-bottom: 1px solid silver;
}

h3.display
{
  font-size: normal;
}

h4
{
 font-size: large;
 border-bottom: 1px solid gray;
}

a, a:link, a:visited, a:active
{
 color: black;
 text-decoration: underline;
}

/* Conteneur principal

#container
{
position:relative;
margin-top:10px;
margin-left:10px;
margin-right:10px;
background-color:#FFFFFF;
 border-top:5px solid white;
 border-left:5px solid white;
 border-right:5px solid white;
} */

/* Titre FOGALE nanotech */
#header
{
 /*display: block;
 position:absolute;
margin-top:10px;*/
margin-left:10px;
margin-right:10px;
 height: 81px;
 background: white;
 border-left:5px solid white;
 /*border-bottom:5px solid white;*/
 border-right:5px solid white;
}

#header h1
{
 margin-top: 10px;  
 float: left;
}

#header a
{
 display: block;
 background: transparent url(logo_fogale.jpg) no-repeat top left; 
 margin-top:10px;
 margin-left : 25px;
 width: 303px; 
 height: 40px;
}

#header h1 span 
{
 display: none;
}

#header-banner
{
 height: 26px;
 z-index: 1;
 position:relative;
margin-left:10px;
margin-right:10px;
border-left:5px solid white;
 border-right:5px solid white;
}

#header-banner span
{
 display: none;
}

/* Sous-titres */
#header h2
{
 float: right;
}

/* Cache le texte du sous-titre de la page */
#header h2 span
{
 display:none;
}


#header h2
{
 margin-top:25px;
 margin-right:25px;
}
#h2-welcome
{
 background: transparent url(titre1.jpg) no-repeat top left; 
 /*margin-top:0px;
 margin-right:0px;*/
 width: 400px; 
 height: 50px; 
}

/* Banners */

#header-banner
{
background-color:#206384;
}


#certif
{
text-indent:202px;
background-color:#CCCCCC;
color:#000000;
vertical-align:bottom;
/*text-align:right;*/
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
height:25px;
position:relative;
margin-left:10px;
margin-right:10px;
/*margin-top:-12px;*/
border-left:5px solid white;
border-right:5px solid white;
}

#certif a
{
text-decoration:none;
background-color:#CCCCCC;
position:relative;
/*border-style:solid;*/
top:5px;
/*border-top-style:solid;
border-bottom-style:solid;
border-width:1px;*/
padding:4px;
border-color:#FFFFFF;
color:#000000;
}

#certif a:hover
{
text-decoration:none;
background-color:#206384;
/*border-style:solid;*/
padding:4px;
padding-bottom:5px;
color:#FFFFFF;
}

#header-banner div a
{
text-decoration:none;
background-color:#206384;
position:relative;
left:0px;
/*border-style:solid;*/
top:0px;
/*border-top-style:solid;
border-bottom-style:solid;
border-width:1px;*/
padding:5px;
border-color:#FFFFFF;
color:#FFFFFF;
}

#header-banner div a:hover
{
text-decoration:none;
background-color:#CCCCCC;
/*border-style:solid;*/
padding:5px;
padding-bottom:5px;
color:#000000;
}

li.inline2
{
 display: inline;
 color:#FFFFFF;
 list-style-type: none;
border-right: 3px; /*dotted black;*/
border-right-style:solid;
padding:5px;
}

li.last2
{
 display: inline;
 list-style-type: none;
 /*padding:5px;*/
}

#header-banner div
{
text-decoration:none;
background-color:#206384;
/*border-right-style:groove;
border-top-style:solid;
border-bottom-style:solid;
border-width:5px;*/
padding:5px;
border-color:#FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
position:absolute;
left:0px;
top:1px;
}


/* Main content */

#main-content
{
 position:static;
margin-left:10px;
margin-top:-18px;
margin-right:10px;
background-color:#3399CC;
border-left:5px solid white;
 border-right:5px solid white;
 text-indent:200px;
 height: 300px; /* IE ne comprend min-height */
}
/*
#main-content div{
position:absolute;
top:30px;
left:20px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#main-content div a{
background: transparent url(background-tile.gif) fixed;
text-decoration:none;
background-image: url(tab.gif);
 background-repeat: no-repeat;
 background-position: left ;}
 
#main-content div a:hover{
background-color:#000000;
color:#FFFFFF;
background-image: url(tab.gif);
 background-repeat: no-repeat;
 background-position: left ;
}
*/
/* IE ne comprend pas cela */
html > body #main-content
{
text-indent:200px;
 height: auto;
 min-height: 300px !important;
}

#main-content li
{
 list-style-type: none;
 list-style-image: url(menu-arrow.gif);
}

#lien-site a
{
font-size:12px;
background-color:#666666;
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding:5px;
}

#lien-site a:hover
{
text-align:center;
color:#666666;
background-color:#FFFFFF;
}

#lien-menu-g a
{
text-decoration:none;
color:#000000;
}

#lien-menu-g a:hover
{
background-color:#206384;
padding-bottom:2px;
padding-top:2px;
margin-left:5px;
color:#FFFFFF;
}


/* Footer */

#footer
{
 position:relative;
/* margin-left:10px;*/
 /*margin-right:10px;*/
 background-color:#2B82AC;
/* border-left:5px solid white;*/
 border-bottom:5px solid white;
/*border-right:5px solid white;*/
}


#footer-banner
{
 width: 100%; 
 height: 67px;
 z-index: 1;
}
#footer-banner
{
background-color:#666666;
height:15px;
}

#footer-banner2
{
background-color:#206384;
height:15px;
}


/*#copyright
{
 margin-left: 0.5em;
 text-align: left;
 font-size:xx-small;
 color:#999999;
 font-weight:lighter;
 margin-top: 0px;
 margin-bottom: 0px;
}

#copyright a
{
 text-decoration: none;
}

#copyright a:hover
{
 background-color: #ddd;
}*/

#footer-banner span
{
 display: none;
}

#fogale-address:first-line
{
 font-weight: bold;
 text-align:left;
}

#fogale-address
{
 position:static;
 text-indent:0px;
 margin-left:0px;
 margin-top:0px;
 margin-bottom:0px;
 color:#FFFFFF;
 font-style:normal;
 background-color: #2B82AC;
 padding-bottom:2px;
 padding-top:2px;
}

#fogale-address a
{
color:#FFFFFF;
}
#fogale-address a:hover
{
background-color:#FFFFFF;
color:#2B82AC;
}

#footer-menu
{
position:absolute;
right:2px;
 color:#FFFFFF;
 margin-right: 0.5em;
 margin-top: 0em;
 padding:0px;
 text-align: right;
}

li.inline
{
 display: inline;
 color:#FFFFFF;
 list-style-type: none;
 border-right: 1px dotted black;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

li.last
{
 display: inline;
 list-style-type: none;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

#footer-menu li a
{
 text-decoration: none;
 color:#FFFFFF;
 font-weight:bold;
 font-style:normal;
}

#footer-menu li a:hover
{
 background-color:#FFFFFF;
 color:#2B82AC;
}

/* Suite du body */

textarea
{
 font: inherit;
}

.email
{
 font-family: monospace;
}


label.mandatory
{
 font-style: italic;
}

label.missing
{
 font-style: italic;
 font-weight: bold;
 color: darkred;
}
/*
#main-content #b_submit
{
 float: right;
 background: url(submit.jpg);
 width: 52px;
 height: 17px;
 font-size: 0px;
 color: white;
 border: 0px;
 margin-left: 1em;
}

#main-content #b_clear
{
 float: right;
 text-align: right;
 background: url(clear.jpg);
 width: 52px;
 height: 17px;
 font-size: 0px;
 color: white;
 border: 0px;
 margin-left: 1em;
}
*/

/* Le contenu de la page */

#main-content table
{ 
/* background-color: transparent; /*#ddd;*/
/* border-collapse:collapse;
 padding: 0px;*/
}

#main-content td
{
 /*border: outset 1px; 
 border-collapse: collapse;
 border: 1px solid black;
 background-color: none;
 padding: 0.2em;*/
}

.emphasis
{
 font-style: italic; 
}

abbr, acronym, .help 
{
 border-bottom: 1px dotted #silver;
 cursor: help;
}

/* Formulaires */

#main-content form
{
  width: 400px;
  margin-left:200px;
}

#main-content form div.row
{
 clear: both;
 padding-top: 0.2em;
}

#main-content form div.lastrow
{
 clear: both;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}

#main-content form label
{
 margin-right: 1em;
 float: left;
 width: 150px;
 text-align: right;
}

#main-content form input,
#main-content form textarea,
#main-content form select
{
 margin-left: 1em;
 float: left;
 }

/* css/base/content.css */

.skipLink
{
 display: none;
}


/* Mise en page commune a tous les sites Fogale */


/* Menu du cote gauche */

#menu_g
{
 background-image:url(background-tile.gif);
 background-color:#FFFFFF;
 position: absolute;
 top: 121px;
 left: 00px;
 right:10px;
 width: 180px;
 padding: 0px;
 margin: 0px;
 margin-left:10px;
 border-left:5px solid white;
}

#menu_g h3
{

 padding:3px;
 background-color:#0066CC;
 color:#FFFFFF;

}

#menu_g br
{
 display: none;
 clear: none;
}

#menu_g a
{
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 float: left;
 clear: both;
 width: 180px;
 text-decoration: none;
 background-image: url(menu-arrow.gif);
 background-repeat: no-repeat;
 background-position: left center;
 overflow: hidden;
}

#menu_g a:hover
{
 background-color: #ddd;
 border-right: 4px solid black;
 margin-left: 0px;
}

#menu_g a span
{
 padding-left: 1.5em;
 display: block;
}
#menu_g div a /* Sous menus */
{
  background-image: none;
  
}
#menu_g div a span
{
  margin-left: 1em;
  color:#666666; 
}
#menu_g div a:hover
{
  background-color: #ddd;
}

#menu_g div div a span /* Sous sous menus */
{
  margin-left: 2em;
  color: #000000;
  font-weight:200;
}


/* Recherche */

#search p
{
 margin: 0px;
 padding: 0px;
}

#search form
{
 margin-right: 1em;
}

#q
{
 width: 100px;
}
#search
{
position:absolute;
right:20px;
top:112px;
 font-weight: bold;
 font-size: x-small;
}

#search input
{
 font-size:x-small;
 background-color: white;
 color: black;
 font-weight: bold;
 border: 1px solid black;
}