/*
   =============================================================================
   ========================      STYLES GENERAUX      ==========================
   =============================================================================
*/
html,
body{
    height:100%;
}
html{
    font-size:100.01%;
    background:white;
}
body,
input,
select,
textarea{
    font-family:Helvetica,Helvetica,"Nimbus Sans L",sans-serif;
    /*helvetica regular*/
    font-size:1em;
}
*{
    margin:0;
    padding:0;
}
br{
    clear:left;
}
fieldset{
    border:0;
}
a{
    outline:none;
}
#container{
	width:1000px;
	margin:0 auto;
	position:relative;
        background:#584D49;
}
/*
   =============================================================================
   ======================            ACCUEIL           =========================
   =============================================================================
*/
#accueil #header{
    text-align:center;
    background:url('../design/arabesque.png') repeat;
    height:200px;
}
#accueil #header img{
    margin-top:32px;
}
#accueil #langues{
    position:absolute;
    top:0;
    right:35px;
}
#accueil #langues img{
    border:0;
}
#accueil #imagePrincipale{
    margin-top:0px;
    height:380px;
}
#accueil #imagePrincipale img{
    border:0;
}
#accueil #texte{
    background:#584D49;
    padding-top:10px;
}
#accueil #texte p{
    color:white;
    text-align:center;
    width:500px;
    margin:0 auto 0 auto;
    font-size:0.85em;
}
#accueil #footer{
    border-top:8px solid #242424;
    background:#423D39;
}
#accueil #footer p{
    color:white;
    text-align:center;
    margin:6px 0 0 0;
    padding:0 0 10px 0;
    font-size:0.7em;
}
#accueil #footer p img{
    border:0;
    vertical-align:middle;
    margin: 0 0 0 10px;
}
/*
   =============================================================================
   ======================            PAGE           =========================
   =============================================================================
*/
#page #header{
    background:url('../design/arabesque.png') repeat;
    height:164px;
}
#page #header img{
    margin:32px 0 0 20px;
}
#page #langues{
    position:absolute;
    top:0;
    right:35px;
}
#page #langues img{
    border:0;
    margin-left:0;
}
#page #menu{
	background:#463E3B;
	opacity:0.8;
	margin-top:10px;
	padding:4px;
}
#page #imageSlide{
    margin-top:0px;
    height:334px;
}
#page #imageSlide img{
    width:250px;
    height:335px;
}
#page #imageSlide #slide1,
#page #imageSlide #slide2,
#page #imageSlide #slide3,
#page #imageSlide #slide4{
    float:left;
    width:250px;
    height:335px;
}
#page #texte{
    width:480px;
    margin:0 auto 20px auto;
    background:#463E3B;
    padding:10px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
}
#page #texte ul{
    color:white;
    text-align:left;
    font-size:0.85em;
    margin:10px 0 0 40px;
}
#page #texte ul li{
    list-style-type:square;
}
#page #texte p{
    color:white;
    text-align:left;
    font-size:0.85em;
    margin-top:10px;
}
#page #texte p strong{
    font-weight:bold;
}
#page #texte p a{
    color:white;
}
#page #texte  .erreur{
    color:orange;
    margin-bottom:10px;
}
#page #texte  .valide{
    color:green;
    margin-bottom:10px;
}
#page #map{
	width:460px;
	height:460px;
	margin:10px auto;
	border:1px solid black;
}
#page form{
    margin-top:40px;
}
#page form label{
    display:block;
    color:white;
    float:left;
    width:200px;
    margin-top:4px;
    font-size:0.8em;
}
#page form input,
#page form textarea{
    float:left;
    margin-top:4px;
}
#page #footer{
    border-top:8px solid #242424;
    background:#423D39;
}
#page #footer ul{
    text-align:left;
    padding:0 0 8px 6px;
    margin:4px 0 10px 0;
}
#page #footer ul li{
    display:inline;
    color:#BE3211;
    text-transform:uppercase;
    font-size:0.75em;
}
#page #footer ul li a{
    color:white;
    text-decoration:none;
}
#page #footer img{
    position:absolute;
    bottom:2px;
    right:0;
}