body {
	margin-top: 30px ;
	padding: 0 ;
	text-align: center ;
/* without margins, the page will be glued to the edges */
font-family: verdana, arial, sans-serif; /* is defined in the base font page */
font-size: 12px; /* we define the base font size of the page */
background:#444444 ;  /* General background color # CC6633, # ff6633 # cc3300 # dd6600*/
}

/* for Debuger and surround the different elements, uncomment these lines */

/*
table {border: 2px solid black}
td {border: 2px dotted gray}
div {border: 2px solid orange}
img, form {border: 2px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 2px solid yellow}
ul {border: 2px solid green}
li {border: 2px solid lightgreen}
*/

/*-------------------LINK COLOURS------------*/
a:link {color:#ff6a38; /*orange*/
		font-weight: bold;
		text-decoration:none;}  /* unvisited link */
a:visited {color:#ff6a38; /*orange*/
		text-decoration:none;}  /* visited link */
a:hover {color:#000; /*black*/
		text-decoration:none;}  /* mouse over link */
a:active {
	color:#ff6a38; /*orange*/
	text-decoration:none;
	text-align: left;}			/* click on selected link */

div#conteneur
{
	width: 770px;
	margin: auto;
	text-align: left;
	border: 2px solid #000000;/* border around the entire page # 993333*/
	background: #ebebeb;
	padding-right: 0px;/*	background-image: url(backgroundgal.jpg);*/
	

}
.head1 {
	background-image: url('logohead2.jpg');
	background-repeat: no-repeat;
	width: 770px;  /*770 pixels is the max for display on 800x600 pix*/
	height: 130px;


}
.companynametop {
	padding-top:95px;
	width: 770px;
	font-size: 20px;
	text-align: auto;
	font-style: italic;
	padding-left: 440px;
	
	
	color: #ff6a38;
}
.dropdownmenu {
	padding right:0px;
	margain-right:0px;
}
pre
{
	overflow: auto ;
}
/*By the way we define the overflow of the first tag to auto to allow display scrollbars if the text contained in this tag is too large */
* html pre
{
	width: 636px ;
}
/* We have to give a first width due to Internet Explorer, there will therefore apply to Internet Explorer using a "hack" the combination "* html" can not apply what am only Internet Explorer */

/*image sur le cote si on veut*/
div#contenu
{	padding: 0 30px 0 100px ;
/*	background: url('logohead.jpg') no-repeat 15px 15px ;*/
}

/*The style of the main paragraph*/
div#contenu p
{	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;}
.centeredstyle
{	text-align: center;
	text-indent: 2em;
	line-height: 1.7em;}
.pmid
{	text-align:center;}
.pright
{	text-align: right ;
	text-indent: 2em ;
	line-height: 1.7em ;}

/* Formatting the footer part, nothing extra-ordinary*/	
	p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	padding-top:30px;
	line-height: 30px ;
	text-align: right ;
	color: #990000 ;
}

/* --------------------------Drop down menu------------------------------ */

ul#navmenu-h {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	text-align: center;
}

ul#navmenu-h ul {
	width: 110px; /* Sub Menu Width */
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	text-align: center;
	top: 100%;
	left: -40px; /*sets menu further to the left, to line up*/
	
}
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }


/* Root Menu */
ul#navmenu-h a {
 border-top: 1px solid #666;
 border-right: 1px solid #DDD;
 padding: 6px;
 float: left;
 display: block;
 background: #aeaeae;
 color: #000;
 font: bold 12px Arial, sans-serif;
 text-decoration: none;
 height: 16px;
 width: 110px;
 text-align: center;

}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 background: #4f4f4f;
 color: #FFF;
 text-align: center; /*when clicking: keeps the text in centre*/
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background: #4f4f4f;
 border-top: 1px solid #FFF;
 border-right: 1px solid #FFF;
 width: 110px;
 text-align: left; /*aligns text to left in dropdown*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 background: #ff6a38; /*Orange*/
 border-top: 1px solid #FFF;
 border-right: 1px solid #FFF;
 
}

/*
3rd Menu 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: #ff3f00; /*dark orange 
}
*/

/*
3rd Menu Hover Persistence 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #666;
}
*/

/* 
4th Menu 
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
 background: #666;
}
*/
/* 4th Menu Hover
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}
 */
/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

/* --------------------------------------------------------------- */

/*extended navigation border*/
/*----------------------------------------------------------------*/
ul#navborder{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	text-align: center;
	left:0px;
	top:0px;
	border-top: 1px solid #666;
	
	padding: 6px;
	float: left;
	display: block;
	background: #aeaeae;
	color: #000;
	font: bold 12px Arial, sans-serif;
	text-decoration: none;
	height: 16px;
	width: 266px;
	text-align: center;
}


hr.f1 { /* Premier filet bleu clair */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #006666; /* ... que l'on remplace par un fond bleu uni 66A8E7  */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 70%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  align: center;             /* ... et centré, par exemple */
}
h2	{
padding-top:3ex;
font-size: 120%;
text-align: left;
font-weight: bolder;}

h3	{
padding-top:2ex;
font-size: 100%;
text-align: left;
font-weight: normal;
font-style:italic;
  }
  
h4	{
padding-top:0px;
font-size: 20px;
text-align: left;
font-weight: bolder;
color: #ff6a38;
margin-bottom:-30px;
margin-left: -1px; 

}

.cap {
	float: left;
	font-size: 50px;
	line-height: 60px;
	font-weight: normal;
	color:#444444;
	font-family: georgia, times;
	margin-bottom: -20px;
	margin-top: 10px;
	margin-left: -30px;
}
div.figure {
position:relative
/*padding: 20px;*/ 
margin: 0.67em; /* needed to support centering of almost-full-width figures */
/*border: thin solid silver;*/
text-align: center;}
.full { width: 95%; padding: 10px; margin: 0.67em; }