/**
 * Position des différents éléments
 */

/* Entête */

#header
{
	height: 225px;
	padding: 0 5px 0 5px;
}

#header .mod_logo
{
	width: 494px;
	height: 126px;
}

#header .mod_article
{
	position: absolute;
	right: 0px;
	top: 12px;
	width: 630px;
	height: 90px;
	text-align: right;
	overflow: hidden;
}

#header .mod_langage
{
	float: left;
	width: 435px;
	height: 50px;
	background-color: #2f49ab;
}

#header .mod_langage .flags
{
	float: left;
	padding: 27px 0 0 30px;
}

#header .mod_langage .details
{
	float: left;
	padding: 35px 0 0 10px;
	color: #5f80fa;
	font-size: 10px;
	font-weight: bold;
}

#header .mod_langage a
{
	color: #5f80fa;
	font-size: 10px;
}

#header .mod_member
{
	float: left;
	width: 555px;
	height: 50px;
	background-color: #2f49ab;
}

#header .mod_member div.form_element
{
	float: left;
	color: #5f80fa;
	font-size: 10px;
}

#header .mod_member div.form_element a
{
	color: #5f80fa;
	font-size: 10px;
	font-weight: bold;
}

#header .mod_member div.label
{
	color: #5f80fa;
	margin: 6px 0 0 0;
	font-weight: bold;
	font-size: 10px;
}

#header .mod_member div.lost_password
{
	color: #5f80fa;
	margin: 4px 0 0 9px;
	font-weight: bold;
}

#header .mod_member input.login
{
	width: 148px;
	height: 19px;
	padding: 5px 0 0 5px;
	margin: 0 0 0 3px;
	background: #2f49ab url(images/forms/member_login_bg.png) no-repeat top left;
	color: #aaa;
	font-size: 10px;
}

#header .mod_member input.password
{
	width: 115px;
	height: 19px;
	padding: 5px 0 0 5px;
	margin: 0 0 0 10px;
	background: #2f49ab url(images/forms/member_password_bg.png) no-repeat top left;
	color: #aaa;
	font-size: 10px;
}

#header .mod_member input.submit
{
	width: 77px;
	height: 24px;
	padding: 0 0 2px 0;
	margin: 0 0 0 10px;
	background: #2f49ab url(images/forms/member_validate_bg.png) no-repeat top left;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

#header .mod_member input.create
{
	width: 115px;
	height: 24px;
	padding: 0 0 2px 0;
	margin: 0 0 0 10px;
	background: #2f49ab url(images/forms/member_create_bg.png) no-repeat top left;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

#header .mod_member input.submit:hover
#header .mod_member input.create:hover
{
	color: #666;
}

/* Conteneurs généraux */

#wrapper
{
	width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#container
{
	background: url('images/container_bg.png') repeat-y top left;
	padding: 0 5px 0 5px;
}
/* ie6 only - correction de la transparence du bg */
/*\*/ * html #container { background: url('images/container_bg.gif') repeat-y top left; } /**/

#container_top
{
	width: 1000px;
	height: 10px;
	background: url('images/container_bg_top.png') repeat-y top left;
}
/* ie6 only - correction de la transparence du bg */
/*\*/ * html #container_top { background: url('images/container_bg_top.gif') repeat-y top left } /**/

/* Colonne principale */

#main
{
	width: 615px;
	padding: 0 25px 20px 25px;
}

#main #player_video
{
	float: left;
	width: 340px;
	padding: 0 30px 0 0;
}

#main #news_home
{
	float: left;
	width: 245px;
}

#main .mod_article
{
	margin-top: 20px;
}

#main .dotted_separator_start
{
	margin-top: 20px;
	border-bottom: 1px dotted #ddd;
}

#main .dotted_separator_end
{
	margin-bottom: 20px;
}

#main .clear_article
{
	display:block;
	clear:both;
	height:0px;
}

/* Mentions légales */

.mentions_legales h1
{
	color: #2F49AB;
	margin: 10px 0 10px 0;
}

.mentions_legales h2
{
	color: #2F49AB;
	margin: 10px 0 10px 0;
}

/* SELECT (partie "téléchargement, développée par MobileTag") */

#main select
{
	border: 1px solid #cfd6d6;
	border-bottom: 1px solid #82898a;
	height: 22px;
	margin-bottom: 10px;
}

/* NEWS : affichage sur la home */

.mod_newslist .layout_short
{
	margin-top: 20px;
	font-size: 11px;
}

.mod_newslist .layout_short h2
{
	margin: 0;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

.mod_newslist .layout_short .image_container
{
	float: right;
}

.mod_newslist .layout_short img
{
	/*margin: 0 0 0 20px;*/
	margin: 0;
}

/* NEWS : affichage complet */

.mod_newslist .layout_full
{
	margin-top: 20px;
	border-bottom: 1px dotted #ddd;
}

.mod_newslist .layout_full.last
{
	border-bottom: none;
}

.mod_newslist .layout_full .ce_text
{
	margin-bottom: 20px;
}

.mod_newslist .layout_full .info
{
	font-size: 10px;
}

.mod_newslist .layout_full a
{
	text-decoration: underline;
}

/*.mod_newslist .layout_full strong
{
	color: #2f49ab;
	font-weight: normal;
}*/

/*.mod_newslist .layout_full strong a
{
	color: #2f49ab;
	text-decoration: none;
}*/


.texte_bleu,
.texte_bleu a,
.texte_bleu strong
{
	color: #2f49ab;
}

.mod_newslist .layout_full .texte_bleu a
{
	text-decoration: none;
}


.mod_newslist .layout_full h1
{
	margin: 0;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	color: #2f49ab;
}

.mod_newslist .layout_full .image_container
{
	float: left;
	margin-bottom: 20px;
}

.mod_newslist .layout_full img
{
	margin: 0 20px 0 0;
}

/* Colonne de droite */

#right
{
	width: 290px;
	padding: 0 25px 20px 0;
}

#right .ce_image,
#right .ce_text,
#right .ce_flash
{
	margin-top: 20px;
}

/* Pied de page */

#footer
{
	height: 50px;
	background: url('images/footer_bg.png') no-repeat top left;
	padding: 0 5px 0 5px;
}

#footer .inside
{
	text-align: center;
}

#footer .links,
#footer .links a
{
	color: #43aef3;
	font-size: 11px;
	margin-top: 7px;
}

#footer .details
{
	color: #5b8aff;
	font-size: 11px;
	margin-top: 2px;
}

/* ie6 only - correction de la transparence du bg */
/*\*/ * html #footer { background: url('images/footer_bg.gif') repeat-y top left; } /**/

/* Formulaires */

.mtag_form .form_title
{
	margin: 0 0 25px 0;
}

.mtag_form .form_group
{
	margin: 0 0 25px 0;
}

.mtag_form .text_label
{
	float: left;
	color: #2f49ab;
	width: 120px;
}

.mtag_form .mandatory
{
	position: relative;
	bottom: 3px;
	color: #787878;
}

.mtag_form .mandatory_error
{
	position: relative;
	bottom: 3px;
	color: #ff0000;
}

.mtag_form .checkbox_label
{
	color: #2f49ab;
}

.mtag_form input.text
{
	width: 200px;
	height: 17px;
	border: 1px solid #c1cbd9;
	border-top: 2px solid #9cb4d3;
	border-bottom: 1px solid #dae0e8;
	color: #A1A9B6;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 1px 3px 0 3px;
}

.mtag_form input.checkbox
{
	margin: 0 10px 10px 0;
	position: relative;
	top: 2px;
}

.mtag_form .mtag_valid
{
	text-align: right;
	margin: 50px 0 25px 0;
}

.mtag_form .mtag_valid img
{
	cursor: pointer;
}

/* Comment ça marche */

.comment_ca_marche h1,
.comment_ca_marche h2,
.comment_ca_marche .ce_text
{
	margin: 0 15px 0 15px;
}

/* Plan du site */
.plan_du_site,
.plan_du_site a
{
	color: #2f49ab;
	line-height: 25px;
	text-decoration: none;
	font-weight: bold;
}
