*,html{margin:0;padding:0}

body{
    background-color:#E3CC96;
    background-image:url(/public/images/fond-mer.jpg);
    background-position:158px 0;
    background-repeat:repeat-x;
}
div#container{
    margin:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    position:relative;
    width:940px;
}
div#header{
    margin:0;
    padding:0;
    background-image:url(/public/images/titre.jpg);
    height:103px;
}

div#footer{
font-family:arial;
font-size:11px;
color:black;
margin-bottom:10px;
margin:auto;
position:absolute;
bottom:10px;
margin-left:200px;

}

div#footer a{
font-family:arial;
font-size:11px;
text-align:center;
color:black;


}

div#header h1{
    display:none;
}
div#content{
    margin:0;
    padding:0;
    /*height:717px;*/
    background-image:url(/public/images/fond-site2.jpg);
    background-repeat:no-repeat;
    /*height:901px;*/
}
div#content p{
    display:none;
}
div#player{
    width:427px;
    height:339px;
    position:relative;
    top:15px;
    left:497px;
}

p.error{
font-family:arial;
color:white;
font-size:11px;
margin-top:10px;
font-weight:bold;
}

div#liste{
    width:480px;
    height:450px;
    position:relative;
    top:65px;
    left:490px;
}

* html div#liste{
    top:60px;
}

ul#videos {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul#videos li{
    margin:0;
    padding:0;
    list-style:none;
    display:block;
    width:200px;
    /*height:150px;*/
    float:left;
    margin-right:39px;
    padding-bottom:35px;
    margin-bottom:0px;
}

ul#titres {
    list-style-type:none;
}
ul#titres li{
    margin:0;
    padding:0;
    list-style:none;
    display:block;
    width:85px;
    height:25px;
    float:left;
    margin-right:155px;
	margin-top:5px;
}
a img{
    border:none;
}
.clearer{
    clear:left;
}

/*::ETAPE 1 CARTE DE VOEUX::*/

#carte{
    position:relative;
    
}

#carte #choixperso{
    background:url(/public/images/fond-choixperso.jpg) no-repeat top left;
    width:940px;
    height:700px;
    position:relative;
}

#carte #etape1{
    background:url(/public/images/fond-etape1.jpg) no-repeat top left;
    width:940px;
    height:700px;
    position:relative;
}

#carte #etape2{
    background:url(/public/images/fond-etape2.jpg) no-repeat top left;
    width:940px;
    height:700px;
    position:relative;
}

#carte #etape3{
    background:url(/public/images/fond-etape3.jpg) no-repeat top left;
    width:940px;
    height:800px;
    position:relative;

}

#carte #etape4{
    background:url(/public/images/fond-etape4.jpg) no-repeat top left;
    width:940px;
    height:800px;
    position:relative;

}

#carte #etape1 #upload{
    position:absolute;
    top:260px;
    left:50px;
    width:400px;
    height:auto;
}

#carte #etape1 #standart{
position:absolute;
top:400px;
left:300px;
}

#carte #etape1 #camera{
    position:absolute;
    top:270px;
    left:540px;
}



#carte #etape1 #upload form fieldset{
    border:none;
    margin:0;
    padding:0;
}

#carte #etape1 #upload form input{
    border:1px solid #12646f;
}

#carte #etape1 #upload form legend{
    display:none;
}


#carte #etape2 #personnalise{
position:absolute;
top:213px;
left:325px;
}

#carte #etape2 #btn_ok{
position:absolute;
top:630px;
right:0;
}

#carte #choixperso #perso1{
    position:absolute;
    top:210px;
    left:8px;
}

#carte #choixperso #perso2{
    position:absolute;
    top:210px;
    left:249px;
}

#carte #choixperso #perso3{
    position:absolute;
    top:210px;
    left:489px;
}

#carte #choixperso #perso4{
    position:absolute;
    top:210px;
    left:728px;
}

#carte #etape3 #macarte{
width:600px;
position:absolute;
top:212px;
left:323px;
}


#carte #etape3 #formulaireMessage{
width:300px;
position:absolute;
top:200px;
left:0px;
}

#carte #etape3 #formulaireMessage #formMessage{
position:absolute;
top:70px;
left:25px;
}

#carte #etape3 #formulaireMessage #formNom{
position:absolute;
top:290px;
left:120px;
}

#carte #etape3 #formulaireMessage #formExpediteur{
position:absolute;
top:325px;
left:120px;
}

#carte #etape3 #formulaireMessage #formDestinataire{
position:absolute;
top:460px;
left:25px;
}

#carte #etape3 #formulaireMessage #formDestinataire input{
width:231px;
}

#carte #etape3 #formulaireMessage textarea{
width:231px;
height:150px;
border:1px solid #12646f;
}


#carte #etape3 #formulaireMessage input{
border:1px solid #12646f;
height:20px;
}

#carte #etape3 #btn_envoyer{
position:absolute;
top:650px;
left:600px;
}

#carte #etape4 #macartefini{
position:absolute;
top:215px;
left:170px;
}


#carte #etape4 #retourAccueil{
position:absolute;
top:650px;
left:400px;
}

#errorContent{
font-family:arial;
font-size:12px;
padding:10px;
}
#errorContent h6{
font-size:16px;
color:#026F90;
margin-bottom:10px;
}

#errorContent p{
font-weight:bold;
}


#errorContent ul{
list-style-type:decimal;
margin-left:20px;
margin-top:10px;
}

/*::APROPOS::*/

#apropos{
    background:url(/public/images/fond-apropos.jpg) no-repeat top left;
    width:940px;
    min-height:600px;
    color: #264b61;
    position:relative;
}
#apropos{
font-family : arial;
font-size: 12px;
color : #264b61;
line-height : 18px;
height:600px;
}

#apropos a{
color : #b00101;
font-weight: bold;
text-decoration: none;
}
#apropos a:hover{
color : #b00101;
text-decoration: underline;
}
#apropos #aproposLeft{
    position:relative;
    top:70px;
    left:22px;
    width:415px;
}
#aproposLeft h1{
display: none;
}
#apropos #aproposRight{
position:absolute;
top:97px;
left:497px;
width:400px;
}