/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie �positionnementŸ. */

/* Général */


body {
	background-color: #E8EBEF;
  font-family:Arial, 'Helvetica CE', sans-serif;
  font-size:0.8em;
 
  background: url(../images/bg-img.jpg) repeat-x ; 
 margin:0;padding:0;
}

form {margin:0;padding:0;}
h1,h2,h3,a {color:#072753;}
h1 {font-size:1.3em;margin-top:0;padding-top:0}
h2 {font-size:1.1em}
h3 {font-size:1em}
p {font-size:1em, font-weight:normal;}
li {font-size:0.9em}
a img {
  border:none
}


a:hover  {
  color:#ffc000;
  text-decoration:underline;
}


  

/* Global */
#global {
	color: #F0E39E;
/*	background: #181A12; /* Voir -> Note 1 ci-dessous */
	
		margin:0px auto 0px auto;
		width:980px;
}




/* Navigation */
#navigation {
	background: white;
}
#navigation a {
	color: #FF6533;
}
#navigation li a:hover, #navigation li a:focus {
	color:white;
background: url(../images/menu-button-bg-s.gif); 
}




/* Main Content */
#contenu {
	color: #363B29;
  background: white;
}
#contenu a {
	
}
#contenu a:hover, #contenu a:focus {
}




/* --- POSITIONNING--- */

/* Page */
body {
	padding: 0px; /* -> 2 */
	margin: 0px 0px 0px 50px;
	margin-top: 0px;
}

/* HEADER*/
#entete {
 margin: 0px 10px 10px 0px;
	padding: 0 0px 0px 0px;
	color: white;
 height: 210px;
 width: 980px;
}



#entete a {
	color: white;
	text-decoration: none;
}





/*Text in the banner*/
#left
{
  float: left; 
}

#left #company, #left #slogan
{
 font-weight:bold;
}


#left #company
{
  font-size:26px;
  margin-bottom:10px;
}

#left #slogan
{
  font-size:15px;
  text-transform: uppercase; 
}


#center
{
float: left;
padding-left: 50px;

}
#right
{
margin-top:5px;
float: right;
padding-left: 10px;
padding-right: 10px;
}







/* Menu*/
#navigation {
	
	float: left;
	margin: 0px;
 margin-right: 10px;

}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#navigation li a  {
	display: block;
  padding: 0px 0px 0px 20px; 
	text-decoration: none;
	background: url(../images/menu-button-bg.gif); 
  height:30px;
  line-height:30px;
	color: #252368;
	font-weight:bold;

}

#navigation li {
width: 160px; 
border-bottom: 0px solid black; 


}

#pub1,#pub3
{
 
  padding: 10px;
  color: rgb(255,255,255);
 
  width: 160px;
  background-color:#052551;
}


#pub1
{  margin: 8px 0px 0px 0px; 
  height: 100px;
  background: url(../images/e-shop-bg.gif) no-repeat; 
}

#pub3
{ 
  height: 77px;
  background: url(../images/bg-servis.gif) no-repeat; 
}


#pub1 a,#pub3 a
{
color: white;
text-decoration: none;
}

#pub1 a:hover,#pub3 a:hover
{
color: white;
text-decoration: underline;
background: none;
}

#pub1 .header,#pub3 .header
{
  font-size:16px;
  font-weight:bold;
  margin-bottom:8px;
}

#pub1 .text
{
  font-size:11px;
}

#pub2
{


}



#pub2 a
{
color: white;
text-decoration: none;
}

#pub2 a:hover
{
color: white;
text-decoration: underline;
background: none;
}

.box
{
  width: 180px;

  float:left;
  background: url(../images/box-bg.gif) repeat-y; 

}

.box .header
{
  font-weight:bold;
  font-size:1.1em;

}

.box .header a
{
  text-decoration:none;

}

.box .boxbody,.box img
{
  padding:0 12px;
}

.box .boxbody
{
  height:9em;
}

.box .more
{
margin:0.2em; 0;
font-size:0.9em;
}



.box .boxtop
{
  height:8px;
  background: url(../images/box-top-bg.gif) no-repeat; 
}

.box .boxbottom
{
  height:8px;
  background: url(../images/box-bottom-bg.gif) no-repeat; 
}


.montaz
{
  
}

.servis
{
 margin-left:2px;
 margin-right:2px;
}

/* Content */
#contenu {

  padding:15px 10px;
	min-height:500px;
	_height:500px;

}
#containt
{
 width:545px;float:left;
}

#rightbox
{
 width:212px;float:right;
}

.rightbox
{
  margin-bottom:10px;
}

.rightbox input
{
  width:182px;
}

.rightboxtop
{
  height:8px;
  background: url(../images/right-box-top-bg.gif) left bottom no-repeat; 
}

.rightboxbottom
{
  height:8px;
  background: url(../images/right-box-bottom.bg.gif) no-repeat; 
}


.rightboxbody
{
  background: url(../images/right-box-bg.gif) repeat-y; 
  padding: 10px;
  margin:0;
  _padding-top:0;
}

.akce 
{
  background: url(../images/ico-action.gif) no-repeat; 
  background-position:top right;
  font-weight:bold;
}

.hotline 
{
  background: url(../images/ico-hotline.gif) no-repeat; 
  background-position:top right;
}

.hotline .text
{
  padding-right: 60px;
}



.rightbox .header
{  margin-top:0;padding-top:0;
  font-size:1em;
  font-weight:bold;
  color:#072753;
}

#footer
{
  color: rgb(0,0,48);
	text-align: center;
  font-size: 0.9em;
}

.cleaner
{clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}


.error
{
 color: red;
}