*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

body {
	background:url(bg_1.gif) repeat-x top #027BEB;
	margin:0;
	padding:0;
	}
a:link, a:visited, a{
	color:#3366FF;
	border-bottom:1px dotted #36F;
	text-decoration:none;
	}
a:hover{
	border-bottom:none;
}

p{
	padding:4px 0;
	line-height:1.7em;
	margin:0 0 10px 10px;
	text-align:justify;
	font-size:12px;
}

img.droite{
	padding:5px;
	margin:5px 0 5px 5px;
	float:right;
}

img.gauche{
	padding:5px;
	margin:5px 5px 5px 0;
	float:left;
}

img.centre{
	display:block;
	margin:0px auto;
	padding:5px;
}

img.bord{
	border:1px solid #999;
	padding:2px;
}

a img{
	border:none;
}

blockquote{
  margin-left:30px;
}

label {
	font-weight:bold;
	display:block;
	}
input, textarea, select{
	margin-bottom:5px;
	display:block;
	}
input.inline, select.inline{ display:inline; margin-bottom:0;}
form{
	margin-top:15px;
	margin-left:40px;
	padding-bottom:10px;
	}
h1, h2, h3, h4{
	color:#69F;
	font-variant:small-caps;
	}
h1{font-size:30px; margin-bottom:25px;}
h2, h2 a{font-size:24px; margin-bottom:10px; margin-top:10px;}
h3{font-size:18px; margin-bottom:5px; margin-left:10px;}
h4{font-size:14px; margin-bottom:5px; margin-left:20px;}

a.rouge{color:red; border-color:red;}
a.clear{border:0;}
p.rouge{color:red;}
p.vert{color:#00CC33;}
p.bleu{color:#3399FF;}
/*------------------------------------------------------*/
div#site{
	position:absolute;
	left:50%;
	margin-left:-445px;
	width:900px;
	background:url(milieu_1.gif) repeat-y left;
	}
div#entete{
  display: block;
  margin: 0;
  padding: 0;
	background:url(haut_1.gif) 0 0 no-repeat;
	height:235px;
  border-top: 1px solid #52A4F1;
	}
	h1#logo a, h1#logo a img{
		border:none;
		margin-left:0px;
		margin-top:-7px;
		}
div#connection{
	position:absolute;
	left:600px;
	top:70px;
	width:140px;
	height:130px;
	overflow:auto;
	font-size:12px;
	}
	div#connection form{margin:0; }
div#info_g{
	position:absolute;
	left:10px;
	top:69px;
	width:300px;
	height:154px;
	overflow:auto;
	font-size:12px;
	}
	div#info_g p{
		padding:0;
		}
div#enbas{
	float:left;
	width:100%;
	background:url(bas_1.gif) no-repeat top #027BEB;
	padding:35px 0 20px 0;
	text-align:center;
	font-size:12px;
  color: #FFF;
	}
div#enbas a{color:#EEE; text-decoration: underline;}
div#enbas a:hover{color:#FC0; text-decoration: underline;}


div#contenu2{
	margin-left:170px;
	margin-right:25px;
  margin-top: 30px;
	background-color:#FFFFFF;
	}
	div#contenu2 ul{margin:10px 0 15px 30px; list-style-type:none;}
	div#contenu2 ol{margin:10px 0 15px 50px;}
	div#contenu2 ul li{margin-bottom:3px;}
	div#contenu2 h3.doc_rub{margin-left:20px; font-weight:0;}
	div#contenu2 a.a_doc{ color:#999999; border-bottom-color:#999999; }
	div#contenu2 p.centre{text-align:center;}
	div#contenu2 ul li.agenda strong{font-size:110%;}
	div#contenu2 ul li.agenda blockquote{ margin-left: 15px; color: #666;}
	div#cotnenu2 table#album { margin:0 auto; width:550px; }
	div#contenu2 td.tof a{ border:none; }
	div#contenu2 .temoin{ background-color:#FFFFFF;}
	div#contenu2 #partie_droite_accueil{width:45%; position:relative; float:right; margin-right:2%;}
	div#contenu2 strong.ecyd{ color:#FF9900 !important}
	div#contenu2 h2 strong.ecyd{ font-size:0.8em;}
	div#contenu2 table#list_photo td{ border:0; }
  div#contenu2 .ListeAlbum{float:left; width:310px; margin:1em 30px 1em 0; height:133px; border:1px solid #999; overflow: auto; padding-right:10px;}
  div#contenu2 .ListeAlbum a {float:left; margin:15px 15px 0 10px; width:100px; height:100px; overflow: hidden;}
  div #contenu2 .ListeAlbum a:hover{border-bottom:0;}
  div#contenu2 div.tof{float:left; text-align: center; margin:0.5em;}
	
/*------------------------------------------------------*/

#menu_g {
	position:relative;
	float:left;
	padding-top:0px;
	margin-left:15px;
	}
dl#menu {
	width: 120px;
	padding-top:0px;
	}
dl#menu dt {
	cursor: pointer;
	margin:0;
	text-align: center;
	vertical-align:middle;
	overflow:hidden;
	height:30px;
	line-height:30px;
	margin:5px 0;
	background-image:url(menu_gauche_lien.gif);
	background-repeat:no-repeat;
	background-position:center;
	}
dl#menu dd {
	}
dl#menu li {
	text-align: center;
	background: #fff;
	}
dl#menu ul li a{
	color: #FFCC00;
	text-decoration: none;
	display: block;
	border: 0 none;
	line-height:16px;
	padding:2px 0;
	}
dl#menu dt a, dl#menu dt {
	color:#FFFFFF;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	}

dl#menu dt a:hover, dl#menu dt:hover, dl#menu dt a.actif {
	background-image:url(menu_gauche_lien_hover.gif);
	background-repeat:no-repeat;
	background-position:center;
	color:#333333;
	}
dl#menu ul li a:hover, dl#menu ul li a.actif{
	color: #FFF;
	line-height:1em;
	background-color:#FFBB00;
	line-height:16px;
	padding:2px 0;
	background-image:none;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*------------------------------------------------------*/
#menu_h{
	width:761px;
	margin:auto;
	margin-bottom:15px;
	}
	#menu_h ul li{
		display:inline;
		}
		#menu_h ul li a{
			border:none;
			}
			
/*#######################################################*/

td { background-color: #FFF; border:1px solid #AAA; color:#333; }
td,th{padding:0 2px;}
th{ background-color:#28F; color:#FFF; height:20px; }
table{ margin:auto; width:99%; background-color:#FFFFFF; }
.un{ width:47%;	height:30px; }
.deux{ width:33%; text-align:center;}
.trois{ width:20%; text-align:center;}

.quatre{width:25%; text-align:center; vertical-align:top; }
td.quatre{ padding:5px 3px;}
td.quatre, td.cinq{ background-color:#FFFFFF; }
.rouge{ color:#FF0000; }
.cinq{ width:75%; }

div.apropos h3, div.apropos p{ text-align:; }
div.apropos{ width:90%; margin:0 auto;  }
div.apropos h3{ font-size:1.6em; margin-top:15px; }
div#apropos_un h3{ color:#993366;}
div#apropos_deux h3{ color:#0000FF;}
div#apropos_trois h3{ color:#FFCC00;}
div#apropos_quatre h3{ color:#339966;}


/*** ****/
#menu_h ul li a{
  background:#CCCCCC none repeat scroll 0 0;
  border:medium none;
  color:#FFFFFF;
  font-size:14px;
  padding:0.5em 6px;
}

#menu_h ul li a#agenda{
  background-color: #1327E0;
}

#menu_h ul li a#camps{
  background-color: #F9111C;
}

#menu_h ul li a#photos{
  background-color: #3CF62D;
  color: #555;
}

#menu_h ul li a#doc{
  background-color: #8BBDF3;
}

#menu_h ul li a#festival{
  background-color: #F6F32D;
  color: #555;
}

#menu_h ul li a#purefashion{
  background-color: #C56DF4;
}

a.homeLinks{
	text-decoration: none;
	border: 0;
}