@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
	outline:none;
}
html {
	width: 100%;
	height:100%;
	background:#622181;
}
body{
	margin:0;
	
}

.c {
	clear:both;
}
img {
	border:0px;
}
img.contour {
	border:5px solid #4f1b68;
}
.bloc {
  display:block;
}
.dnone {
	display:none;
}
.left {
  float:left;
}
.right {
  float:right;
}
.tcenter {
	text-align:center;
}
.tright{
	text-align:right;
}
.centrer {
	margin:0 auto;
}
.margT70 {
	margin-top:70px;
}
.margT20 {
	margin-top:20px;
}
.margT15 {
	margin-top:15px;
}
.margT10 {
	margin-top:10px;
}
.margT8 {
	margin-top:8px;
}
.margL60 {
	margin-left:60px;
}
.margL95 {
	margin-left:95px;
}
.W70 {
	width:70px;
}
.padL20 {
	padding-left:20px;
}.padL40 {
	padding-left:40px;
}
.titalic { 
	font-style:italic;
}

/****************
Global 
****************/
#corps {
	width:100%;
	margin:0 auto;
	background:#622181 url('../images/haut_page.gif') repeat-x;
	background-position:top center;
}
#corps2 {
	width:100%;
	margin:0 auto;
	background:#622181 url('../images/haut_sous_menu.gif') repeat-x;
	background-position:top center;
}
#global {
	width:960px;
	margin:0 auto;
	position:relative;
}

#content_gauche {
	display:block;
	float:left;
	width:575px;
}
#content_droite  {
	display:block;
	float:left;
	text-align:left;
	width:385px;
	margin-top:5px;
}
.col_actu {
	float:left;
	width:320px;
	margin-bottom:5px;
}
.col_actu p {
	font-size:12px;
}
div.encart {
	background:#4f1b68;
	padding:15px;
}
div.encart h3 {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	color:#FFF;
	text-align:left;
	margin-bottom:6px;
}

#page {
	width:465px;
	height: auto !important;
    height: 480px;
    min-height: 480px;
	background:url('../images/fond_page.gif') no-repeat;
	margin:0px 0 0 12px;
	padding:40px 0 0 80px;
	text-align:left;
}
.ref_petales {
	width:385px;
	height:725px;
	background:url('../images/petales_references.png') no-repeat;
	text-align:left;
}
#industries {
	width:188px;
	height:135px;
	display:block;
	position:absolute;
	top:467px;
	left:615px;
}
#batiment {
	width:188px;
	height:135px;
	display:block;
	position:absolute;
	top:620px;
	left:773px;
}
#enseignement {
	width:188px;
	height:135px;
	display:block;
	position:absolute;
	top:668px;
	left:595px;
}
#distribution {
	width:188px;
	height:135px;
	display:block;
	position:absolute;
	top:840px;
	left:760px;
}
#service-public {
	width:188px;
	height:135px;
	display:block;
	position:absolute;
	top:880px;
	left:577px;
}
#service-public h3 {
	font-size:12px;
}
#services {
	width:195px;
	height:200px;
	display:block;
	position:absolute;
	top:985px;
	left:742px;
}
/****************
Header 
****************/
#header {
	width: 557px; 
	height: 137px;
	margin: 0 auto;
	/*background:url('../images/fond_header.jpg') no-repeat;*/
	text-align: center;
}

#logo {
	float:left;
	width:311px;
	height:73px;
	margin:30px 0 0 153px;
}
a.haut_page {
	display:block;
	color:#ee7d16;
	font-family:Arial, sans-serif;
	font-size:12px;
	background:url('../images/fleche_haut.gif') no-repeat 0 3px;
	padding:0 0 0 13px;
	text-decoration:none;
}
a.haut_page:hover, a.haut_page:focus, a.haut_page:active {
	text-decoration:underline;
}
/****************
Menu principal
****************/
#menu {
	display:block;
	position:relative;
	float:left;
	width:522px;
	height:40px;
	margin-left:20px;
}
html > body #menu {
	margin-left:53px;
}
#nav {
	display:block;
	list-style: none;
	float:left;
	margin-left:15px;
}
#nav li {
	display:block;
  	float:left;
	background:url('../images/puce_blanche.gif') no-repeat 0px 10px;
	padding:2px 13px 0 12px;
}

#nav li a {
	display:block;
	float:left;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	height:40px;
}
#nav li a:hover, #nav li a:active, #nav li a:focus, #nav li a.active {
	color:#f4e500;
}
#nav li a.accueil {
	width:40px;
	line-height:25px;
}
#contact_abs a {
	display:block;
	position:absolute;
	top:143px;
	left:865px;
	background:url('../images/puce_blanche.gif') no-repeat right;
	padding:2px 20px 2px 13px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	text-align:right;
	color:#FFF;
	text-decoration:none;
}
#contact_abs a:hover, #contact_abs a:focus, #contact_abs a:active, #contact_abs a.active {
	color:#f4e500;
}
.smenu { display: none; list-style: none; padding:0; position:absolute; left:0; top:45px; z-index:100; width:150px; background:#1b3500; }
.smenu li { float:none; margin:0; padding:0; }
.smenu li  a { padding:0px 0 0 12px; width:220px; height:30px; line-height:30px; margin:0; display:block; float:none; text-transform:none; font-family:Arial, sans-serif; font-size:13px; text-align:left; background:#1b3500; color:#FFF; text-decoration:none; border-bottom:1px dotted #436517; }
.smenu li  a:hover { color:#e2007a; }
#nav .nav2 {
	display:none;
	position:absolute;
	top:38px;
	left:0px;
	width:530px;
	height:33px;
	background:#fbbd0a;
	background-image:none;
	border-bottom:3px solid #FFF;
}
#nav .nav2 li {
	display:block;
  	float:left;
	height:33px;
	background:url('../images/separation_menu.gif') no-repeat 0px 4px;
}
#nav .nav2 li.nosep {
	background:none;
}
#nav .nav2 li a {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#8f141a;
	text-decoration:none;
	padding:0 2px;
	height:33px;
}
#nav .nav2 li a.cabinet {
	/*width:50px;*/
	line-height:14px;
}
#nav .nav2 li a.valeurs {
	/*width:50px;*/
	line-height:14px;
}
#nav .nav2 li a.diagnostics {
	/*width:65px;*/
	line-height:14px;
}
#nav .nav2 li a.formationpro {
	/*width:85px;*/
	line-height:14px;
}
#nav .nav2 li a.recrutement {
	/*width:70px;*/
	line-height:14px;
}
#nav .nav2 li a.references {
	/*width:70px;*/
	line-height:14px;
}
#nav .nav2 li a.coaching {
	/*width:45px;*/
	line-height:30px;
}
#nav .nav2 li a.developpementperso {
	/*width:85px;*/
	line-height:14px;
}

#nav .nav2 li a.formation {
	/*width:58px;*/
	line-height:30px;
}
#nav .nav2 li a.evenements {
	/*width:70px;*/
	line-height:30px;
}
#nav .nav2 li a.developpement {
	/*width:90px;*/
	line-height:14px;
}
#nav .nav2 li a:hover, #nav .nav2 li a:active, #nav .nav2 li a:focus, #nav .nav2 li a.active {
	color:#ee7d1c;
}
/****************
Balises
****************/
h1 {
	font-family:Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	color:#ffec00;
	background:url('../images/puce_jaune.gif') no-repeat 0 4px;
	padding:0 0 0 20px;
	margin-bottom:5px;
}
h2 {
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	color:#ffec00;
	/*margin-top:15px;*/
	padding-top:10px;
}
h2 a {
	color:#ee7d16;
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
h3.blanc {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	color:#FFF;
	text-align:center;
	margin-bottom:6px;
}
h3.blanc2 {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	color:#FFF;
	text-align:left;
	margin-bottom:6px;
	padding-left:20px;
}
h3.violet {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	color:#622181;
	text-align:center;
	margin-bottom:6px;
}
p {
	font-family:Arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	color:#FFF;
}
a.accueil {
	font-family:Arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	color:#ffec00;
	text-decoration:none;
}
a.accueil:hover, a.accueil:active, a.accueil:focus {
	text-decoration:underline;
}
p.courant {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	color:#FFF;
	text-align:left;
}
p.blanc {
	font-family:Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:13px;
	color:#FFF;
	text-align:center;
}
p.violet {
	font-family:Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:13px;
	color:#622181;
	text-align:center;
}
p.actu, p.actu a {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}
p.actu a:hover, a.lien:hover, a.groslien:hover, .col_actu a:hover {
	text-decoration:underline;
}
a.lien, .col_actu a {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#ee7d16;
	text-align:left;
	text-decoration:none;
}
.col_actu h2 a {
	font-size:14px;
}
a.groslien {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:15px;
	color:#ee7d16;
	text-align:left;
	text-decoration:none;
}
a.lien_rouge_pdf {
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	color:#ffec00;
	padding:1px 0 5px 25px;
	background: url('../images/pdf-document.gif') no-repeat;
}
a.lien_rouge_pdf:hover {
	text-decoration:underline;
}
span.date_actu {
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#FFF;
	font-style:italic;
}
ul.liste {
	list-style:none;
	margin:15px 0 10px 20px;
}
ul.liste li {
	background:url('../images/puce_orange.gif') no-repeat 0px 5px;
	padding-left:15px;
	font-family:Arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	padding-bottom:5px;
	color:#FFF;
}
ul.liste2 {
	list-style:rounded;
	margin:15px 0 15px 20px;
	padding-left:40px;
}
ul.liste3 {
	list-style:rounded;
	margin:15px 0 15px 10px;
	/*padding-left:40px;*/
}
ul.liste4 {
	list-style:rounded;
	margin:8px 0 0px 20px;
	padding-left:20px;
}
ul.liste2 li, ul.liste3 li, ul.liste4 li  {
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	color:#FFF;
}
div.lien_marg {
	width:240px;
	text-align:right;
}
a.lien1ligne {
	display:block;
	height:20px;
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	color:#FFF;
	background:url('../images/lien_1ligne.gif') no-repeat;
	background-position:center right;
	padding:0 30px 0 0;
	text-decoration:none;
	margin-bottom:10px;
}
a.lien2lignes {
	display:block;
	height:45px;
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	color:#FFF;
	background:url('../images/lien_2lignes.gif') no-repeat;
	background-position:center right;
	padding:0 30px 0 0;
	text-decoration:none;
}
a.lien1ligne:hover, a.lien2lignes:hover {
	color:#f4e500;
}
table{
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#FFF;
	text-align:left;
}
#schema_inter_accroche {
	position:relative;
}
#schema_inter {
	position:absolute;
	top:60px;
	left:400px;
}
.liste2 .tblanc {
	color:#fff;
	font-size:12px;
	line-height:14px;
}
.liste2 .tbleu {
	color:#1662F3;
	font-size:18px;
}
.liste2 .tviolet {
	color:#632182;
	font-size:18px;
}
.liste2 .tjaune {
	color:#FFEB01;
	font-size:18px;
}
.liste2 .tvert {
	color:#34AD14;
	font-size:18px;
}
.liste2 .torange {
	color:#EF7917;
	font-size:18px;
}
#global .liste2.noMargTB {
	margin-top:0px;
	margin-bottom:0px;
}
.profiles_gris {
	color:#9f9f9f;
}
.profiles_grisfonce {
	color:#666666;
}
.profiles_jaune {
	color:#EEA100;
}
.profiles_violet {
	color:#9D1752;
}
.profiles_turquoise {
	color:#01A189;
}
.profiles_vert {
	color:#91A93B;
}
.profiles_bleu {
	color:rgb(62,155,226);
}
#map_container {
	clear: both;  
	margin: 25px 5px 20px 0;
	background: none; 
}
#map {
	border:5px solid #703689;
	width: 450px; 
	height: 400px;
}
table.tab_coord p {
	color:#622181;
	font-size:11px;
	line-height:14px;
}


/************** MESSAGES ********************/
.erreur, .confirmation {width:95%;padding:10px;margin:15px 0px 15px 0px; font-family:Arial, sans-serif; font-size:12px;}
.erreur {
	border:#c00f1d solid 1px;
	color:#c00f1d;
	background:#fee3e5;
}
.confirmation {
	border:#51932a solid 1px;
	color:#51932a;
	background:#e4fab4;
}

/**** formulaire de contact ******/
#formulaire { 
	width:450px;
	padding-top:10px;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:12px; 
}
#formulaire fieldset {
	border:1px solid #703689;
	padding:5px 0 15px 10px; 
}
#formulaire legend {
	margin-left:10px;
	color:#FFEC00;
	font-size:14px;
	padding:0 5px 0 5px;
}
#formulaire label { 
	float:left; 
	display:block; 
	text-align:right; 
	width:140px; 
	padding:6px 0 3px 0; 
	margin:3px 3px 0 0; 
	font-family:Arial,sans-serif;
	font-size:12px; 
}
.formtext {
	font-family:Arial,sans-serif;
	font-size:12px; 
	color:#3e4139; 
}
#objet {
	margin:15px 0 0 0;
	padding:2px 0;
	color:#3e4139; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	width:260px;
}
.contact_txt { 
	float:left; 
	color:#3e4139; 
	width:250px; 
	margin:5px 3px 0 3px; 
	padding:3px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	background:#e2e4dd;
	border:1px solid #e2e4dd;
}
.contact_btn { 
	float:right; 
	font-size:9px; 
	font-family:Arial,sans-serif;
	font-weight:bold; 
	color:#3e4139;
	/*margin-left:285px;*/
}
.req_fields { 
	display:block; 
	color:#fff; 
	font-style:normal; 
	width:150px; 
	/*margin:10px 0 10px 335px; */
	font-family:Arial,sans-serif;
	font-size:10px; 
}
#status { 
	display:block;
	font-style:normal; 
	width:400px; 
	padding:10px; 
	margin:0;
	font-family:Arial,sans-serif;
	font-size:12px; 
	border:#c00f1d solid 1px;
	color:#c00f1d;
	background:#f2c8c8;
	margin:20px auto 0 auto;
}
#confirmation {
	display:block;
	font-style:normal; 
	width:350px; 
	margin-left:20px;
	padding:10px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	border:#d8d7b8 solid 1px;
	color:#d8d7b8;
	background:#59200a;
}
/**** fin formulaire de contact ******/


/****************
Footer 
****************/
#footer {
	width:960px;
	height:20px;
	text-align:right;
	margin-bottom:20px;
}

#footer a {
	font-size:13px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#7c6d63;
	text-decoration:none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
}