/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Body
2. Main / #main
3. Header / #header 
4. Content / #content
5. Navigation / #nav 
6. Footer / #footer 

-------------------------------------------------------------------*/ 




/*------------------------------------------------------------------ 
[1. Body ] 
*/ 
html, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#005da7;
margin: 0;
padding: 0;
background: #fff url(../images/template/body_bg.jpg) no-repeat;
background-position: 50% 50%;
height: 100%;
background-attachment: fixed;
}

img {
border: none;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#005da7;
}

.verdana {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.verdanaespace {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:10px 10px 0px 10px;
}
.antigri {
padding:16px 0px 0px 16px;
}

.gestion{
padding:15px 0px 2px 16px;}

.note {
font-size:9px;
}

.linkbold:link, .linkbold:visited {
font-weight:bold;
text-decoration: underline;
}

.linkbold:hover {
font-weight:bold;
text-decoration: underline;
}

/*------------------------------------------------------------------ 
[2. Main / #main ] 
*/ 
#global {
position:absolute; 
top:50%;
left:50%;
margin-top:-381px;
margin-left:-550px;
width:1100px; 
height:762px;
background: #fff url(../images/template/body_bg.jpg) no-repeat;
}

#main {
position:absolute; 
top:50%;
left:50%;
margin-top:-381px;
margin-left:-439px;
width:878px; 
height:762px;
}

/*------------------------------------------------------------------ 
[3. Header / #header ] 
*/ 
#header {
height: 171px;
background: url(../images/template/header.gif) no-repeat center bottom;
text-align:center;
margin: 0;
padding: 0;
}

/*------------------------------------------------------------------ 
[4. Content / #content] 
*/ 
#content {
height: 468px;
background: url(../images/template/content_bg.gif) no-repeat center;
padding: 0 7px;
}

#contenthome {
height: 468px;
background: url(../images/template/contenthome_bg.gif) no-repeat center;
padding: 0px 7px 0px 7px;
}

#contentproduits {
height: 468px;
background: url(../images/produits/content_nosproduits_bg.gif) no-repeat center;
padding: 0 7px;
}

#contentactualites {
height: 468px;
background: url(../images/actualites/content_nosactualites_bg.gif);
font-size: 10px;
color:#005da7;
}

#mybag {
width: 248px;
height: 81px;
margin-left: 30px;
}

#texte_mybag {
float: left;
font-size: 11px;
line-height: 1.2;
width: 400px;
margin-left: 39px;
margin-top: 5px;
}

*html #texte_mybag {
float: left;
width: 330px;
margin-left: 20px;
margin-top: 5px;
}

#tabmakingof {
float: left;
margin-left: 30px;
margin-top: 20px;
}

*html #tabmakingof {
margin-left: 15px;
margin-top: 20px;
}

#tabtitrefreedent {
float: left;
margin-left: 32px;
margin-top: 20px;
}

*html #tabtitrefreedent {
float: left;
margin-left: 16px;
margin-top: 20px;
}

#texte_makingof {
font-size: 11px;
line-height: 1.2;
width: 270px;
margin-left: 5px;
}

#video_makingof {
width: 129px;
height: 89px;
background: url(../images/actualites/image_makingof.gif);
}

#titre_makingof {
width: 142px;
height: 24px;
}

#video_actualite {
float: right;
width: 370px;
height: 220px;
/*background: url(../images/actualites/flash.gif);*/
margin-top:-65px;
margin-right: 50px;
}

*html #video_actualite {
float: right;
width: 356px;
height: 196px;
/*background: url(../images/actualites/flash.gif);*/
margin-top:-45px;
margin-right: 30px;
}
/********** FUSION ******/
#fusion {
float: left;
width: 248px;
height: auto;
margin: 0 0 20px 30px;
}
*html #fusion {
float: left;
width: 248px;
height: auto;
margin-left: 14px;
}
#texte_fusion {
font-size: 11px;
line-height: 1.2;
margin-left: 9px;
margin-top: 5px;
}

#video_fusion {
float: left;
width: 370px;
height: 220px;
margin: 60px 0 0 8px;
}

#tabtitrefusion {
clear: left;
margin: -8px 0 0 32px;
}

/****************/

#titre_freedent {
float: left;
width: 400px;
height: 50px;
background: url(../images/actualites/titre_actualite3.gif);
background-repeat:no-repeat;
margin-left: 0px;
}

*html #titre_freedent {
float: left;
width: 420px;
height: 50px;
background: url(../images/actualites/titre_actualite3.gif);
background-repeat:no-repeat;
margin-left: 0px;
}

#texte_freedent {
font-size: 11px;
line-height: 1.2;
width: 450px;
margin-left: 5px;
margin-top: 10px;
}

*html #texte_freedent {
font-size: 11px;
line-height: 1.2;
width: 420px;
margin-left: 5px;
margin-top: 10px;
}

#gammebag {
float: right;
width: 352px;
height: 162px;
margin-right: 20px;
margin-top: 10px;
}

*html #gammebag {
float: right;
width: 352px;
height: 162px;
background: url(../images/actualites/image_mybag.gif);
background-repeat:no-repeat;
margin-right: 10px;
margin-top: 0px;
}

#produitstop {
height:120px;
width:600px;
margin-left:150px;
}

#produitsbottom {
height:300px;
width:641px;
margin-left:150px;
}

#produitsbottomleft {
height:290px;
width:390px;
float:left;
padding-top:34px;
}
#produitsbottomleftmiddle {
padding-left:10px;
padding-top:10px;
}
#produitsbottomleftbottom {
padding:0;
margin:0;
}
#produitsbottomleftbottom.classic {
width:500px;
position:absolute;
}


#produitzoom {
height:300px;
width:251px;
float:right;
padding-top:40px;
}

#left {
height:468px;
width:416px;
float:left;
}

#right {
height:468px;
width:448px;
float:left;
}

#righttop {
height:85px;
width:448px;
background-image:url(../images/antigrignotage/antigrignotage_right_title.jpg) no-repeat center;
}

#rightmiddle {
line-height:100%;
height:313px;
width:398px;
overflow:auto;
overflow-x:hidden;
margin:10px 10px 10px 10px;
padding-right:20px;
font-size: 11px;
}

#rightbottom {
height:50px;
width:448px;
text-align:left;
}

#rightbottom a {
font-weight:bold;
}

.middle {
vertical-align:middle;
padding-right:10px;
}
.lettrine {
float:left;
margin-right:0px;
}


#accesproleft {
float:left;
height:auto;
width:410px;
}
#accesproright {
margin-left:10px;
float:left;
height:430px;
width:414px;
}

#accesprorighttop {
width:414px;
padding-top:50px;
}

#accesprorightbottom {
height:328px;
width:414px;
background-image:url(../images/accespro/Acces-Pro_08.jpg);
/*background-attachment: fixed;*/
background-position: top left;
}
#accesprorightContent {
margin: 4px 0 0 0;
height:320px;
width:412px;
overflow: auto;
}

.espacegauche {
padding-left:30px;
padding-right:10px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#contentnosproduits {
height: 468px;
background-image:url(../images/produits/nosproduits_bg.gif);
padding: 0 7px;
}

/*------------------------------------------------------------------ 
[5. Navigation / #nav  ] 
*/ 
#nav {
height: 44px;
background: url(../images/template/nav_bg.gif) no-repeat top center;
text-align: center;
padding-top: 0px;
font-weight: bold;
color: #ffffff;
}

#navtop {
list-style-type:none;
}
#navtop li {
display:inline;
}
#navbottom {
list-style-type:none;
padding-top:5px;
}
#navbottom li {
display:inline;
}

.menuhaut {
height:43px;
font-size:8px;
vertical-align:middle;
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
margin: 0;
padding:0;
}
.menuhaut a {
margin: 5px 2px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
letter-spacing: -1px;
font-size: 0.9em;
}
.menuhaut a:hover {
text-decoration: underline;
}

.espace {
vertical-align:middle;
padding:3px;
}

.espacepdf {
padding-left:43px;
font-size:11px;
}

.lientexte {
display:block;
background-image:url(../images/accespro/pdf.gif);
background-repeat:no-repeat;
text-align:left;
padding-left:25px;
padding-top:5px;
margin-top:8px;
margin-left:18px;
font-size:11px;
}

#insidenav {
padding-left:65px;
padding-top:30px;
list-style-type:none;
}

#insidenav ul {
padding:0px;
margin:0px;}

#insidenav li {
display:inline;
padding:0px;
margin:0px;
}

#insidenavbottom {
padding-left:65px;
padding-top:0px;
list-style-type:none;
}

#insidenavbottom li {
display:inline;
}

img.sansbordure {
border-style:none;
border-width:0px;
}

/*------------------------------------------------------------------ 
[6. Footer / #footer ] 
*/ 
#footer {
height: 59px;
background: url(../images/template/footer_bg.gif) no-repeat top center;
padding: 20px 0 0 366px;
font-size: 9px;
line-height: normal;
}
#footer  a:link; #footer  a:visited{
text-decoration: underline;
}
#footer  a:hover{
text-decoration: none;
}


/*-----------------------------------------------------------------*/ 
sup {
font-size: 9px;
}

/*----------------------AUTRES-------------------------------------------*/ 
#contentCommon {
	width: 437px ;
	margin: 33px 0 0 213px;
	padding: 0;
}
#contentCommonTxt { 
	font-size: 11px;
	text-align: justify;
	width: 405px ;
	height: 300px;
	margin: 10px 0 0 12px;
	padding: 0 20px 0 0 ;
	overflow: auto;
}


/*----------------------JEU-------------------------------------------*/ 
#contentjeu {
	height: 463px;
	background: url(../images/jeu/content_jeu_bg.gif);
	color:#142865;
	text-align: center;
}

#contentjeuquestionnaireFille {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 195px;
	height: 393px;
	background: url(../images/jeu/fille_fond_questionnaire.jpg);
	background-position: 0 -69px;
	font-size:10px;
}

#contentjeuquestionnaireGarcon {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 195px;
	height: 393px;
	background: url(../images/jeu/garcon_fond_questionnaire.jpg);
	background-position: 0 -69px;
	font-size:10px;
}

#contentjeuquestionnaireReponse1 {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_result_r1.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireReponse2 {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_result_r2.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireReponse3 {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_result_r3.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireReponse4 {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_result_r4.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireGagne1 {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_gagne_1.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireGagne2 {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_gagne_2.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnairePerdu {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 225px;
	height: 393px;
	background: url(../images/jeu/jeu_perdu.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireForm {
	color: #142865;
	margin: 0 0 0 0;
	padding: 0 0 0 255px;
	height: 393px;
	background: url(../images/jeu/jeu_gagne_form2.jpg);
	background-position: 0 -69px;
}

#contentjeuquestionnaireForm label {
	display: inline-block;
	vertical-align: top;
	width: 65px;
}

#blocActu {
	width: 246px;
	height: 403px;
	position: absolute;
	background: url(../images/jeu/jeu_fond_actu.png);
	background-repeat: no-repeat;
	top: 170px;
	left: 640px;
	padding: 60px 0 0 43px;
	text-align: left;
	z-index: 10;
}

#blocActu2 {
	width: 246px;
	height: 403px;
	position: absolute;
	top: 170px;
	left: 640px;
	padding: 60px 0 0 43px;
	text-align: left;
	z-index: 100;
}

#blocActu2 p.texteActu {
	font-size:10px;
	color: #142865;
	line-height: 14px;
	width: 140px;
	text-align:justify;
}

#splashPage {
	/*position: absolute;
	top: 155px;
	left: 30px;*/
	width: 814px;
	height: 498px;
	z-index: 100;
}

#contentjeuquestionnaireFille a:link, a:hover, a:active, a:visited, 
#contentjeuquestionnaireGarcon a:link, a:hover, a:active, a:visited {
	color:#142865;
	text-decoration: none;
}

#contentjeuquestionnaireFille label, 
#contentjeuquestionnaireGarcon label {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
}

#contentjeuquestionnaireFille .legende, 
#contentjeuquestionnaireGarcon .legende, 
#contentjeuquestionnaireReponse1 .legende, 
#contentjeuquestionnaireReponse2 .legende, 
#contentjeuquestionnaireReponse3 .legende, 
#contentjeuquestionnaireReponse4 .legende {
	font-size: 20px;
	line-height: 24px;
}

#contentjeuquestionnaireFille .question, 
#contentjeuquestionnaireGarcon .question {
	font-size: 15px;
	font-weight: bold;
}

#contentjeuquestionnaireFille  a, 
#contentjeuquestionnaireGarcon  a{
	font-size: 12px;
}