/*******************************

	TEMPLATE CSS COMMUN

*******************************/









/*****************************

      BALISES COMMUNNES

******************************/

html,

body{

	\height:100%;

}

body {

	font-family: "Trebuchet MS";

	font-size: 12px;

	line-height:1.2em;

	margin: 0;

	padding: 0;

}

a{

	color:#0000FF;

	text-decoration:none;

}

a:hover{

	text-decoration:none;

	color: #0000FF;

}

img {

	border:0px;

}



/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */

div,p,form,h1,h2,h3,h4,h5,h6,ul,blockquote,img {

	margin: 0;

	padding:0;

}

ul,blockquote{

	margin-left:25px;

}

div,p,h1,h2,h3,h4,h5,h6,ul,blockquote,font{

	line-height:1.2em;

}



.left-cleaner,

.right-cleaner,

.cleaner{

	clear:both;

	font-size:1px;

	height:0px;

	line-height:0px;

	margin:0;

	padding:0;

	/*overflow:hidden;*/

}

.left-cleaner{clear:left;}

.right-cleaner{clear:right;}



.div-detection-flash{

	margin:0px;

	font-weight:normal;

	text-align:center;

	width:auto;

	border:1px solid #C6C5C0;

	padding:25px;

}



/* POSITIONNEMENT DU CONTENU DE LA PAGE  */

#contenu-page{

	position: absolute;

	left: 50%;

	z-index: 101;

	top: 20px;

	border:1px solid #DCDCDC;

	background-color:#BD0B12;

	margin-left: -400px;

	width:800px;

	/*background-image:url(../img/commun/logo.gif);

	background-repeat:no-repeat;

	background-position:top left;*/

}

#contenu-page{

	margin-left: -401px;

	width:802px;

	voice-family:"\"}\"";

	voice-family:inherit;	

	margin-left: -400px;

	width:800px;

}

html>body #contenu-page{

	margin-left: -400px;

	width:800px;

}

#visuel{
	display:block;
	float:left;
	width:600px;
	background-color:white;
}

#visuel img{
	display:block;
}

#nav-annexe{

	float:left;

	width:180px;

	background-color:white;

	color:#5A5A5A;

	padding-top:40px;

	text-align:right;

	padding-right:20px;

	font-size:14px;



	line-height:16px;

}

#nav-annexe{

	height:92px;

	voice-family:"\"}\"";

	voice-family:inherit;

	height:52px;

}

html>body #nav-annexe{		

		height:52px;

}

#nav-annexe a{

	font-size:11px;

	line-height:16px;

	color:#5A5A5A;

}

#nav-annexe a:hover{

	text-decoration:underline;

}



/*******************************************************/

/* MENTION LEGALES */

#mention-legale{

	background-color: #FFFFFF;

}

#mention-legale-texte{

	padding-left: 30px;

	padding-right: 30px;

	border-top: solid #BD0B12 1px;

	border-bottom: solid #BD0B12 1px;

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 10px;

	color: #5A5A5A;

}

/*******************************************************/

/* MENU DU HAUT */

#menu-haut,

#menu-haut a{

	text-align: right;

	font-size: 10px;

	color:#847672;

	line-height: 22px;

}

#menu-haut a:hover{

	color:black;

}

/*******************************************************/

/* MENU */

#menu{

	font-size: 12px;

	background-color: #BD0B12;

	color: #FFFFFF;

	height: 38px;

	float:right;

	border-left:1px solid white;	

}

#menu{

	width:550px;

	voice-family:"\"}\"";

	voice-family:inherit;

	width:549px;

}

html>body #menu{

	width:549px;

}

#menu ul{

	list-style-type:none;



	padding:0px;

	margin:0px;

}

#menu li{

	background-color: #BD0B12;

	float:left;

	border-right:1px solid white;

}

#menu li a{

	font-size:14px;

	line-height:32px;

	color: #FFFFFF;

	display: block;

	padding: 8px 15px 0px 15px;

}



#menu.lien2 .lien2,

#menu.lien3 .lien3,

#menu.lien4 .lien4,

#menu.lien5 .lien5,

#menu.lien6 .lien6{

	font-weight:bold;

}



/* IE 5.2 MAC WORKAROUND */

#menu .lien2{ width:65px; }

#menu .lien3{ width:55px; }

#menu .lien4{ width:50px; }

#menu .lien5{ width:125px; }

#menu .lien6{ width:50px; }



/* \*/

#menu .lien2,

#menu .lien3,

#menu .lien4,

#menu .lien5,

#menu .lien6{

   width:auto;

}

/* */



/* FIN IE 5.2 MAC WORKAROUND */

/*******************************************************/

/* COLONE */

/*******************************************************/





/*******************************************************/

/* MENU DU BAS */

#menu-bas{

	margin-left:215px;

	line-height: 15px;

	padding-top:10px;

	border-bottom: solid #DCDCDC 1px;

}

#menu-bas,

#menu-bas a{

	font-size: 10px;

	color:#847672;

	text-align: left;

}

#menu-bas a:hover{

	color:black;

}



/*******************************************************/

/* COPYRIGHT */

#copyright{

	margin-left:300px;

	margin-top:10px;

	margin-bottom:30px;

	text-align:left;

	font-size:12px;

}

#copyright,

#copyright a{

	text-align: left;

	font-size: 10px;

	color:#FFFFFF;

}

#copyright a:hover{

	color:black;

}

/*********/

#colonne-1{

	padding-top:130px;

	float:left;

	width:250px;

	border-bottom:1px solid white;

	

	background-position:top left;

	background-repeat:no-repeat;

	background-color:#BD0B12;

}

#page-contact #colonne-1{background-image:url(../img/commun/bg_contact.jpg);}

#page-quisommesnous #colonne-1{background-image:url(../img/commun/bg_quisommesnous.jpg);}

#page-coaching #colonne-1{background-image:url(../img/commun/bg_coaching.jpg);}

#page-conseil #colonne-1{background-image:url(../img/commun/bg_conseil.jpg);}

#page-formation #colonne-1{background-image:url(../img/commun/bg_formation.jpg);}

#page-news #colonne-1{background-image:url(../img/commun/bg_coaching.jpg);}

#colonne-1{

	height:488px;

	voice-family:"\"}\"";

	voice-family:inherit;

	height:358px;

}

html>body #colonne-1{

	height:358px;

}

#colonne-1 ul{

	border-top:1px white solid;

	margin-left:0px;

	list-style-type:none;

}

#colonne-1 ul li{

	padding-left:45px;

	line-height:30px;

	background-color:#929595;

	border-bottom:1px white solid;

}



#colonne-1 ul li a{

	color:white;

}

#colonne-1 .elem1 .elem1,

#colonne-1 .elem2 .elem2,

#colonne-1 .elem3 .elem3,

#colonne-1 .elem4 .elem4,

#colonne-1 .elem5 .elem5,

#colonne-1 .elem6 .elem6,

#colonne-1 .elem7 .elem7{

	border-left:8px white solid;

	padding-left:37px;

}

/********/

#colonne-2{

	float:right;

	padding:50px;

	background-color: #FFFFFF;

	color:#5A5A5A;

}

#colonne-2{

	width:550px;

	voice-family:"\"}\"";

	voice-family:inherit;	

	width:450px;

}

html>body #colonne-2{

	width:450px;

}

#colonne-2 .min-height{

	height:400px;

	width:1px;

	float:right;

}

#colonne-2 a{

	color:#5A5A5A;

	text-decoration:underline;

}

#colonne-2 a:hover{

	color: black;

}

#colonne-2 h1{

	margin-bottom:36px;

	font-size:14px;

	color:#CC0000;

	text-transform: uppercase;

}	

#colonne-2 h1 span{

	color:#5A5A5A;

	font-weight:normal;

	font-size: 14px;

	text-transform: none;

}





#colonne-2 h2,

#colonne-2 h3{

	color:#CC0000;

	font-size:12px;

	margin-bottom:12px;

	margin-top:24px;

}



#colonne-2 h3{

	font-size:12px;

	margin-bottom:2px;

	margin-top:12px;

	font-weight: normal;

	font-style: italic;

}

/*#colonne-2 .tableau{

	border-top: 1px solid #5A5A5A;

	border-left: 1px solid #5A5A5A;	

	

}

#colonne-2 .tableau td{

	border-right: 1px solid #5A5A5A;

	border-bottom: 1px solid #5A5A5A;	

}*/

/**********************/

/* POUR TOUS LES TEXTES DES PAGES*/





#apply-job{



}

#apply-job td{



}

#apply-job .spacer{

	line-height:0px;

	font-size:1px;

	padding:0px

}

#apply-job .liseret{

	border-top:1px dashed #5A5A5A;

}

#apply-job .intitule{

	padding:7px 7px 7px 7px;

	white-space:nowrap;

	vertical-align:top;

	text-align:right;

}

#apply-job .valeur{

	padding:7px 0px 7px 0px;

	vertical-align:top;

}

#apply-job .valeur input{

	width:120px;

	font-size:12px;

}

#apply-job .valeur input.radio{

	width:auto;

	font-size:12px;

}

#apply-job .valeur select{

	width:300px;

	margin-top:-2px;

	font-size:12px;

}

#apply-job .valeur select option{



}

#apply-job .valeur textarea{

	width:330px;

	font-size:12px;

	height:100px;

	float:left;

}

#apply-job  .bouton{

	font-size:12px;

}

#adresse{

	padding-left:45px;	

	color:white;

	padding-top:195px;

	padding-bottom:20px;	

}

#adresse a{

	text-decoration:underline;

	color:white;

}

#adresse strong{

	font-size:14px;

	line-height:18px;

}



/**************/

/* PAGE INDEX */

/**************/



#page-index #contenu-page{

	background:transparent;

	background-image:url(../img/commun/bg_accueil_3.jpg);

	background-position:0px 90px;

	background-repeat:no-repeat;

}

#page-index #colonne-2 .texte-page,

#page-index #colonne-2 h1{

	display:none;

}

#page-index #menu,

#page-index #colonne-1{

	background:transparent;

}

#page-index #colonne-1{

	line-height:12px;

	padding-top:50px;

	border-bottom:none;

	width:258px;

}



#page-index #colonne-1 ul{

	border-top:0px;

	margin-left:0px;

	list-style-type:none;

}

#page-index #colonne-1 ul li{

	padding-left:0px;

	margin-top:10px;

	line-height:12px;

	background-color:transparent;

	border-bottom:0px;

}

#page-index #texte-news{

	border-top:1px solid white;

	margin-top:20px;

	padding:15px;

}

#page-index #texte-news .titre{

	font-weight:bold;

	color:white;

}

#page-index #texte-news ul{

	margin-left:15px;

	padding-top:10px;

}

#page-index #texte-news ul li{

	color:white;

	padding:10px;

	text-indent:-10px;

	font-size:11px;

	line-height:11px;

	padding:0 0 5px 0;

	margin:0;

}

#page-index #texte-news ul a{

	color:white;

	font-size:11px;

	line-height:11px;

}

#page-index #texte-news ul a:hover{

	text-decoration:underline;

}

#page-index #menu{



	height: 33px;	

}

#page-index #menu{

	width:542px;

	voice-family:"\"}\"";

	voice-family:inherit;

	width:541px;

}

html>body#page-index #menu{

	width:541px;	

}

#page-index #menu li a{	line-height:35px; padding-top:0px;}



#page-index #colonne-2{	

	background:transparent;

	width:442px;

}

#page-index #texte-accueil{

	padding-left:30px;

	padding-right:30px;

	padding-top:10px;	

	background:transparent;

	color:white;

	font-size:11px;

}



#page-index #menu .lien6{

	border-right:0px;

}

#page-index #colonne-2 .min-height{

	height:355px;

}

#page-index #copyright{

	background-color:white;

	padding:3px 0px 3px 0px;

	margin:0px;

	text-align:center;

}

#page-index #copyright ,

#page-index #copyright a{

	color:#5A5A5A;

}