body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
height:100%;
/*background:url(image/fd.gif) repeat-x;*/
background-color:#fff;
margin:0;
padding:0;
}



#global {
position:relative;
width:980px;
margin:auto;

}


#head {
width:980px;
height:195px;
color:#FFFFFF;
background:url(image/header.jpg) no-repeat top;
}


#contenu_ctr {
background:url(image/copas_hom.gif) no-repeat 0px 20px;
position:relative;
width:959px;
height:622px;
}

#blabla {
	position:absolute;
	top:360px;
	left:24px;
	height:170px;
	width: 329px;
}

#lien {
	position:absolute;
	top:479px;
	left:793px;
	height:21px;
	width: 126px;
}


#contact_in {
	position:absolute;
	top:511px;
	left:794px;
	height:23px;
	width: 126px;
}

#projet {
	position:absolute;
	top:52px;
	left:530px;

	height:23px;
	width: 421px;
}

#logo {
	position:absolute;
	top:78px;
	left:145px;
	height:88px;
	width: 180px;
}

#metier {
	position:absolute;
	top:158px;
	left:554px;
	height:29px;
	width: 208px;
}

#entreprise {
	position:absolute;
	top:80px;
	left:205px;
	height:29px;
	width: 162px;
}

#client {
	position:absolute;
	top:471px;
	left:445px;
	height:29px;
	width: 203px;
}


#menu_horizon {
	position:absolute;
	top:196px;
	left:31px;
	height:399px;
	width: 170px;
}


h1 {
	color:#454544;
	font-size:22px;
	text-transform:uppercase;
	text-align:right;
	margin:0;
}


h2 {
	color:#a8071e;
	font-size:11px;
	text-transform:uppercase;
	float:left;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background:url(image/flec.png) no-repeat left; 
}

h3 {
color:#515254;
font:14px;
text-transform:uppercase;
margin:0;
}


h4 {
font-size:13px;
text-transform:uppercase;
background:url(image/puce.png) no-repeat 5px 4px;
margin-right:25px;
margin-left:0px;
padding-left:22px;
color:#515254;
}

h5 {
font-size:12px;
background:url(image/puce.png) no-repeat left top;
height:auto;
margin:15px 0px 0px 0px;
padding: 0px 0px 0px 22px;
color:#a8071e;
}

h6 {
font-size:12px;
margin:0;
padding:0;
color:#a8071e;
}

p { margin:5px 0px 15px 0px;
padding:0px 0px 0px 0px;
display:block;
}
.blabla ul{
	color:#515254;
    margin:0;
	padding:0;
	list-style:none;

}

.blabla li{
	color:#515254;
	text-transform:uppercase;
	background:url(image/puce.png) no-repeat right;
	padding-right:20px;
	text-align:right;
	font-size:14px;
	list-style:none;
}

.text_rge {
color:#a8071e;
text-align:right;
font-size:11px;
}

#contenu_ctr_int {
background:url(image/fd_int.jpg) no-repeat 0px 20px;
position:relative;
width:959px;
height:622px;
}


#contenu_int {
position:absolute;
top:196px;
left:203px;
height:auto;
margin : 0px 0px 0px 10px;
*margin-top:-2px;
font-size:11px;
color:#515254;
}


#contenu_int2 {
	position:absolute;
	top:0px;
	left:387px;
	height:398px;
	margin : 0px 0px 0px 10px;
*margin-top:-2px;
	font-size:11px;
	color:#515254;
	width: 307px;
}

#contenu_int3 {
position:absolute;
top:160px;
left:43px;
background:#333333;
height:auto;
margin : 0px 0px 0px 10px;
*margin-top:-2px;
font-size:11px;
color:#515254;
}

#content {
padding-left:15px;
float:left;
width:320px;
}

#content2 {
padding-left:15px;
float:left;
width:800px;
}

.pit_input {
width:40px;
}

.pit_input2 {
width:100px;
}

#mimi_txt {
padding:0px 20px 20px 20px;
color:#515254;
}

.titre_menu {
background:url(image/rd.png) no-repeat left;
padding-left:25px;
color:#515254 ;
text-transform:uppercase;
font-size:14px;
text-decoration:none;

}

.ligne1 {
background:#999999;
color: #fff;
text-transform:uppercase;
font-size:11px;
margin:5px;
text-align:center;

}

ul.menu_i {

list-style:none; 
margin:0; 
padding:0px 5px 0px 11px;
}

li {
list-style:none; 
padding:5px 10px 5px 0px;
margin:0;
}

a {
text-decoration:none;
color:#515254;

}

a:hover {
text-decoration:none;
color:#85b824;
}


ul.menu_ii {

list-style:none; 
margin:0; 
padding:8px 5px 0px 25px;
}
ul li ul li {
padding:3px 5px 3px 0px;
margin:0;
border-bottom : 1px dotted #515254;
}


#caps1 {
	position:absolute;
	top:31px;
	left:10px;
	height:42px;
	width: 42px;
	background:url(image/caps.png) no-repeat left;
}

#caps2 {
	position:absolute;
	top:131px;
	left:10px;
	height:42px;
	width: 42px;
	background:url(image/caps.png) no-repeat left;
}

#caps3 {
	position:absolute;
	top:225px;
	left:10px;
	height:42px;
	width: 42px;
	background:url(image/caps.png) no-repeat left;
}


#men {

border-right:1px solid #cacbcb;
}


#gal_page {
	position:absolute;
	top:40px;
	left:341px;
	width:528px;
	height:100px;



}
/* OLD */





#gauche {
float:left;
width:236px;
color:#FFFFFF;
min-height:653px;
	height: 73px;
	height: 585px;
	height: 719px;
}

#droite {
float:left;
margin:0;
padding:0;
color:#FFFFFF;
width:573px;

}

#accueil {
position:absolute;
top:0;
left:29px;
}


#accueil .button_acc{
background:url(image/accueil.png) no-repeat bottom;
height:74px;
width:197px;
border:0;
}

.button_acc a {
     display: block;
     background:url(image/accueil.png) no-repeat top;
height:74px;
width:197px;
border:0;
}

.button_acc a:hover { /* masquage de lien.jpg au survol */
background:url(image/accueil.png) no-repeat bottom;
height:74px;
width:197px;
border:0;
}

.logo {
padding-left:75px; 
}

.accroche {
padding-right:35px;
padding-top:45px;
}

.logo2 {
padding-right:75px; 
padding-top:75px;
}


#conteneur {
float:left;
width:827px;
height:427px;
margin-left:75px;
background:url(image/back.png) no-repeat;
}

#conteneur_int {
float:left;
width:827px;
margin-left:75px;
*margin-top:-2px;
}



#ht_contenu {
background-color:#162e07;
height:45px;
width:748px;
}

#contenu {
background-color:#162e07;
width:700px;
height:auto;
position:relative;
margin:0; 
min-height:550px;
}

#bas_contenu {

height:58px;
width:748px;
position:relative;
margin:0; padding:0;
}

#cadre {
padding:0px 25px 25px 25px;
margin-left:55px;
width:550px;
}
#ght {
width:711px;
padding-left:20px;
height:201px;
}



#menu_2 a { 
color:#FFFFFF;
text-decoration:none;
}

#slide {
float:left;
width:563px;
height:300px;
margin : 10px 0px 10px 10px;
font-size:11px;
color:#000000;
background:url(image/slide.png) no-repeat;
}


#contenu_int {
float:left;
width:705px;
height:408px;
margin : 0px 0px 0px 10px;
*margin-top:-2px;
font-size:11px;
color:#000000;
}



.button a {
     display: block;
     background:url(image/suite.png) no-repeat top;
height:24px;
width:79px;
border:0;
}
.button a:hover { /* masquage de lien.jpg au survol */
    background:url(image/suite.png) no-repeat bottom;
height:24px;
width:79px;
border:0;
}
 


/* tips */

#tips, #tips li{
	margin:0;
	padding:0;
	list-style:none;
	}
#tips{
	width:160px;
	font-size:11px;
	position:relative;
	}
#tips li{

	display:none; /* hide the items at first only to display one with javascript */
	}
					

/* // tips */

.suite {

color:#c60d1e;
font-size:9px;

}

.suite a{
color:#c60d1e;
font-size:9px;
text-decoration:none;
}

.suite a:hover{
color:#292828;
font-size:9px;
text-decoration:underline;
}


.titer_actu {
	color:#515254; 
	font-style:italic;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:5px;
	height:35px;
}

#actu_index p {
background:url(image/fleche_rge.png) no-repeat left top;
padding-left:15px;
display:block;
margin:0;
}

#corps {
margin-left:247px;
width:711px;
margin:10px 0 0 0;
padding-left:15px;

}

#nav_index {
position:relative;
background:url(image/r_ligne.jpg) repeat-y;
}

#nav1 {
float:left;
}

#nav2 {
float:left;
margin-left:25px;
}

#nav3 {
float:left;
margin-left:25px;
}

#opt_texte {
text-align:right;
color:#757575;
}

#opt_texte a {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#fil_arianne {
font-size:10px;
margin:0px 0px 5px 8px;
color:#757575;
}

#fil_arianne a {
text-decoration:none;
color:#757575;
}

#diapo {
float:left;
width:250px;
}

#texte {
color:#000000;
margin:0 35px 0 10px;
width:auto;
float:left;
}

#footer_index {
color:#7f8082;
font-size:9px;
text-align:center;
clear:both;
width:980px;
height:28px;
font-weight:bold;
}

#footer {
color:#7f8082;
font-size:9px;
text-align:center;
clear:both;
width:980px;
height:28px;
font-weight:bold;
}


#footer .lien_footer {
color:#7f8082;
text-decoration:none;
}

#footer  .lien_footer:hover {
text-decoration:underline;
color:#a8071e;
}


/*Menu déroul*/

.glossymenu{
	width:150px;
	text-align:left;
	margin-left:22px;
	height:auto;
	padding:0;
	margin-top:-2px;
	*margin-bottom:-10px;


}

.glossymenu a.menuitem{
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0 0 0;
padding-left: 10px;
text-decoration: none;
}


.menuitem1 {
background:url(image/menu_prod.gif) no-repeat;

}

a.menuitem1 {
	width:139px;
	color:#102937;
	font-size:10px;
	font-weight:bold;
	height:20px;
	padding-left:30px;
	padding-top:6px;
	padding-bottom:0px;
	margin-top:0px;
	display:block;
	text-decoration:none;
	text-transform:none;
	background:url(image/etoile.png) no-repeat 5px;
		background-color:#e3dcb7;
	border-bottom:#835f3f dashed 1px;
}

a.menuitem1:hover {
	
	color:#90704f;
	font-size:10px;
	font-weight:bold;

	text-decoration:none;
	text-transform:none;
	background:url(image/etoile_bl2.png) no-repeat 5px;
		background-color:#e3dcb7;
	border-bottom:#835f3f dashed 1px;
}


 a.menuitem2{
	display:list-item;
	list-style:none;
	color:#a3a2a2;
	font-size:11px;
	text-decoration:none;
	width:144px;
	text-transform:none;
	
	padding-left:25px;
	padding-bottom:2px;
	padding-top:2px;
	background:url(image/fleche.gif) no-repeat 15px;background-color:#ffffff;
}

 a.menuitem2:hover{
	display:list-item;
	list-style:none;
	color:#589ed4;
	font-size:11px;
	text-decoration:none;
	width:144px;
	padding-bottom:2px;
	padding-top:2px;

}

 a.menuitem3{
	display:list-item;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	width:140px;
	border-bottom:dotted 1px #FFFFFF;
}

a.menuitem3:hover{
background-color:#c5373c;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color:#999999; 
	text-decoration:none;

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
;
right: 5px;
border: none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type:none;
list-style-image:none;
list-style-type:none;
list-style-position:inside;
margin:0;
padding:0;

}

.glossymenu div.submenu ul li{
list-style-type:none;
list-style-image:none;
display: block;
}

.glossymenu div.submenu ul li a{
display: block;
text-decoration: none;
}

.glossymenu div.submenu ul li a:hover{
background: #e3dcb7;
color: white;
}

.glossymenu div.submenu ul li ul {
list-style-type:none;
list-style-image:none;
list-style:none;
display: block;
}

.glossymenu div.exsubmenu ul{ /*UL of each sub menu*/

list-style-position:inside;
margin:0;
}

.glossymenu div.exsubmenu ul li{
list-style-type:none;
list-style-image:none;
list-style-type:none;
display: block;
}

.glossymenu div.exsubmenu ul li a{
display: block;
text-decoration: none;
}

.glossymenu div.exsubmenu ul li a:hover{
background: #DFDCCB;
color: white;
}

.glossymenu div.exsubmenu ul li ul {
list-style-type:none;
list-style-image:none;
list-style-type:none;
display: block;
}

.link_index {
text-decoration:none;
color:#000000;
font-weight:bold;
display:block;
width:220px;
margin:0px 0px 0px 0px;
}

a.info_bulle
{				
color           : #FFFFFF;
text-decoration : none; 
position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  

a.info_bulle:hover 
{
border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* Rend invisible tout notre bloc span */
a.info_bulle span.info_bulle 
{								   
position   :  absolute;
top        :  -2000em;
left       :  -2000em;
width      :  1px;
height     :  1px;
overflow   :  hidden; 
} 

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active span.info_bulle
{
top        :  0;
left       :  0;
height     :  auto;
overflow   :  visible;
} 

span.header
{
display         : block; 
height          : 35px;  /* Hauteur correspondant à celle de notre image */
line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
text-align      : center; 
font-size       : 15px; 
font-weight     : bold;
} 

span.content
{
display     : block; 
padding     : 0 8px;
} 

span.footer
{
display     : block; 
height      : 5px; 
font-size   : 0; /* Corrige l'espacement inutile sous IE */
}


#actu {
width:380px;
height:auto;
display:block;
min-height:190px;

}

#actu2 {
width:380px;
height:auto;
display:block;
min-height:190px;

}

#actu2 h1 {
background:url(image/etoile_bl.png) no-repeat 4px;
padding-left:25px;
color:#102937;
text-transform:none;
border:0;
width:250px;

}

#actu2 h1:hover {
background:url(image/etoile.png) no-repeat 4px;
padding-left:25px;

}

#deci {
width:420px;
height:auto;
display:block;
float:left;
padding-bottom:10px;
}

#deci h5 {
background:url(image/etoile_bl.png) no-repeat 4px 2px;
padding-left:25px;
color:#102937;
text-transform:none;
border:0;
margin:0;
}

#deci h5:hover {
background:url(image/etoile.png) no-repeat 4px 2px;
padding-left:25px;

}

#deci img {
float:right;
padding:5px 5px 5px 5px;
border: 1px solid #ffffff;
}

#deci .text{
padding-left:25px;
display:block;
}

#actu a.lien_actu {
background:url(image/etoile_bl.png) no-repeat 4px;
padding-left:25px;

}

#actu a.lien_actu:hover {
background:url(image/etoile.png) no-repeat 4px;
padding-left:25px;

}

#actu .text {
color:#000000;
padding-left:10px;
display:block;

}

.date_actu {
color:#b61671;
}

.titre_actu {
color:#214875;
} 

.lien_actu {
padding:5px;
display:block;
text-decoration:none;
color:#122a3c;
font-size:11px;
} 

.lien_actu:hover {
text-decoration:underline;
color:#a59176;
} 

.suite_actu {
text-decoration:none;
color:#214875;
text-align:center;
bottom:5px;
right:5px;
width:200px;
}

.suite_actu:hover {
text-decoration:underline;
color:#214875;
}

.lien_footer {
color:#2a2a2a;
text-decoration:none;
}

.lien_footer:hover {
text-decoration:underline;
color:#ffffff;
}

.form_f
{
display:none;
}

.erreur {
border:solid 1px #FF0000;
padding:3px;
text-align:center;
margin-bottom:10px;
}

.ok {
	padding-top:5px;	
	margin:0;
}

.link_blc {
text-decoration:none;
color:#FFFFFF;
}
/* MENU HORIZON 2 */
/* FORMULAIRES  */
#form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .0em 0;
	margin: 0 0 .2em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
}
#form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 2em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color: #000000;

}
#form label:hover {
	cursor: pointer;
}

textarea
{
/* pour supprimer l'ascenceur vertical sous
   IE quand il n'est pas necessaire             */
	overflow:auto;
}
input
{
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	font-size:11px;
	padding:0 2px;
	border:1px solid #d7d7d7;
	color:#7b7b7b;	
	background:#fff;
	margin:0;
	width:100px;
	/*text-align:left;*/
}
textarea
{
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	font-size:11px;
	padding:0 2px;
	border:1px solid #d7d7d7;
	color:#000000;	
	width:300px;
	height:100px;
}
input:focus,
textarea:focus,
select:focus,
input:hover,
textarea:hover,
select:hover
{
	background-color:#bcbcbc;
	color:#000000;
}
.boutonsubmit,
.boutonsubmit:focus
{
	border:0;
	font-size:0.9em;
	height:24px;
	width:79px;
	background:url(image/enovyer.png) no-repeat top ;
	cursor:pointer;
}
.boutonsubmit:hover
{
	border:0;
	font-size:0.9em;
	height:24px;
	background:url(image/enovyer.png) no-repeat bottom ;
	
}

.bout,
.bout:focus
{
	border:0;
	font-size:0.9em;
	height:19px;
	width:66px;
	background:url(image/inscription.png) ;
	cursor:pointer;
}
.bout:hover
{
	border:0;
	font-size:0.9em;
	height:19px;
	background:url(image/inscription_on.png) ;
	
}

	/* remove the list style */
	#nav {
		margin:0; 
		padding-left:15px; 
		padding-top:25px; 
		list-style:none;
		z-index:1000;
	}	
	
	#nav ul{
		z-index:1000;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			
			font-size:11px;
			display:block; 
			width:auto; 
			position:relative;
			z-index:1000; 
			margin:0 1px;
			color:#FFFFFF; 
		}
		
		#nav li:hover {
	

		}
		 .on:hover {
background:url(image/on.png) repeat-x 0px;
height:23px;
}
.contact {
font-size:11px;
}
		
			#nav li ul li {
background-color:#3772bc;

		}
		
		#nav li ul li a:hover {
background-color:#3772bc;

		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 1px 0 1px; 
			font-weight:bold;
			font-size:11px;
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:left; 
			z-index:1000;		
		}


		
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:150px; 
			float:left; 
			border-top:1px solid #fff;
			z-index:1000;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#ffffff;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
			z-index:1000;
		}

#banner {
width:748px;
height:423px;
background:url(image/fd_banner.png) no-repeat top center;
margin:0;
padding-top:18px;
float:left;
}

#slider {
	z-index:50;
    width: 528px; /* important to be same as image width */
    height: 265px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */

	
}
#sliderContent {
    width: 528px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left:0;
	margin: 0;
	padding:0;
	z-index:50;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	z-index:50;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 530px;
    background-color: #2e2e2e;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	top:230px;
	z-index:50;
	
}

.sliderImage img {
z-index:50;
width: 528px;
height:265px;
border:0;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;

}

.tit { 

	text-transform:uppercase;
	
	}
	
	
.bottom {
	bottom: 0;
    left: 0;
}

.contact {
font-size:11px;
}
.LV_valid {
    color:#00CC00;
	background-image:url(image/form_ok.png);
	background-repeat:no-repeat;
	min-width:18px;
	*width:18px;
	min-height:18px;
	*height:18px;
	display:inline-block;
	padding-left:18px;
}
	
.LV_invalid {
	color:#CC0000;
	background-image:url(image/form_error.png);
	background-repeat:no-repeat;
	min-width:18px;
	*width:18px;
	min-height:18px;
	*height:18px;
	display:inline-block;
	padding-left:18px;
}
	
.LV_validation_message{
    font-size:10px;
	font-weight:bold;
    margin:0;
	
	
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

.titre_vert {
font-size:12px;
color:#416818;
}

.titre_beige {
font-size:11px;
color:#c1b39c;
}




#evt {
margin-top:0;
padding-top:0;
width:580px;
*width:580px;
color:#FFFFFF;
}

#evt li {
float:left;
width:245px;
margin:10px;
list-style:none;
}

#evt .titre_evt {
background:url(image/fleche.png) no-repeat left; 
text-decoration:none; 
text-transform:uppercase;
font-size:14px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
padding-left:15px;
}

#evt a.evt {
color:#ffffff;
text-decoration:none;
}

#evt a.evt:hover {
color:#dadada;
text-decoration:underline;
}


#newsletter {
float:left;
margin:0px 0px 10px 10px;
color:#FFFFFF;
width:220px;
height:180px;
}

#newsletter .titre_news{
color:#FFFFFF;
text-decoration:none; 
text-transform:uppercase;
font-size:14px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
line-height:25px;
}

#newsletter .small{
color:#FFFFFF;

font-size:10px;

}

.ok,
.ok:focus
{
	border:0;
	font-size:0.9em;
	height:20px;
	width:19px;
	background:url(image/ok.png) no-repeat top ;
	cursor:pointer;
	padding-top:15px;	
	margin:0;
}
.ok:hover
{
	border:0;
	font-size:0.9em;
	height:20px;
	background:url(image/ok.png) no-repeat bottom ;
	
}


#galerie {
float:left;
width:245px;
margin:3px 0 0 0;
padding:0;
}

.txtmessage{
margin-top:-110px;
margin-left:400px;
}