@import url("reset.css");

body {
	background: #000 url(../images/body_bg.jpg) repeat-x center bottom;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	font-size: 12px;
	padding-bottom: 70px;
}

.clear {clear: both;}	

a:link, a:visited, a:active {
	color: #0082c8;
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;	
}

a:hover {
	text-decoration: underline;
}

blockquote {
	padding: 10px;
}

h1,h2,h3,h4,h5,h6 {
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

h1 {
	font-size:20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 13px;
}

p {
	margin-bottom: 10px;
}

#main-wrap {
	background: url(../images/wrapper_bg.png) no-repeat center top;
}

#wrapper {
	margin: 0 auto;
	width: 974px;
	padding-top: 350px;
	position: relative;
	text-align: left;
}

#wrapper .moduletable-top {
	position: absolute;
	right: 260px;
	top: 322px;
	width: 121px;
	height: 77px;
	z-index: 1000;
}

#menuWrap {
	width: 704px;
	background: url(../images/menu_bg.jpg) no-repeat left top;	
	padding: 3px 4px 0 4px;
	height: 38px;
	position: absolute;
	top: 20px;
	right: 0;	
}

#menuWrap .moduletable-menu {
	float: left;
}

#menuWrap .moduletable-menu li {
	float: left;
}

#menuWrap .moduletable-menu li a:link,
#menuWrap .moduletable-menu li a:active,
#menuWrap .moduletable-menu li a:visited {
	color: #fff;
	text-decoration: none;
	float: left;
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
}

#menuWrap .moduletable-menu li a:link span,
#menuWrap .moduletable-menu li a:active span,
#menuWrap .moduletable-menu li a:visited span {
	display: block;
	float: left;
}

#menuWrap .moduletable-menu li a:link span span,
#menuWrap .moduletable-menu li a:active span span,
#menuWrap .moduletable-menu li a:visited span span {
	padding: 0 13px 0 13px;
}

#menuWrap .moduletable-menu li.active a:link,
#menuWrap .moduletable-menu li.active a:active,
#menuWrap .moduletable-menu li.active a:visited,
#menuWrap .moduletable-menu li a:hover {
	background: url(../images/hover_mid.jpg) repeat-x right top;
	color: #0080c6;
	text-decoration: none;
}

#menuWrap .moduletable-menu li.active a:link span,
#menuWrap .moduletable-menu li.active a:active span,
#menuWrap .moduletable-menu li.active a:visited span,
#menuWrap .moduletable-menu li a:hover span {
	background: url(../images/hover_left.jpg) no-repeat left top;	
}

#menuWrap .moduletable-menu li.active a:link span span,
#menuWrap .moduletable-menu li.active a:active span span,
#menuWrap .moduletable-menu li.active a:visited span span,
#menuWrap .moduletable-menu li a:hover span span {
	background: url(../images/hover_right.jpg) no-repeat right top;
}

#menuWrap .moduletable-search {
	background: url(../images/search_bg.jpg) no-repeat right top;	
	height:34px;
	float: right;
	width:160px;
}

#menuWrap .moduletable-search .inputbox-search {
	width: 103px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background: transparent;
	margin: 10px 0 0 24px;
	float: left;
}

#menuWrap .moduletable-search .button-search {
	background: transparent;
	width: 23px;
	height: 17px;
	border: none;
	color: #434343;
	cursor: pointer;
	float: left;
	margin-top: 10px;
}


#wrapper-repeat {
	background: url(../images/wrapper_repeat.jpg) repeat-y center top;
	width: 924px;
	padding: 0 25px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#wrapper-bottom {
	background: url(../images/wrapper_bottom.png) no-repeat center top;
	width: 974px;	
	height: 19px;
}

#container {
	background: url(../images/compas.jpg) no-repeat right bottom;
	width: 924px;
	position: relative;
	min-height: 100px;
	height: auto !important;
	height: 100px;	
}


#leftCol {
	width: 280px;
	float: left;
}

#leftCol .moduletable {
	width: 240px;
	padding: 10px 15px 0px 25px;
	margin-bottom: 10px;
}

#leftCol .moduletable.one {
	background: url(../images/marseille.jpg) no-repeat left top;	
	width: 240px !important;
	width: 280px;
	height: 120px;
	padding: 10px 15px 13px 25px;
}

#leftCol .moduletable.two {
	background: url(../images/parismardi.jpg) no-repeat left top;
	width: 240px !important;
	width: 280px;
	height: 120px;
	padding: 10px 15px 13px 25px;
}

#leftCol .moduletable.three {
	background: url(../images/saintbrieuc.jpg) no-repeat left top;	
	width: 240px !important;
	width: 280px;
	height: 120px;
	padding: 10px 15px 13px 25px;
}

#leftCol .moduletable.four {
	background: url(../images/toulouse.jpg) no-repeat left top;
	width: 240px !important;
	width: 280px;
	height: 120px;
	padding: 10px 15px 13px 25px;		
}

#leftCol .moduletable.five {
	background: url(../images/lyonvendredi.jpg) no-repeat left top;
	width: 240px !important;
	width: 280px;
	height: 120px;
	padding: 10px 15px 13px 25px;
}


#leftCol .moduletable h3 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0px;
}

#leftCol .moduletable .date {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}

#leftCol .moduletable li {
	background: url(../images/li_arrow.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
}

#leftCol .moduletable li a:link, 
#leftCol .moduletable li a:active,
#leftCol .moduletable li a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#leftCol .moduletable li.active a:link,
#leftCol .moduletable li.active a:active,
#leftCol .moduletable li.active a:visited, 
#leftCol .moduletable li a:hover {
	color: #0080c6;
	text-decoration: none;
}


#contentCol {
	width: 625px;
	float: right;
	padding-top: 60px;
}

#contentCol #content {
	width: 625px;	
}

.contentheading, .componentheading {
	color:#2a3f5b;
	font-size:20px;
}

.small, .createdate, .modifydate {
	color: #333333;
	font-size: x-small;
}

#contentCol .content ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 22px;
}

#content ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 25px;
}

#content ul li, #content ol li {
	padding-bottom: 3px;
	margin-left: 5px;
}

#contentCol .moduletable {
	width: 625px;
	margin-bottom: 40px;
}

#content a.sponsors {
	margin: 0 15px;
}

#contentCol .moduletable-les {
	background: url(../images/lespartenaires.png) no-repeat left bottom;
	width: 607px;
	height: 115px;
	padding: 0px 13px 0px 6px;
}

#contentCol .moduletable-les h3 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin-bottom: 10px;
}

#contentCol .moduletable-les ul {
	padding-top: 20px;
}

#contentCol .moduletable-les li {
	float: left;
	margin: 0 21px 0 21px;
}

#footer {
	margin: 0 auto;
	width: 974px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding-top: 10px;
}


/* ------------- Start Joomla css -------------  */

/*  Start Pagination css   */

#content #paginationWrap ul {
	list-style-position: inside;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	display: inline;
	padding: 0;
	margin: 0;
}

#content #paginationWrap ul li {
	padding-bottom: 0;
	padding: 0;
	margin: 0;
	display:inline;
	margin:0pt 3px;
	background-image: none;
}

/*  End Pagination css   */

/*  Start Contact css   */
.contact p {
	margin-bottom: 5px;
}

.contact .marker_add {
	float: left;
}

.contact .contact_address p {
	margin-left: 60px;
	margin-bottom: 3px;
}

.contact .marker {
	margin-right: 10px;
}

.contact #emailForm {
	padding-top: 10px;
}

.contact #emailForm .label {
	width: 125px;
	text-align: left;
	padding-right: 10px;
	float: left;
}

.contact #emailForm div {
	margin-bottom: 3px;
}
.search_result .button,
.contact #emailForm .button {
	background: #080808;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 2px 4px;
}	
/*  End Contact css   */

/*  Start Contact css   */
/*  Start Contact css   */



/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#system-message dd.notice ul { color: #93246F; background: #F2E3ED; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;}



/* ------------- End Joomla css -------------  */

#contactUs {
	width: 625px;
	font-size: 11px;
	line-height: 24px;
}

#contactUs h2 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

#contactUs .inputWrap {
	margin-bottom: 20px;
}

#contactUs .inputWrap .leftLabel {
	width: 197px;
	float: left;
	display: block;
}

#contactUs .inputWrap .rightLabel {
	width: 400px;
	float: left;
	display: block;
}

#contactUs .inputWrap .leftLabel.label {
	width: 190px;
	padding-left: 7px;
}

#contactUs .inputWrap radio {
	vertical-align: middle;
}

#contactUs .inputWrap .label {
	width: 190px;
	float: left;	
	font-weight: bold;
	padding-left: 7px;
}

#contactUs .inputWrap .inputBox {
	width: 165px;	
	padding: 1px 5px;
}

#contactUs .inputWrap .inputBox2 {
	width: 140px;	
	padding: 1px 5px;
}

#contactUs .inputWrap .inputBox3 {
	width: 80px;	
	padding: 1px 5px;
}

#contactUs .inputWrap .inputBox4 {
	padding: 5px 5px;
	margin-left: 197px;
}

#contactUs .inputWrap .select {
	width: 140px;
	padding: 1px 0 1px 5px;
}

#contactUs .centerText {
	width: 450px;
	padding: 5px;
	border: 3px solid #ff0000;
	margin-left: 100px;
	margin-bottom: 15px;
}

#contactUs .center {
	width: 450px;
	padding: 5px;
	text-align: center;
	margin-left: 100px;
	margin-bottom: 10px;
}

/*#contactUs .buttonWrap {
	width: 450px;
	padding: 5px;
	text-align: center;
	margin-left: 80px;
	margin-left: 100px !important;
}*/

#contactUs .submit {
	width: 80px;
	background: #080808;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 2px 4px;
	margin-left: 290px;	
}

.validation-advice {
	color: #ff0000;
	font-size: 10px;
}