/**********************/
/* Proprietes comunes */
/**********************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	background-color: #a1aa01;
	background-image: url('../img/bg-site.jpg');
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0px;
	padding: 0px;	
	letter-spacing: 0px;
}
p.loading-time{ /* Temps de chargement des pages, mettre la meme couleur que le background du site pour ne le voir qu'en le selectionnant */
	color: #a1aa01;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a img,img{
	border: none;
	margin: 0px;
	padding: 0px;
	outline-width: 0px;
	outline-style: none;	
}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.floatleft{ float:left; }
.floatright{ float:right; }
.clear{clear: both;}

.underline{ text-decoration: underline; }

.marginright{ margin-right: 16px; }
.marginleft{ margin-left: 16px; }

.red{ color: #ffa500; }
.green{ color: #00ff00; }

/*****************/
/* Mise en forme */
/*****************/

#wrapper{
	padding: 15px 0px 16px 0px;
}
#content{
	width: 1016px;
	margin: 0px auto;
	background-image: url('../img/bg-content.jpg');
	background-repeat: no-repeat;
	background-position: 0px 182px;		
}
#header{ 
	position: relative;
	padding: 0px;
	background-image: url('../img/bg-header.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 435px;
}
#header #logo{ 
	float :left;
	height:125px;
	padding: 11px 0px 0px 36px;
}
#header p{margin: 0px;}
table#page-content{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	background-color: #ffffff;
	background-image: url('../img/bg-center.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;	
}
table#page-content td {	vertical-align: top; } 
table#page-content td#center{ 
	padding: 0px 128px 16px; 
}
table#page-content td#left{ width: 208px;padding-left: 16px; }
table#page-content td#right{ display: none; }
table#page-content td#left-border,table#page-content td#right-border{
	width: 8px;
	padding: 0px;
	background-repeat: repeat-y;
}
table#page-content td#left-border{ background-image: url('../img/bg-left.jpg'); }
table#page-content td#right-border{ background-image: url('../img/bg-right.jpg'); }
#footer{
	color: #ffffff;
	font-size: 12px;
	height: 30px;
	padding: 11px 12px 0px 12px;
	text-align:center;
	background-image: url('../img/bg-footer.jpg');
	background-repeat: no-repeat;
	background-position: top left;	
	line-height: 12px;
}
#footer a{
	color:#ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#footer p{ margin: 0px; }
#footer a:hover{ text-decoration: underline; }
#footer div.redaction {font-weight: bold;}
#footer div.redaction img{ vertical-align: bottom; }

/***************/
/*   Accueil   */
/***************/

body#home table#page-content td#center{	padding: 0px 23px 16px 22px; }
body#home td#center div#content-17 p{ margin: 0px; } 

/*Bloc les services*/

body#home div#content-18 ul.liste_resume{
	list-style-type: none;
	padding: 47px 0px 0px 0px;
	margin: 16px 10px 0px 0px;
	background-image: url('../img/titre-nos-services.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 300px;
}
body#home div#content-18 ul.liste_resume li.first{ 
	padding-left: 10px;
	background-position: 10px 0px;	 
}
body#home div#content-18 ul.liste_resume li{
	float:left;
	width: 210px;
	padding-left: 15px;
	padding-top: 32px;
	background-position: 28px 0px;	
	background-repeat: no-repeat;
}
body#home div#content-18 ul.liste_resume li#content-22{ background-image: url('../img/titre-audit.jpg'); }
body#home div#content-18 ul.liste_resume li#content-23{ background-image: url('../img/titre-prestation.jpg'); }
body#home div#content-18 ul.liste_resume li#content-24{ background-image: url('../img/titre-conseil.jpg'); }
body#home div#content-18 ul.liste_resume li#content-25{ background-image: url('../img/titre-formation.jpg'); }
body#home div#content-18 ul.liste_resume li div.text{ 
	text-align: justify; 
	height: 90px;
}
body#home div#content-18 ul.liste_resume li div.illustration{ padding-top: 16px; }
body#home div#content-18 ul.liste_resume li a.illustration{
	display: block;
	width: 174px;
	height: 76px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px auto;
	text-decoration: none;
	border: solid transparent 4px;
}
body#home div#content-18 ul.liste_resume li a.illustration:hover{ text-decoration: none;border: solid #ccc 4px; }
body#home div#content-18 ul.liste_resume li#content-22 a.illustration{ background-image: url('../img/illustration-audit.jpg'); }
body#home div#content-18 ul.liste_resume li#content-23 a.illustration{ background-image: url('../img/illustration-prestation.jpg'); }
body#home div#content-18 ul.liste_resume li#content-24 a.illustration{ background-image: url('../img/illustration-conseil.jpg'); }
body#home div#content-18 ul.liste_resume li#content-25 a.illustration{ background-image: url('../img/illustration-formation.jpg'); }

/*Bloc jse consultant*/

body#home div#content-26{  
	width: 344px;
	float:left;
}
body#home div#content-26 ul.liste_resume{
	list-style-type: none;
	padding: 47px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url('../img/titre-jse-consultant.jpg');
	background-repeat: no-repeat;
	background-position: top left;

}
body#home div#content-26 ul.liste_resume li{ padding: 0px 6px; }
body#home div#content-26 ul.liste_resume li div.text{
	text-align: justify;
	padding-bottom: 16px;
}
body#home div#content-26 ul.liste_resume a.readmore{ background-image: url('../img/readmore-gris.jpg'); }

/*Bloc les actus*/

body#home div.actualite{
	background-image: url('../img/titre-actualite.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 47px 0px 0px 0px;
	margin: 0px 0px 0px 32px;
	width: 578px;	
	float:left;
}

/******************/
/* COLONNE GAUCHE */
/******************/

/*Bloc les services*/

/*td#left div#content-34 ul.liste_resume{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
td#left div#content-34 ul.liste_resume li{
	padding: 32px 0 0 0;
	background-position: 0px 0px;	
	background-repeat: no-repeat;
	margin-bottom: 16px;
}
td#left div#content-34 ul.liste_resume li#content-22{ background-image: url('../img/titre-audit.jpg'); }
td#left div#content-34 ul.liste_resume li#content-23{ background-image: url('../img/titre-prestation.jpg'); }
td#left div#content-34 ul.liste_resume li#content-24{ background-image: url('../img/titre-conseil.jpg'); }
td#left div#content-34 ul.liste_resume li#content-25{ background-image: url('../img/titre-formation.jpg'); }
td#left div#content-34 ul.liste_resume li div.text{ text-align: justify;padding-bottom: 8px; }
td#left div#content-34 ul.liste_resume li div.illustration{ display: none; } */

/***************/
/*Page standard*/ 
/***************/

table#page-content td#center p{
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height:18px;	
}

table#page-content h2.title{
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	height:31px;
	letter-spacing:2px;
	text-transform: uppercase;
	line-height:31px;
	margin:0 0 16px;
	padding: 0 0 0 35px;
	background-image: url('../img/bg-h2.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

a.readmore{
	display: block;
	width: 110px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background-image: url('../img/readmore-orange.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

/***************/
/* Formulaires */
/***************/

form.form fieldset{
	padding: 24px;
	border: solid #ccc 2px;
}
form.form p{ margin-bottom: 8px; }
form.form em.legend{
	color:#525252;
	font-size:11px;
	font-weight:normal;
	padding-left: 216px;
	display: none;
}
form.form label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#525252;
	display: inline;
	float: left;
	line-height: 24px;
	width: 216px;
}
form.login label{ width: 156px; }
form.form textarea{	padding: 8px; }
form.form p *{
	vertical-align: bottom;
}
input.checkbox{
	background-color: #7faadb;
	border: solid 1px #1765bf;
}
input.text{
	padding: 3px 4px 1px;
	height: 16px;
}
select.select{
	background-color: transparent;
	border: solid 1px #ffffff;
	color: #0056b9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 2px 4px;
	cursor: pointer;
}
select.select option { background-color: #ffffff; } 
input.text,select.select, form.form textarea{
	background-color:#FFFFFF;
	background-image:url(../img/bg-input.gif);
	background-position:right top;
	background-repeat:repeat-x;
	border:1px solid #A6A6A4;
	color:#727272;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

input.large{ width: 467px; }
input.medium{ width: 262px; }
input.small{ width: 180px; }
input.mini{ width: 50px; }

select.medium{ width: 280px; }
textarea.full{ width: 656px; }

span.checkbox{ cursor: pointer; }
span.required{ color: red;font-weight:bold;font-size: 10px; }

/*******************/
/* Elements divers */
/*******************/
table#page-content td#center p.right{width:100%;overflow:hidden;}
table#page-content td#center p.right a.button{ float:right; }
table#page-content td#center p.center a.button {margin: 0px auto;}
table#page-content td#center p.airy{line-height:24px;}
table#page-content td#center p.no-margin,#header p.no-margin{margin:0px;} 
table#page-content td#center p.mini{font-size:10px;}

hr.separation {
	height: 2px;
	margin: 24px 0px;
	padding: 0;
	color: #ccc;
	background-color: #ccc;
	border: 0;
	clear: both;
}

p.legend{ font-style: italic;font-size: 12px; }
img.legend{ vertical-align: top;margin-right: 8px; }

div#loading{
	display: none;
	text-align:center;
	position: absolute;
	right:18px;
	top:130px;	
}
div#loading * {vertical-align:middle;}

/********************/
/* MODULE REDACTION */
/********************/

ul.socialbookmark{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 16px;
	float: right;
}
ul.socialbookmark li{
	float: left;
	margin-left: 8px;
}

/***************/
/* MODULE MENU */
/***************/

div#content-11,#header div#content-13{ float:left;height: 140px; }
div#content-11{	width: 311px;padding-left: 75px; }
div#content-14{	width:660px;height:30px;clear: left; }

div#content-11 ul.standard{
	list-style-type: none;
	margin: 0px;
	padding: 16px 0px 0px 0px;
}
div#content-11 ul.standard li{
	float: left;
	font-size: 12px;
	line-height: 12px;
	margin-left: 6px;
	padding-right: 8px;
	border-right: solid #a1aa01 2px;
}
div#content-11 ul.standard li.first{ margin: 0px; }
div#content-11 ul.standard li.last{ padding: 0px;border: 0px none; }
div#content-11 ul.standard li a{
	color:#6d6d6d;
	font-weight: bold;
	text-decoration: none;
}
div#content-11 ul.standard li a:hover{ text-decoration: underline; }

/*Menu deroulant dans /css/superfish.css*/

/*********************/
/* MODULE NEWSLETTER */
/*********************/

#header div.newsletter p{ margin:0px; }
#header div.newsletter div.abonnement{ padding-top: 16px; }
#header div.newsletter div.abonnement form{ padding-top: 6px; }
#header div.newsletter div.abonnement input.text{
	width: 116px;
	padding: 3px 4px 1px;
	vertical-align: top;
}
#header div.newsletter div.abonnement input.image{ 
	vertical-align: top;
	margin-top: 1px;
	margin-left: 4px;
}
/********************/
/* MODULE ACTUALITE */
/********************/

div.actualite h3{
	color:#525252;
	font-size:12px;
	font-weight:bold;
	margin:0 0 8px;
}
div.actualite h3 span.date{
	line-height: 12px;
	color: #ea6f08;
	margin-right: 8px;
}
div.actualite a.readmore{ background-image: url('../img/readmore-vert.jpg'); }
div.actualite a.readmore:hover{ text-decoration: underline; }

div.actualite ul.actualites{
	padding: 0px;
	margin: 0px 0px 16px 0px;
	clear: both;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;	
}
div.actualite ul.actualites li span.date{
	margin-right: 16px;
	font-weight: bold;
	color: #ea6f08;
}
div.actualite ul.actualites li a{
	color: #525252;
	text-decoration :none;
	font-weight: bold;
}
div.actualite ul.actualites li a:hover{
	text-decoration: underline;
}
div.actualites ul.actualites{ list-style-position: outside; }
div.actualites ul{ list-style-position: inside;list-style-type:square; }
table#page-content td#center div.actualites p.illustration{ margin: 0px 8px; }
div.actualites ul.socialbookmark{ list-style-type: none; }
/*********************/
/* MODULE FORMULAIRE */
/*********************/

p.cnil{	font-size: 10px; }
p.cnil a{ font-size: 10px; }

div#page-14 div.redaction h3{
	font-size: 12px;
	padding-left: 32px;
}

/**************************/
/* MODULE GEOLOCALISATION */
/**************************/

div.geolocalisation div.standard,
div.geolocalisation div.multipoint{
	border: solid #ccc 2px;
	width: 680px;
	height: 600px;
}
div.geolocalisation div.standard p,
div.geolocalisation div.multipoint p{ margin: 0px; }
table#page-content td#center div.geolocalisation div.standard div.gmnoprint p{ margin: 0px; }
div.geolocalisation div.liste{
	height: 200px;
	overflow-y: scroll;
	border: 2px solid #CCCCCC;
}
div.geolocalisation div.liste ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
div.geolocalisation div.liste ul li{
	margin:0;
	padding: 8px;
}
div.geolocalisation div.liste ul li.even{ background-color: #f7f7f7; }
div.geolocalisation div.liste ul li.odd{ background-color: #c6d0dd; }
div.geolocalisation div.liste ul li span.linkmap{
	float:right;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}
div.geolocalisation div.liste ul li span.linkmap:hover{ text-decoration: underline; }
div.geolocalisation div.search{
	border-left: solid #ccc 2px;
	border-right: solid #ccc 2px;
	background-color: #ccc;
}
div.geolocalisation div.search input.text{ width: 550px; }
div.geolocalisation div.search input.submit{ 
	height: 22px;
	padding: 4px 8px;
	background-color: #aaa;
	border: 0px none;
	color: #000; 
	margin-left: 4px; }