@charset "UTF-8";
/* CSS Document */

* 								{margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: white;}

html							{background: url(images/bkg_repeat_top.jpg) repeat-x black;}

h1								{padding-top: 30px;}

h2								{color:#444; font-size: 28px; padding-left: 30px;}

h3								{margin-top: 20px; padding-bottom: 15px; margin-bottom: 10px; padding-left: 30px; font-size: 15px; text-transform: uppercase;}

h4								{color:#444; margin-top: 20px; padding-left: 50px; font-size: 13px; text-transform: uppercase;}

a img							{border: none;}

a								{text-decoration: none;}

sup 							{font-size: 7px; line-height: 1px;} 

#banner_top						{width: 930px; height: 14px; background: #000; color: white; font-size: 9px; margin-right: auto; margin-left: auto; text-align: right; padding-right: 38px;}

#banner_top a:hover 			{color: yellow;}

#navig							{position: relative; bottom: 22px;}

#general_wrapper				{width: 930px; min-height: 600px; margin-left: auto; margin-right: auto; background:#000;}

#header							{width: 930px; height: 247px; background:url(images/bkg_header.jpg) repeat-x;}

#bloc_txt						{width: 400px; float: left; }
#bloc_mov						{width: 380px; margin-left: 20px; margin-top: 85px;  float: left;}
#bloc_mov img					{margin-left: 20px; margin-bottom: 0px; vertical-align:text-top;}
.ind_p							{width: 350px; padding-top: 15px; padding-left: 50px; font-size: 12px;}

#media ul, .col_contact			{list-style: none; font-size: 11px;}
#media ul li					{display: block; height: 18px; width: 760px;}
#media ul li:hover				{background: #666;}
.colonne ul li					{list-style-image: url(images/puce.png);}

#colgauche ul li				{list-style: none;}

#programme ul					{list-style: none; padding-top: 25px; padding-left: 25px;}
#programme ul li				{height: 18px; width: 780px;}
#programme ul li:hover			{background: #666; }

#sponsors_logos					{margin-top: 15px; padding-top: 15px;}
#sponsors_logos h3				{margin: 0px 0px 15px 0px; padding: 0;}
#sponsors_logos img				{margin-right: 15px;}

#sponsors						{background: white;}
#sponsors ul					{list-style: none;}
#sponsors h3					{color: #252525; background: #999; padding-left: 20px; margin-top: 10px; margin-left: -20px;}


#logo_actalis					{margin-top: 20px; text-align: center;}
#img_bus						{margin-left: 60px;}
#img_bus img					{display: block; margin-top: 20px; padding-bottom: 10px;}
.center							{margin-left: 250px;}

.content_wrapper				{width: 887px; min-height: 300px; margin-left: auto; margin-top: 40px; margin-right: auto; border-right: 3px white solid; border-left: 3px white 							solid; border-bottom: 11px white solid; background: #252525;}

.content_locked					{height: 385px; background:url(images/lock_info.jpg) no-repeat;}

.content_open					{
	height: 406px;
	overflow-x: hidden;
	overflow-y:scroll;
	position: relative;
	margin-top: -21px;
	background-color: #252525;
}

.pro_desc_p						{width: 400px; padding-top: 15px; padding-left: 50px; font-size: 12px;}
.pro_mus						{display: block; width: 450px; padding-left: 5px; font-size: 12px;}
.pro_retour_a					{color:#444; margin-left: 50px; margin-bottom: 50px; margin-top: 20px; padding-left: 5px; padding-right: 5px; font-size: 10px;}
.pro_retour_a:hover				{background: #666;}
.pro_mov						{float:left; padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-right: 5px; }
.pro_mov:hover					{background: #666;}

.med_date						{display: block; float: left; width: 100px; padding-left: 60px;}
.med_titre						{display: block; float: left; width: 200px; overflow: hidden;}
.med_desc						{display: block; float: left; width: 400px; overflow: hidden;}

.colonne						{width: 410px; float: left; padding-top: 30px; margin-left: 20px; font-size: 12px;}
.colonne p, ul					{overflow:hidden; margin-left: 60px;}
.col_contact					{width: 250px; float: left;}
.col_contact h3					{margin: 0; padding: 0 0 10px 0;}

.col_transport					{width: 800px; padding-top: 30px; font-size: 12px;}
.col_transport li				{display: block; width: 800px; height: 15px;}
.col_transport ul img			{display: block; width: 111px; height: 18px; float: left; padding-right: 20px; }
.detail_arret					{display: block; float: left; width: 280px;}
.detail_arret_2					{margin-left: 133px;}
.horaire						{display: block; float: left; width: 320px;}

.linge_01						{background: #3d3d3d; padding-top: 5px; padding-bottom:8px; padding-left: 5px;}
.linge_02						{background: #2a2a2a; padding-top: 5px; padding-bottom:8px; padding-left: 5px;}
.linge_04						{background: #3d3d3d; padding-top: 5px; padding-bottom:23px; padding-left: 5px;}
.linge_03						{background: #2a2a2a; padding-top: 5px; padding-bottom:23px; padding-left: 5px;}

.content_padding				{padding-top: 30px;}

.bloc							{width: 800px; float: left; padding-top: 30px; font-size: 15px;}	
.clearing						{clear: both;}
.greyline						{background: #222;}
.white_bkg						{background: white; color: #252525;}

.hidden							{display: none;}

#footer							{color:#444; font-size: 9px; padding-top: 5px; padding-right: 20px; text-align: right;}

/*FORMULAIRE*/					

input, textarea					{color: black;}
.cssform p{
font-size: 13px;
width: 250px;
float: left;
margin: 0;
padding: 3px 0 2px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
min-height: 25px;
}

.cssform label, .submit{
float: left;
margin-left: -155px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 60px;
font-size: 13px;
margin-top: -15px;
}

.homepage img {float: left;} 


.submit	{cursor: pointer; margin-top: 20px; float:}

.submit:hover	{color:#888;}

.floatleft	{float: left;}