/* CSS Document */
body {
margin:0;
padding:0;
font-size: 12px;
font-weight: normal;
font-family: Verdana,Trebuchet,Arial, Helvetica, sans-serif;
background-color: #EEEEEE;
z-index : 100;
}

#conteneur {
position: absolute;
left: 0;
height: auto;
margin: 0;
padding: 0 40px 0 0;
}

#ban {
height : 150px;
margin:0px 60px 0px 0px;
padding:0px 60px 0px 0px;
background-image: url(img/banc.jpg);
background-color: #eeeeee;
z-index : 10;
}
#ban_gauche {
position: absolute;
left: 0px;
top: 0px;
height: 150px;
width: 200px;
background:  url(img/bang.jpg) left bottom no-repeat;
z-index: 20;
margin: 0;
padding: 0;
}

#ban_droit {
position: absolute;
top: 0px;
right: 0px;
height: 150px;
width: 573px;
margin: 0;
padding: 0;
background-color: #eeeeee;
background: url(img/band.jpg) right bottom no-repeat;
z-index: 30;
}

#menu {
margin: 0 5px 0 180px;
height : 40px;
padding: 0px 0 0 0;
z-index : 40;
}

#uls{
list-style-type: none;
white-space: nowrap;
margin: 0; 
padding: 0;
}
#lis{
list-style-type: none;
float: left;
margin: 0; 
padding: 0;
}

.ul1 {
padding: 0;
margin: 0;
}

.ssmenu{
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px 3px 0px 3px;
color: #FFAA44;
border-top: solid 1px #E4E4E4;
}
.orange {
border-top: solid 1px #E4E4E4;
}
.ssmenu a:link {
text-decoration: none;
color: #7C7C7C;
}
.ssmenu a:visited {
text-decoration: none;
color: #7C7C7C;
}
.ssmenu a:hover {
text-decoration: none;
color: #FFAA44;
}

#contenu {
margin: 5px 37px 0px 180px;
padding: 5px 10px 0px 10px;
background-color: #fff;
/*border: solid 1px #E4E4E4;*/
color: #F09100;
font-size: 12px;
font-weight: normal;
}

#pied {
width: 100%;
margin: 0;
padding: 5px 0px 5px 0px;
font-size: 10px;
text-align: center;
color: #333333;
/*border-top: solid 1px #E4E4E4;*/
}

.acc_droit {
font-size: 12px;
font-weight: normal;
color: #F09100;
/*border-right: solid 1px #FF9900;*/
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 15px;
}
.acc_droit a:link {
color: #F09100;
}
.acc_droit a:hover{
text-decoration: none;
background-color: #D1D1D1;
}
.acc_droit a:visited {
color: #F09100;
}
.acc_gauche {
color: #F09100;
font-size: 14px;
font-weight: bold;
margin: 5px 5px 5px 5px;
padding: 5px 15px 5px 15px;
}
.acc_gauche a:link {
color: #666666;
text-decoration: none;
}
.acc_gauche a:hover{
text-decoration: none;
background-color: #D1D1D1;
}
.acc_gauche a:visited {
color: #666666;
text-decoration: none;
}
.acc_separ {
border-right: solid 1px #FF9900;
margin: 0;
padding: 0;
}

.rel {
font-style: normal;
font-size: 10px;
color: #333333;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
}
.rel a:link {
font-style: italic;
text-decoration: none;
color: #555555;
}
.rel a:hover{
font-style: italic;
text-decoration: none;
background-color: #D1D1D1;
}
.rel a:visited {
font-style: italic;
text-decoration: none;
color: #555555;
}

.art_gauche {
font-size: 12px;
font-weight: normal;
color: #F09100;
/*border: solid 1px #FF9900;*/
margin: 5px 5px 5px 5px;
padding: 5px 15px 5px 5px;
text-align: left;
}
.art_gauche a:link {
color: #F09100;
}
.art_gauche a:hover{
text-decoration: none;
background-color: #D1D1D1;
}
.art_gauche a:visited {
color: #F09100;
}
.art_droit {
color: #333333;
font-size: 12px;
font-weight: normal;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 15px;
/*border: solid 1px #FF9900;*/
}

.art_droit a:link {
color: #F09100;
}
.art_droit a:visited {
color: #F09100;
}
.art_droit a:hover {
text-decoration: none;
background-color: #D1D1D1;
}

#contact {
display: inline;
position:absolute;
top: 250px;
left: 10px;
width: 140px;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
/*border: solid 1px #555555;*/
z-index: 10;
}
.cont {
text-align: center;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #555555;
margin: 0;
padding: 0;
}
.cont a:link {
color: #555555;
}
.cont a:hover{
text-decoration: none;
background-color: #D1D1D1;
}
.cont a:visited {
color: #555555;
}

#photo {
display: inline;
position:absolute;
top: 195px;
left: 30px;
margin: 0;
padding: 0;
width: 120px;
height: 80px;
z-index: 10;
}

#art {
/*clear: both;
font-size: 10px/1.5 em;
font-weight: normal;*/
border-bottom: solid 1px #FF9900;
margin: 5px 5px 5px 5px;
padding: 15px 5px 20px 5px;
}

#art2 {
/*clear: both;
font-size: 10px/1.5 em;
font-weight: normal;
border-bottom: solid 1px #FF9900;*/
color: #666666;
margin: 5px 5px 5px 5px;
padding: 15px 5px 20px 5px;
}

#artb {
/*clear: both;
font-size: 10px/1.5 em;
font-weight: normal;*/
color: #666666;
margin: 5px 5px 5px 5px;
padding: 15px 5px 20px 5px;
}

#artb2 {
margin: 0;
padding: 10px 5px 20px 5px;
border-bottom: solid 1px #DDDDDD;
}

.normal a:link {
font-size: 12px;
font-weight: normal;
color: #666666; 
text-decoration: none;
}
.normal a:hover{
font-size: 12px;
font-weight: normal;
color: #666666; 
text-decoration: none;
background-color: #D1D1D1;
}
.normal a:visited {
font-size: 12px;
font-weight: normal;
color: #666666;
text-decoration: none;
}


#messa {
width: 100%;
height: 100%;
margin:0;
padding:0;
background-color: #FFFFFF;
}

.message{
font-size: 16px;
font-weight: bold;
text-align: left;
margin: 2px 0px 2px 5px;
padding: 2px 5px 2px 27px;
background-color:#DDDDDD;
}
.message1 {
font-size: 12px;
text-align: right;
padding : 5px 5px 5px 5px;
font-weight: bold;
border-bottom: 1px solid #EDA93A;
}
.message2 {
font-size: 10px;
text-align: left;
padding : 5px 5px 5px 5px;
font-weight: normal;
border-bottom: 1px solid #EDA93A;
}

.titre1 {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.titre1gris {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 5px 0 5px 0px;
padding: 5px 0 5px 15px;
background: url(img/menu_cale.gif) left 7px no-repeat;
}
.titre1oran {
font-size: 18px;
font-weight: bold;
color: #F09100;
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
}
.soustitre1 {
font-size: 14px;
font-weight: bold;
color: #F09100;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.soustitregris {
font-size: 14px;
font-weight: bold;
color: #333333;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.titregris {
font-size: 14px;
font-weight: bold;
color: #333333;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.gris {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.normal {
font-size: 12px;
font-weight: normal;
color: #666666;
}

.gras {
font-size: 12px;
font-weight: bold;
color: #666666;
}
.large {
font-size: 12px/1.5em;
font-weight: normal;
color: #333333;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}

.orange2{
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 5px 3px 0px 3px;
color: #FFAA44;
}

/*




#art_1 {
clear: both;
font-size: 10px/1.5 em;
font-weight: normal;
color: #333333;
margin: 0 0 10px 0;
padding: 5px 5px 5px 5px;
border: solid 1px #FF9900;
}

#art_2 {
clear: both;
font-size: 10px/1.5 em;
font-weight: normal;
color: #333333;
margin: 10px 0 0 0;
padding: 5px 5px 5px 5px;
border: solid 1px #FF9900;
}

#art_norm {
clear: both;
font-size: 12px;
font-weight: normal;
color: #666666;
margin: 5px 5px 5px 5px;
padding: 15px 5px 5px 5px;
}




*/