@charset "utf-8";

html {
	margin			: 0;
	padding			: 0;
	height			: 100%;
}

body {
	margin			: 0;
	padding			: 0;
	background-color: #e7ad00;
	font-size		: 12px;
	height			: 100%;
}

body, td, th {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
}

div, ul, li, form, p {
    margin			: 0;
    padding			: 0;
}

body, p, td, th, div, a{ 
	line-height		: 1.3em;
}

a {
	color			: #000;
	text-decoration	: none;
}

a:hover {
	color			: #0f7493;
}

img {
	border			: 0px none;
}

div {
	/*position 		: relative;*/
}

ul {
	list-style		: none;
}

.clearBoth {
	height			: 0;
	font-size		: 0;
	line-height		: 0;
	clear			: both;
}

h1 {
	color 			: #000;
	font-size		: 16px;
	font-weight		: bold;
	letter-spacing	: 0.4px;
	margin			: 6px 0 20px 0;
}

h2 {
	font-size		: 15px;
	font-weight		: bold;
	color			: #0068a0;
}

h3 {
	font-size		: 14px;
	letter-spacing	: -0.6px;
	font-weight		: bold;
}

p.puce {
	margin-top		: 15px;
	background-image: url('img/home/puce_jaune.gif');
	background-repeat: no-repeat;
	margin-left		: -25px;
	padding-left	: 25px;
	margin-top		: 18px

}


/******************************************************************************************************** CONTENT */

#global {
	height:100%;
	position		: relative;
	background		: url('img/ombreGauche.gif') repeat-y top left;
	width			: 1004px;
	height			: 1155px;
	margin-left		: auto;
	margin-right	: auto; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#globalContent {
	height:100%;
	background		: #e7ad00 url('img/fond_ciel.jpg') no-repeat top left;
	width			: 1004px;
	height			: 1350px;
	margin-left		: auto;
	margin-right	: auto
}

#headerGauche {
	padding			: 45px 0 0 0;
	width			: 704px;
	text-align		: right;
	height			: 120px;
}

#headerDroite {
	position		: relative;
	margin-left		: auto;
	margin-right	: auto;
	width			: 200px;
	padding			: 0 0 0 100px;
	height			: 165px;
}

#liensHautDroite {
	position		: relative;
	width			: 150px;
	background-color: #006;
	height			: 32px;
	border-left 	: 1px solid #fff;
	border-right 	: 1px solid #fff;
	border-bottom 	: 1px solid #fff;
}

#liensHautDroite li {
	float			: left; 
}

#liensHautDroite a {
	padding			: 10px 6px 0 6px;
	text-align		: center;
	width			: 63px;
	height			: 22px;
	display			: block;
	font-size		: 8px;
	color			: #fff;
	text-transform	: uppercase;
}

#liensHautDroite a:hover {
	background-color: #63b6db;
	padding			: 10px 6px 0 6px;
	width			: 63px;
	height			: 22px;
	font-size		: 8px;
	color			: #fff;
	text-transform	: uppercase;
}

#gauche {
	height			: 100%;
	width			: 704px;
	text-align		: left;
	min-height		: 1060px;
	background		: url('img/fondBlancOmbre24bits.png') repeat-y top right;
}

#gaucheContent {
	width			: 610px;
	padding			: 20px 32px 60px 50px;
	min-height		: 1073px;
}

#gaucheMenu {
	width			: 704px;
	height			: 44px;
	background		: url('img/fondBlancHaut.gif') no-repeat top right;
}

#gaucheMenu ul li {
	float			: left;
}
#gaucheMenu ul li a {
}
.voirProg {
	text-align		: right;
}

.voirProg a {
	font-size		: 11px;
	color			: #4ec3fe;
	text-decoration	: underline;
}

#droite {
	position		: relative;
	left			: -12px;
	width			: 312px;
	padding			: 0;
	height			: 990px;
}

#btnAccueil {
	position		: absolute;
	left			: -5px;
}

.fildarianne {
	margin			: 36px 0 0 50px;
	color			: #4ec3fe;
}

.fildarianne a {
	color			: #4ec3fe;
}

.blocDroite {
	position		: relative;
	margin			: 0 0 12px 0;
	padding			: 0;
	color			: #fff;
	font-size		: 10px;
	width			: 286px;
}

.blocDroiteHaut {
	padding			: 2px 4px 16px 12px;
	color			: #fff;
	font-size		: 10px;
}

.blocDroiteParticiper {
	position		: absolute;
	bottom			: -8px;
	left			: 206px;
}

.blocDroiteSinscrire {
	position		: absolute;
	bottom			: -6px;
	left			: 10px;
}

.parrain {
	position		: absolute;
	left			: 0;
	margin			: 12px 0 0 0;
	padding			: 0;
	text-align		: center;
}

.parrain h4 {
	font-size		: 14px;
	font-weight		: bold;
	color			: #fff;
	margin			: 0;
	padding			: 0;
}

.titreDroite {
	margin			: 20px 0 10px 10px;
}

.blocDroite h3 {
	font-size		: 13px;
}

#headerTop {
	padding			: 0 40px 0 36px;
	width			: 924px;
	text-align		: left;
	height			: 32px;
}

.agora2009 {
	width			: 621px;
	padding			: 40px 0 0 0;
	font-size		: 11px;
	color			: #fff;
}

.agora2009 p {
	line-height		: 1em;
}

.agora2009 h2 {
	font-size		: 15px;
	font-weight		: bold;
	color			: #0068a0;
}

.tdagora2009 {
	background-color: #b6b6b6;
	padding			: 8px 14px 10px 14px;
	color			: #ffffff;
}

.enPartenariatAvec {
	position		: relative;
	width			: 561px;
	margin			: 40px 0 0 0;
	padding			: 23px 30px 23px 30px;
	background-color: #b6b6b6;
	font-size		: 11px;
}

.enPartenariatAvecTitre {
	position		: absolute;
	top				: -12px;
	left			: 30px;
}

fieldset {
	background		: #fff;
	padding			: 10px; 
	margin			: 6px 0;
	border			: none;
}

select, input {
	font-size		: 11px;
}

.nav {
	float			: left;
	margin			: 30px 0 50px 0;
}

.navTitre   {
	font-size		: 14px;
	background		: url('img/fond_ul_nav.gif') no-repeat;
	width			: 173px;
	height			: 42px;padding-left:10px; padding-right:0; padding-top:8px; padding-bottom:0
}

.navTitre a {
	color			: #0062ac;
}

.navTitre a:hover {
	color			: #828282;
}

.nav ul li {
	margin			: 0;
	font-size		: 10px;
	padding			: 0 0 0 12px;
	width			: 183px;
}

.nav ul li a {
	color			: #828282;
}

.nav ul li a:hover {
	color			: #313131;
}

.blocGris {
	margin			: 0 0 20px 0;
}

.blocJaune {
	margin			: 0 0 20px 0;
}

.blocGrisHaut {
	width			: 575px;
	background		: url('img/fondCadre.gif') no-repeat left top;
	height			: 31px
}

.blocJauneHaut {
	width			: 575px;
	background		: url('img/fondCadreJaune.gif') no-repeat left top;
	height			: 31px
}

.blocGrisHaut span {
	display			: inline-block;
	background-color: #b6b6b6;
	color			: #fff;
	font-size		: 13px;
	font-weight		: bold;
	height			: 15px;
	padding			: 6px 10px 10px 10px;
	line-height		: 20px;
}

.blocJauneHaut span {
	display			: inline-block;
	background-color: #e8b008;
	color			: #fff;
	font-size		: 13px;
	font-weight		: bold;
	height			: 15px;
	padding			: 6px 10px 10px 10px;
	line-height		: 20px;
}

.blocGrisMilieu {
	width			: 549px;
	border-left		: 1px solid #b6b6b6;
	border-right	: 1px solid #b6b6b6;
	padding			: 22px 12px 22px 12px;
	color			: #000000;
	font-size		: 12px;
}

.blocJauneMilieu {
	width			: 549px;
	border-left		: 1px solid #e8b008;
	border-right	: 1px solid #e8b008;
	padding			: 22px 12px 22px 12px;
	color			: #000000;
	font-size		: 12px;
}

.blocGrisBas {
	width			: 573px;
	border-bottom	: 1px solid #b6b6b6;
	border-left		: 1px solid #b6b6b6;
	border-right	: 1px solid #b6b6b6;
}

.blocJauneBas {
	width			: 573px;
	border-bottom	: 1px solid #e8b008;
	border-left		: 1px solid #e8b008;
	border-right	: 1px solid #e8b008;
}

.blocGrisBas .participer, .blocJauneBas .participer {
	position		: relative;
	left			: 526px;
	top				: 10px;
}

.blocJauneBas .sinscrire {
	position		: relative;
	left			: 400px;
	top				: 24px;
}

.encardGris {
	font-size		: 12px;
	line-height		: 12px;
 	background-color: #b6b6b6;
	width			: 320px;
	color			: #fff; 
	padding			: 2px 6px 10px 6px;
}

.encardGris a {
	color			: #fff;
}
#flbdiv {
	background		: #e7ad00 none repeat scroll 0 0;
	border			: 1px solid #000000;
	height			: 360px;
	left			: 400px;
	padding			: 10px;
	position		: absolute;
	top				: 450px;
	width			: 250px;
	z-index			: 2;
}

#flbdiv .close {
	float			: right;
}
#footer {
	bottom			: 0;
	padding			: 12px 0 0 0;
	height			: 30px;
	background-color: #f0f0f0;
	width			: 692px;
	color			: #535353;
	font-size		: 11px;
	text-align		: center;
}