@charset "UTF-8";
/* format UTF-8 déclaré */
a:link img, a:visited img {
border-style:none;
}
h1{
font-size:120%;
text-align:center;
}
h2{
background-repeat:no-repeat;
background-position: 0 0;
font-size:120%;
font-weight:bold;
text-align:left;
padding:0 0 0 2em;
color:#036;
}
h3{
font-size:105%;
text-align:left;
padding:0 0 0 1.5em;
}
hr.clear{
clear:both;
visibility:hidden;
font-size:0;
height:0;
}
.invisible{
display:none;
}
.cache{
visibility:hidden;
}
acronym{
text-decoration:none;
}

.marges,#formcontact,#tablophotos{
margin-left:auto;
margin-right:auto;
border:0;
}
.marges thead,.marges tfoot,#formcontact thead,#formcontact tfoot,#tablophotos thead,#tablophotos tfoot, .margesaccueil thead,.margesaccueil tfoot {
display:none;
}
.centre{
text-align:center;
}
.droite{
text-align:right;
}
.gauche{
text-align:left;
}
.justifie{
text-align:justify;
}
html,body{
margin:0;
padding:0;
height:100%;
background-color:#adbbcb;
/*background:url("fond.gif") 0 0 repeat;*/
}
form,img,#navigation{
padding:0;
margin:0;
border:0;
}
body{
font-family:Tahoma, Verdana,sans-serif;
font-size:95%;
background-color:#adbbcb;
color:#000;
text-align:center;
}
#fonddegrade{
background:url("degrade_fond.jpg") 0 0 repeat-x;
}


a{
background-color:transparent;
color:#036;
text-decoration:underline;
}
a:hover,a:active,a:focus{
background-color:#f90;
color:#fff;
text-decoration:none;
}
a.noroll:hover,a.noroll:active,a.noroll :focus{
background-color:transparent;
}


input,textarea,select,button{
color:#000;
background-color:#fff;
border:1px solid #f90;
}

#page{
background:url("fond.jpg") 0 0 repeat-x;
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:0;
background-color:#fff;
color:#000;
padding:0;
border:1px solid #ddd;
}

#liensaccesskeys,#menuaccess span{
display:none;
}
#menuaccess{
position:absolute;
left:50%;
height:10px;
line-height:8px;
font-size:8px;
margin:180px 0 0 330px;
padding:0;
}
#menuaccess a{
margin-left:10px;
color:#fefefe;
}
#menuaccess a:hover,#menuaccess a:active,#menuaccess a:focus{
background-color:#f90;
color:#fff;
}

#haut{
margin:0;
padding:0;
height:196px;
/*background:url("slogan.jpg") 330px 0 no-repeat;*/
text-align:left;
}
#titreprincipal{
margin:0 0 0 273px;
padding:0;
width:325px;
height:196px;
}
#languages{
float:right;
color:#fff;
text-align:right;
margin-top:35px;
margin-right:15px;
}
#languages span{
display:none;
}
#languages a{
margin-left:1em;
}

ul{
color:#f90;
}
ul span{
color:#000;
}

#bandeau{
margin:5px 0 0 0;
padding:0;
border-bottom:1px solid #fff;
/* inexplicable et injustifiable, mais IE 6 en a besoin */
}

#bandeau a{
float:left;
display:block;
height:39px;
background-repeat:no-repeat;
background-position:0 0;
}
#bandeau a span{
display:none;
}
#bandeau #home,#bandeau #homeroll{
background-image:url("home.gif");
width:134px;
}
#bandeau #presentation,#bandeau #presentationroll{
background-image:url("presentation.gif");
width:172px;
}
#bandeau #elephants,#bandeau #elephantsroll{
background-image:url("elephants.gif");
width:204px;
}
#bandeau #quisommes,#bandeau #quisommesroll{
background-image:url("quisommes.gif");
width:239px;
}
#bandeau #edito,#bandeau #editoroll{
background-image:url("edito.gif");
width:132px;
}
#bandeau #contact,#bandeau #contactroll{
background-image:url("contact.gif");
width:119px;
}

#bandeau a:hover,#bandeau a:active,#bandeau a:focus,#bandeau #homeroll,#bandeau #presentationroll,#bandeau #elephantsroll,#bandeau #quisommesroll,#bandeau #editoroll,#bandeau #contactroll{
background-position:0 -39px;
background-color:transparent;
}

div.barrehorizontale{
margin:0;
padding:0;
clear:both;
height:8px;
font-size:6px;
background:url("barrehorizontale.gif") 0 0 repeat-x;
}
#footer{
padding:5px;
}
#lienspanier{
float:left;
}
#copyright{
text-align:right;
}

#content{
text-align:left;
margin:10px;
}

/*** compte client **/
#alreadyclient{
float:left;
width:45%;
}
#newclient{
margin:0 0 0 50%;
height:300px;
/**border-left:1px solid #d9d9d9;**/
padding:5px;
}

/**  **/
#tablophotos{
width:95%;
}
#tablophotos td{
/*width:33%*/
}

/** panier **/
.listeusers{
margin-left:auto;
margin-right:auto;
/*width:690px;*/
width:95%;
border-collapse:collapse;
border:1px solid #000;
}
.listeusers th{
background-color:#ddd;
color:#000;
text-align:center;
border:1px solid #000;
padding:4px;
}
.listeusers td{
border:1px solid #000;
padding:4px;
}
#validercommande{
float:right;
/*width:200px;*/
/*text-align:right;*/
margin:0 10px 0 0;
}

/** paiement **/
.adresses,.adressesbis{
border-collapse:collapse;
border:1px solid #000;
}
.adresses th,.adressesbis th{
background-color:#ddd;
color:#000;
text-align:center;
border:1px solid #000;
padding:5px;
}
.listeusers th.droite{
text-align:right;
}
.adresses td,.adressesbis td{
border:1px solid #000;
padding:5px;
}

.adressesbis{
float:left;
margin-left:12px;
}
.adresses{
float:right;
margin:0 12px 0 0;
}
#traitadresses{
clear:left;
margin:10px 0 5px 0;
visibility:hidden;
}

.textpresentation{
text-align:center;
font-size:105%;
}

.formok{
border:1px solid #0f0;
text-align:left;
padding:1em;
}
.formnotok{
border:0;
color:#f00;
text-align:center;
}