/* 
	project:  abstract studio template
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.64em; background: #fff; color: #444; }
a { color: #ff0055;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
.blue { color: #299DCA; }
.rose { color: #ff0055; }
.white { color: #fff; }
.barre { text-decoration:line-through;} 
p { margin: 0 0 15px 0;}
h1 { font: normal 2.4em Georgia, Arial, Sans-Serif; margin: 15px 0 0 5px; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 3px #ff0055 double; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content { width: 920px; margin: 0 auto; }
#logo { float: left; border-bottom: 5px solid #ff0055; height: 58px; width: 260px; }
#menu { float: right; width: 654px; padding: 10px 0; margin: 19px 0 5px; border-bottom: 5px solid #e0e0e0; }
#menu li { font-size: 1em; display: inline;  }
#menu li a { padding: 17px 15px 0 10px; margin: 0 10px 0 0; background: #fff url(../images/menuarrow.jpg) no-repeat 10px 5px; color: #808080; border-left: 2px solid #e0e0e0; }
#menu li a:hover { color: #000; border-left: 2px solid #ff0055 ; background: url(../images/menuarrow-ho.jpg) no-repeat 10px 5px;}
#intro { clear: both; background: #ccc url(../images/teaser.jpg) no-repeat; color: #333; height: 150px; padding: 35px 0 0 20px; }
	#intro h1 { margin: 0;  display: inline;  color: #FF0055  ; padding: 2px 5px; }
	#intro p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	#login { font-size: .9em; margin: 45px 0 0; }
	#login a { color: #616161; background: #CCCCCC  ; padding: 4px 20px 6px; border-bottom: 1px solid #616161; }
	#login a:hover { color: #fff; background: #ff0055 url(images/loginhover.gif) no-repeat; }
#left { clear: left; float: left; width: 550px; padding: 0 34px 0 5px; margin: 15px 0 15px; }
	#left img { border: 1px solid #ccc; padding: 1px; float: right; margin: 10px 0 10px 10px;}
	#left li  { margin: 0 0 5px 20px; }
	#articles { margin: 20px 0 0 0; }
	#left p { text-indent: 20px;}
	#articles li  { border-top: 1px solid #cecece; list-style: none; float: left; width: 245px; background: #eee url(../images/newslist.jpg) repeat-x bottom; padding: 4px 8px; margin: 0 15px 0 0;}
		#articles li a { color:#ff0055; background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px; }
		#articles li.last { margin: 0; }
		#stopfloat {clear:both; margin-bottom:5px;}
#breadcrumb {margin-left:5px; }
	#breadcrumb a{margin-right:5px;}
	#breadcrumb img{margin-right:5px;}
	#breadcrumb hr{width:550px; color:#ccc; background-color: #ccc; height:1px; border:thin; }
#right { position: relative; top: -100px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: .9em; background: #fff; }
	#right img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
	/*#left a { background: #EFFCFF; }*/
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
	#right ul { margin: 0 0 0 15px; }
	#right p:first-letter { color:#ff0055; }
#footer { clear: both; border-top: 1px solid #ccc; padding: 10px; margin: 0 0 5px; font-size: .9em; color: #9b9b9b; background: #fff; }
	#footer p {margin: 0 0 0 0; text-align:center;}
	#footer a { color: #808080; background: #fff; font-weight: bold; }
	#footer a:hover { color: #ff0055;  }
	.right{ float: right; padding: 7px 0 0 15px; }
#plan {margin-left:15px; }	
	#plan ul {line-height:1.5em; list-style:none; margin-bottom:15px;}
	#plan li a {color:#808080; background: url(../images/menuarrow-ho.jpg) no-repeat 0 5px; padding: 0 0 0 8px; }	
	#plan ul ul {margin-left:20px; line-height:1.2em;}	
	#plan a:hover {color:#ff0055;}

/*css formulaire caché - visible*/
.clicTitre  {  border-color: #000000;   border-top: 0;  border-left: 0;  border-right: 0;  border-bottom: 1px solid;    padding-left:5px; padding-right:5px; margin-bottom:5px; }
.clicCacher  {  top: -15px;  position: relative;  text-align:right;  }
.contenant  {  display : block;  border: 0px solid #000000; border-top:none; padding:5px; padding-bottom:10px;}
.conteneur {margin-bottom:5px; margin-top:5px;}
/*fin css formulaire caché / display*/
/*debut css formulaire*/
input, textarea {   font-family: Tahoma, Georgia, serif; border:1px solid #e0e0e0; font-size:12px; }
input:focus, textarea:focus {    background-color: #FFFFee;border-style:inset;}
label{   color: #000;  }
legend {   font-family: Tahoma,  Georgia, "Times New Roman", Times, serif;   color: #FF0055;  font-weight: bold; padding-left:5px; padding-right:5px; margin-left:10px; margin-bottom:5px; } 
fieldset{   margin-bottom: 15px; /* Une marge pour séparer les fieldset */  background-color: #f4f4f4; padding-bottom:10px; border:1px solid #e0e0e0;}
div.row {  clear: both;  padding-top: 5px;  }
div.row span.label {  float: left;  width: 100px;  text-align: right;  }
div.row span.formw {  float: right;  width: 400px;  text-align: left;  }
div.spacer {  clear: both;  }
/*fin css formulaire*/

.refclient {margin-bottom:30px;}