/* --- 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.jpg) repeat; 
 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
}


table {
border-collapse: collapse;margin:0px;
margin-bottom:10px;
} 


td,th {
padding:1px;
border:1px solid black;
} 


a:hover  {
  color:#FF0000;
  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.png); 
}




/* Main Content */
#contenu {
	color: #363B29;
  background: #FFF;
   width: 970px;

}
#contenu a {
	
}
#contenu a:hover, #contenu a:focus {
}




/* --- POSITIONNING--- */

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

/* HEADER*/
#entete {
margin-top:25px;
	color: white;
 height: 220px;
 width: 990px;
}



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





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

#slogan
{
 font-weight:bold;
 font-size:20px;
  margin-bottom:30px;
  text-align: center;
  text-transform: uppercase; 
  line-height: 35px;
}


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



#center
{
float: left;
padding-left: 45px;
width: 290px;

}
#right
{
float: right;
padding-left: 15px;
padding-right: 15px;
width: 352px;
}

#righttitle
{
padding-left: 120px;
margin-bottom: 20px;
 font-weight:bold;
 font-size:15px;
}





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

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

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

}

#navigation li {
text-align: left;
width: 142px; 
border-bottom: 0px solid black; 


}

/* Menu*/

#topmenu
{
	height:25px;

	width:960px;
	
}

#topmenu ul
{height:25px;

	/*padding-top:10px;*/
	list-style-type:none;
	width:960px;


}
#topmenu ul li
{height:21px;
line-height:21px;
	display:inline;
	padding-left:20px;
	padding-right:20px;
		color: #FF0000;

border-right: 1px solid;
		
}

#topmenu ul ul li
{
	display:block;
  border:none;
  background-color:#0F224C;	
  width:38em;
  font-size:1em;
}

 #topmenu ul li.last{
border-right: none;
	padding-right:0px;
}

 #topmenu ul li.first{
padding-left:0px;
margin-left: 0;

}

#topmenu ul li a
{	
	color: #FF0000;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
}
#topmenu ul li a:hover
{
	color: #FFDB00;	
}




.boxzdarma
{
  width: 500px;
  height: 70px;
  float:left;
  color:#086A39;  
  font-weight:bold;
  vertical-align: middle;
  background: url(../images/800.png); 
  background-repeat: no-repeat;
	background-position: left center;	
	padding:0px 80px;

}








/* Content */
#contenu {

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

}
#content
{
 width:450px;
 float:left;
   color:#072753;
   text-align: center;
   	min-height:235px;
	_height:235px;
}

/* Content - next pages */
#content2
{
 width:460px;
 float:left;
   color:#072753;
   text-align: left;

}
#content3
{
 width:760px;
 float:left;
   color:#072753;
   text-align: left;

}


#rightbox
{
 width:300px;
 margin-top:5px;
float: right;
padding-left: 20px;
padding-right: 10px;
 text-align: center;
 
}

.rightbox
{
  margin-bottom:10px;
   text-align: center;
}



#footer
{
padding-top: 15px;
  color: #FF0000;
	text-align: center;
  font-size: 1em;
  font-weight:bold;
  
}

#footer a
{
color: #FF0000;
  
}

#footer a:hover
{
	color: #FFDB00;	
}


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


.error
{
 color: red;
}
.popis
{
	font-style: oblique;
	float: right;
}
.zdarma
{
  float: left;
  font-size:20px;
  padding-right: 50px;
}

.black
{
	float: left;
	color: #000;  
  font-size:15px;
	
}


.lightbluebox {
	background-color: #B2CDF6;
	vertical-align: middle;
}
.darkbluebox {
	background-color: #2959A5;
	vertical-align: middle;
	color: #FFFFFF; 
	 font-weight:bold;
}