/**************/
/* TYPOGRAPHY */
/**************/

html{
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 75%;    /* 12px */
	font-weight: normal;
	line-height:1.5;
}

p {
  font-size: 1em;
  font-weight: normal;
  line-height: 160%;
  margin: 10px 0;
  text-align: left;
}

h1 {
  font-size: 2.5em;
  font-weight: normal;
  text-align: center;
}

h2 {
  font-size: 1.75em;
  font-weight: normal;
  text-align: center;
  color: #FFA500;
}

h3 {
  font-size: 1.25em;
  font-weight: bold;
}

h4 {
  font-size: 1.1em;
  font-weight: bold;
}

h5 {
  font-size: 1em;
  font-weight: bold;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
}


/*****************
 *** STRUCTURE ***
 *****************/

body { 
	margin:0; 
	padding:0; 
}

body#index {
	background-color: #81c7e3;
}

#conteneur {
	text-align: center;	
}

#content {
	text-align: left;
	margin: auto;	
	width: 920px;
}

#menu_totem { 
	width: 230px;
}

#page {
	text-align: center;	
}

#page_content {	
	margin: 50px auto;			
}

.page_oubli {
	text-align: center;
	width: 300px;
}

#menu_top {
	background-color: #000000;
	text-align: center;
}

#menu_top > * {
	margin: 0 auto;
}

.menu_flash {
	width: 400px;
	margin: 3px auto;
	margin-bottom: 15px;
}

#search {
	width :100%;
	text-align: center;
	padding: 0 90px;
}

/***********************/

p,td { 
	font-family:Tahoma, Arial; 
	margin-top: 0px;
}

a{ color: #888888; text-decoration: underline; }
a:hover{ color: #003399; text-decoration: underline; }
a.hidden{ text-decoration: none; color: #000000; cursor:default; }
form{ margin:0;padding:0; }

ul{ 
	margin-left:20px; 
	margin-top:0px; 
	padding:1px; 
	list-style-type:square; 
	line-height:16px;
}

h1{ 
	font-size:14px; 
	font-weight:bold;
	color:#000000; 
	margin: 0px; 
	font-family:Arial,Helvetica,sans-serif; 
	text-transform:uppercase; 
	padding-bottom:7px; 
	padding-top:2px; 
}

hr.stoppeur {
	clear: both;
	visibility: hidden;
} 

.bgy, .l1, .bl1, .br1, .bot-bg, .r1, .l-pan{ background-repeat:repeat-y; }
.l1{ background-image: url(images/l1bg.gif); }
.bl1{ background-image: url(images/lbbg.gif); }
.br1{ background-image: url(images/rbbg.gif);}
.bot-bg{ background-image: url(images/bot-bg.gif); }
.r1{ background-image: url(images/r1bg.gif); }

.bgx, .m1, .llbg, .rrbg { background-repeat:repeat-x; }
.m1{ background-image: url(images/m1bg.gif);	background-position:bottom; }
.llbg{ background-image: url(images/llbg.gif); background-position: right top; }
.rrbg{ background-image: url(images/llbg.gif); background-position: left top; }

/********/
/* FORM */
/********/

input,textarea, select {
	color : #000000;
	background-color : #FFFFFF;
	border-style: solid;
	border-width: 1px;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.boutton {
	background-color : #FFFFFF;
	color : #000000;
	border-style: solid;
	border-color:#E5E5E5;
	border-width: 1px;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 20px;
	padding: 0px 4px;
	cursor: pointer;
}


/******************
 *** MENU TOTEM ***
 ******************/

div.menu_totem {
	width: 100%;
}

table.menu_totem th {
	background: url(images/l-header-bg.gif) 1px 0px no-repeat;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma, Arial;
	text-align: center;
	width: 185px;
	padding: 13px 10px 0 16px;
	margin-left: 4px;
}

table.menu_totem .menu_content {
	background: url(images/l-pan-bg.gif) 0px 0px repeat-y; 
	list-style-image: url(images/l-bullet.png);
	margin: -3px 0 -4px 0;
}

table.menu_totem ul.menu_content {
	padding: 5px 0 5px 40px;
}

table.menu_totem .menu_footer { 
	background: url(images/l-pan-b.gif) 1px 0px no-repeat;
	margin-left: 1px;
	height: 12px;
}

table.menu_totem ul li { 
	color: #000000;
	font-size: 12px;
	font-family: Tahoma, Arial;
	margin: 4px 0;
}
table.menu_totem ul li a{
	color: #0000CC;
	text-decoration: none;
}
table.menu_totem ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

#menu_totem #logo_pub p {
	text-align: center;
	margin: 20px auto;
}

/**************
 *** SEARCH ***
 **************/

input.search {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


/******************
 *** MENU UTILE ***
 ******************/

.menu_utile {
	border: 1px solid rgb(0, 0, 204); padding: 4px 6px 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/***********************/

.norepeat{background-repeat: no-repeat;}

.bottom_addr {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: center;
}
.bottom_addr a { text-decoration: none; }
.bottom_addr a:hover { text-decoration: underline; }

.bottom_menu {
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	font-size: 11px;
}
.bottom_menu a {
	color: #FFFFFF;
	text-decoration: none;
}
.bottom_menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.menu { 
	color: #910301;
	font-size: 12px;
	font-weight: bold;
	background: url(images/m-bullet.gif) no-repeat 1px 8px;	
	padding: 3px 10px 3px 15px;
	white-space: nowrap;	
}

.menu a{ text-decoration: none; color: #910301; }
.menu a:hover { color: #FF0000; text-decoration: none; }

.body_txt { 
	color: #000000;
	text-align: justify;
	vertical-align: top;
	font-size: 12px;
	padding: 10px 13px 10px 10px;
} 
.company_name {
	font-size: 19px;
	text-transform: uppercase;
	color: #F2F2F2;
	position: absolute;
	width:200px;
	margin-left:10px;
	margin-top:129px;
	font-family: Arial, Helvetica, sans-serif;
}
.login_form {
	background-image: url(images/login-form-bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	width: 110px;
	border-width: 1px;
	border-style: solid;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 1px;
}

.page_title {
	font-size: 150%;
	color: #1E90FF;	
}

/******************
 ** ANCIEN STYLE **
 ******************/
/*
.Style6, .Style24, .Style32, .Style12{
	font-size: 12px
}
.Style3, .Style5, .Style6, .Style12, .Style18, .Style19, .Style30, .Style32{
	font-weight: bold;
}
.Style1 {color: #F1F3F8}
.Style2 {color: #CCCCCC}
.Style3, .Style4{color: #FFFFFF;}
.Style5 {color: #3366CC;font-size: 24px; }
.Style6 {font-size: 14px;}
.Style7 {font-size: 11px;}
.Style11 {color: #000066;}
.Style18 {color: #000066;}
.Style19 {color: #993300;}
.Style30 {color: #006699;font-size: 18px;}
.Style32 {color: #0000CC;}
*/

/************
 *** NEWS ***
 ************/

.news{
	margin: 35px 10px;
}

.news .news_date{
	font-weight: bold;
	color: #0000FF;
}

.news .news_titre{
	font-size: 14px;
	font-weight: bold;
}

.news .news_text{

}

.news a.news_long {
	text-decoration: none;
}

.plus_actu {
	text-align: center;
}
.plus_actu a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
}

#news_date {
	text-align: center;
}

/************
 *** FORM ***
 ************/

form input,textarea, select {
	color : #000000;
	background-color : #FFFFFF;
	border-style: solid;
	border-width: 1px;
	font: normal 11px Arial, Helvetica, sans-serif;
}

form label { font-size: 12px; }
form input.submit { margin-top: 20px; }

form { text-align: left; }

/* Taille des champ de form */
form .short { width: 5em; }
form .medium { width: 10em; }
form .normal { width: 15em; }
form .long { width: 20em; }


body.tundra table , body.tundra tr , body.tundra td { border: 0 none; }

/* Un champ de form */
form .field { margin-bottom:5px; }
form input.input { display: block; margin : 10px 0; }
form label { display: inline; float:left; width:150px; font-size:0.8em; font-size: 11px;}

.field { margin-bottom:5px; text-align: left; clear: left; }
.field span.title { display: inline; float:left; width:150px; font-size:0.8em; font-size: 13px; font-weight: bold;}
.field span.content { display: block; margin : 10px 0; }

.field_file {
	margin: 10px 0;
}

.liste_field {
	clear: both;
	padding-top: 10px;
}

h3.edit {
	text-align: right;
	color: #ADD8E6;
	background: url(images/edit.gif) no-repeat 0% 0%;
	float: right;
	margin-bottom: 8px;
	padding: 2px 0px 2px 22px;
}

/* Si on veut que le input soit à la ligne */
label.chariot { display:block; float:none; width:90%; }


input[type=file] {
	background-color: transparent !important;
	border: 1px solid #BFBFBF;
}

input[type=checkbox] {
	background-color: transparent !important;
	border: 0px none #FFFFFF;
}

button.valid {
	text-align: center;
}



/***************
 **** LOGIN ****
 ***************/

.menu_login .menu_content {	margin: -1px 0;	padding: 15px; font-size: 10px; }

form.login { font-size: 10px; padding: 10px; text-align: center; width: 150px; }
form.login label { font-size: 10px;	width:80px; }

form.login .field input[type=password], form.login .field input[type=text]{
	width: 70px;
}

.connect {
	text-align: center;
	padding: 15px;
	font-size: 12px;
}
.connect .login {
	color: #1E90FF;
}

/******************
 *** FORM OUBLI ***
 ******************/
form.oubli label {
	width: 100px;
}


#center { text-align:center; }
#center * { margin: auto; text-align:left;}

/***** CAPTCHA *****/
#captcha td { border: 0 none; }
div#captcha { margin: 30px 0; text-align:center;}
div#captcha * { margin: auto;}

/**************
 *** Erreur ***
 **************/

h1.error {
	color: #FF0000;
}

div.error {
	padding: 15px;
	color: #FF0000;
	border: 1px solid #FF0000;
	background-color: #FBACBA;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

span.error {
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}


/***************
 *** Piscine ***
 ***************/

#piscine_container {
	text-align: center;
}

#piscine_container .piscine{ 
	margin : 20px auto;
}

#piscine_container .piscine .piscine_nom a, #piscine_container .piscine .piscine_nom {
	font-size: 16px;
	color : #4D8091;	
}
#piscine_container .piscine a {
	text-decoration: none;
}
#piscine_container .piscine .piscine_photo {
	margin: 10px 0;
}

#piscine_container .piscine .piscine_description {

}


/******************
 ** Liste Menbre **
 ******************/

.liste_menbre {
	text-align: center;
	min-width: 1000px;
}

.liste_menbre .menbre {
	float: left;
	margin: 10px 20px;
	min-width: 150px;
}

.liste_menbre .menbre img {
	margin: 0 20px;
}

.liste_menbre .bloc_menbre {
	clear: left;
	width: 80%;
	margin: 0 auto;
}

.liste_menbre .bloc_menbre_first {
	width: 480px;
}

ul.liste_group {
	text-align: left;
	margin: 70px 0;
}
ul.liste_group li .annee_group{
	font-weight: bold;
	margin-right: 20px;
}
ul.liste_group li {	
	margin: 20px;
	width: 40%;
}
ul.liste_group li img {
	float: right;
}

.menbre_group {
	text-align:center;
	margin: 30px;
}
.menbre_group .field {
	width: 70%;
	margin: 10px auto;
}


/***************
 ** Technique **
 ***************/

/** Table menu **/

table.techniques td, table.techniques th {
	height: 40px;
	text-align: center;
}

table.techniques th {
	background-color: #E6F3FF;
}

table.techniques td {}


/** Table Moniteur **//*border: 2px solid #BFBFBF;*/
/*
.bloc_menbre table.menbre { 
	
	margin: 0px;
	padding: 15px 0;
	width: 220px;
}

#content_groupe .bloc_menbre table.menbre tr td, #content_groupe .bloc_menbre table.menbre tr {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#content_groupe .bloc_menbre table.menbre tr td * {
	margin: auto;
}
#content_groupe .bloc_menbre table.menbre tr td img {
	margin: 0 60px;
}

#content_groupe .bloc_menbre table.menbre td *, #content_groupe .bloc_menbre table.menbre td {
	text-align: left;
	vertical-align: center;
}

#content_groupe .bloc_menbre table.menbre tr.horaire td, .bloc_menbre table.menbre tr.horaire td *{
	text-align: left;
	font-size: 10px;
}*/
.bloc_menbre div.menbre_tech { 
	/*border: 2px solid #BFBFBF;*/
	margin: 0px;
	padding: 15px 0;
	width: 33%;
}

#content_groupe .bloc_menbre div.menbre_tech div, #content_groupe .bloc_menbre div.menbre_tech div {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#content_groupe .bloc_menbre div.menbre_tech div img {
	margin: 0 60px;
}

#content_groupe .bloc_menbre div.menbre_titre{
	font-weight: bold;
	text-align: center;
}

#content_groupe .bloc_menbre div.menbre_tech div.menbre_info{
	padding: 10px 0;
}

#content_groupe .bloc_menbre div.menbre_tech div.horaire{
	text-align: left;
	font-size: 10px;
}

#content_groupe .coordinnateur {
	margin-top: 30px;
}
#content_groupe .coordinnateur div.menbre_tech{
	width: 100%;
}
#content_groupe .coordinnateur div.menbre_tech .menbre_info {
	width: 30%;
}
#content_groupe .coordinnateur div.menbre_tech .horaire {
	width: 70%;
}
#content_groupe .coordinnateur div.menbre_tech .menbre_info, #content_groupe .coordinnateur .horaire{
	/*menbre_info*/
	float: left;
}
#content_groupe .bloc_menbre div.menbre_tech .coordinnateur {
	float: left;
}

/*************
 *** Album ***
 *************/

.conteneur_album {
	text-align: center;
}

.album {
	text-align: center;
	float: left;
	margin: 30px;
	width: 100px;
	height: 150px;
}

.album img {
	margin: 30px 0;
}

/*************
 *** Video ***
 *************/

.conteneur_video {
	text-align: center;
}

.video, .audio {
	margin: 30px auto;
}



/****************
 *** Horaires ***
 ****************/

table#horaire {
	border: 3px solid #BFBFBF;
	margin: 10px auto;
}

table#horaire td, table#horaire th {
	width: 20%;
	vertical-align: middle;
	border: 1px solid #BFBFBF
}

table#horaire tr {
	height: 50px;
}


.img_top {
	height : 200px;
}

.img_top .img_left {
	float: left;
	margin-left: 40px;
}

.img_top .img_right {
	margin-top: 35px;
	margin-right: 40px;
	float: right;
}