/* Feuille de style Wannitube */

* {
	font-family: Tahoma;
}

body {
	background-color: #1E354D;
	margin-top: 0;
	margin-bottom:0;
	font-size: 75%;
}

img {
	border: 0;
}


/* Styles utilitaires */
.clear {
	clear: both;
}

.right {
	text-align: right;
}

.st_tbcss {
	width: 14.41938999em;
}

.st_divcss img {
	padding-left: 0em;
/*
	position: absolute;
	left: 0.7em;
	top: 0.8em;
	margin-bottom: 0.7em;
	*/
}

.st_ftcss {

}


/* Styles personnalisés*/
div#content {
	position: relative;
	width: 955px;
	border: 0px solid white;
	margin-left: auto;
	margin-right: auto;
}

/* Eléments constituant le bandeau du haut */
div#header {
	position: relative;
	margin: 0;
	width: 950px;
	/* width: 79.2em;*/
	height:	155px;
	background-image: url(/images/wannitube/header.png);
}

div#header_frame {
	position: relative;
	margin: 0;
	width: 950px;
	height:	155px;
	background-image: url(/images/wannitube/header_frame.png);
}

div#central_town {
	position: relative;
	margin: 0;
	width: 950px;
	height: 250px;
	background-image: url(/images/wannitube/central_town.jpg);
}

div#top_footer{
	margin: 0;
	width: 950px;
	height:	27px;
	background-image: url(/images/wannitube/top_footer.png);
}

div#top_footer_frame{
	margin: 0;
	width: 950px;
	height:	27px;
	background-image: url(/images/wannitube/top_footer_frame.png);
}

div#content_footer {
	width: 950px;
	background-image: url(/images/wannitube/content_footer.png);
	background-repeat: repeat-y;
	min-height: 31em;
	margin: 0;
	position: relative;
}

div#blocks_content {
	padding: 0.8em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	min-height: 300px;
}

div#footer {
	height: 2em;
	text-align: center;
	bottom: 0;
	width: 90%;
	border-top: 3px solid #D0E7F4;
	margin-left: auto;
	margin-right: auto;
	padding: 2em;
	color: #c0c0c0;
}
div#footer ul li  a {
	color: #c0c0c0;
	text-decoration: none;
}
div#footer ul li  a:hover {
	text-decoration: underline;
}

div#footer ul {
	text-align: center;
}

div#footer ul li  {
	display: inline;
	padding-right: 5em;
}

/* Le logo */
img#logo {
	margin: 0;
	margin-left: 40px;
	margin-top: 20px;
}

/* Slogan Wannitube */
div#header h2, div#header_frame h2 {
	color: #c0c0c0;
	font-size: 12px;
	margin: 0;
	margin-left: 40px;
	width: 300px;
}

div#header h2 p {
	margin: 0;
}

/* Texte de l'accueil */
div#home_article {
	float: left;
	width: 48%;
	text-align: justify;
	padding-left: 0em;
	padding-right: 2em;
	border-right: 3px solid #D0E7F4;
}

div#home_article strong.welcome, div#personal_offer strong.welcome {
	color: #2E5072;
	font-size: 1.5em;
	font-weight: bold;
}

div#personal_offer {
	float: right;
	width: 40%;
}

/* Menu accés rapide en haut */
ul#quick_menu {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 60%;
}

ul#quick_menu li {
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 11px;
	font-weight: bold;
	color: #8CABCC;
}

ul#quick_menu li.separator {
	border-right: 2px solid  #8CABCC;
}

ul#quick_menu li a {
	color: #8CABCC;
	text-decoration: none;
}

ul#quick_menu li a:hover {
	text-decoration: underline;
}

/* Drapeaux des langues */
div#flags {
	position: absolute;
	top: 10px;
	right: 40px;
}

div#flags ul {
	margin: 0;
}

div#flags ul li {
	display: inline;
}


/* Menu du haut  */
div#top_menu {
	position: absolute;
	width: 870px;
	height: 51px;
	background-color: transparent;
	top: 108px;
	left: 40px;
	/* background-image: url(/images/wannitube/bg_top_menu.png); */
	background-repeat: repeat-x;
	text-align: center;
	padding-left: -1em
}

div#top_menu ul li {
	display: inline;
	padding-right: 1.1em;
	padding-left: 1em;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

div#top_menu ul {
	margin: 0;
	margin-top: 1.2em;
	padding-left: 0;
	width: 830px;
}


div#top_menu ul li a  {
	color: white;
	text-decoration: none;
}

div#top_menu ul li i {
	color: #03C104;
}

div#top_menu ul li.separator {
	border-right: 2px solid white;
}

/* Description de la societé */
div#central_town div#company_description {
	position: absolute;
	top: 30px;
	left: 120px;
	width: 300px;
	color: white;
	border-left: 3px solid white;
	padding-left: 2em;
	font-size: 60%;
}

div#company_description h1 {
	margin: 0;
}

/* Titre des articles */
h3.article_title {
	color: #2E5072;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	background-image: url(/images/wannitube/title_article_decoration.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.5em;
	margin-bottom: 1em;
}

div#blocks_content ul li a {
	color: #8CABCC;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

div#blocks_content ul li a:hover {
	color: #8CABCC;
	text-decoration: underline;
	font-weight: strong;
}

div#blocks_content ul li {
	list-style-type: square;
	color: #8CABCC;
	font-style: italic;
	margin-top: 2px;
}

div#blocks_content ul {
	margin-top: 4px;
	margin-bottom: 10px;
}

/* Formulaire de contact */
form#contact_form {
}

form#contact_form table {
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	background-color: #EBF0F5;
	border: 1px solid #37516C;
	padding: 2em;
}

form#contact_form table tr td.field {
	float: right;
}

form#contact_form table tr td.field input {
	width: 65ex;
	float: right;
}


form#contact_form table tr td.message_field {
	text-align: right;
}

form#contact_form table tr td.message_field textarea {
	width: 65ex;
	height: 30ex;
}



div#contact_content {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div#contact_content h1 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 2em;
	text-align: center;
}

div#contact_content p.coord {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #EBF0F5;
	padding: 1em;
	border: 1px solid #37516C;
	font-weight: bold;
	text-align: center;
}

/* Actualités */

table.news_list {
	width: 100%;
	margin-left: auto;
	margin-right: auto;

}

tr.news_header_list {
	/* background-color: #ABC0D6; */
	padding: 0;
}

tr.news_header_list h3 {
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 12px;
	border-bottom: 2px solid #ABC0D6;
	padding-bottom: 1em;
}


div#personal_offer p {
	float: right;
	margin-top: 2em;
}

div#personal_offer p a {
	color: #587B97;
	font-weight: bold;
	text-decoration: none;
}

div#personal_offer p a:hover {
	font-weight: bold;
	text-decoration: underline;
}