/* 
Titre :     Feuille de style CSS Expertiss
Auteur :    Florian Ferrine / fverrine.holdingbfg@orange.fr
Date :      Septembre 2007
*/
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;		
	font: 12px Georgia, "Times New Roman", serif; 
}
ol, ul {
	list-style: none;
}
hr {display:block;
	color:#EEEEEE;
	border: 0;
	background-color:#EEEEEE;
	height:1px;
	margin:5px 0 5px 0;}
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-weight:bold;	
	}
small {
	font-size:70%;
	padding-left:5px;
	}
.legende { 
	display:block;
	padding:10px;
	margin:5px 0 0 0;
	background-color:#FFFEEE;
	border:1px solid #ccc;	
	}
.validation { 
	display:block;
	padding:10px 10px 10px 23px;
	margin:5px 0 0 0;	
	border:1px solid #ccc;	
	background:#FFFEEE url(../images/icons/accept.png) no-repeat 5px center;	 
	font-size:15px;	
	}
.red {color:#DA0202;
}
#telechargement { margin:0 0 0 0; background:#000;  font-weight:bold; height:380px; color:#fff; font-size:12px; font-style:italic; text-align:left}
#telechargement p{font-weight:normal; border-bottom:1px dotted #ccc; margin:0 0 10px 0}
#telechargement input{ width:207px}
.bloc-input{padding:5px 30px 5px 40px;}
#telechargement input#valid {width:213px; height:39px; border:0; background:url(../images/etude2.gif) no-repeat; cursor:pointer}
#msgalert {display:none; color:#bf0e0e}
a.more {
font-style:italic;
 	}
img {
	border:none;
	}
acronym {
	cursor:help;
	border-bottom:1px dotted #ccc; 
	}
.image {
margin: 0 auto;
text-align:center;
	}
.image img {
	margin:5px; 
	padding : 5px;
	border:1px solid #ccc; 
	}
.image2 {
	float:right;
	text-align:center;
	}
.image2 img {
	background-color:#ebebeb;
	margin:5px 5px 5px 15px; 
	padding : 5px;
	border:1px solid #ccc; 
	}
.image3 {
	float:right;
	text-align:center;
	}
.image3 img {
	margin:5px 5px 5px 20px; 
	padding:5px;
	border:1px solid #ccc; 
	}
img.bloc-image {
	float:right;
	text-align:center;	
	padding:5px;
	background-color:#fff;
	margin:0px 0px 10px 10px; 	
	border:1px solid #ccc; 
	}
	
/* Liens ------------------------------------------*/

a {
	color:#0060A9;	
	text-decoration:none;
	border-bottom:1px dotted #0060A9;
	}
a:hover {
	color:#034A80;
	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;
	}

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

ul, ol {
	padding-left:16px;
	margin-left:16px;
	padding-right:16px;
}
ul li {
	font-size:110%;		
	line-height:26px;
	text-align:left;
	padding-bottom:12px;
	list-style:none;		
}
ol li {
	list-style-type: decimal;
	}
.line {	
	clear:both;
	display:block;
	width: 723px;
	height:17px;
	margin:4px 0 0 0;
	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:22px;
	letter-spacing:0;
	font-weight:normal;
	border-bottom:1px dotted #d8d8d8;	
	color:#1b3046;
	}
h1 a, h1 small a {
	color:#0060A9;
	}
h2 {		
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;	
	letter-spacing:0;
	font-weight:normal;		
	font-size:18px;	
	color:#fff;
	padding:0 0 2px 0;	
	font-style:normal;
	font-weight:normal;
	border:0;
	}
h2 a {color:#fff}
h2 a:hover {color:#e9e9e9} 
h2.blog a{background:url(../images/blog.png) no-repeat left;text-decoration:none; padding:0 0 0 35px}
#right h2{margin:5px 0 0 0;border-bottom:1px solid #fff;}
h3 {
	margin: 5px 0 5px 0;
	padding: 0 0 2px 0;	
	font-size: 14px;	
	color:#416384;	
	font-weight:normal; font-weight:bold; font-style:italic;				
	}
h3  a {
	text-decoration:none;
	}
h3 a:hover{
text-decoration:none;
color:#DA0202;
	}
h4 {
	text-align:left; 
	margin:0 0 0 0;
	padding:0;
	margin-bottom:2px;		
	font-size:14px;	
	font-weight:normal;
	color:#383d44;	
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#right h4{color:#fff}
h4 a {
	color:#0060A9;
	}
h5 {
	margin: 9px 0 3px 0;
	padding: 0 0 0 20px;	
	font-weight: bold;
	font-size: 14px;	
	color:#415C82;	
	background:url(../images/icons/information.png) no-repeat 0px center;	
	font-family:Georgia, "Times New Roman", Times, serif;
	}
h6 {
	margin: 5px 0 5px 0;
	padding: 0 0 3px 0;	
	font-weight: bold;
	font-size: 11px;	
	letter-spacing: 2px;
	text-transform: uppercase;
	color:#fff;
	border-bottom: 1px dotted #61666e;
	}

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

html,body {	
	font: 12px Georgia, Arial, sans-serif;
	color: #484848;
	margin:0 auto;
	text-align:center;
	padding:0;
background:#eeeeee;
}
#nav-top {
	margin:0 auto;
	padding:3px 0 3px 0;
	clear:both;
	width:980px;	
	text-align: right;
	height:73px;
	border-top:5px solid #DA0202;	
	background-color:#fff;	
	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 0 0 7px;
	border-style: none;	
	}
#logo img  {
	display: block;	
	}
#diaporama{
	display:block;
	z-index:1;
	width:720px;	
	border:5px solid #383d44;
	height:200px;
	padding:0;
	margin:7px;	
	}
#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;	
	height:60px;	
	color:#050146;
	text-align:left;
	font: 18px  Helvetica, Arial, sans-serif;
	font-style:italic;
	background:url(../images/slogan.gif) no-repeat 0px 13px;		
	}
.graphic2 {
	margin:10px 10px 0 0;
	width:330px;
	height:65px;
	float:right;		
	font-size:20px;
	font-family: Georgia, Arial, sans-serif;
	font-style:italic;
	color:#DA0202;
	text-align:right;
}
.subgraphic2 {	
	margin:0 0 15px 0;
	padding:3px 0 0 0;
	font: 20px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;	
	position: relative;
	text-align:right;
	font-weight:bold;	
}
.date{
	margin: 0 0 0 0;
	padding:0 0 0 15px;		
	}
.hour{
	padding:0 0 0 12px;		
	}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
.imggraphic2 {
height:50px;
}
#container {
	width:980px;
	display:block;
	margin:0 auto;
	text-align:left;
	overflow: hidden;
}
#content {
	width:980px;
	margin:0 auto;
	display:block;
	text-align:left;	
	font-size:12px;
	background:url(../images/bg-content.gif) repeat-y;

}
#left {
	background: url(../images/content.jpg) repeat-x;
	width:744px; 
	min-height:630px;	
	margin:0 0 0 0;	
	padding: 5px;
	float:left;
	background-color:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;		
}
#left p{	
	line-height:1.3em; 	
	margin:5px 10px 9px 10px;
	}
#left p ul{
	margin: 0 0 0 10px;
	}
.enu ul li,ul.enu li{
	padding:0 0 1px 20px;
	list-style:none;
	background: url(../images/icons/bullet_feed.png) no-repeat 0px 2px;
	line-height:1.3em;	
	font-size:12px;
	}
#right {
	background-color:#383d44;
	padding:5px;
	width:213px;
	float:right;
	border-left:1px solid #94979b;
	height:auto;	
}
#right a {
border:0;
}

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

.infos {
	background:#EEEEEE url(../images/icons/information.png) no-repeat 5px 10px;
	padding:10px 10px 10px 26px;
	margin:15px 0 15px 0;
	font-size:12px;
	color:#666;
	border:1px solid #ccc;
	text-align:justify;
	}
.header-title {
	color:#383d44;
	margin:0 0 0 43px;		
	}
.header-tel {
	color:#fff; 
	margin:1px 0 0 50px;
	font-size:20px;
	font-style:normal;	
	
	}
.header-mail {		
	margin:1px 0 0 46px;
	padding:0;		  	
	}
.header-mail a{	
	font-size:13px; 
	}

.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;
}


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

#menu {
	z-index:10;
	clear:both;
	display:block;
	width:980px;	
	height:33px;	
	margin: 0 auto;	
	padding:0;	
	background-color:#383D44;	
	border-bottom:1px solid #636a73;			
	}
#nav {		
	z-index:10;
	float:left;	
	background-color:#383D44;		
	margin: 0;
	padding: 0;	
	height : 30px;
	}
#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;	
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;	
	font-size: 90%;	
	text-transform:capitalize;
	border-right: 1px solid #636a73;	
	}
#nav li a {	
	display:block;	
	z-index:10;
	float: left;
	margin:0;	
	padding: 3px 8px 0px 8px;
	text-decoration: none;
	color: #cccccc;
	border: none;	
	font-size: 12px;
	font-weight:bold;
	}
#nav li a:hover {
	color: #fff;
	background: #222222;
	}
#nav li a.active {
	font-weight: bold;
	color: #fff;	
	}
#nav li ul{
   clear: left;      
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 203px;
   padding:0 0 0 0;
   margin: 29px 0px 0px -1px;/* FF 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;	
	height :auto;	
	font-size: 11px;
	line-height:1.2em;
	text-align:left;
	}
*+html #nav li ul{
   margin-top: 0;
	}
#nav li li{
   display: inline;  
   float: none;  
   margin: 0;
   padding: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: 187px;
   height: auto;
   padding: 4px 8px 4px 8px;      
   background: #383d44;
   color: #cccccc;
}
#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   background: #222222; 
   color: #fff; 
}

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

#inputnews {
	float:left;
	margin: 6px 0 0 0;	
	background:#fff;	
	border:2px solid #d2dce9;
	padding:2px;	
	color:#383d44;	
	width:205px;		
	}
#inputnews:focus,#inputnews:hover {	
	border:2px solid #DA0202;
	}

	
/* button OK ------------------------------------------*/

.submit {
    margin:6px 0 2px 0;		
	border:2px solid #fff;
    color:#fff;	
	background-image:url(../images/bg-submit.gif);	
    font-size:13px; 	
	padding:2px;
	}	
#newsletter .submit {padding:0px;}
.submit:hover {
	cursor:pointer;
	background-image:url(../images/bg-submit.gif);
   	border:2px solid #DA0202;
	color:#fff;	
	padding:2px;
	}
#newsletter .submit:hover  {padding:0px;}
.submit:focus {	
	border:2px solid #DA0202;
	}
#newsletter .submit:focus  {padding:0px;}

	
/* Menu secondaire ------------------------------------------*/

.menu-secondaire {	
display:block;	
margin:0 0 18px 0; 
font-family:Georgia, "Times New Roman", Times, serif;
	}
#right ul {
	margin:0;
	padding:0;		
	}
#right li{
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px solid #636a73;	
	list-style-type:none;	
	text-align:left;		
	}
#right li a{
	color:#cccccc;
	display:block;		
	}
#right li a:hover{	
	color:#fff;	
	background-color:#222222;		
	}
#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:50px;	
	margin:7px 0 0 0;	
	padding:0px 4px 0px 0px;		
	border-bottom:1px solid #636a73;		
	font-size:11px;		
	}
.actualite h4{color:#636a73; font-size:12px}
img.navig-actu{ margin:1px 0 3px 0;}
.actualite p{ 
	color:#a8adb3;
	text-align:left;
	line-height:1.1em;
	}
.actualite a{ 
	color:#d2dee6;	
	font-size:11px;		
	}
.actualite a:hover{ 
	color:#fff;	
	}
.date-actu {
	color:#7C8187;	
	padding:0;
	margin:0 0 2px 0;
	font-size:11px;
	display:block;
	}
.actualite img.ico {
	display:block;
	float:left;	
	margin:0 5px 0 0;	
	border:1px solid #c6cbd2;	
	}

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

#footer-outer a{
border:0;
}

#footer-outer{
   clear: both;
   width:940px;
   margin:0 auto;
   padding: 0 20px 0px 20px;   
   font-size : 12px;
   height:auto;
   background-color: #383d44;   
  
}
#footer{
   clear:both;
   width: 918px;
   height: 27px;
   margin:7px auto;
   padding: 2px 18px 0 44px;
   background-color: #4C5767;    
}
#footer p{
   float: left;
   color: #94A5AF; 
   font-size: 11px;  
   padding: 4px 0 0 0;   
}
#footer p.back{
   float: right;    
   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;  
}
.subsubfooter {	
	height:130px;
	display : block;
   width: 298px;  
   text-align:left; 
   padding: 0 10px 0 0;
   float:left;  
   border-right:1px dotted #313D45;   
   margin:0 10px 0 0;
}
.subsubfooter ul{
margin:0 0 0 0;
padding:0;
}
.subsubfooter 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; 
}
.subsubfooter ul li.partenaire-link {
padding: 0 0 0 17px;
line-height:1.4em;
margin:0;
list-style:none;
background: url(../images/icons/link_go.png) no-repeat 0px 3px; 
}

#subfooter .subsubfooter a{
   color: #94A5AF;
   text-decoration: none;
}
#subfooter .subsubfooter a:hover{
   color: #F9FAF8;
   text-decoration: underline;
}

#footer-valid {
margin:10px 0 0 0
}
.vide {
height:8px;
display:block;
}
.copy {
color:#94A5AF;
background-color:transparent;
}

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

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

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

.activites{
width:232px;
float:left;
margin:0px 8px 0 0;
padding:4px;
height:130px;
}
.activites h2 {height:10px;}
.activites h2 a{
padding:0 0 0 14px;font-size:13px; font-weight:bold;
color:#1b3046;
background: url(../images/tl-activite.png) no-repeat;
height:10px;
} 
.activites h2 a:hover {
background: url(../images/tl-activite.png) no-repeat bottom left;
padding-left: 14px;
color:#335272;
}

.activites p{
margin:5px;
padding:0;
font-size:14px;
line-height:1.2em;
text-align:left;
}
.activites img,.activitestop img{
padding:5px;
background-color:#383d44;
}
.activites img:hover,.activitestop img:hover{
background-color:#000; border:0;
}

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

#contactarea,#contactname {
	float:left;
	width:356px;
	padding:0px 7px 7px 7px;
	font-size:13px;
}
#contactarea {
border-right:1px solid #d3d4d4;
}
#hidden_field1,#hidden_field2,#hidden_field3,#hidden_field4,#hidden_field5 {
display:none;
}
label {
	padding:2px;
	font-size:13px;
	color:#383d44;
	margin:0 0 3px 0;	
	display: block;	
	left: 0;
	padding: 4px 0 0;		
	line-height:1em;
	}
.form_field { display:block;}
.form_field input,
.form_field select,
.form_field textarea{ 
	background:#F8F8F8;
	border:1px solid #ccc;
	padding:3px;
	font-size:13px;
	color:#222;	
	margin:0;
	margin-bottom: 5px;
	width: 320px;
	}
.form_field input:focus,
.form_field input:hover,
.form_field select:focus,
.form_field select:hover,
.form_field textarea:focus,
.form_field textarea:hover { 
	background:#F6FAFF;
	border:1px solid #DA0202;
	}	
.form_field textarea{ height:100px} 
.form_field input#newsletter-field {width: 175px;}
.radio_field{ clear:both}
.radio_field .blocinline { display:block; width:80px; float:left}
.form_field select {	
width: 330px;
}
#message-offre{ 	 
	width: 710px; 
	height : 170px;	
	}
.valid_field {
	margin:10px 0 0 0;
}
.success { 
	border-bottom: 1px solid #eee;
	color: #3a4e11;
	font-weight: bold; 
	padding-bottom: 0.5em;
	}
.error { 
	display:block;
	padding:10px 10px 10px 23px;
	margin:5px 0 0 0;	
	border:1px solid #ccc;	
	background:#FFFEEE url(../images/icons/delete.png) no-repeat 5px center;	 
	font-size:15px;	
	}
.tel {
	background: url(../images/icons/telephone.png) no-repeat;
	padding:0 0 3px 20px;	
	}
.fax {
	background: url(../images/icons/printer.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;
	}	
input.disabled,textarea.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
input.validation-failed, textarea.validation-failed {
	background:#F6FAFF;
	border:1px solid #DA0202;
}
.validation-advice {
	margin: 5px 0;
	padding: 3px;
	background-color: #DA0202;
	color : #FFF;
	font-size:12px;
	font-weight: bold;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
.localisation { margin:0 0 10px 0}
form input.red,form textarea.red,form select.red  {	
	background:#fff url(../images/form-error.png) repeat;		
	border:1px solid #BB4004;
	}
#validationMessage {	
	display: none;		
	}

/* 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:0;		
	text-align:justify;
}
.text-ref ul{
margin:0 0 0 10px;
padding:0;
text-align:left;
}
.text-ref ul li{
padding:0;
background: url(../images/icons/building.png) no-repeat 0px 0px;	
line-height:1.4em;
padding:0 0 5px 20px;

}

/* 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;
	clear:right;	
	}
.bloc-devis ul {
	margin:0 0 15px 0;
	padding:0;
	text-align:left;
	background:none;
	}
.bloc-devis ul li{
	margin:0 10px 0 0;
	padding:0;
	float:right;
	line-height:1.2em;
	font-size:11px; 
	background:none; 
	text-align:left;
	width:155px; 
	background:none;
	}
.adherent {
text-align:left;
display:block;
margin:0 0 15px 0;
}
.adherent ul  {
margin:0;
padding:0;
}
.adherent ul li {
margin:0;
padding:0;
}
/* Recrutement ---------------------------------*/

#message_offre{ width:700px}
#jobform {
	display:block;
	margin:0 auto;
	width:400px;
	padding:10px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	}
#recrut-tab-top {
height:30px;
width:380px;
text-align:right;
clear:both;
}
#recrut-tab-top ul li {
float:right;
}
#recrut-tab-top ul li a:link,#recrut-tab-top ul li a:visited {	
	display:block;
	width:100px;
	text-decoration:none;
	height:30px;
	margin:0 3px 0 0;
	padding:0px 0 0px 0;
	color:#fff;	
	border-bottom:0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	background:#4C5767;
	text-align:center;
	font-size:15px;
	}
#recrut-tab-top ul li a:link.current, #recrut-tab-top ul li a:visited.current,#recrut-tab-top ul li a:hover {	
	background:#383D44;	
	}
#recrut-tab-content {
	display:block;
	margin:0;
	padding:10px;
	border:1px solid #fff;
	background-color:#383D44;	
	}
#menu-tab2,#menu-tab1,#menu-tab3 {
	display:block;
	height:auto;	
	margin:0;
	padding:0;
}
#menu-tab2 ul,#menu-tab1 ul,#menu-tab3 ul {
	margin:0;
	padding:0;
}
#menu-tab2 ul li,#menu-tab1 ul li,#menu-tab3 ul li {
	clear:both;	
	display:block;	
	margin:0;
	padding:0;		
	}	
#menu-tab2 ul li a,#menu-tab1 ul li a,#menu-tab3 ul li a  {
	clear:both;
	color:#383D44;
	height:28px;
	display:block;				
	background-color:#eeeeee;
	text-decoration:none;
	border-bottom:1px solid #ccc;	
	padding:2px 10px 0px 10px;	
}
#menu-tab2 ul li.white a,#menu-tab1 ul li.white a,#menu-tab3 ul li.white a  {
	background-color:#fff;	
	font-size:12px;
}
#menu-tab2 ul li.blue a,#menu-tab1 ul li.blue a,#menu-tab3 ul li.blue a  {
	background-color:#eeeeee;	
	font-size:12px;
}
#menu-tab2 ul li a:hover,#menu-tab1 ul li a:hover,#menu-tab3 ul li a:hover  {	
	color:#fff;
	background-color:#383D44;	
}
#recrut-tab-content .on {
	display: block;
}
#recrut-tab-content .off {
	display: none;
}
.offres-tit {
	text-align:left;
	float:left;	
	padding:0 0 2px 0;
	margin:0;
	}
.offres-em  {	
	display:block;
	float:right;
	width:60px;
	text-align:right;	
	background: url(../images/icons/vcard.png) no-repeat 10px center;
	border-left:1px solid #ccc;
	margin:0 0 0 0;
	padding:0 0 0 30px;	
}
table {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	width: 710px;
	font-size:13px;
	margin:0 auto;
	}
th {
	border:1px solid #CCCCCC;	
	padding: 7px;
	color:#fff;
	background: #383D44;
	text-align:center;
	font-size:15px;
	}
td {
	color:#333;
	vertical-align:middle;
	border:1px solid #CCCCCC;	
	padding: 5px;
	text-align: center;
	cursor: pointer; 		
	}
th .tdsmall{
width:110px;
}
.tabalternate td { 
	background-color: #EEEEEE; 
	}
.tabhover td {
	color:#fff;
	background-color: #383D44;	
	}	
.tabnormal td {
	background-color: #fff;
	}
caption {
	background: url(../images/icons/page_white_put.png) no-repeat 0px 0px;	
	font-size:14px;	
	padding:0 0 8px 20px;
	margin:0;
	font-style:italic;   
	}
caption small{
	margin:0;
	padding:0;
	display:block;
	color:#9A9A9A;
	font-size:12px;
	}
.detail-offre {
	padding:10px;
	font-size:13px;
	display:block;
}
.bloc-detail-offre {
	display:block;
	clear:both;
	text-align:justify;
	padding:5px 0 5px 0;
}
.detail-form {display:block; clear:both; margin:0 10px 0 10px}
.navig-offre {display:block; clear:both}
.lien{float:left; font-size:13px; margin:0 10px 0 0;display:block;}

/* Sitemap ---------------------------------*/
	
.sitemap {
	display:block;
	margin:0 0 20px 0;	
	}	
.sitemap ul {
	display:block;
	margin:0 0 0 20px;
	}	
.sitemap ul li{
	background: url(../images/icons/chart_organisation.png) no-repeat 0px 4px;
	padding:0 0 0 20px;	
	}		
.sitemap ul li ul li{
	background: url(../images/icons/sitemap_color.png) no-repeat 0px center;
	padding:0 0 0 20px;
	font-size:12px;
	}
	
/* formation ---------------------------------*/

.forma-bloc{ clear:both; display:block}
.forma-navig{border:1px solid #d3d4d4; clear:both; display:block; background-color:#f0faff; padding:4px; margin:0 0 10px 0; font-size:12px}
.forma-insc{ padding:2px 0 0 20px;background:url(../images/icons/pencil.png) no-repeat 0px center; margin:0 20px 0 0}
.forma-print{ padding:2px 0 0 20px;background:url(../images/icons/printer.png) no-repeat 0px center;margin:0 20px 0 0}
.forma-pdf{ padding:2px 0 0 20px;background:url(../images/icons/pdf.png) no-repeat 0px center;margin:0 20px 0 0}
.forma-left { display:block; width:480px; float:left}
.forma-left h3{ background:#383D44 url(../images/icons/page.png) no-repeat 4px center; padding:3px 0 3px 25px; color:#fff; border-top:1px solid #d3d4d4}
.forma-left ul { margin:0 0 0 5px; padding:0}
.forma-left ul li{ background: url(../images/icons/title_arrow.gif) no-repeat 5px 6px; padding:0 0 3px 15px; margin:0; line-height:1.3em; font-size:12px }
.forma-right {font-size:10px; background-color:#f0faff; margin:5px 0 0 0; display:block; width:230px; padding:5px; float:right; border:1px solid #d3d4d4;}
.forma-right p {font-size:11px; margin:0 0 5px 0;border-bottom:1px solid #ececec}
.forma-right h3{ font-size:13px;background: url(../images/icons/information.png) no-repeat 0px center; padding:0 0 0 20px; }
	
/* This is the end, this is the endddddd, the enddddd -------------------------*/