/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-family: 'Arial',Verdana,sans-serif;
	font-size: 12.5px;
	font-weight: normal;
	color: #4c4a4f;
}

bold{
	font-style: normal;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


#main{
	position: relative;
	margin-top: 63px;
	background: #FFF;
	min-width: 1100px;
}

p{
	margin-right: 5px;
	line-height: 14px;
}

a{
	text-decoration: none;
	font-size: 12px;
	color: #2565a0;
}

a:hover{
	color: #9aa3ab;
}


/******************/
/***** HEADER *****/
/******************/

#join_h{
	position: relative;
	width:100%;
	height:100px;
	background: url(blanc_haut.jpg) top left repeat-x;
}

#join_gh{
	float: left;
	width:50%;
	height: 100%;
	background: url(bleu_haut.jpg) top left repeat-x;
}

#join_dh{
	position: absolute;
	float: left;
	width:900px;
	height: 100%;
	left:50%;
	margin-left: -450px;
	background: url(blanc_haut.jpg) top left repeat-x;
}

/******************/
/***** LOGO *****/
/******************/

#logo{
	position: relative;
	width:195px;
	height: 167px;
    margin-left: 800px;
    margin-top:-64px;
}

/******************/
/***** footer *****/
/******************/

#footer{
	z-index: 1;
	position: relative;
	width:100%;
	height:60px;
	background: url(blanc_bas.jpg) 0 -45px repeat-x;
}

#foot_gh{
	float: left;
	width:50%;
	height: 100%;
	background: url(bleu_bas.jpg) bottom left repeat-x;
}

#foot_gm{
	position: absolute;
	float: left;
	width:900px;
	height: 100%;
	left:50%;
	margin-left: -450px;
	background: url(bas_m.jpg) 0 -45px no-repeat;
}

#foot_end{
	position: absolute;
	height: 100%;
	width: 800px;
	margin-left: 100px;
	background: url(blanc_bas.jpg) 0 -45px repeat-x;
}



/******************/
/***** gauche *****/
/******************/

#gauche{
	position: relative;
	width:50%;
	height:425px;
	float: left;
	background: url(bleu.jpg) top left repeat;
}

/******************/
/***** droite *****/
/******************/

#droite{
	z-index: 10;
	position: absolute;
	width:1000px;
	height:425px;
	left: 50%;
	margin-left: -450px;
	background: #FFF;
	float: left;
}
#droite_end{
	position: relative;
	height: 100%;
	width: 250px;
	margin-left: 50%;
	background: #FFF;
}
/******************/
/***** contenu *****/
/******************/

#contenu{
	position: relative;
	float: left;
	width: 660px;
}

#contenu p{
	text-align: justify;
	margin-left: 100px;

}

#contenu ul.disc{
	list-style: disc;
	margin-left: 120px;
}

#contenu img.marge{
	float: left;
	margin-top: 18px;
	margin-left: -80px;
}

h1{
	font-family: Georgia,sans-serif;
	text-align: left;
	margin-left: 100px;
	font-size: 1.3em;
	color: #B01513;
}

h2{
	text-align: left;
	margin-left: 100px;
	font-size: 1.05em;
	color: #2565a0;
}

#tabs ul{
	list-style: none;
	margin-left: 50px;
	margin-right: 5px;
}

#tabs p{
	margin-left: 50px;
}

/******************/
/**** sousmenu ****/
/******************/

#sousMenu{
	float: left;
	margin-left: -110px;
	margin-top: 38px;
	width:180px;
}

#sousMenu li{
	height:20px;
}

#sousMenu li a{
	text-decoration: none;
	display: block;
	height:15px;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	color: #9aa3ab;
}

#sousMenu li a:hover{
	color: #2565a0;
}

#sousMenu li.selected a{
	color: #2565a0;
}

#sousMenu li.info{
	margin-left: -11px;
}

#sousMenu li.objectives{
	margin-left: -19px;
}

#sousMenu li.activity{
	margin-left: -29px;
}

#sousMenu li.opp{
	margin-left: -37px;
}

#sousMenu li.founder{
	margin-left: -45px;
}

/*****************/
/* contenu_about */
/*****************/

#contenu_about{
	position: relative;
	float: left;
	width: 580px;
}

#contenu_about h1, #contenu_about h2, #contenu_about p{
	margin-left: 30px;
}

#contenu_about ul{
	list-style: disc;
	margin-left: 55px;
}

/******************/
/****** menu ******/
/******************/

#menu{
	position: relative;
	float: left;
	background: url(phi.jpg) top left no-repeat;
	width:320px;
	height:455px;
	margin-top: -101px;
	margin-left: -101px;
}

#menu ul{
	margin-top: 160px;
}

#menu li{
	height: 13px;
	margin-bottom: 12px;
	text-align: center;
}

#menu li a{
	text-decoration: none;
	display: block;
	height:15px;
	background: url(boutons2.png);
	text-indent: -9999px;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	color: #aab4bd;
}

/*home*/
#menu li a.home{
	margin-left: 129px;
	width:34px;
	background-position: left 149px;
}

#menu li a.home:hover{
	margin-left: 129px;
	width:34px;
	background-position: -1px -150px;
}

#menu li a.home.active, #menu li a.home.active:hover{
	background-position: top left;
}

/*about*/
#menu li a.about{
	margin-left: 111px;
	background-position: 550px 149px;
	width:40px;
}
#menu li a.about.active, #menu li a.about.active:hover{
	background-position: 549px top;
}
#menu li a.about:hover{
	background-position: 549px -150px;
}
/*newsletter*/
#menu li a.news{
	margin-left: 70px;
	background-position: 491px 149px;
	width:70px;
}
#menu li a.news.active, #menu li a.news.active:hover {
	background-position: 490px top;
}
#menu li a.news:hover{
	background-position: 490px -150px;
}
/*programm*/
#menu li a.prog{
	margin-left: 15px;
	background-position: 401px 149px;
	width:115px;
}

#menu li a.prog.active, #menu li a.prog.active:hover{
	background-position: 400px top;
}
#menu li a.prog:hover{
	background-position: 400px -150px;
}
/*part*/
#menu li a.part{
	margin-left: 7px;
	background-position: 264px 149px;
	width:115px;
}
#menu li a.part.active, #menu li a.part.active:hover{
	background-position: 263px top;
}
#menu li a.part:hover{
	background-position: 263px -150px;
}

/*contact*/
#menu li a.contact{
	margin-left: 56px;
	background-position: 126px 149px;
	width:53px;
}
#menu li a.contact.active, #menu li a.contact.active:hover{
	background-position: 125px top;
}
#menu li a.contact:hover{
	background-position: 125px -150px;
}


/*links*/
#menu li a.links{
	margin-left: 68px;
	background-position: 53px 149px;
	width:32px;
}
#menu li a.links.active, #menu li a.links.active:hover{
	background-position: 52px top;
}
#menu li a.links:hover{
	background-position: 52px -150px;
}

/***************************************************/
/******************   TOOLTIP    *******************/
/***************************************************/

#demotip{
	display: none;
	background: url(../tooltip/white_arrow.png) transparent no-repeat;
	height: 40px;
	width: 160px;
	padding: 40px 25px;
	font-size: 13px;
	margin-left: 15px;
	margin-top: 30px;
	color: #2565a0;
}

/***************************************************/
/******************   PARTNER    *******************/
/***************************************************/

.partner a img{
	margin-right: 12px;
}

#credits{
	float: right;
	margin-top: 48px;
	margin-right: 25px;
	color: #2565a0;
}

/***************************************************/
/******************   FORMULAIRE   *****************/
/***************************************************/

form{
	margin-left: 100px;
}

#mappy{
	float: right;
	margin-top: -230px;
	margin-right: 20px;
}

h2.validate{
	color: #B01513;
	margin-left: 70px;
}

#molly{
	position: relative;
	width:200px;
	margin-left: -50px;
	margin-top: 50px;
}

#molly h2{
	font-weight: normal;
	margin: 0;
	padding-left: 20px;
}