/* 
Titre :     Feuille de style CSS Expertiss
Auteur :    Frédéric BARTHELEMY / info@expertiss.com 
Date :      Juin 2009
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font: 68.75%/1.7em Georgia, "Times New Roman", serif; 
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	background: url(../images/icons/quote-ul.gif) top left no-repeat;	
	quotes: "" "";
	margin: 0;	
}
blockquote p {
	background: url(../images/icons/quote-br.gif) bottom right no-repeat;
	text-indent:20px; 
	}
strong {
	font-size:130%;	
	font-weight:normal;	
	}
small {
	font-size:70%;
	padding-left:5px;
	}
.info {
display:block;
 font-style:italic; font-size:12px;
 }
img {
	border:none;
	}
acronym {
	cursor:help;
	border-bottom:1px dotted #ccc; 
	}
div.clear {
	clear:both;
	}
.image {
margin: 0 auto;
text-align:center;
	}
.image img {
	margin:5px; 
	padding : 5px;
	border:1px solid #ccc; 
	}
	.image2 {
	float:left;
	text-align:center;
	}
.image2 img {
	margin:5px; 
	padding : 5px;
	border:1px solid #ccc; 
	}
/* Liens ------------------------------------------*/

a {
	color:#0060A9;	
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	}
a:hover {
	color:#ff9900;
	text-decoration:none;
	border-bottom:1px solid #0060A9;
	}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h7 a {
	border:0;
	text-decoration:none;
	}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h7 a:hover {
	border:0;
	text-decoration:none;
	}
.offsite {
	padding-right:9px;
	background:url(../images/aoutside.gif) no-repeat right;
}
.offsite:hover {
	text-decoration:underline;
}
.graphic1aa {
	line-height:16px;
	color:#888;
}
.graphic1aa a {
	color:#888;
}
.graphic1aa a:hover {
	color:#666;
}

/* Listes et HR ------------------------------------------*/

ul, ol {
	padding-left:16px;
	margin-left:16px;
	padding-right:16px;
}
ul li {	
	font-size:13px;
	line-height:26px;
	text-align:justify;
	padding-bottom:12px;
	list-style:none;		
}
ol li {
	list-style-type: decimal;
	}
.line {	
	clear:both;
	display:block;
	width: 723px;
	height:17px;
	text-align : center;
	background:url(../images/linea-horizontal.gif) no-repeat;
	}

/* Titres ------------------------------------------*/

h1 {	
	margin:5px 0 12px 0;
	padding:0 0 5px 0;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	letter-spacing:0;
	font-weight:normal;
	border-bottom:1px dotted #383D44;	
	color:#383D44;
	}
h1 a {
	color:#232323;
	}
h1 a:hover {
	text-decoration:none;
	color:#232323;
	border-bottom:3px solid #232323;
	}
h2 {	
	font-size:18px;	
	color:#383D44;
	padding:0 0 2px 20px;
	font-style:normal;
	font-weight:normal;
	background:url(../images/icons/checkmark.gif) no-repeat 0px 3px;	
}
h2 a {
text-decoration:none; 
}
h2 a:hover{
color:#DA0202;
text-decoration:none;
}
h3 {
	margin: 3px 0 4px 5px;
	padding: 0 0 0 0;	
	font-size: 18px;	
	color:#3399DD;
	 letter-spacing:1px;	
	font-weight:normal;			
	}
h3  a {
	text-decoration:none;
	}
h3 a:hover{
text-decoration:none;
color:#DA0202;
	}
h4 {
	text-align:left; 
	margin:0;
	padding:0;
	margin-bottom:2px;		
	font-size:14px;	
	font-weight:normal;
	color:#0060A9; 
	}
h4 a {
	color:#0060A9;
	}
h5 {
	margin: 3px 0 0 5px;
	padding: 0 0 0 10px;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 14px;	
	color:#415C82;	
	background:url(../images/icons/title_arrow.gif) no-repeat 0px center;	
	}
h6 {
	margin: 5px 0 5px 0;
	padding: 0 0 3px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 11px;	
	letter-spacing: 2px;
	text-transform: uppercase;
	color:#fff;
	border-bottom: 1px dotted #313D45;
	}

/* Main Style --------------------------- */

html,body {
	background:url(../images/bg-body.gif) repeat-x;
	font: 12px Georgia, Arial, sans-serif;
	color: #333;
	margin:0 auto;
	text-align:center;
	padding:0;
	background-color:#EEEEEE;
}
#nav-top {
	margin:0 auto;
	padding:3px 0 3px 0;
	clear:both;
	width:980px;
	position:right;
	text-align: right;
	height:73px;
	border-top:5px solid #DA0202;
	background-color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#FFFFFF;
	}
#nav-top ul{
	margin:0;
	padding:0;
	}
#nav-top ul li{
	padding:0 4px 0 0;
	display:block;
	text-align:right;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#FFFFFF;
	}
#logo {	
	float:left;
	width: 270px;
	margin: 0 auto;	
	padding: 0;
	text-align: left;
	}
#logo span, #logo a {
	display: block;
	width: 200px;
	height: 57px;
	padding: 0;
	border-style: none;	
	}
#logo img  {
	display: block;	
	}
#diaporama{
	z-index:1;
	width:970px;
	border:5px solid #fff;
	height:200px;
	padding:0;
	margin:0 auto;
	position:relative;
	}
.sitemap {
	background:url(../images/icons/bg-mapaweb.gif) no-repeat;	
	padding:2px 0 0 21px;
	}
#header {
	width:980px;
	margin:0 auto;
	height:33px;
	background:url(../images/bg-header.gif) repeat-x;	
	}
#buttons {
	height:33px;
	width:567px;
	float:left;
}
#tree {
	width:208px;
	float:left;
	height:33px;
}
#top {
	height:143px;
	margin:0 auto;	
}
#graphic {
	height:70px;
	margin:0 auto;	
	width:700px;
	text-align:left;		
}
.graphic1 {
	width:310px;
	margin:0 0 0 60px;
	float:left;
	padding:0 0 0 0;
	font-size:16px;	
	font-style:normal;
	color:#383D44;
	text-align:left;
	background:url(../images/slogan.gif) no-repeat 0px 13px;		
	}
.graphic2 {
	width:330px;
	height:75px;
	float:right;		
	font-size:20px;
	font-family: Georgia, Arial, sans-serif;
	font-style:italic;
	color:#DA0202;
	text-align:right;
}
.subgraphic2 {
margin:0 0 0 0;
padding:0 0 0 0;
}
.imggraphic2 {
height:50px;
}
#container {
	width:980px;
	margin:0 auto;
	text-align:left;
}
#content {
	width:980px;
	margin:0 auto;
	text-align:left;	
	background-color:#eee;
	border-top:5px solid #383D44;
}
#left {
	background: url(../images/content.jpg) repeat-x;
	width:744px; 
	min-height:665px;	
	padding: 5px;
	float:left;
	overflow:hidden;
	background-color:#fff;
	border-right:2px solid #ccc;
	border-left:1px solid #ccc;
}
#left p{
	text-align:justify;
	line-height:1.5em; 
	font-size : 13px;
	margin:5px 10px 9px 10px;
	}
#left p:first-letter{
	font-size:20px;
	}
#left p ul{
	margin: 0 0 0 10px;
	}
#left ul li{
	padding:0 0 5px 20px;
	list-style:none;
	background: url(../images/icons/checkmark-mini.gif) no-repeat 0px 3px;
	line-height:1.5em; 
	}
#right {
	background: url(../images/bg-navig.gif) repeat-x;
	padding:5px;
	width:213px;
	float:right;
	background-color:#EEEEEE;	
	height:auto;
	font-size:12px;
}
#right a {
border:0;
}
.pad { 
	height:20px;
}
#right-a {
	width:295px;
	float:left;
}
#right-b {
	width:145px;
	float:right;
	padding-left:0px;
	padding-right:0px;
}
.post {
	margin:10px 0 10px 0;	
}
.post-info {
	text-align:right;
	margin-bottom:18px;
	font-size:10px;
	color:#cccccc;
	float:right;
	padding-top:6px;
	text-align:center;
}
.post-header-title {
	padding-bottom:10px;
}
.post-header-date {
	padding-bottom:3px;
	font-size:11px;
	font-family:Georgia, sans-serif;
	border-bottom:1px dotted #b8b8b8;
	margin-bottom:22px;
	color:#808080;
}
.post-header-date-left {
	width:260px;
	float:left;
}
.post-header-date-right {
	width:260px;
	float:right;
	text-align:right;
}
.post-footer {
	border-top:1px solid #dadada;
	padding-top:6px;
	text-align:right;
	font-size:11px;
	color:#3d5c70;
}
.comment-number {
	width:130px;
	float:left;
	padding-right:20px;
	font-size:12px;
	font-family: Georgia, Arial, sans-serif;
	line-height:16px;
	color:#683957;
}
.comment {
	width:370px;
	float:left;
	font-size:12px;
	font-family: Georgia, Arial, sans-serif;
	line-height:21px;
	overflow:hidden;
}
#comment-form {
	background:url(../images/body.jpg) repeat-x;
	padding:15px 10px 15px 10px;
	display:table;
	width:498px;
	border:1px solid #656565;
}
.right-header {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#103957;
}
.right-inside {
	padding: 8px 10px 8px 10px;
	margin-bottom:10px;
}
#right-b .right-inside {
	margin-bottom:0px;
}
.right-content {
	font-family: Georgia, Arial, sans-serif;
	font-size:13px;	
	color:#42434b;			
}
.right-content-full {
	background-color:#fff;
	width:419px;
	border-bottom:1px solid #dadada;
	padding:10px;
}
.right-content-left {
	width:122px;
	float:left;
	border-bottom:1px solid #dadada;
	padding:4px;
}
.right-content-right {
	width:122px;
	float:right;
	border-bottom:1px solid #dadada;
	padding:4px;
}
.right-content-left-int {
	width:172px;
	float:left;
	border-bottom:1px solid #dadada;
	padding:4px;
}

/* Paragraphes ------------------------------------------*/

.infos {
	background:#EEEEEE url(../images/icons/information.png) no-repeat 5px 15px;
	padding:15px 15px 15px 23px;
	margin:15px;
	font-size:13px;
	color:#666;
	border:1px solid #ccc;
	text-align:justify;
	}
.validation {
	background: url(../images/icons/tick.png) no-repeat 0px center;
	padding:0 0 0 25px;
	margin : 20px; 
	font-size:14px;
	font-weight:bold;
	}
.header-title {
	color:#383D44;
	margin:0 0 0 43px;
	font-size:18px;	
	}
.header-tel {
	color:#fff; 
	margin:3px 0 0 50px;
	font-size:21px;	
	}
.header-mail {
	color:#383D44;	
	margin:1px 0 0 46px;
	padding:0;		  	
	}
.header-mail a{
	text-decoration:none;
	color:#383D44;
	font-size:13px; 
	}
.date{
	margin: 0 0 0 0;
	padding:0 0 0 15px;
	font-size:11px;
	color:#62666B;
	font-family:Georgia,Arial,sans-serif;
	font-style:normal;
	background:url(../images/icons/calend-actu.gif) no-repeat 0px 3px;
	}
.hour{
	padding:0 0 0 12px;
	font-size:11px;
	color:#62666B;
	font-family:Georgia,Arial,sans-serif;
	font-style:normal;
	background:url(../images/icons/icon-bullet.gif) no-repeat 0px 5px;
	}
.post p, .post li, .post blockquote {
	font-family:Georgia,Arial,sans-serif;
	font-size:13px;
	line-height:26px;
	text-align:justify;
	padding-bottom:12px;
}
p.subtitle {
	line-height:18px;
	padding-bottom:18px;
	text-transform:uppercase;
	font-size:15px;
	color:#616161;
}
.firstletter {
	font-size:20px;
}
#alacarte span  {
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
}
span.graphic1a {
	color:#F46624;
	font-size:14px;
	font-family: Georgia, Arial, sans-serif;
	font-style:italic;
	line-height:22px;
}
span.graphic1b {
	color:#444;
	font-size:14px;
	font-family: Georgia, Arial, sans-serif;
	font-style:italic;
	line-height:22px;
}
.comments-open label {
display: block;
 }

.comment p {
	padding-bottom:12px;
}
.comment-small {
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#888;
}

/* Navigation ------------------------------------------------------*/

#menu {
	z-index:10;
	clear:both;
	width:980px;	
	height:30px;	
	margin: 0 auto;	
	padding: 0;
	font-size: 12px;			
	}
#nav {		
	z-index:10;
	clear:both;
	background-color:#383D44;
	width: 980px;	
	margin: 0 auto;
	padding: 0;		
	}
#nav a{
	border:0;
	}
#nav ul {
	z-index:10;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #464a52;	
	background-color: #383d44;	
	}
#nav li {	
	display:block;
	z-index:10;
	height : 30px;/*FF*/
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;	
	font-size: 90%;
	letter-spacing: 2px;
	text-transform:capitalize;
	border-right: 1px solid #464a52;	
	}
#nav li a {	
	display:block;	
	z-index:10;
	float: left;
	margin:0 0 0 0;	
	padding: 3px 8px 0px 8px;
	text-decoration: none;
	color: #e7e3d9;
	border: none;	
	}
#nav li a:hover {
	color: #fff;
	background: #4C5767;
	}
#nav li a.active {
	font-weight: bold;
	color: #fff;	
	}
#nav li ul{
   clear: left;      
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 158px;
   padding:0 0 0 0;
   margin: 29px 0px 0px -1px;/* FF only */
   _margin-top: 0; /* IE6 only */
   border: 1px solid #fff;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
	}
#nav li ul li{
	display:block;
	}
#nav li ul li a{
	border-top: 1px solid #464a52;
	border-bottom: 1px solid #818D9D;
	display:block;
	margin:0;
	text-align:left;
	}
*+html #nav li ul{
   margin-top: 0;
	}
#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: 10px;
   text-transform: none;
}
#nav li ul ul{
   margin: -31px 0 0 161px;
}
#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
	}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
	}
#nav li li li{
   font-size: 1em;
	}
#nav li:hover li a,
#nav li.sfhover li a{  
   float: none;
   width: 310px;
   height: auto;
   padding: 1px 8px 1px 8px;      
   background: #4C5767;
   color: #fff;
}
#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   background: #383d44;
}

/* Newsletter ------------------------------------------*/

#nav li#label {	
	text-transform:capitalize;
	font-size:10px;
	margin:2px 4px 0 80px;
	border:0; color:#fff;	
	}
#nav li#search {
	border:0; 
	}
#search input {
	margin: 3px 0 0 0;
	background:#fff;
	border:1px solid #dadada;
	padding:2px;
	font-size:12px;
	color:#383d44;			
	}
#search input:focus {
	background:#F6FAFF;
	border:1px solid #DA0202;
	}
#search input:hover {
	background:#F6FAFF;
	border:1px solid #DA0202;
	}
#search form { 
	margin:0;
	}
.textinput {
width:120px;
}
/* Menu secondaire ------------------------------------------*/

#menu-secondaire {	
display:block;	
}
#right ul {
	margin:0;
	padding:0;
	padding-left:0px;
	border-left:1px solid #ccc;
	border-right:2px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
}
#right li{
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px dotted #ccc;	
	list-style-type:none;
	background:#fff url(../images/icons/checkmark-mini.gif) no-repeat 4px center;	
	text-align:left;		
}
#right li a{
	color:#383D44;
	display:block;	
	margin:0 0 0 0;		
	padding:0px 0 0px 24px;	
	}
#right li a:hover{	
	color:#fff;	
	background:#383D44 url(../images/icons/checkmark-mini.gif) no-repeat 4px center;		
	}
#right li hover{
	color:#fff;
	}
.right-content ul li a{
font-size:15px;
	}
.right-content ul li a:hover {
text-decoration:none;
	}

/* Actualités ------------------------------------------*/

#actualite {
	display:block;
	clear:both;
	min-height:85px;	
	margin:0 0 4px 0;	
	padding:4px;		
	border:1px solid #ccc;
	background-color:#fff;	
	font-size:12px;	
	}
#actualite a{ 
	color:#333333;
	text-decoration:none;
	}
#actualite:hover {	
	border:1px solid #DA0202;
	text-decoration:none;
	}
#actualite a:hover {
	text-decoration:none;
	}
#actualite p{ 
	text-align:left;
	line-height:1.1em;
	}
.date-actu {
	color:#7C8187;
	background:url(../images/icons/calend-actu.gif) no-repeat 0px 2px;
	padding:0 0 0 15px;
	margin:0 0 2px 0;
	font-size:11px;
	}
.picture-actu {
	display:block;
	float:left;	
	margin:0 5px 0 0;
	padding:1px;
	border:1px solid #DFDFDF;	
	}
.red {
	color:#DA0202;
	}

/* Footer ------------------------------------------*/

#footer-outer a{
border:0;
}

#footer-outer{
   clear: both;
   padding: 15px 0 20px;
   border-top: 5px solid #ccc;
   background: #383D44;
   font-size : 12px;
   height:auto;
}
#footer{
   clear:both;
   width: 918px;
   height: 27px;
   margin: 0 auto;
   padding: 4px 18px 0 44px;
   background-color: #4C5767;
}
#footer p{
   float: left;
   color: #94A5AF;  
   padding: 5px 0 0 0;
}
#footer p.back{
   float: right;
   font-size: 11px;   
   padding : 5px 0 0 0;
}
#footer p.back a{
   display: block;
   padding: 0px 20px 2px 0;
   background: url(../images/icons/top.gif) no-repeat right center;
   color: #CDD9E1;
   text-decoration: none;
}
#footer #footer-nav{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 0 0 0 21px;
   padding:0;
}
#footer #footer-nav li{
   float: left;
   padding: 0 9px 0 11px;
   margin:0;
   background: url(../images/icons/bg_footer-nav_li.gif) no-repeat left center; 
   list-style: none;
}
#footer #footer-nav li #footer-nav_home{
   background: none;
}
#footer #footer-nav a{
   color: #94A5AF;
   text-decoration: none;
}
#footer #footer-nav a:hover,
#footer #footer-nav .current a{
   color: #F9FAF8;
   text-decoration: underline;
}
#footer #footer-nav li li{
   display: none;
}
#subfooter {
   color:#fff;
   clear:both;
   width: 960px;
   height: 135px;
   margin: 0 auto;
   padding: 10px;
   background-color: #4C5767;
}
#subfooter1 {	
   width: 458px;  
   text-align:left; 
   padding: 0 10px 0 0;
   float:left;  
   border-right:1px dotted #313D45;
   margin:0 0 0 0;
}
#subfooter2 {
text-align:left;
float:right; 
width: 478px;     
padding: 0 0 0 10px;
margin:0;   
}
#subfooter2 ul{
margin:0 0 0 0;
padding:0;
}
#subfooter2 ul li{
padding: 0 0 0 17px;
line-height:1.4em;
margin:0;
list-style:none;
background: url(../images/icons/bullet_feed.png) no-repeat 0px 3px; 
}
#subfooter #subfooter1 a,#subfooter #subfooter2 a{
   color: #94A5AF;
   text-decoration: none;
}
#subfooter #subfooter1 a:hover,#subfooter #subfooter2 a:hover{
   color: #F9FAF8;
   text-decoration: underline;
}
.subsubfooter {
float:left;
display:block;
}

/* -----------------------------------------*/
/* Content ---------------------------------*/
/* -----------------------------------------*/

#content-document-unique {
	background: url(../images/document-unique-alpha.jpg) no-repeat; 
}

/* Accueil ------------------------------- */

.bloc-activites {
width:515px;
float:left;
border-right:1px dotted #383d44;
padding:0px 10px 0 0;
}
.bloc-activites a,.bloc-services a {
border:0;
margin:0;
padding:0;
}
.bloc-activites a:hover,.bloc-services a:hover {
border:0;
margin:0;
padding:0;
}
.bloc-activites p{
text-align:justify;
}
.activites {
width:252px;
float:left;
margin:2px 5px 0 0;
}
.activites p{
margin:5px;
padding:0;
font-size:14px;
line-height:1.2em;
text-align:left;
}
.activites img{
text-align:center;
padding:5px;
background-color:#eee;
border:1px solid #C9C9C9;
}
.activites img:hover{
border:1px solid #DA0202;
}

.bloc-services {
width:208px;
float:right;
padding:2px 5px 0 0;
}
.services {
width:205px;
margin:2px 0px 0 0;
}
.services img{
text-align:center;
padding:5px;
background-color:#eee;
border:1px solid #C9C9C9;
}
.services img:hover{
border:1px solid #DA0202;
}

/* Contact Form ------------------------------- */

#googlemap {
	width:350px;
	height:320px;
	margin:0;
	padding:0;
	border:1px solid #999;
}
#contactarea,#contactname {
	float:left;
	width:356px;
	padding:0px 7px 7px 7px;
	font-size:13px;
}
#contactarea {
border-right:1px dotted #383d44;
}
#name_field,
#phone_field,
#email_field,
#object_field { 
	position: relative;
	}
#name_field label,
#phone_field label,
#email_field label,
#object_field label,
#message_field label {
	padding:2px;
	font-size:16px;
	color:#383d44;
	margin:0 0 3px 0;	
	display: block;	
	left: 0;
	padding: 4px 0 0;	
	width: 300px;
	line-height:1em;
	}
#name_field input,
#phone_field input,
#email_field input,
#object_field select,
#message_field textarea,
#valid_field input{ 
	background:#F8F8F8;
	border:1px solid #ccc;
	padding:3px;
	font-size:13px;
	color:#444;
	margin:0;
	}
#name_field input:focus,
#phone_field input:focus,
#email_field input:focus,
#object_field select:focus,
#message_field textarea:focus,
#valid_field input:focus{ 
	background:#F6FAFF;
	border:1px solid #DA0202;
	}	
#name_field input:hover,
#phone_field input:hover,
#email_field input:hover,
#object_field select:hover,
#message_field textarea:hover,
#valid_field input:hover{ 
	background:#F6FAFF;
	border:1px solid #DA0202;
	}	
#nom-contact, 
#email-contact, 
#object-contact,
#message-contact {	
	margin-bottom: 5px;
	width: 210px;
	}
#object-contact { 
	width: 328px; 	
	}
#message-contact { 	 
	width: 320px; 
	height : 230px;	
	}
#valid_field {
	margin:10px 0 0 0;
}
.legend {
	font-size:11px;	
	font-style:italic;
	color:#DA0202;
	}
.success { 
	border-bottom: 1px solid #eee;
	color: #3a4e11;
	font-weight: bold; 
	padding-bottom: 0.5em;
	}
.error { 
	border-bottom: 1px solid #eee;
	color: #810407;
	font-weight: bold; 
	padding-bottom: 0.5em;
	}
.tel {
	background: url(../images/icons/telephone.png) no-repeat;
	padding:0 0 3px 20px;	
	}	
.teltop {
	background: url(../images/icons/telephone.png) no-repeat;
	padding:0 0 3px 20px;	
	 }
.ad {
	background: url(../images/icons/house.png) no-repeat;
	padding:0 0 3px 20px;
	margin: 8px 0 0px 0;
	}
.mail {
	background: url(../images/icons/email_open_image.png) no-repeat;
	padding:0 0 3px 20px;
	}
.mailtop {
	background: url(../images/icons/email_open_image.png) no-repeat;
	padding:0 0 3px 20px;
	}
.map {
	background: url(../images/icons/map_go.png) no-repeat;
	padding:0 0 3px 20px;
	margin: 0 0 0 0;
	}	

/* Salons ---------------------------------*/

.salons {
	display:block;
	padding:0 0 10px 0;
}
.img-salons {
	text-align:center;
	margin:0;
	padding:0;
}
.img-salons img{
	text-align:center;
	padding:5px;
	background-color:#eee;
	border:1px solid #C9C9C9;
}

/* Livres blancs ---------------------------------*/

#bloc-livres {
	display:block;
	padding:0 0 10px 0;
}
#bloc-livres ul{
	margin:0 0 0 15px;
	padding:0;
}
#bloc-livres ul li{
	line-height :1.2em;
	margin:0px 0 0px 0;
	padding:5px 0 5px 30px;
	background: url(../images/icons/pdf-icon.png) no-repeat 0px center;	
}
#bloc-livres ul li small{
margin:0;
padding:0;
display:block;
color:#9A9A9A;
font-size:11px;
}
/* Références ---------------------------------*/

.reference {
	clear:both;
	margin:10px;
	font-size:13px;
}
.text-ref{
	margin:0px 10px 0 0;
	float:left;
	width:420px;
	text-align:justify;
}
.img-ref{
	margin:0;
	padding:0;
}
.img-ref img{
	padding:5px;
	background-color:#eee;
	border:1px solid #C9C9C9;
}

/* Partenaires ---------------------------------*/

.bloc-partenaire {
	clear:both;
	margin:10px;
	font-size:13px;
}
.text-partenaire{
	margin:0px 10px 0 0;
	float:left;
	width:520px;
	text-align:justify;
}
.img-partenaire{
	margin:0;
	padding:0
}
.img-partenaire img{
	padding:5px;
	background-color:#eee;
	border:1px solid #C9C9C9;
}

/* Demande de devis ---------------------------------*/

#bloc-devis { 
	display:block;		
	padding:4px 6px 10px 6px;	
	margin:0 0 5px 0;
	border-top:1px dotted #ccc;	
	}
#champ_devis { 
	position: relative;	
	clear:both;
	}
#nom, 
#prenom, 
#demandeur, 
#raison, 
#adresse, 
#code, 
#ville, 
#telephone, 
#fax, 
#email,
#site,
#raison2,
#adresse2,
#code2,
#ville2,
#activite,
#surface,
#chambre,
#etage,
#sous-sol,
#etoile,
#categorie,
#adherent { 
	border-width: 1px;
	margin-left: 110px;
	margin-bottom: 5px;
	width: 230px;  
	}
#activite,
#etoile,
#categorie {
width: 300px;
}
#observations {
	width: 315px;
	height:100px;
}
#champ_devis label {
	padding:2px;
	font-size:14px;
	color:#383d44;
	margin:0 0 3px 0;	
	display: block;	
	left: 0;
	padding: 4px 0 0;	
	width: 300px;
	line-height:1em;
	}
#champ_devis input, 
#champ_devis select, 
#champ_devis textarea{ 
	background:#F8F8F8;
	border:1px solid #ccc;
	padding:3px;
	font-size:13px;
	color:#444;
	margin:0;
	}
#champ_devis input:focus{ 
	background:#F6FAFF;
	border:1px solid #DA0202;
	}
#champ_devis input:hover{ 
	background:#F6FAFF;
	border:1px solid #DA0202;
	}		
#bloc-devis ul {
margin:0 0 15px 0;
padding:0;
text-align:left;
}
#bloc-devis ul li{
margin:0 15px 0 0;
padding:0;
float : right;
font-size:11px; 
background:none; 
text-align:left;
width:155px; 
}

/* Recrutement ---------------------------------*/

table {
	border: 3px solid #CCCCCC;
	border-collapse: collapse;
	width: 680px;
	margin:0 auto;
	}
th {
	border:1px solid #fff;
	width: 25%;
	padding: 7px;
	color:#fff;
	background-color: #383D44;
	text-align:center;
	font-size:16px;
	}
td {
	color:#383D44;
	vertical-align:middle;
	border:1px dotted #fff;
	width: 25%;
	padding: 7px;
	text-align: center;
	cursor: pointer; 		
	}
.tabalternate td { 
	background-color: #E5ECF6; 
	}
.tabhover td {
	background-color: #383D44;
	color:#FFFFFF;	
	}	
.tabnormal td {
	background-color: #F6FAFF;
	}
caption {
	background: url(../images/icons/group.png) no-repeat 0px 0px;	
	font-size:14px;
	padding:0 0 0 20px;
	margin:0 0 15px 20px;  
	}
caption small{
	margin:0;
	padding:0;
	display:block;
	color:#9A9A9A;
	font-size:12px;
	}
#jobform {
margin:0 auto;
width:420px;
padding:10px;
background-color:#F6FAFF;
border:1px dotted #CCCCCC;
}
#jobform label {
	padding:2px;
	font-size:16px;
	color:#383d44;
	margin:0 0 5px 0;	
	display: block;	
	left: 0;
	padding: 4px 0 0;	
	width: 300px;
	line-height:1em;
}
#jobform select { 
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	font-size:13px;
	color:#444;
	margin:0;
	}
#jobform select:focus,
#jobform input:focus { 
	background:#fff;
	border:1px solid #DA0202;
	}	
#jobform select:hover { 
	background:#fff;
	border:1px solid #DA0202;
	}
.catjob, .locjob {
width:300px;
margin-bottom:5px;
}	
	
/* Fin */