body {
	background-color: #8d8d8d;
	color:#FFF;
	padding: 0;
	margin: 0;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}
p, h1, h2, h3{
	padding: 0;
	margin: 0;
	padding-top:0.4em;
	}


h1{	font-size: 115%;
	font-weight:normal;
	}
h2{	font-size: 110%;
	font-weight:normal;
	}
h3{	font-size: 100%;
	font-weight:normal;
	}


#content {
	width: 1024px;
	height: auto;
	color: #080808;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 100%;
	height: 115px;
	position: relative;
	top: 0;
	left: 0;
	color: #040404;
}

#header a {
	color:#fff;
	text-decoration:none;
	font-size: 13px;
	display: inline;
	width: 18%;
	height: 20px;
	position: relative;
	top: 95px;
	left: 0;
	font-variant: small-caps;
	padding-left: 15px;
}
#header a:hover{
	color: #a1d425;
}

#visuels {
	height: 341px;
	width: 1024px;
	position: relative;
	top: 0;
	color: #020202;
	margin-right: auto;
	margin-left: auto;
	background: no-repeat url(images/visuels_fond.gif);
}

#texte {
	position: relative;
	top: 0;
	height: auto;
	width: 1024px;
	color: #fff;
	margin-right: auto;
	margin-left: auto;	
}

body.index #texte{color: #f5cce2;}

#col1 {
	width: 255px;
	height: 341px;
	position: absolute;
	top: 0;
	left: 0;
	border-right: dashed #ffffff 1px;}

#col2 {
	width: 255px;
	height: 341px;
	position: absolute;
	top: 0;
	left: 256px;
	border-right: dashed #ffffff 1px;
}
#col3 {
	width: 255px;
	height: 341px;
	position: absolute;
	top: 0;
	left: 512px;
	border-right: dashed #ffffff 1px;
}
#col4 {
	width: 256px;
	height: 341px;
	position: absolute;
	top: 0;
	left: 768px;
}
#col1 a, #col2 a, #col3 a, #col4 a{ 
  display: block;
  width: 100%;
  height: 100%;
 }



#col1 a {background: no-repeat url(images/eteint1b.gif);}
#col2 a {background: no-repeat url(images/eteint2b.gif);}
#col3 a {background: no-repeat url(images/eteint3b.gif);}
#col4 a {background: no-repeat url(images/eteint4b.gif);}

body.index #col1 a {background: no-repeat url(images/eteint1.gif);}
body.index #col2 a {background: no-repeat url(images/eteint2.gif);}
body.index #col3 a {background: no-repeat url(images/eteint3.gif);}
body.index #col4 a {background: no-repeat url(images/eteint4.gif);}

#col1 a:hover, #col2 a:hover, #col3 a:hover, #col4 a:hover, 
body.index #col1 a:hover, body.index #col2 a:hover, body.index #col3 a:hover, body.index #col4 a:hover{
  background: transparent none;
}

/*#col5 {
	width: 250px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 0.3em;
}

#col6 {
	width: 250px;
	position: absolute;
	top: 0;
	left: 256px;
	padding-left: 0.3em;
}
#col7 {
	width: 250px;
	position: absolute;
	top: 0;
	left: 512px;
	padding-left: 0.3em;
}*/
#col5, #col6, #col7, #col8 {
	color: #f5cce2;
	color: #ffffff;
	margin: 0;
	padding: 0;
	float:left;
	width:250px;
	height: auto;
	min-height:200px;
	padding-left: 0.3em;
	padding-top: 1em;
	font-size:100%;
	
}
#col6, #col7 {padding-right: 14px;
width:240px;}
#col8 {margin-top:30px; padding-left:10px; padding-right: 14px;
width:200px; border:1px dashed; }
/*pour forcer la hauteur pour l'image de fond*/
#inscription {
	position:relative;
	top:0;
	right:0;
	width:250px;
	height:200px;
	visibility: hidden;
	}
#footer {
	clear:both;
	width: 100%;
	height: 98px;
	color: #040404;
}

/*images et fonds*/
body.index #header {background: no-repeat url(images/header0.gif);}
body.rencontre1 #header{background: no-repeat url(images/header1.gif);}
body.rencontre2 #header{background: no-repeat url(images/header2.gif);}
body.rencontre3 #header{background: no-repeat url(images/header3.gif);}
body.rencontre4 #header{background: no-repeat url(images/header4.gif);}

body.index #content{background-color: #CB0071;}
body.rencontre1 #content{background-color: #113370;}
.rencontre1 p{color:#D9EAF8;}
body.rencontre2 #content{background-color: #473B22;}
body.rencontre3 #content{background-color: #3799A7;}
body.rencontre4 #content{background-color: #BD0D15;}

body.index #inscription{background: no-repeat url(images/inscriptions0.gif) 40px 30px;}
body.rencontre1 #inscription{background: no-repeat url(images/inscriptions1.gif) 40px 30px;}
body.rencontre2 #inscription{background: no-repeat url(images/inscriptions2.gif) 40px 30px;}
body.rencontre3 #inscription{background: no-repeat url(images/inscriptions3.gif) 40px 30px;}
body.rencontre4 #inscription{background: no-repeat url(images/inscriptions4.gif) 40px 30px;}

body.index #footer{background: no-repeat url(images/logo_bas0.gif);}
body.rencontre1 #footer{background: no-repeat url(images/logo_bas1.gif);}
body.rencontre2 #footer{background: no-repeat url(images/logo_bas2.gif);}
body.rencontre3 #footer{background: no-repeat url(images/logo_bas3.gif);}
body.rencontre4 #footer{background: no-repeat url(images/logo_bas4.gif);}

/* My Comment */
.formulaire {
	background-color: #cb0071;
	color:#FFCCFF;
	}

.formulaire .pair {
	background-color: #FF0099;
}
table {
	border-top-width:1px;
	border-top-color:#FFCCFF;
	border-top-style:dashed;
}

#col6 a, #col7 a, #col8 a { color: #a1d425; text-decoration: none; }
#col6 a:hover, #col7 a:hover{ color:#BDF845; }
#col8 a:hover { color:#a1d425; font-weight:bold; }