/*****************************************************/
/*                      CSS							 */
/*****************************************************/
/*	Author: Adrien van DELFT						 */
/*													 */
/*	Date : 15/05/08					 				 */
/*	Client : GEIQ							         */
/*													 */
/*													 */
/*													 */
/*****************************************************/





*{
	margin:	0;
	padding:0;
}
	
html, body {
	margin:0;
	padding:0;
	font-family:Verdana, Tahoma;
	background:#bdbebf url(../medias/sfx/body_bg.jpg) repeat-x;
	font-size: 11px;
}

a img {border:0;}

img{
	border:0;
	}

h1{
	position: absolute;
	margin-top: -200px;
	}

h2{
	font-size: 11px;
	display: block;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 15px;
	}

h3{
	height: 14px;
	display: block;
	background: url(../medias/sfx/h3.png) no-repeat;
	width:525px;
	color: #f6a807;	
	font-size: 11px;
	padding-left: 15px;
	margin-top: 20px;
	font-weight: normal;
	}	

#container{
	position: absolute;
	width:914px;
	left: 50%;
	margin-left: -448px;
	margin-top: 187px;
	padding-bottom: -30px;
	z-index: 0;
	background: url(../medias/sfx/container_bg2.png) repeat-y !important;
	background: url(../medias/sfx/container_bg2.gif) repeat-y;
	}

#contenu{
	position: relative;
	}

#contenuPrincipal{
	margin-left: 305px;
	margin-top: 40px;
	color: #fff;
	width: 554px;
	background: url(../medias/sfx/contenu_box_bg.jpg) repeat-x;
	line-height: 14px;
	min-height: 700px;
	padding: 15px;
	z-index:100;
	}


	
/* Hack for min Height */
.propContenuPrincipal {
    height:700px;
    float:right;
    width:1px;
  }
  
.clearContenuPrincipal {
    clear:both;
    height:1px;
    overflow:hidden;
  }
/* fin de hack */


#contenuPrincipal:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #contenuPrincipal {height: 1%;}
#contenuPrincipal {}
/* End hide from IE-mac */

a {text-decoration: underline;color:#f6a807;}

#contenuHaut{
	height:25px;
	width: 1000px !important;
	margin-left:0px !important;
	width:990px;
	margin-left:5px;
	position: relative;
	}
	
#contenuBasAcc{
	position: relative;
	height:25px;
	width: 1000px !important;
	margin-left:0px !important;
	width:990px;
	margin-left:5px;
	display: block;
	color: #fff;
	}
	
#contenuBas{
	position: relative;
	height:55px;
	width: 1000px !important;
	margin-left:0px !important;
	width:990px;
	margin-left:5px;
	display: block;
	color: #fff;
	}
#header{
	position: absolute;
	display: block;
	left:50%;
	margin: 0px 0px 0px -444px;
	width: 900px;
	height:187px;
	background: url(../medias/sfx/header.jpg) no-repeat;
	}
#logo a {
	position: absolute;
	left: 50%;
	margin-left: -444px;
	margin-top: 130px;
	height:80px;
	width:146px;
	text-indent: -5000px;
	background: url(../medias/sfx/logo.jpg) no-repeat;
	}
	
	
	
	
	
	
	
	
/*//////////////////////////////////////////*/
/*             SOUS-MENU  					*/
/*//////////////////////////////////////////*/
	
	
#SubTitle{
	width: 258px;
	height: 27px;
	text-indent: -5000px;
	background: url(../medias/sfx/titre.jpg) no-repeat;
	}

body#actu #SubTitle {background: url(../medias/img/titre-actu.jpg) no-repeat;}
body#contact #SubTitle {background: url(../medias/img/titre-contact.jpg) no-repeat;}
body#geiq #SubTitle {background: url(../medias/img/titre-geiq.jpg) no-repeat;}
body#mention #SubTitle {background: url(../medias/img/titre-mention.jpg) no-repeat;}
body#metiers #SubTitle {background: url(../medias/img/titre-metiers.jpg) no-repeat;}
body#plansite #SubTitle {background: url(../medias/img/titre-plan.jpg) no-repeat;}
body#liensutiles #SubTitle {background: url(../medias/img/titre-liens.jpg) no-repeat;}

#subMenuGeiq{
	position: absolute;
	left: 50%;
	margin-left: -423px !important;
	margin-left: -423px;
	margin-top: 227px;
	padding-bottom: 345px; 
	height:420px;
	width: 258px;
	background:#707072 url(../medias/sfx/submenu_bg_geiq.jpg) repeat-x;
	z-index: 5;
	background-position: bottom;
	}
	
#subMenuMetiers{
	position: absolute;
	left: 50%;
	margin-left: -423px !important;
	margin-left: -423px;
	margin-top: 227px;
	padding-bottom: 345px; 
	height:340px;
	width: 258px;
	background:#707072 url(../medias/sfx/submenu_bg_metiers.jpg) repeat-x;
	z-index: 5;
	background-position: bottom;
	}
	
#subMenuArticle{
	position: absolute;
	left: 50%;
	margin-left: -423px !important;
	margin-left: -423px;
	margin-top: 227px;
	padding-bottom: 345px; 
	/*height: 475px;*/
	width: 258px;
	background:#707072 url(../medias/sfx/submenu_bg_parcours.jpg) repeat-x;
	z-index: 5;
	background-position: bottom;
	}
	
#subMenuContact{
	position: absolute;
	left: 50%;
	margin-left: -423px !important;
	margin-left: -423px;
	margin-top: 227px;
	padding-bottom: 345px; 
	height: 190px;
	width: 258px;
	background:#707072 url(../medias/sfx/submenu_bg_contact.jpg) repeat-x;
	z-index: 5;
	background-position: bottom;
	}
	
#subMenuActu{
	position: absolute;
	left: 50%;
	margin-left: -423px !important;
	margin-left: -423px;
	margin-top: 227px;
	padding-bottom: 345px; 
	/*height: 475px;*/
	width: 258px;
	background:#707072 url(../medias/sfx/submenu_bg_actu.jpg) repeat-x;
	z-index: 5;
	background-position: bottom;
	}


#subMenuGeiq ul, #subMenuMetiers ul, #subMenuArticle ul, #subMenuContact ul, #subMenuActu ul {list-style-type: none;margin-top: 20px;}

#subMenuGeiq li, #subMenuMetiers li, #subMenuArticle li, #subMenuContact li, #subMenuActu li {margin-top: 15px;margin-left: 20px;}

#subMenuGeiq li a, #subMenuMetiers li a, #subMenuArticle li a, #subMenuContact li a, #subMenuActu li a{
	display: block;
	background: url(../medias/sfx/submenu_link_bg.jpg) no-repeat ;
	height: 16px;
	width:219px;
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
	}	


#subMenuGeiq li a:hover, #subMenuGeiq li a.current, #subMenuMetiers li a:hover,  #subMenuMetiers li a.current, #subMenuArticle li a:hover, #subMenuArticle li a.current, #subMenuContact li a:hover, #subMenuContact li a.current, subMenuActu li a:hover, #subMenuActu li a.current{
	background-position: 0px -16px !important;
	background-position: 0px -16px ;
	padding-left: 30px;
	width: 189px;
	}
	
#subMenu img {margin-top: 15px;margin-left: 15px;}


body #listActu {margin-top: 5px;}
body #listActu li {margin-top: 5px;margin-left: 35px;}

body #listActu li a {
	padding-left: 13px;
	background: url(../medias/sfx/bullet1.gif) no-repeat;
	background-position: 0px 2px;
	height: 10px;
	padding-left: 13px;
	}

body #listActu li a:hover,body #listActu li a.current {
	background-position: 0px -8px ;
	padding-left: 13px;
	color: #f6a807;
	width:230px;
	}	









	
/*///////////////////////////////////////////*/
/*             MENU                       */
/*///////////////////////////////////////////*/

	
#menuPrincipal{
	position: absolute;
	left:50%;
	margin: 187px 0px 0px -299px;
	height:23px;
	width:740px;
	z-index:50;
	}

#menuPrincipal ul {list-style-type:none; }

#menuPrincipal li{float: left;}	
	
	
#menuPrincipal li a {
	display: block;
	height: 23px;
	text-indent: -5000px;
	}

#menuPrincipal li a:hover{background-position: 0px -23px;}
#menuPrincipal li a.current{background-position: 0px -23px;}

#menu1{	background: url(../medias/sfx/menu1.jpg) no-repeat;	width: 185px;}
#menu2{	background: url(../medias/sfx/menu2.jpg) no-repeat;	width: 185px;}
#menu3{	background: url(../medias/sfx/menu3.jpg) no-repeat;	width: 185px;}
#menu4{	background: url(../medias/sfx/menu4.jpg) no-repeat;	width: 185px;}


#menuContainer{
	position: absolute;
	display:block;
	width: 739px;
	height: 10px;
	margin: 210px 0px 0px -300px;
	z-index: 1000;
	left: 50%;
	}

html .sous-rubrique{list-style-type: none;margin:0;padding:0;text-align: center;}


.sous-rubrique li a {
	display:block;
	width: 100%;
	background-color: #33333d;
	color:#fff;
	padding:3px;
	text-decoration:none;
	/*height : 22px;*/
	border-bottom:#68696b 1px solid;
	}

		
.sous-rubrique li a:hover {
	background-color: #f9a801;
	color:#ffffff;
}

	
#menu1Content,#menu2Content,#menu3Content,#menu4Content,#menu5Content{background: #33333d;}
	
	
	
/*///////////////////////////////////////////*/
/*             ACCUEIL                       */
/*///////////////////////////////////////////*/



#homeBloc1{
	width:237px;
	color: #fff;
	float: left;
	background: url(../medias/sfx/homeBloc1_bg.jpg) repeat-x;
	margin: 37px 0px 0px 18px !important;
	margin: 37px 0px 0px 10px;
	}
.ie #homeBloc1{margin: 37px 0px 0px 0px;}
.gecko #homeBloc1{margin: 37px 0px 0px 0px !important;}

#homeBloc1 p {margin: 10px 10px 10px 10px;}

#plusInfoBtn{margin: 0px 10px 40px 0px;float: right;}

#reflexGeiq{margin: 0px 0px 0px 0px;}

#homeBloc2{
	width:356px;
	color: #fff;
	float: left;
	background: url(../medias/sfx/homeBloc2_bg.jpg) repeat-x;
	margin: 37px 0px 0px 18px;
	}
#homeBloc2 p {
	margin: 10px 10px 10px 10px;
	}
#homePlayer{
	margin: 0px 0px 0px 10px;
	width:335px;
	height:260px;
	z-index:0;
	}
	

#homeBloc3{
	width:240px;
	color: #fff;
	float: left;
	margin: 37px 0px 0px 18px;
	}
#homeBloc3-1{
	background: url(../medias/sfx/homeBloc3_mini_bg.jpg) repeat-x;
	}
#homeBloc3-1 p,.homeBloc3-1-img {margin: 10px;}

#homeBloc3-2-encadre{
	padding-top:15px;
	height:145px;
	width:240px;
	}

#homeBloc3-2{
	background: url(../medias/sfx/homeBloc3_mini_bg.jpg) repeat-x;
	height:160px;
	width:240px;
	}

#homeBloc3-1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #homeBloc3-1 {height: 1%;}
#homeBloc3-1 {display: block;}
/* End hide from IE-mac */

#temoignage3{
	float: right;
	margin-bottom: 5px;
	margin-right: 10px;
	}

.homeBlocActu{
	display: block;
	width: 200px;
	height:22px;
	background: #fff;
	background:#fff url(../medias/sfx/temoignage_bg.jpg) no-repeat;
	background-position: bottom right;
	color: #33333c;
	margin: 10px 0px 10px 10px;
	text-decoration: none;
	padding:4px 10px 4px 10px;
	font-size:10px;
	}
.homeBlocActu img {float: left;margin: 2px;}

#homeBloc:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#illustrationBiactif{
	width:220px;
	height:80px;
	padding:0 10px 0 10px;
}


* html #homeBloc {height: 1%;}
#homeBloc {
	display: block;	
	margin:0px 0px 0px 18px;
	}


#plusActuBtn{
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	}

.homeBtn{
	display: block;
	height:19px;
	padding-top: 3px;
	padding-left: 24px;
	background: url(../medias/sfx/homeBtn_bg.jpg) no-repeat;
	color: #fff;
	text-decoration: none;
	padding-right: 12px;
	}

a.reflexeBtn{
	width:115px;
	height:19px;
	display:block;
	background-image:url(../medias/sfx/ayez-reflexe-geiq.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:10px;
}

a.reflexeBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}
	
	
#prendreRdv-encadre{
	width:234px;
	height:107px;
	margin-top:10px;
	float:left;
	background-color:#1f1e24;
}

#prendreRdv-illus{
	width:234px;
	height:87px;
	float:left;
	background-image:url(../medias/img/encart-casque.jpg);
}
	
a.prendreRdvBtn{
	width:82px;
	height:19px;
	display:block;
	background-image:url(../medias/sfx/prendre-rdv.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:10px;
}

	
a.prendreRdvBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}

a.savoirPlusBtn{
	width:92px;
	height:19px;
	display:block;
	background-image:url(../medias/sfx/savoir-plus.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:10px;
}

a.savoirPlusBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	width:92px;
	}
	
a.plusActuBtn{
	width:80px;
	height:19px;
	display:block;
	background-image:url(../medias/sfx/plus-actu.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:10px;
}

a.plusActuBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}
	
a.minteresseBtn{
	width:93px;
	height:19px;
	/*display:block;*/
	background-image:url(../medias/sfx/caminteresse.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:10px;
}

a.minteresseBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}
	
a.envoiAmiBtn{
	width:101px;
	height:19px;
	/*display:block;*/
	background-image:url(../medias/sfx/envoiami.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:10px;
}

a.envoiAmiBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}
	
a.plusInfosBtn{
	width:77px;
	height:19px;
	/*display:block;*/
	background-image:url(../medias/sfx/plus-infos.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:250px;
}

a.plusInfosBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}
	
a.contactezPush{
	width:218px;
	height:55px;
	display:block;
	background-image:url(../medias/img/contactez-nous.jpg);
	background-repeat:no-repeat;
	float:left;
	/*margin:25px 0 0 20px;*/
	margin:12px 0 0 20px;
}

* html a.contactezPush {margin:25px 0 0 10px;}

a.contactezPush:hover{
	background-position: 0px -55px !important;
	background-position: 0px -55px ;
	}

a.deposCandidature{
	width:218px;
	height:55px;
	display:block;
	background-image:url(../medias/img/depos-candidature.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:12px 0 0 20px;
}

* html a.deposCandidature {margin:10px 0 0 10px;}

a.deposCandidature:hover{
	background-position: 0px -55px !important;
	background-position: 0px -55px ;
	}
	
a.deposCandidature2{
	width:218px;
	height:55px;
	display:block;
	background-image:url(../medias/img/depos-candidature.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:25px 0 0 20px;
}

* html a.deposCandidature2 {margin:25px 0 0 10px;}

a.deposCandidature2:hover{
	background-position: 0px -55px !important;
	background-position: 0px -55px ;
	}
	
a.biactifPush{
	width:218px;
	height:55px;
	display:block;
	background-image:url(../medias/img/parcours-biactif.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:25px 0 0 20px;
}

* html a.biactifPush {margin:25px 0 0 10px;}

a.biactifPush:hover{
	background-position: 0px -55px !important;
	background-position: 0px -55px ;
	}


.propHome {
    height:200px;
    float:right;
    width:1px;
  }

 .clearHome {
    clear:both;
    height:1px;
    overflow:hidden;
  }





/*///////////////////////////////////////////*/
/*             FOOTER					 */
/*///////////////////////////////////////////*/


#textContainer{
	margin: 0px 25px 0px 25px;
	width: 950px;
	}

#footer {
	display: block;
	width:1098px;
	height:156px;
	background: url(../medias/sfx/footer.jpg) no-repeat;
	margin-top: 20px;
	margin-left: -186px;
	}

#footer span {
	display: block;
	float: right;
	color: #707071;
	font-size: 10px;
	margin-right: 3px;
	margin-top: 44px;
	overflow: hidden;
	}

#footer a {
	color: #707071;
	text-decoration: none;
	}

#footer a:hover {
	color: #707071;
	text-decoration: underline;
	}



/*//////////////////////////////////////////*/
/*             PAGE PLAYER					*/
/*//////////////////////////////////////////*/
	
#containerBtn1, #containerBtn2, #containerBtn3{
	background: #414148;
	/*width: 540px;*/
	display: block;
	margin-top: 10px;
	padding: 10px;
	}	
	
#containerBtn3{
	height: 60px;
	}
#containerBtn3 form {padding-top: 20px;padding-left: 70px;}	
	

#menuPlayeur{height: 19px;margin-top: 10px;}

/*#menuPlayeur a {
	float: right;
	height: 17px;
	background: url(../medias/sfx/envoyer.jpg) no-repeat;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 2px;
	margin-left: 15px;
	text-decoration: none;
	color: #fff;
	}
#menuPlayeur a:hover,#menuPlayeur a.current {background-position: 0px -19px;}*/

/*//////////////////////////////////////////*/
/*             PAGE CONTACT					*/
/*//////////////////////////////////////////*/


#formContact{
	height:573px;
	margin: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 300px;
	}
	
#label1{position: absolute;margin: 12px 0px 0px 0px;}
#label2{position: absolute;margin: 38px 0px 0px 0px;}
#label3{position: absolute;margin: 64px 0px 0px 0px;}
#label4{position: absolute;margin: 90px 0px 0px 0px;}
#label5{position: absolute;margin: 90px 0px 0px 310px;}
#label6{position: absolute;margin: 116px 0px 0px 0px;}
#label7{position: absolute;margin: 142px 0px 0px 0px;}
#label8{position: absolute;margin: 168px 0px 0px 0px;}
#label9{position: absolute;margin: 194px 0px 0px 0px;}
#label10{position: absolute;margin: 220px 0px 0px 0px;}
#label11{position: absolute;margin: 246px 0px 0px 0px;}
#container1{position: absolute;margin: 395px 0px 0px 0px;background-color: #33333c;width:547px;height:110px;}
#label12{position: absolute;margin: 400px 0px 0px 10px;}
#label13{position: absolute;margin: 430px 0px 0px 10px;}

#input1-1{position: absolute;margin: 12px 0px 0px 100px;}
#input1-2{position: absolute;margin: 12px 0px 0px 250px;}
#input1-3{position: absolute;margin: 12px 0px 0px 425px;}
#input2{position: absolute;margin: 38px 0px 0px 130px;border:1px solid #aab19e;}
#input3{position: absolute;margin: 64px 0px 0px 130px;border:1px solid #aab19e;}
#input4{position: absolute;margin: 90px 0px 0px 130px;border:1px solid #aab19e;}
#input5{position: absolute;margin: 90px 0px 0px 380px;border:1px solid #aab19e;}
#input6{position: absolute;margin: 116px 0px 0px 130px;border:1px solid #aab19e;}
#input7{position: absolute;margin: 142px 0px 0px 130px;border:1px solid #aab19e;}
#input8{position: absolute;margin: 168px 0px 0px 130px;border:1px solid #aab19e;}
#input9{position: absolute;margin: 194px 0px 0px 130px;border:1px solid #aab19e;}
#input10{position: absolute;margin: 220px 0px 0px 130px;border:1px solid #aab19e;}
#input11{position: absolute;margin: 246px 0px 0px 130px;width:425px;height:120px;border:1px solid #aab19e;font-family:Verdana, Tahoma;	font-size: 13px; }
#input12{position: absolute;margin: 430px 0px 0px 170px;border:1px solid #aab19e;width: 160px;}
#input13{position: absolute;margin: 455px 0px 0px 170px;border:1px solid #aab19e;width: 160px;}

#gabarit4 .txtContact{color:#05bdb4;}

.txtContact2{
	font-size:10px;
}

#formBtns{
	/*float: right;*/
	text-align: right;
	margin-top: -70px;
	margin-right: 7px;
	}

.SI-FILES-STYLIZED label.cabinet{	
	position: relative;
	background: url(../medias/sfx/joindre.jpg) no-repeat;
    width: 110px;
    height: 19px;
    display: block;
    overflow: hidden;
    cursor:pointer;
}

.SI-FILES-STYLIZED label.cabinet:hover{	
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
}

.SI-FILES-STYLIZED label.cabinet input.file{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#submitBtn{
	border: 0px;
	color: #fff;
	height: 19px;
	width: 69px;
	background: url(../medias/sfx/envoyer.jpg) no-repeat;
	text-align: center;
	font-size: 11px;
	padding-left: 16px;
	margin-top:10px;
	}

#submitBtn:hover{
	background-position: 0px -19px !important;
	background-position: 0px -19px ;
	}


#form_error{color:#f6a807}



	
	
/*//////////////////////////////////////////*/
/*             ARTICLE :: STYLE DE TEXT		*/
/*//////////////////////////////////////////*/


.listText{
	padding-left: 13px;
	background: url(../medias/sfx/bullet1.gif) no-repeat;
	background-position: 0px 2px;
	}

	
.listText a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.listText a:hover{
	color:#ffffff;
	text-decoration:underline;
	}


.listText2{
	padding-left: 15px;
	background: url(../medias/sfx/fleche.png) no-repeat;
	background-position: 0px 1px;
	color: #f6a807;
	}
	
.listText2 a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.listText2 a:hover{
	color:#ffffff;
	text-decoration:underline;
	}

a.mention{
	color:#ffffff;
	text-decoration:none;
}

a.mention:hover{
	color:#ffffff;
	text-decoration:underline
}