/**** usefull **/

a img {border: none;}
a:link, a:visited
{
	text-decoration: none;
	color: #aaa;
}
a:hover {text-decoration: underline;} 

.clearer {
	clear: both;
	height: 0;
	width: 0;
	visibility: hidden;
	float: none;
}

.at300bs {
	float:left;
}

.no_space,
#menu ul,
.fil_info ul {
	margin:0;
	padding: 0;
}
.float {float: left; width: 340px;}
.strong {font-weight: bold}
/*** usefull ***/

#footer a,
#footer,
h2,
h2 a:link,
h2 a:visited,
.login .infos, 
 .blue {
	color: #013351;
	font-weight: bold;
}

h2.article_title {
	margin-bottom:20px;
}

span.article_strapline {
	text-align:left;
}

#menu li a,
.ui-datepicker .ui-datepicker-title ,
.date,
a.ui-state-default.ui-state-highlight, 
.orange {
	color: #ee8035;
}

#calendrier a.ui-state-active {
	color: #EE8035;
}

a.see_all:link, a.see_all:visited,
.deja_paru .readMore a,
.association .readMore a,
.archives .readMore a {
	color: #ee8035;
	text-decoration: underline;
}
h2 {
	font-size: 14px;
	margin: 0;
	color:#01446f;
}
body {
	color: #868686;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	background-color: #C9C9C9;
	/*background:url(img/bg.jpg) no-repeat center bottom;*/
}

#site {
	width: 916px;
	margin: 0 auto 30px;
	background: #ffffff;
}

#header a {
	display: block;
	background:url(img/header.jpg) no-repeat center;
	height: 122px;
	width: 916px;
	text-indent: -5000px;
}
#menu {
	height:29px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:100;
}
/*#menu ul {width: 101%}*/
#menu li {float: left;  width: 146px; margin-right: 2px;z-index:100;_width: 145px;}
#menu li a {
	display: block; 
	background: url(img/bg_menu.jpg) repeat-x center;;  
	padding-bottom:5px;
	padding-top:5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	_height:12px;
 }

#menu .sub_menu {
	border:1px solid #DEDEDE;
	display:none;
	list-style-type:none;
	margin:0;
	padding:0;
	background: white;
	width: 145px;
}

#menu .sub_menu li ul {
margin-left:145px;
_margin-left:140px;
margin-top:-27px;
position:absolute;
padding:0;
}

#menu .sub_sub_menu{
	margin-left:145px;
	margin-top:-27px;	
}


#menu .sub_menu li {
	/*border-color:transparent transparent -moz-use-text-color -moz-use-text-color;
	border-style:solid solid none none;
	border-width:1px 1px 0 0;*/
	float:none;
	margin:0;
	padding:0;
	width:145px;
	background-color:white;
}

#menu .sub_menu li a {
	background:url("img/fond_menu.png") repeat scroll 0 0 transparent;
	padding-left:10px;
	_padding-left:5px;
	text-align:left;
}



#content {
	margin-top:25px;
	background-color: #ffffff;
}

.reflect_top .img {
	/*border: solid 1px #000000;*/
}

.img {
	background: url(img/bg_mini_image.jpg) no-repeat center;
	width: 160px;
	height: 109px;
	padding: 5px;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	overflow: hidden;
}

.une .img {
	background: url(img/bg_image.jpg) no-repeat center;
	width: 302px;
	height: 230px;
	padding: 5px;
	float: left;
	margin-right: 24px;
	overflow: hidden;
	margin-bottom: 24px;
}



.une .img img{
	width: 302px;
	height: 230px;	
}
.une {text-align: justify;}
.une .blue {text-align: center;}

.une .img p{
	background: #013351;
	padding:3; 
	margin: 0;
	position: absolute;
	bottom: 0;
	width: 216px;
	padding: 10px 42px;
	font-size: 11px;
	color: white;
	left: 5px;
}

#left {width: 588px; float: left;}
.bloc {background: white; margin-top: 1px;}
#right {
	float:left;
	margin-left:5px;
	width:318px;
	_width:305px;
	margin-right:5px;
}


.bloc {
	padding: 9px 15px 10px;
	
}
.deja_paru {
	margin-top: 40px;
	background-color:#ffffff;
}
.president {
	background-color:#ffffff;
	margin-bottom: 10px;
}

.president h2, .president p {
	padding:5px;
}

.association {
	padding:5px;
	background-color:#ffffff;
}
.deja_paru.bloc {padding-bottom: 5px}
.association .readMore, 
.deja_paru .readMore {text-align: right;}
.deja_paru .readMore a{text-align: right;}

.deja_paru li {
	float: left;
	width: 150px;
	margin-right: 24px;
	text-align: center;
	list-style:none outside none;
}



.deja_paru li p {margin: 0;}


/*** bureau ***/
.bourse, .bureau, .partenaires, .calendrier {
	width: 560px;
	padding: 9px 15px;
	
}

.archives {
	/*width: 480px;
	padding: 9px 55px;
	*/
}
.bourse h2{
color : #EE8035;	
}

.photo_bourse{
	padding: 5px 0;
	color: #00446e;
	font-size: 10,42px;
	width: 85px;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}
.photo{
	background: #d2d2d2;
	padding: 5px;
	overflow: hidden;
	color: #00446e;
	font-size: 10,42px;
	width: 85px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.bureau .photo img{
	width: 85px;	
}

 .text_bureau {
	float: left; 
	width: 440px; 
	margin-left: 10px;
}

.text {
	float: left; 
	width: 400px; 
	margin-left: 60px;
}

.partenaires .photo {background: none;}
.partenaires .photo img {width: 85px;}
.partenaires .text {margin-bottom: 30px;}
.calendrier .text {margin-left:35px; text-align: right;}
.calendrier .titre {text-align: left; float: left; font-size: 12.5px; text-transform: uppercase; color: #ee8035; margin-top:0px;}

.calendrier .photo {
	background: url(img/bg_calendrier.jpg) no-repeat center;
	width: 110px;
}

.archives .photo {
	width: 170px;
	background: url(img/bg_archives.jpg) no-repeat center;
}

.archives .photo img {
	color:#00446E;
	width: 155px;
}

.archives .text {margin-left: 25px;width:340px;}
.archives .text p.readMore {height:auto;}

.archives .text p {

}

.video {
	width: 303px;
	padding: 5px;
	background:url(img/bg_video.jpg) no-repeat center; 
	margin:0 auto 30px;
}


/*** # carousselAssociation ***/
#carouselAssociation li img {
	width: 75px;

}
#carouselAssociation li {
	background: #d2d2d2;
	padding: 5px 0;
	color: #00446e;
	width: 85px;
	float: left;
	text-align: center;
	
	font-size: 10px;
}

#carouselAssociation p {margin: -3px 0;}
#carouselAssociation
{
	width: 445px;
	float: left;
	margin-left: -20px;
	overflow: hidden;
	position: relative;
}

#carouselAssociation ul
{
	overflow: hidden;
} 

/*** calendrier **/



/**** right ***/
.login form .label {
	float: left; 
	width: 85px; 
}

.inscription form .label {
	float: left; 
	width: 165px; 
	/*margin-left:100px;*/
}

.login form .input, .inscription form .input {
	float: left; 
	width: 132px; 
	background: url(img/input.jpg) no-repeat center; 
	border: none;	
	height: 22px;
	padding: 0 5px;
	margin-bottom: 2px;
	_margin-bottom: 0;: 
}

.inscription form .select {
	float: left; 
	width: 50px; 
	background: url(img/input.jpg) no-repeat center; 
	border: none;	
}

.login form #selogger, .inscription form #selogger
{
	border: none;
	background: none;
	text-decoration: underline;
	font-weight: bold;
	float: left;;
	font-size:12px;
	
}

.login form p, .inscription form p{
	clear: both;
}

.inscription {
	margin-top:20px;
	padding-left:15px;
	/*padding:16px 15px 10px;*/
}

.login .create a {color: black; 
	display: block;
	width:142px;
	background: url(img/bg_menu.jpg) repeat-x center;
	text-align: center;
	font-weight: bold;
	float: left;
	padding: 5px 0;
}

.inscription .create a {
	color: #EE8035; 
	display: block;
	width:142px;
	background: url(img/bg_menu.jpg) repeat-x center;
	text-align: center;
	font-weight: bold;
	float: left;
	padding: 5px 0;
}

.login .infos, .inscription .infos {text-align: center; font-size: 11px;}

#calendrier {
	height:220px;
}

#pub {
	text-align: center;
	padding: 0;
}

.fil_info a
{
	color: black;
	display: block;
	padding: 2px;
	font-size: 12px;
}

.fil_info li {
	margin: 0;
	padding: 0;
	line-height: 12px;
	height: 15px;
	overflow:hidden;
	}

.fil_info a:hover {
	text-decoration: none;
	background: #ccc;
}

p.embed {
	position:relative;
	text-align:center;
	z-index:-1;
}


.reflect_top{/*background: white url(img/reflect_top.jpg) repeat-x top;position:relative;z-index:2;*/}
.reflect_bottom{background: white url(img/reflect_bottom.jpg) repeat-x bottom;}
.reflect_orange {margin-bottom:10px;/*background: white url(img/reflect_orange.jpg) repeat-x bottom;*/}


h1 {
	margin: 0;
	padding: 3px  18px;
	background: #013351;
	color: white;
	font-size: 14px;
	margin-bottom:10px;
}

.reflect_top p{
text-align : justify; 
}

.une h1,
.partenaires h1,
.bureau h1,
.calendrier h1,
.archives h1,
.bourse h1,
.deja_paru h1 {
	padding: 3px 30px 3px;
	background: #013351;
}

.deja_paru ul li p {
	text-align: justify;
}


.hp p, .hp h2 {
	text-align: left;
}

.hp p.readMore a {
	color: #ee8035;
}

#footer {
	margin-bottom: 15px;
	text-align: center;
}
.pagination {text-align: center;}
.pagination li
{
	display: inline;
	color: #ee8035;
}

.pagination li a {
	color: #ee8035;
	
}
.pagination li.current {color: #00446E}
.pagination li.current a {
	text-decoration: underline;
}
/**** ui icon ***/

/*** calendrier
*****/

.hasDatepicker {
	background: url(img/bg_calendrier_home.jpg) no-repeat center;
	width: 197px;
	height: 175px;
	margin: auto;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
left:50%;
margin-left:-8px;
margin-top:-8px;
position:absolute;
top:50%;
}
.ui-icon-circle-triangle-w  {
	background: url(img/prev.jpg) no-repeat center;
}
.ui-icon-circle-triangle-e  {
 background: url(img/next.jpg) no-repeat center;
}
.ui-datepicker .ui-datepicker-header {
padding:3px  0 ;
position:relative;
}

.ui-icon  {
height:16px;
width:16px;
cursor: pointer;
display:block;
overflow:hidden;
text-indent:-99999px;
	display: block;
	
}
.ui-datepicker .ui-datepicker-title {
line-height:1.8em;
margin:0 2.3em;
text-align:center;
}

.ui-datepicker .ui-datepicker-next {
right:10px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height:1.8em;
position:absolute;
top:5px;
width:1.8em;
}

.ui-datepicker .ui-datepicker-prev {
left:10px;
}

.ui-datepicker-calendar th {color: #bbb;}

a.ui-state-default {color: #f7f7f7}

.ui-datepicker-calendar {
	width: 185px;
	margin: auto;
	text-align: center;
	
}
/*** /calendrier
*****/

#mention_formulaire {
	margin-top:25px;
}

#mention_formulaire a{
	color:#EE8035;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 85px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}