/*

	© 2006-08 Réseau Associatif Jeune de Rennes
	
  	 ___                       _        _       _      
	|_ _|_ __ ___   __ _  __ _(_)_ __  | | __ _(_)_ __ 
	 | || '_ ` _ \ / _` |/ _` | | '_ \ |/ / _` | | '__|
	 | || | | | | | (_| | (_| | | | | |  | (_| | | |   
	|___|_| |_| |_|\__,_|\__, |_|_| |_|   \__,_|_|_|   
	                     |___/     www.imaginair.net
		                 
	© 2006-08 Imagin'air - www.imaginair.net

*/
@import url(menu.css);
@import url(box.css.php);

* {	padding:0;	margin:0;	border: 0;}

body {
	font: 12px verdana,arial,helvetica,sans-serif;
	color: #000;
	background: #F7F3E3 url(images/base/background.png) repeat-x top left;/*#EBEEF0;/* #E8E4D7;/*#F1EDE2;*/
}
a span {
	cursor: pointer;
}
a:link,a:visited {
	color: #01A1E7;
	text-decoration: none;
}
a:focus {
	color: #F39416;
	text-decoration: none;
}
a:hover {
	color: #F39416;
	text-decoration: underline;
}


ul,ol {
	list-style-position: inside;
	margin: 1em 0 1em 1.5em;
}
p {
	margin: 1em 0;
}
label {
	display: block;
	cursor: pointer;
}
input,textarea,select {
	border: 1px solid #01A1E7;
}
input:focus,textarea:focus,select:focus {
	border: 1px solid #F39416;
	background: #FFFCEF;
}
.input_wide {
	width: 400px;
}
label.inline {
	display: inline;
}
.mess,.error,.info {
	text-align: center;
	width: 60%;
	border: 1px dotted #5EA5E8;
	margin-right:auto !important;
	margin-left: auto !important;
	padding: 5px 25px 5px 25px !important;
	color: #000;
	background: #D8ECFF url(images/notif/info.png) no-repeat 5px 50%;
	font-size: 11px;
	font-weight: bold;
	color: #5EA5E8;
	}
.mess a,.info a {
	color : #003A6F !important;
	text-decoration: none;
	border-bottom: 1px dotted #003A6F;
}
.mess a:hover,.info a:hover {
	border-bottom: 1px solid #003A6F;
}

.error {
	color: #721C00;
	border-color:#FF2B00;
	background: #FFE3D8 url(images/notif/error.png) no-repeat 5px 50%;
}
.reaj {
	font-weight: bold;
}
.center {
	text-align: center;
}
.tright {
	text-align: right;
}
.right {
	float: right;
}
.left {
	float: left;
}

.coord img {
	vertical-align: middle;
}
.audioplayer {
	padding-top: 10px;
}
#onglet {
	font-size: 11px;
	color: #fff;
	position: absolute;
	right: 30px;
	top: 0;
	width: 362px; 
	background:url(images/onglet_bottom.png) no-repeat bottom right;
	z-index:100;
	text-align: center;
	line-height: 30px;
}
#onglet #onglet_slide {
	background:url(images/onglet_m.png) repeat-y bottom right;
	display: none;
}
#onglet p#onglet_bottom {
	margin: 0;
	padding: 0;
	height: 30px;
}
#onglet a {
	color: #fff;
	text-decoration: none;
}
#onglet a:hover {
	font-weight: bold;
}
#onglet input {
	width:80px;
	margin-right: 10px;	
}
#onglet input.submit {
	width: 30px;
	margin-right: 0;
}
#onglet label {
	display: inline;
}
#prebase {
	width: 990px;
	margin: 0 auto;
	position: relative;
	padding-top: 10px;
}
#base {

}
#base_r	{
	background: url(images/base/base_right.png) repeat-y right;
}
#base_l {
	background: url(images/base/base_left.png) repeat-y left;
}
#base_body {
	margin: 0 5px;
	background: #fff;
	padding-bottom: 10px;
}
#haut {
	height: 16px;

	position:relative;
	z-index: 10;
}

#haut_gauche {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	background: url(images/base/top_left.png) no-repeat top left;
}
#haut_droit {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
	background: url(images/base/top_right.png) no-repeat top right;
}
#haut_middle {
	background: transparent url(images/base/top_mid.png) repeat-x top;
	margin: 0 16px;
	height: 16px;
}
#bas {
	height: 95px;
	position:relative;
}
#bas_gauche {
	position: absolute;
	width: 16px;
	height: 95px;
	top: 0px;
	left:0px;
	background: url(images/base/bas_left.png) no-repeat top left;
}
#bas_droit {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 95px;
	background: url(images/base/bas_right.png) no-repeat top right;
}
#bas_mid {
	margin-left:16px;
	margin-right:16px;
	background: #fff url(images/base/bas_mid.png) repeat-x top;	
	height: 95px;
}
#head {
	height: 180px;
	background: transparent url(images/top_m.png) repeat-x bottom;
	margin: 0px 5px 0px;
	position: relative;
}
#logo img {
	vertical-align: top;
}
#logo img.event {
	position: absolute;
	right: 0;
}




#base_page {
	margin-left: 5px;
	margin-right: 5px;
}
#page {
	font-size: 12px;
	position:relative;
	/*background: url(images/page_left.png) no-repeat top left;*/*

	}
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				SideBar
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#page #sidebar {
	margin-top: 0px;
	font-size: 12px;
	padding-left: 10px;
	}
#page #sidebar h2 {
	font-size: 12px;
	font-weight: bold;
	color: #017FE7;
	margin: 1em 0;
	text-align: center;
	}
#page #sidebar_foot {
	/*background: #fff url(images/side_foot.png) no-repeat bottom left;*/
	height: 15px;
	margin-left: -10px;
}
#page #sidebar_top {
	/*background: #fff url(images/page_right.png) no-repeat top left;*/
	height: 5px;
	margin-left: -10px;
}
#page #sidebar hr {
	border: 0px;
	border-top: 1px dotted #06A2E7;
	margin: 10px 10px 0;
}
#page #sidebar li {
	color: #01A1E7;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				Form Connexion
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#form_connexion {
	width: 260px;
	position: absolute;
	top: 50px;
	right: 0px;
	background: #fff url(images/page_back_blue.png) bottom left no-repeat;
	font-size: 9px;
}
#form_connexion form div div {
	margin: 0.5em 2px;
	height: inherit;
	text-align: center;
	width: 120px;
}
*>#form_connexion form div {
	margin: 0.5em 5px;
}
#form_connexion input {
	width: 100%;
}
#form_connexion input.submit {
	border: 1px solid #01A1E7;

	width: 60%;
	font-size: 9px;
}
#form_connexion input:focus {
	background:#fff;
}
#form_connexion div.form_center {
	text-align:center;
	width: 200px;
	margin: 5px auto 5px;
}
#form_connexion div.form_center p {
	margin: 0px;
}
.clear {
	clear:both;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				Bas
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#bas p {
	margin-left: 20px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	margin: 0px;
	}
#bas p.menu {
	padding-top: 22px;
	font-size: 12px;
	padding-bottom: 5px;
	font-weight: bold;
}
#bas a {
	color:#fff;
	}
#bas a:hover,#bas .menu a {
	text-decoration: none;
	}
#bas .menu a:hover {
	color:#FFCC00;
	}
#page h1 {
	font-weight: bold;
	font-size: 26px;
	margin: 0.7em 0;
	color: #ffcc00;
}
#page h2 {
	font-weight: bold;
	font-size: 20px;
	margin:0.7em 0;
	color: #ffcc00;
}
#page h1.title {
	text-align: center;
}
#page h3,#page h3 a {
	font-weight: bold;
	font-size: 16px;
	margin:0.7em 0;
	color: #FFBD00;
	text-decoration: none;
}
#page p {
	margin: 1em auto;
	}
#page p.phover:hover {
	background-color: #FFffaa;
}

#page div.corner,#page .authadmin {
	background: url(images/page_back_grand.png) bottom left no-repeat;
	min-height: 95px;
	padding: 4px 10px;
}
#page .corner_bleu {
	background: url(images/page_back_bleu_grand.png) bottom left no-repeat;
	min-height: 95px;
	padding: 4px 10px;
}
#page .authadmin {
	width: 50%;
	margin: 0px auto;
	text-align: center;
}

.redirect {
	text-align: center;
	color: #666;
}
#load {
	position: absolute;
	width: 68%;
	background: #fff url(../images/load/ajax-loader-black.gif) no-repeat 50% 50%;
	height: 40px;
	display: none;
	z-index: 10;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				Homepage
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.home_half {
	margin-right: 1%;
	margin-left: 1%;
	width: 48%;
}
.smallcorner {
	background: url(images/page_back_moyen.png) no-repeat bottom left;
	padding-bottom: 5px;
	padding-left: 2%;
}
.more{
	text-align: right;
}
.more img {
	vertical-align: middle;
}
.annu_letter_here {
	font-weight: bold;
}
#page h3.annu_titre,#page h3 a  {
	margin-bottom: 0px;
}
#page .annu_sigle {
	margin-top: 0px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				Centrage
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#sidebar p,.home_next p, .annu_nav,#page .submitc {
	text-align: center;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				Liens et textes bleus
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#page .more a:hover {
	text-decoration :none;
}
#page .mess a{
	color: #723A00;
}
/* - - - - - - - - - - - - - - INFO BULLES - - - - - - - - - - - - - - */
.tips {
	cursor: help;
	color: #fff;
	width: 260px;
	z-index: 13000;
}
 
.tips  .tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(images/tips_top.png) no-repeat;
	text-align: center;
	height: 20px;
}
 
.tips  .tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background:transparent url(images/tips_btm.png) no-repeat bottom;
}

/* - - - - - - - - - - - - - - PAGES STRUCTURES - - - - - - - - - - - - - - */
.page_two,.page_sidebar_l,.page_sidebar_r {
	overflow: hidden;
}
.page_left {

	float: left;
	padding: 0 5px;
}
.page_right {

	float: right;
	padding: 0 5px;
}
.page_sidebar_l #sidebar,.page_sidebar_r #sidebar {
	float:left;
	width: 190px;	
}
.page_sidebar_r #sidebar {
	float:right;
}
.page_sidebar_l #content,.page_sidebar_r #content {
}
.page_sidebar_l #content {

}
.page_sidebar_r #content {

}

/* - - - - - - - - - - - - - - BOXES - - - - - - - - - - - - - - */
#page .rightB {
	float: right;
	margin: 0 0.5%;
}
#page .leftB {
	float: left;
	margin: 0 0.5%;
}
#page .topC,#page .btmC {
	height: 29px;
	margin-top: 20px;
	position: relative;
}
#page .btmC {
	margin-top: 0;
	height: 13px;
}
#page .topLeftC, #page .topRightC,#page .btmLeftC, #page .btmRightC {
	height: 29px;
	width: 15px;
	position: absolute;

}
#page .topLeftC {
	top: 0;
	left: 0;
}
#page .topRightC {
	top: 0;
	right: 0;
}
#page .btmLeftC {
	height: 13px;
	top: 0;
	left: 0;
}
#page .btmRightC {
	height: 13px;
	top: 0;
	right: 0;
}
#page .btmMidC {
	height: 13px; 
	margin: 0 15px;
}
#page .topC h2 {
	color: #fff;
	font-size: 14px;
	height: 25px;
	padding: 4px 0 0 0;
	line-height: 25px;
	margin: 0 15px 0 15px;
	font-weight: bold;
}
#page .topC h2 a {
	color: #fff;
}
#page .midLeftB {
	background: url(images/boxd/midLeftB.png) top left repeat-y;
}
#page .midRightB {
	background: url(images/boxd/midRightB.png) top right repeat-y;
}
#page .midB {
	margin: 0 5px;
	padding: 0 10px 0;

}
#page .paddingB .midB {
	padding: 10px !important;
}
#page .midB img {
	margin: 0 5px;
}

#page .midB p,#page .midB ul {
	padding:10px 0;
	margin:0;
}
#page .midB ul li {
	color: #01A1E7;
}


#page p.button {
	height: 36px;
	margin: 0;
	padding: 0;
}
#page .button a {
	display: block;
	float: right;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background: url(images/button/button_orange_r.png) no-repeat right top;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-right: 26px;
}
#page a.button_bl {
	background: url(images/button/button_bleu_r.png) no-repeat right top;
}
#page a.button_violet {
	background: url(images/button/button_violet_r.png) no-repeat right top;
}
#page .button a:hover {
	background-position: right bottom;
	text-decoration: none;
}
.button a span{
	display: block;
	float: right;
	background: url(images/button/button_orange.png) no-repeat left top;
	/*margin-right: 26px;*/
	height: 36px;
	padding-left: 10px;
}
a.button_bl span{
	background: url(images/button/button_bleu.png) no-repeat left top;
}
a.button_violet span{
	background: url(images/button/button_violet.png) no-repeat left top;
}
.button a:hover span {
	background-position : left bottom;
}
#page .midB h3{
	margin: 0px 20px 5px 10px;
	padding: 10px 0 0;
	font-size: 14px;
}
#page .bleu .midB h3 {
	border-bottom : 1px dotted #32A6E8;
	color:#32A6E8;
}
#page .violet .midB h3 {
	color:#BD4AFF;
}
#page .bleu .midB li {
	margin-left: 20px;
}
#page .bleu .midB ul {
	margin-top: 5px;
	padding: 0;
	margin-bottom: 10px;
}
#page .box_mid.bleu li span {
	color :#0099DD;
}
#page #agenda_links {
	position: absolute;
	top: 0px;
	right: 30px;
	width: 300px;
}
#page .ssmenu {
	margin: 0 5%;
}
#page .ssmenu li {
	display: block;
	float: left;
	width: 25%;
}
#page .ssmenu li a {
	background: url(images/ssmenu/ssmenu_l.png) no-repeat top left;
	display: block;
	float: left;
	padding-left: 7px;
	height: 29px;
	color: #fff;
	line-height: 29px;	
	font-weight: bold;
}
#page .ssmenu li a:hover {
	text-decoration: none;
	background-position: 0px -29px;
}
#page .ssmenu li.here a {
	background-position: 0px -58px;
}


#page .ssmenu li a span {
	background: url(images/ssmenu/ssmenu_r.png) no-repeat top right;
	cursor:pointer;
	display: block;
	float: left;
	height: 29px;
	padding-right: 7px;		
}


#page .ssmenu li a:hover span {
	background-position: 100% -29px;
}
#page .ssmenu li.here a span {
	background-position: 100% -58px;
}
.biggerText {
	font-size: 14px;
}