/* CSS Document */

* {	margin:0;	padding:0;}
html, body {	border:0;	margin:0;	padding:0;}
#container{margin-top: 20px;width: 779px;margin-left:auto;margin-right:auto;}

/* Menus */
UL.menu_top {margin-bottom:10px;margin-top:10px; padding:0;list-style-type: none;text-align:center;}
	.menu_top LI {display: inline; padding:0 0px 0 0px;}
	.menu_top a:link, .menu_top a:active, .menu_top a:visited {font-weight: normal;color:#B0B0B0;text-decoration:none; border:none; background:none;}
	.menu_top a:hover {font-weight: normal;color:#cc0000;}
	.menu_top a.selected {color:#999;}
	.menu_top a.focus {background-color: #000000; color: #fff;}

body {font-size: 11px; 
      font-family: Arial, Helvetica, Sans-Serif; 
      color: #ddd; 
      background:#5f5e5e url('../img/background2.gif') repeat-x fixed left top;  
      }

a:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
p a {font-weight: bold;letter-spacing: 1px;}
p a:hover{font-weight: bold;letter-spacing:1px;}
#footer {position: absolute; top:535px;width:700px;margin-left:40px;margin-right:40px;padding:0px; text-align:center; color:#ddd;} 

#contents p {line-height:200%;margin-bottom:10px;}
#contents a {color:#fff;text-decoration:none;}
#contents a:hover {color:#cc0000;text-decoration:none;}
#contents ul, #content ol {list-style-image:url(../img/bullet.jpg);list-style-position:outside;list-style-type:square;margin:10px 10px 0px 10px;padding:0px 10px 10px 10px;}
#contents li {line-height:150%;}
#contents input, #content textarea {
-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;
background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0; color:#000;
_background-color:#000;border:1px solid #999999;color:#000;font-size:14px;margin-bottom:3px;padding:2px 4px;}

/* Contents 
#contents li img {width:25px;position:relative;top:7px;}
#contents legend {display:none;}
#contents #contenu_id .izq {width:530px;}
#contents #contenu_id .der {width:530px;}
#contents label {display:block;float:left;font-style:italic;padding-top:4px;width:150px;}
#contents textarea {height:50px;}
#contents button {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#319DBE none repeat scroll 0 0;border:0 none;color:#FFFFFF;cursor:pointer;float:right;font-size:14px;font-weight:bold;margin:10px;padding:4px 10px;}
*/
#contenu_services li a{color:#fff;}
#contenu_services li a:hover{color:#cc0000;}
/* Gestion contenus */
#contenu_accueil {top:300px;display:none;}
#voeux2010{top:220px;display:block;}
#contenu_realisations, 
#login_form,
#contenu_contact, #contenu_plus, #contenu_presse, #contenu_design  {display:none;top:260px;}

#contenu_services, #slider{top:220px; display:none; width: 530px;}

#contenu_realisations, #contenu_presse {width:560px;margin-left:50px;position:absolute;text-align:justify;font-size:12px;}

#voeux2010,
#contenu_accueil, 
#contenu_plus,  
#contenu_services, 
#login_form, 
#contenu_contact,
#contenu_design
  {width: 530px;
  margin-left:50px;position:absolute;text-align:justify;font-size:12px;}

#contenu_design
  {width: 530px;
  text-align:center;font-size:12px;}

/* Login  */
#login_form {position: absolute; margin-left: 50px;text-align:left;}
.submit-btn {float:right;}
.input-bg {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding; none repeat scroll 0 0;}
.messagebox{	position:absolute;	width:150px;	margin-top:20px;}
.messageboxok{	position:absolute;	width:auto;	margin-top:20px;color:#fff;}
.messageboxerror{	position:absolute;	width:auto;	margin-top:20px;color:#CC0000;}



.gauche{width: 170px;float:left;margin-right:20px;}
.milieu{width: 170px;float:left;}
.droite{width: 170px;float:right;margin-left:20px;}
.bigger{font-size: 16px; font-weight: bold;letter-spacing:1px;}


	/*html {overflow: hidden;}*/
	#imageFlow {position: absolute;top:205px;width: 780px;height: 340px;overflow: hidden;visibility:hidden;}
	#imageFlow .diapo {position: absolute;left: -4000px;cursor: pointer;		-ms-interpolation-mode: nearest-neighbor;}
	#imageFlow .link {border: solid #999 1px;margin-left: -1px;margin-bottom: -1px;}
	#imageFlow .text {position: absolute;left: 0px;width: 100%;bottom: 16%;text-align: center;color: #FFF;font-family: verdana, arial, Helvetica, sans-serif;z-index: 1000;}
	#imageFlow .title {color: #fff;font-size: 10px;font-weight: bold;}
	#imageFlow .legend {color: #fff;font-size: 9px;}
	#imageFlow .scrollbar {position: absolute;left: 10%;bottom: 10%;width: 80%;height: 16px;z-index: 1000;}
	#imageFlow .track {position: absolute;left: 1%;width: 98%;height: 16px;filter: alpha(opacity=30);opacity: 0.3;}
	#imageFlow .arrow-left {position: absolute;left:0px;}
	#imageFlow .arrow-right {position: absolute;right: 0px;}
	#imageFlow .bar {position: absolute;height: 16px;left: 25px;}