/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3D4242;
	background:#EDEDED url(general/formations.gif) repeat-x;
	SCROLLBAR-FACE-COLOR: #E2E7EA;
	SCROLLBAR-HIGHLIGHT-COLOR: #E2E7EA;
	SCROLLBAR-SHADOW-COLOR: #E2E7EA;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR:  #A1B4C4;
	SCROLLBAR-TRACK-COLOR: #DFE4E8;
	SCROLLBAR-DARKSHADOW-COLOR: #DFE4E8;
}
#wrapper{
	display:block;
	position:absolute;
	width:780px;
	left:50%;
	margin:0px;
	margin-left:-390px;
	padding:0px;
	background:#FFF;
	border-right:2px #D7D7D7 solid;
	border-left:2px #D7D7D7 solid;
	}
	
#header {
	display:block;
	position:relative;
	width:780px;
	height:84px;
	margin:0px;
	padding:0px;
	background:#FFF url(general/colors.gif) no-repeat left bottom;
	z-index:1;
	}

	#header h1 {
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	}
	#header h1 a {
	display:block;
	width:311px;
	height:63px;
	margin-left:10px;
	background:#FFF  url(../gfx/logos/CCIFauvergne.gif) no-repeat left bottom;
	position:absolute;
	top:0px;
	left:10px;
	}
	#header h1 span, #header h2 span, #header h3 span, #header h4 span { display:none;	}
	#header h2 {
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	}
	#header h2 a {
	display:block;
	width:109px;
	height:63px;
	margin-left:5px;	
	margin-right:5px;
	background:#FFF url(general/logo_cci_clermont-ferrand.gif) no-repeat left bottom;
	}
	#header h3 {
	display:block;
	margin:7px 0px 0px 4px;	
	padding:0px;
	position:absolute;
top:63px;
left:1px;
	}
	
	#header h3 a { text-indent:-9999px;
	display:block;
	width:78px;
	height:14px;
	margin:0px;	
	padding:0px;
	background: url(general/accueil.gif) no-repeat;
	}
	#header h4 {
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	}
	#header h4 a {
	display:block;
	width:73px;
	height:63px;
	background:#FFF  url(../gfx/logos/esc.gif) no-repeat left bottom;
	}

#cci_formation {
display:block;
float:left;
height:84px;
margin:0;
padding:0 0 0 120px;
width:660px;
}
#moteur{
		display:block;
		float:left;
		position:relative;
		height:29px;
		width:430px;
		margin:0px;
		margin-left:230px;
		padding:0px;
		background:#FFF url(general/rechercher.gif) no-repeat;
		}
		
		#moteur form {
			margin:0px 0px 0px 115px;
			padding:0px;
			}
			#moteur input{
			margin:4px 0px 0px 3px;
			float:left;}#moteur p {float:left;
			font-size:9px;
			color:#999;
			margin:2px 0 0 65px;}
	
.input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3D4242;
	width:215px;
	background:#FFF;
	border:1px #D1D7DC solid;
}
#content {
	position:absolute;
	top: 60px;
	left: -2px;
	display:block;
	float:left;
	width:774px;
	height: 772px;
	margin: 0px;
	padding: 0px 0px 5px 6px;
	background: #FFF;border-right:2px #D7D7D7 solid;
	border-left:2px #D7D7D7 solid;
}
#content h3 {
	position:absolute;
	top:10 px;
	left: 0px;
	display:block;
	float:left;
	width:761px;
	height:174px;
	margin: 5px;
	padding:0px;
	background:#FFF url(general/competences.jpg) no-repeat;
}
#content h3 a {
	display:none;
}
.ligne {
	position: relative;
	display:block;
	float:left;
	background:#FFF url(general/formateur.gif) repeat-x;
	width:430px;
	height:5px;
	margin:0px;
	padding:0px;
}
.ligne_haut {
	position: absolute;
	top: 24px;
	left: 5px;
	background: #FFF url(general/formateur.gif) repeat-x;
	/*border: 1px blue solid ;*/
	width:761px;
	height:5px;
	margin:0px;
	padding:0px;
}
#former {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3D4242;
	position:absolute;
	top: 540px;
	left: 5px;
	display:block;
	float:left;
	width:326px;
	height:210px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background: url(general/former.gif) repeat-y;
}
#former ul {
	display:block;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
}
#former ul li {
	display:block;
	float:left;
	position:relative;
	width:270px;
	margin:0px;
	padding:5px 0px 0px 10px;
	background: url(general/puce_profil.gif) no-repeat 2px;
}
#former ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333300;
	text-decoration:none;
}
#former h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#76B900;
	font-weight:bold;
	width:304px;
	border-top: 3px #7A9A51 solid;
	margin:0px;
	padding:32px 0px 10px 10px;
	background:  url("general/accueil/tt_envie_evoluer.gif") no-repeat 10px 10px
}
#former .ligne {
	position:relative;
	display:block;
	float:left;
	background:#FFF url(general/formateur.gif) repeat-x;
	width:310px;
	height:5px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#newsletter {
	position:relative;
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#EC6100;
	font-weight:bold;
	width:304px;
	margin:0px;
	padding:30px 0px 10px 10px;
	background:#FFF url(general/newsletter.gif) no-repeat 10px 10px;
}
#actualites {
	position:absolute;
	top: 184px;
	left: 5px;
	display:block;
	float:left;
	background:#FFF url(general/actualitev2.gif) repeat-x;
	/*width:326px;*/
	width: 326px;
	height: 354px;
	margin: 0px;
	padding: 0px;
}
#actualites_cci {
	width: 295px;
	position: relative;
	overflow: auto;
	display: block;
	height: 300px;
	margin: 32px 0px 0px 0px;
	padding: 10px;
}
#actualites_cci a:link, #actualites_cci a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#3D4242;
}
#actualites_cci a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#3E647E;
}
#actualites_cci2 {
	width: 325px;
	position: relative;
	overflow: auto;
	display: none;
	height: 300px;
	margin: 32px 0px 0px 0px;
	padding: 10px;
}
#actualites_cci2 a:link, #actualites_cci2 a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#3D4242;
}
#actualites_cci2 a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#3E647E;
}
#formation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3D4242;
	position:absolute;
	top: 184px;
	left: 332px;
	display:block;
	width:410px;
	margin-left:10px;
	padding:0;
}
.les_formations {
	display:block;
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
	clear:none;
}
ul.les_formations li {
	display:block;
	width:197px;
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
}
ul.les_formations li span {
	display:none;
}
ul.les_formations li a {
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
}
ul.les_formations li a.b1 {
	background:   url("general/accueil/btn_emplois_competences.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b1:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b2 {
	background:   url("general/accueil/btn_langues_internationales.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b2:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b3 {
	background:   url("general/accueil/btn_logistique.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b3:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b4 {
	background:   url("general/accueil/btn_management.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b4:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b5 {
	background:   url("general/accueil/btn_encadrement_direction.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b5:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b6 {
	background:   url("general/accueil/btn_developpement_personnel.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b6:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b7 {
	background:   url("general/accueil/btn_gestion_finance.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b7:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b8 {
	background:   url("general/accueil/btn_banque_immobilier.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b8:hover {
	background-position:0px -51px;
}
ul.les_formations li a.b9 {
	background:   url("general/accueil/btn_montagne.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations li a.b9:hover {
	background-position:0px -51px;
}
.les_formations_cci {
	display:block;
	float:left;
	width:200px;
	margin:0 0 0 10px;
	padding:0;
	clear:none;
}
ul.les_formations_cci li {
	display:block;
	width:197px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	float:left;
}
ul.les_formations_cci li span {
	display:none;
}
ul.les_formations_cci li a {
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
}
ul.les_formations_cci li a.bt1 {
	background:   url("general/accueil/btn_internationale.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt1:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt2 {
	background:   url("general/accueil/btn_organisation.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt2:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt3 {
	background:   url("general/accueil/btn_qualite_securite.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt3:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt4 {
	background:   url("general/accueil/btn_creation_reprise.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt4:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt5 {
	background:   url("general/accueil/btn_rh_personnel.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt5:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt6 {
	background:   url("general/accueil/btn_developpement_comm.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt6:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt7 {
	background:   url("general/accueil/btn_bureautique.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt7:hover {
	background-position:0px -51px;
}
ul.les_formations_cci li a.bt8 {
	background:   url("general/accueil/btn_hotellerie_restaurant.gif") no-repeat top left;
	height:51px;
	width:197px;
}
ul.les_formations_cci li a.bt8:hover {
	background-position:0px -51px;
}
ul.les_formations li a.bt9 {
	background:   url("general/accueil/btn_montagne.gif") no-repeat top left;
	height:51px;
	width:197px;
	padding-left:10;
}
ul.les_formations li a.bt9:hover {
	background-position:0px -51px;
}
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3D4242;
	position:absolute;
	top:815px;
	left: 0px;
	display:block;
	float:left;
	width:774px;
	height:14px;
	margin:0px 0px 0px 2px;
	padding:0px;
	background:#EDEDED url(general/color_bottom.gif) no-repeat top left;
	border-top:1px #B5BCC2 solid;
	border-bottom:2px #FFF solid;
	clear:both;
}
#footer ul {
	margin:0px 0px 0px 310px;
	padding:0px;
	list-style-type: none;
}
#footer ul li {
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
	clear:none;
}
#footer ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#717F8A;
	font-weight:bold;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#3573B8;
	text-decoration:none;
}
hr {
	visibility:hidden;
	clear:both;
}
.formations_news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#717F8A;
	width:200px;
	float:left;
	margin:0px 20px 0px 10px;
	padding:0px;
	background:#ECECEC url(general/formations_news.gif) no-repeat;
}
.btn_ok {
	position:relative;
	display:block;
	float:left;
	width:21px;
	height:17px;
	margin:0px;
	padding:0px;
	background:#FFF url(general/bouton_ok.gif) no-repeat;
}
.btn_ok a, .btn_ok1 a {
	position:relative;
	display:block;
	float:left;
	width:21px;
	height:17px;
}
.btn_ok span, .btn_ok1 span {
	display:none;
}
.btn_ok1 {
	position:relative;
	display:block;
	float:left;
	width:21px;
	height:17px;
	margin:3px;
	padding:0px;
	background: url(general/bouton_ok.gif) no-repeat;
}
h5 {
	color:#3E647E;
	background: url(general/puce_bleue.gif) no-repeat;
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
p {
	margin:0px;
	padding:4px 0px 8px 0px;
	text-align:justify;
}
/*-------------------------*/
ul {
	padding:0;
	margin:0;
}
ul#nav {
	list-style:none;
	display:block;
	width:590px;
	height:28px;
	margin:0px;
	padding:0;
	top:27px;
	_top:7px;
	position:relative;
	left:65px;
}
ul#nav li ul {
	background:#fff;
}
#nav li li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	text-decoration:none;
	display:block;
	font-weight:normal;
	color:#717F8A;
	padding:0.2em 10px;
}
#nav li li a:hover {
	padding:0.2em 5px;
	border:5px solid #7d6340;
	border-width:0 5px;
	color:#000;
}
#nav li {
	float:left;
	position:relative;
	text-align:center;
	cursor:default;
	border-width:1px 0;
}
#nav li.organisation, #nav li.organisation li {
	width:148px;
}
#nav li.centre, #nav li.centre li {
	width:104px;
}
#nav li.offre, #nav li.offre li {
	width:104px;
}
#nav li li a:hover {
	border:0;
	border-right:5px solid;
	border-left:5px solid;
}
#nav li.organisation li a:hover {
	border-color:#821C6F;
}
#nav li.centre li a:hover {
	border-color:#ED7D51;
}
#nav li.offre li a:hover {
	border-color:#B45E99;
}
#nav li ul {
	display:none;
	position:absolute;
	top:100%;
	left:-2px;
	font-weight:normal;
	padding:0.5em 0 1em 0;
	margin:0px;
}
#nav li.organisation ul {
	left:-5px;
}
#nav li div a {
	height:30px;
	display:block;
}
#nav li.organisation div a {
	width:153px;
	background:  url(general/menu_cci_formation.gif) no-repeat top left;
}
#nav li.organisation div a:hover {
	background:  url(general/menu_cci_formation.gif) no-repeat 0px -30px;
}
#nav li.centre div a {
	width:104px;
	background:  url(general/menu_cci_formation.gif) no-repeat -153px 0;
}
#nav li.centre div a:hover {
	background:  url(general/menu_cci_formation.gif) no-repeat -153px -30px;
}
#nav li.offre div a {
	width:104px;
	background:  url(general/menu_cci_formation.gif) no-repeat -257px 0px;
}
#nav li.offre div a:hover {
	background:  url(general/menu_cci_formation.gif) no-repeat -257px -30px;
}
#nav li.finance div a {
	width:103px;
	background:  url(general/menu_cci_formation.gif) no-repeat -361px 0px;
}
#nav li.finance div a:hover {
	background:  url(general/menu_cci_formation.gif) no-repeat -361px -30px;
}
#nav li.contact div a {
	width:126px;
	background:  url(general/menu_cci_formation.gif) no-repeat -464px 0px;
}
#nav li.contact div a:hover {
	background:  url(general/menu_cci_formation.gif) no-repeat -464px -30px;
}
#nav li div span {
	display:none;
}
#nav li ul {
	margin:0px;
	padding:0px;
	border:0;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-left:solid 1px;
}
#nav li.organisation ul {
	border-color:#821C6F;
}
#nav li.centre ul {
	border-color:#ED7D51;
}
#nav li.offre ul {
	border-color:#B45E99;
}
#nav li>#nav ul {
	top:auto;
	left:auto;
}
#nav li li {
	display:block;
	background-color:transparent;
	border:0;
	list-style:none;
}
#nav li:hover ul, #nav li.over ul {
	display:block;
}
.titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#7A8792;
	font-weight:bold;
}
.logos {
	padding:0 0 0 5px;
}
.fl {
	display:block;
	float:left;
	width:100px;
	height:52px;
	text-align:center;
}
a.fl {
	text-indent:-9999px;
}
.aci {
	background:url(general/logos/grey/escamp.gif) no-repeat center;
}
.aci:hover {
	background:url(general/logos/escamp.gif) no-repeat center;
}
.esepac {
	background:url(general/logos/grey/esepac.gif) no-repeat center;
}
.esepac:hover {
	background:url(general/logos/esepac.gif) no-repeat center;
}
.cfh {
	background:url(general/logos/grey/cfh.gif) no-repeat center;
}
.cfh:hover {
	background:url(general/logos/cfh.gif) no-repeat center;
}
.esc {
	background:url(general/logos/grey/LogoESC.gif) no-repeat center;
}
.esc:hover {
	background:url(general/logos/LogoESC.gif) no-repeat center;
}
.ifag {
	background:url(general/logos/grey/ifag.gif) no-repeat center;
}
.ifag:hover {
	background:url(general/logos/ifag.gif) no-repeat center;
}

.ieqt {
	background:url(general/logos/grey/ieqt.gif) no-repeat center;
}
.ieqt:hover {
	background:url(general/logos/ieqt.gif) no-repeat center;
}

.links {
	padding:5px 5px 20px 5px;
	text-align:center;
	background: url(general/logos/grey/effet.gif) repeat-x;
}
.links a:link, .links a:visited {
	font-size:10px;
	padding:0 3px;
	color:#3d4242;
}
.links a:hover {
	background:#c7c7c7;
}