@charset "utf-8";

/* GENERAL */

body {
	margin: 0; padding: 0;
/* 	width:1024px;
  	margin:auto; */
	font-size:0.8em;
	background-image:url(../images/background.png);
	font-family:Arial, Helvetica, sans-serif;
} 

a {
	text-decoration: none;
	color: #6a6ab4;
	outline-style:none;
}

a:hover {
	text-decoration: none;
	color: #ff8300;
}

a:focus {
	text-decoration: none;
	color: #ff8300;
}

a:active {
	text-decoration: none;
	color: #ff8300;
}

img {
border: 0px none;
}

/*PAGE*/

.page {
	margin: 0; padding: 0;
	width:850px;
  	margin:auto;
	background-color:#FFFFFF;
	margin-top:1.7em;
	margin-bottom:2.3em;
}

/*HEADER*/

/*Title header*/
.header {
	height:180px;
	width:850px;
}

.title_header {
	height:120px;
	width:850px;
	padding:0.5em 0.5em 0.5em 0.5em;
	
}

.logo_header {
	float:left;
	margin-left:1em;
}

.FramaDVD_title {
	float:left;
	margin-left:3.5em;
	margin-top:2em;
}

.download_header {
	float:left;
	margin-left:2em;
	margin-top:2.3em;
}

.button_download_header {
	float:left;
}

.text_downlaod_header {
	float:left;
	margin-left:0.7em;
	margin-top:1.7em;
	width:2em;
	font-size:0.8em;
}

/*Menu*/
.menu {
	margin: 0; padding: 0;
	width:800px;
  	margin:auto;
	height:25px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:0.1em;
}

.tab_common {
	margin-left:2px;
	float:left;
	height:25px;
	min-width:81px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
	padding-left: 0.8em;
	padding-right: 0.8em;
}

.tab_common a{
	color:#FFFFFF;
}

.tab_common a:hover, a:focus, a:active {
	color:#aac8d4;
}

.tab_index {
	margin-left:2px;
	float:left;
	height:25px;
	width:131px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
}

.tab_framadvd {
	float:left;
	margin-left:2px;
	height:25px;
	width:131px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
}

.tab_download {
	float:left;
	margin-left:2px;
	height:25px;
	width:131px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
}

.tab_tutorial {
	float:left;
	margin-left:2px;
	height:25px;
	width:131px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
}

.tab_culture {
	float:left;
	margin-left:2px;
	height:25px;
	width:131px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
}

.tab_partners {
	float:left;
	margin-left:2px;
	height:25px;
	width:131px;
	background-image:url(../images/tabs_orange.png);
	list-style:none;
}

.tab_index a, .tab_framadvd a, .tab_download a, .tab_tutorial a, .tab_culture a, .tab_partners a {
	color:#FFFFFF;
}

.tab_index a:hover, a:focus, a:active, .tab_framadvd a:hover, a:focus, a:active, .tab_download a:hover, a:focus, a:active, .tab_tutorial a:hover, a:focus, a:active, .tab_culture a:hover, a:focus, a:active, .tab_partners a:hover, a:focus, a:active {
	color:#aac8d4;
}

/* The black line - header */
.black_line_top {
	height:5px;
	width:796px;
	margin:auto;
	background-image:url(../images/gris.png);
}


/* CONTAINER GENERAL */
.container {
	margin: 0; padding: 0;
	width:750px;
	height:auto;
	margin:auto;
	margin-top:1em;
	margin-bottom:2em;
}

/* Index + Home */

.text_box_1 {
	float:left;
	width:365px;
}

.tutorial_dvd_home {
	float:left;
	width:355px;
	margin-left:2em;
}

.text_box_2 {
	float:left;
	width:365px;
	margin-top:2.5em;
}

.clear {
	clear:both;
}

.title_box {
	font-size:1.2em;
	color:#ff8300;
}

.blog_home {
	float:left;
	width:355px;
	margin-left:2em;
	margin-top:2em;
}


/* Download */

.pinguin_home {
	float:left;
}

.text_dvd_online {
	float:left;
	margin-left:0.3em;
	margin-top:3.6em;
}

.download_box {
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
	margin-top:50px;
}

.remark {
	font-size:85%;
	/*background-color:#F4F4F4;
	border:1px solid gray;*/
	width:90%;
	color:#333;
	padding:3px;
	margin-left:20px;
	border:#e0e5e5 solid medium;
}

/* Partners */
.partners {
	margin-top:1em;
}

.subtitle {
	font-size:1em;
	color:#98aab1;
	margin-bottom:-0.7em;
}

/* FOOTER */
.footer {
	height:40px;
	width:auto;
	padding:0.5em 0.5em 0.5em 0.5em;
	vertical-align:bottom;
}

.black_line_bottom {
	height:5px;
	width:796px;
	margin:auto;
	background-image:url(../images/gris.png);
}

.footer_texte {
	float:left;
	margin-left:2em;
	margin-top:1em;
}

.choose_languages {
	margin-left:58em;
	margin-top:-1.5em;
	float:left;
}

.french {
	float:left;
}

.english {
	margin-left:1em;
	float:left;
}

.beta {
	border: 2px solid red;
	background-color: #f0f0f0;
	padding: 5px;
	margin: 5px;
}