@charset "utf-8";

*{
	margin-top:0px;
	padding:0px;
	margin-left:0px;
}

html, body {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

img{
	border:none;
}

#main_container{
	width:1024px;
}

h1{
	color:#3D72A4;
	text-align:left;
}

h2, h3{
	background:#ECEFF5;
}

.background_pale_blue{
	background: none repeat scroll 0 0 #ECEFF5;
}
.middle{
	float:left;width:550px;margin-left:-30px;
}

.middle ol{
	padding-left:20px;	
}

.middle_long{
	float:left;width:700px;margin-left:-30px;
}

.middle_long ol{
	padding-left:20px;	
}

.right{
	text-align: right;
}

.float_right{
	float:right;
}

.block_connection{
	margin-top:2px;
	float:left;
}

#connexionFormSidebar .login label {
	width: 95px;
	float: left;
	margin-right: 0.5em;	
}

#connexionFormSidebar .login input[type=text],
#connexionFormSidebar .login input[type=password] {
	width: 120px;
	border: 1px solid #666666;
}

#connexionFormSidebar .login input[type=text]:focus,
#connexionFormSidebar .login input[type=password]:focus{
	background-color:#FFFF99;
	border: 1px solid #666666;
}

#connexionFormSidebar .buttons p{
	text-align:right;
	padding-right:10px;
} 

#connexionFormSidebar fieldset{
	width:133px;
	padding:2px;
	border:0px;
}

/*** Sidebar ***/
#sidebar{
	float:left;
	width:180px;
	margin:0px;
	padding:0px;
	padding-left:2px;
}

#sidebar h1{
	background:#ECEFF5;
	color:#3D72A4;
}

#sidebar ul{
	list-style:circle;
	padding-left:20px;
}

/*** Top menu ***/
.top_menu{
	background: #3D72A4;
	height:25px;
	color:#ffffff;
	padding-top:4px;
	width:1024px;
	padding-left:2px;
}
.top_menu ul {
	margin-top:1px;
	list-style:none;
	font-weight:bold;
}
.top_menu li {
	display:inline;
}

.top_menu li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:3px;		
	padding-right:9px;
	font-size:14px;
}

.top_menu li a:link, .top_menu a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
}

.top_menu a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3D72A4;
	text-decoration:none;
	background-color:#D8DFEA ;
	font-size:14px;

}

.searchbox{
	padding: 1px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #666;
	border: #3D72A4;	
}

.cleaner  {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	font-size:1px;
	height:1px;
	margin:0;
	padding:0;
}

/*** Footer ***/
.footer{
	height:25px;
	background:#3D72A4;
	text-align:center;
	width:1024px;
	display:block;
	padding-top:3px;
	padding-bottom:1px;
	color: #ffffff;
}
.footer li a, a:visited {
	color: #ffffff;
}
.footer ul {
	list-style:none;
}
.footer li {
	display:inline;
}

/*** Main content ***/
#main{
	float:right;
	width:800px;
	/*height:460px;*/
	padding-left:3px;
}

#main a, a:visited{
	color: #3D72A4;
}

#main a:hover{
	font-weight:bold;
}


.main_left{
	float:left;
}

.main_right{
	float:right;
	padding-right:25px;
}

.main_right h2{
	background:#ECEFF5;
}

/*** Concepteur ***/
#concepteur_image{
	margin-left:10px;
	float:left;
	width:200px;
	height:150px;
	vertical-align:middle;
	background-color:#f9d0e7;
	padding  : 20px 20px 20px 20px;	
}

#concepteur_contact{
	margin-right:20px;
	float:right;
	width:240px;
	height:190px;
	vertical-align:middle;
	background-color:#f9d0e7;	
}

/*** contact_form ***/
#concepteurform {
	margin-top:3px;
	margin-left: 0px;
	margin-bottom:10px;
	width: 500px;
	background: #3D72A4;
	padding: 5px;
}
#concepteurform * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#concepteurform ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#concepteurform li {
	margin: 0 0 5px 0;
	padding: 10px;
	background: #fff;
}
#concepteurform li.buttons{
	margin: 0;
	overflow: hidden;
}
#concepteurform label {
	margin: 0;
	width: 190px;
	display: block;
	float: left;
	padding: 5px 10px 2px 0;
}
#concepteurform input.text {
	width: 274px;
	border: 1px solid #999;
	padding: 2px;
	margin: 0;
}
#concepteurform input[type="file"] {
	width: 274px;
	border: 1px solid #999;
	padding: 2px;
	margin: 0;
}
#concepteurform input[type="checkbox"] {
	width: 15px;
	border: 0px solid #999;
	padding: 0px;
	margin: 0;
}
#concepteurform input:focus{
	background : #ffff99;
	border: 1px solid #3D72A4;
}
#concepteurform select{
	border: 1px solid #999;
}
#concepteurform select:focus{
	background : #ffff99;
	border: 1px solid #3D72A4;
}
#concepteurform input.verif {
	width: 40px;
	border: 1px solid #999;
	padding: 2px;
	margin: 0;
}
#concepteurform input.verif:focus {
	background : #ffff99;
	border: 1px solid #3D72A4;
}
#concepteurform textarea {
	width: 274px;
	border: 1px solid #999;
	padding: 2px;
	height: 80px;
	background: #FDFDF7;
}
#concepteurform textarea:focus{
	background : #ffff99;
	border: 1px solid #3D72A4;
}
#concepteurform li.buttons input {
	padding: 4px;
	float: right;
	margin: 0 0 0 5px;
	width: auto;
	border: 1px solid #999;
}
#concepteurform li.buttons input:focus {

	border: 1px solid #3D72A4;
}
.response_concepteur {
	background: #ffff99;
	color: #ba3b14;
	border: 2px solid #3D72A4;
	display: block;
	padding: 5px;
	width: 320px;
	text-align: justify;
	margin: 0px 80px 0px 80px;
}
.response_concepteur ul {
	list-style:circle;
	padding-left:40px;
}

.loader {
	float:left;
}

/*** Google Map ***/
div.googlemap {
	width: 470px; 
	height: 300px; 
	color:#000000;
}

div.googlemap h2{
	color:#3D72A4;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

.float_left{
	float: left;
}

.center{
	text-align:center;
}

ul{
	padding-left:25px;	
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

caption{
	border-top:1px solid #CDCDCD;
	border-left:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
	font-weight:bold;
}

.metz{
	font-weight:bold;
}

#firstPageSummary td{
	vertical-align: top;
}

#Standing{
	width:100%;
}

#allMatches{
	width:100%;
}

#pager .pagedisplay{
	width:30px;
}

/* countdown */
.countdown {
	color:#3D72A4;
	font-weight:bold;
	font-size: 14pt;
}

#Form fieldset{
	margin-top:2px;
	border:0px solid #3D72A4;
	padding:2px;
}
	
#Form .login label {
	width: 125px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	font-weight:bold;
}

#Form .login input[type=text], 
#Form .login input[type=password], 
#Form .login input[type=file],
#Form .login select {
	width: 150px;
	border: 1px solid #666666;
}

#Form .login input:focus, 
#Form .login select:focus, 
#Form .login textarea:focus{
	background : #ffa20f;
	border: 1px solid #990000;
}

#Form .buttons p{
	text-align:right;
	padding-right:10px;

} 

#Form fieldset{
	width:500px;

}

#connexionForm .login label {
	width: 115px;
	float: left;
	margin-right: 0.5em;	
}

#connexionForm input[type=text], input[type=password] {
	width: 190px;
	border: 1px solid #666666;
}

#connexionForm input[type=text]:focus,input[type=password]:focus{
	background-color:#FFFF99;
	border: 1px solid #666666;
}

#connexionForm .buttons p{
	text-align:right;
	padding-right:10px;
} 

#connexionForm fieldset{
	width:203px;
	padding:2px;
	border:1px solid #3D72A4;
}

/*** DatePicker ***/
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 1px;	
	margin-left:5px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 135px;

	float: left;
}

/* Messages d'erreur */
.box-info, .box-error, .box-done, .box-invisible{margin-bottom:20px;padding:5px 15px;border-style:solid;border-width:3px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.box-info{background-color:#f4f9ff;color:#0e307d;border-color:#3D72A4;}
.box-error{background-color:#ffe6e6;color:#851111;border-color:#f6dcdc;}
.box-done{background-color:#f6ffe5;color:#5b8608;border-color:#edf8d9;}
.box-done a, .box-done a:visited{color:#5b8608;text-decoration:underline;}
.box-done a:hover{text-decoration:none;}
.box-invisible{margin-bottom:20px;padding:0px;}
.box-invisible{background-color:transparent;border-color:transparent;}

.participation{
	width:100px;
}

.telecharger{
	width:70px;
	cursor:pointer;
}

.podcast{
	width:200px;
}

.podcast_block{
	height:52px;
}

.cursor{
	cursor:pointer;
}