* {
padding : 0;
margin : 0;
border:0;
}

body {
background:#D6E3D3;
font-family:Arial, Helvetica, sans-serif;
color:#282E20;

}

img { 
border-width : 0; 
border : 0; 
} 

#container
{
position: absolute;
left:50%;
width: 800px;
margin-left: -400px;
}

#choisir
{
position : absolute;
top :5px;
left:650px;
height:auto;
}	

#bascorps {
position : absolute;
top : 8px;
width : 800px;
height : 15px;
z-index:500;
background-color:#CCCCCC;
}


#retour {
position : absolute;
top : 8px;
left : 805px;
width : 60px;
height : 15px;
z-index:600;
background-color:#CCCCCC;
}


#diapo
{
position : absolute;
top : 55px;;
width : 865px;
height:auto;
z-index:500;
}	
#diapog
{
position: absolute;
top: 10px;
width: 100px;
height: auto;
z-index:500;
}

#gd
{
position: absolute;
top: 10px;
left: 150px;
width: 650px;
height: auto;
z-index:500;
}

#hautpage {
position : absolute;
top : 5px;
z-index : 2;
width : 865px;
height : auto;  
}

#corps {
position : absolute;
top : 332px;
z-index : 200;
width : 865px;
height : auto;

}

#formulaire {
position : absolute;
top : 60px;
width : 865px;
height : auto;
overflow:auto;
background-color:#CCC;
z-index:500;
}

#famille {
position : absolute;
top : 560px;
width : 865px;
height : auto;
overflow:hidden;
background-color:#CCC;
z-index:1;
}

#form_admin {
position : absolute;
top : 5px;
left : 550px;
color : #ffd700;
z-index : 150;
}

#alerte{
position:absolute;
top : 5px;
left : 10px;
width : 100px;
height : 59px;
z-index : 150;

}

#banniere {
position :absolute;
left:5px;
height : 282px;
padding : 0;
margin : 0;
}

#banniereadmin {
position : absolute;
width : 865px;
height : 82px;
}


#barre {
position : absolute;
top : 280px;
left:5px;
width : 865px;
font-size : 70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height : normal;
color:#719B39;
background-color:#282E20;
}
#barre ul {
position : relative;
left : 45%;
width : 600px;
margin-left : -300px;
padding : 10px 10px 0 50px;
list-style : none;
}
#barre li {
display : inline;
margin : 0;
padding : 0;
}
#barre a {
float : left;
background : url("../images/barres/tableft.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 5px;
text-decoration : none;
}
#barre a span {
float : left;
display : block;
background : url("../images/barres/tabright.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #000;
}
#barre a span {
float : none;
}
#barre a:hover span {
color : #000;
background-position : 100% -42px;
}
#barre a:hover {
background-position : 0% -42px;
color:#719B39;
font-size:14px;
}

#sousbarre {
position : absolute;
top : 280px;
left:5px;
width : 865px;
font-size : 80%;
line-height : normal;
letter-spacing : 1px;
visibility : hidden;
background-color:#282E20;
}
#sousbarre ul {
position : relative;
left : 40%;
width : 650px;
margin-left : -300px;
padding : 10px 10px 0 50px;
list-style : none;
}
#sousbarre li {
display : inline;
margin : 0;
padding : 0;
}
#sousbarre a {
float : left;
background : url("../images/barres/tableft.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 5px;
text-decoration : none;
}
#sousbarre a span {
float : left;
display : block;
background : url("../images/barres/tabright.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #000;
}
#sousbarre a span {
float : none;
}
#sousbarre a:hover span {
color : #000;
}
#sousbarre a:hover {
background-position : 0% -42px;
}
#sousbarre a:hover span {
background-position : 100% -42px;
}
#sousbarre2 {
position : absolute;
top : 280px;
left:5px;
width : 865px;
font-size : 70%;
line-height : normal;
letter-spacing : 1px;
visibility : hidden;
background-color:#282E20;
}
#sousbarre2 ul {
position : relative;
left : 42%;
width : 650px;
margin-left : -325px;
padding : 10px 10px 0 50px;
list-style : none;
}
#sousbarre2 li {
display : inline;
margin : 0;
padding : 0;
}
#sousbarre2 a {
float : left;
background : url("../images/barres/tableft.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 5px;
text-decoration : none;
}
#sousbarre2 a span {
float : left;
display : block;
background : url("../images/barres/tabright.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #000;
}
#sousbarre2 a span {
float : none;
}
#sousbarre2 a:hover span {
color : #000;
}
#sousbarre2 a:hover {
background-position : 0% -42px;
}
#sousbarre2 a:hover span {
background-position : 100% -42px;
}
#sousbarre3 {
position : absolute;
top : 280px;
left:5px;
width : 865px;
font-size : 70%;
line-height : normal;
letter-spacing : 1px;
visibility : hidden;
background-color:#282E20;
}
#sousbarre3 ul {
position : relative;
left : 42%;
width : 650px;
margin-left : -325px;
padding : 10px 10px 0 50px;
list-style : none;
}
#sousbarre3 li {
display : inline;
margin : 0;
padding : 0;
}
#sousbarre3 a {
float : left;
background : url("../images/barres/tableft.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 5px;
text-decoration : none;
}
#sousbarre3 a span {
float : left;
display : block;
background : url("../images/barres/tabright.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #000;
}
#sousbarre3 a span {
float : none;
}
#sousbarre3 a:hover span {
color : #000;
}
#sousbarre3 a:hover {
background-position : 0% -42px;
font-size:14px;
}
#sousbarre3 a:hover span {
background-position : 100% -42px;
}


#sousbarre4 {
position : absolute;
top : 80px;
left:5px;
width : 865px;
font-size : 70%;
line-height : normal;
letter-spacing : 1px;
visibility : hidden;
background-color:#282E20;
}
#sousbarre4 ul {
position : relative;
left : 42%;
width : 650px;
margin-left : -325px;
padding : 10px 10px 0 50px;
list-style : none;
}
#sousbarre4 li {
display : inline;
margin : 0;
padding : 0;
}
#sousbarre4 a {
float : left;
background : url("../images/barres/tableft.gif") no-repeat left top;
margin : 0;
padding : 0 0 0 5px;
text-decoration : none;
}
#sousbarre4 a span {
float : left;
display : block;
background : url("../images/barres/tabright.gif") no-repeat right top;
padding : 5px 15px 4px 6px;
color : #000;
}
#sousbarre4 a span {
float : none;
}
#sousbarre4 a:hover span {
color : #000;
}
#sousbarre4 a:hover {
background-position : 0% -42px;
}
#sousbarre4 a:hover span {
background-position : 100% -42px;
}


#corpsadmin {
position : absolute;
overflow : auto;
top : 200px;
width : 865px;
height : 400px;
z-index:100;
}

#gauche {
position : absolute;
overflow : auto;
top : 200px;
left:5px;
width : 350px;
height : 480px;
}

#droite {
position : absolute;
overflow : auto;
top : 200px;
left:360px;
width : 500px;
height : 480px;
}


#carte {
position:absolute;
left:15px;
top : 2px;
width : 56px;
height : 59px;
}
#cam {
position:absolute;
left:170px;
top : 2px;
width : 56px;
height : 59px;

}
#plan{
position:absolute;
left:443px;
top : 2px;
width : 56px;
height : 59px;

}
#reserv{
position:absolute;
left:590px;
top : 2px;
width : 56px;
height : 59px;

}

#descriptif{
position:absolute;
left:709px;
top :4px;
width : 56px;
height : 59px;

}

#libphoto1 {
position : absolute;
text-align : center;
left : 45px;
top : 226px;
width : 240px;
height : 5px;
font : normal normal 0.8em georgia, sans-serif;
letter-spacing : 1px;
margin-bottom : 0;
color : #006600;
font-size:10px;
font-weight:bold;
}
#photo1 {
position : absolute;
left : 70px;
top : 42px;
width : 240px;
height : 180px;
}
#libphoto2 {
position : absolute;
text-align : center;
left : 310px;
top : 226px;
width : 240px;
height : 5px;
font : normal normal 0.8em georgia, sans-serif;
letter-spacing : 1px;
margin-bottom : 0;
color : #006600;
font-size:10px;
font-weight:bold;
}
#photo2 {
position : absolute;
left : 320px;
top : 42px;
width : 240px;
height : 180px;
}
#libphoto3 {
position : absolute;
text-align : center;
left : 560px;
top : 226px;
width : 240px;
height : 5px;
font : normal normal 0.8em georgia, sans-serif;
letter-spacing : 1px;
margin-bottom : 0;
color : #006600;
font-size:10px;
font-weight:bold;
}
#photo3 {
position : absolute;
left : 570px;
top : 42px;
width : 240px;
height : 180px;
}
#logo1 {
margin : 30px;
position : absolute;
left : 75px;
top : 50px;
width : 134px;
height : 67px;
}
#logo2 {
margin : 30px;
position : absolute;
left : 215px;
top : 50px;
width : 134px;
height : 67px;
}
#logo3 {
margin : 30px;
position : absolute;
left : 355px;
top : 50px;
width : 134px;
height : 67px;
}
#logo4 {
margin : 30px;
position : absolute;
left : 495px;
top : 50px;
width : 134px;
height : 67px;
}


#footer {
position : absolute;
top : 790px;
left:5px;
width : 865px;
height : 15px;
z-index:10;
background-color:#282E20;
}

#basdepage li {
display : inline;
margin-left:10px;
margin-right:40px;
padding : 0;
z-index:50;
}
#anim {
position : absolute;
top : 580px;
height:20px;
left:5px;
width : 865px;
}

table {
border-collapse : collapse;
border-spacing : 0;
border : 1px solid #ba9;
padding : 10px 25px;
font-family : "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size : 16px;
}
td, th {
border : 1px solid #bbaa99;
padding : 0.5em;
font-size : 1em;
color : #000;
}
#plansite th {background-color:#999999;}
thead th, tfoot th, tfoot td {
border : 1px solid #ba9;
text-align : left;
font-weight : bold;
color : #333333;
background-color : #E3FF91;
}
tbody th, tbody td {
vertical-align : top;
text-align : left;
}
tbody td.centre {
text-align : left;
}
tbody tr:hover td, tbody tr:focus td, tbody tr:hover th, tbody tr:focus th {
background : url(../../images/corps/shimx.gif) repeat-x left top;
color : #000;
}
tr.odd {
background : url(../../images/corps/shim.gif) repeat-x left top;
}

.flux {
text-decoration : none;
color:#006633;
font-weight : bold;
}

#plansite a:link{color:#000000;}

#plansite a:hover, #plansite a:active {
text-decoration : underline;
color : #9685ba;
}

a:link {
font-weight : bold;
text-decoration : none;
}
a:visited {
font-weight : bold;
text-decoration : none;
}
a:hover, a:active {
text-decoration : underline;
color : #9685ba;
}
a img {
border : none;
}
a.info, a.info1, a.info2, a.info3, a.info4, a.info5, a.info6,a.info66,a.ml, a.cr,a.cn,a.pls{
position : relative;
border-bottom : 1px dashed #808080;
text-decoration : none;
font-weight : bold;
font-size:8px;
}
a:hover.info, a:hover.info1, a:hover.info2, a:hover.info3, a:hover.info4, a:hover.info5, a:hover.info6, a.hover.info66, a:hover.ml, a:hover.cr,a:hover.cn,a:hover.pls {
text-decoration : none;
background : none;
}
a.info span, a.info1 span, a.info2 span, a.info3 span, a.info4 span, a.info5 p, a.info6 p,a.info66 p,a.ml p,a.cr p,a.cn p,a.pls p {
display : none;
}
a:hover.info span {
display : inline;
position : absolute;
left : 6.5em;
top :-4em;
z-index : 20;
background : #282E20;
padding : 2px;
color : #fff;
border : 1px solid #000;
width :200px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}
a:hover.info1 span {
display : inline;
position : absolute;
left:-0.5em;
top :6em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width : 200px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}
a:hover.info2 span {
display : inline;
position : absolute;
top : -2em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width : 150px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}
a:hover.info3 span {
display : inline;
position : absolute;
font-size : 70%;
left:-2em;
top :6em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width : 150px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}
a:hover.info4 span {
display : inline;
position : absolute;
left:-2em;
top :6em;
font-size : 70%;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width : 150px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}
a:hover.info5 p {
display : inline;
position : absolute;
top : 2.5em;
left : 0.2em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width:350px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}
a:hover.info6 p {
display : inline;
position : absolute;
top : 2.5em;
left : 0.2em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width:250px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}


a:hover.info66 p {
display : inline;
position : absolute;
top : 2.5em;
left : 0.2em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width:250px;
height : auto;
text-align : left;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;

}

a:hover.ml p, a:hover.cr p,a:hover.cn p,a:hover.pls p{
display : inline;
position : absolute;
top : -2.3em;
left : 0.2em;
z-index : 20;
background : #282E20;
overflow : auto;
padding : 2px;
color : #fff;
border : 1px solid #000;
width:250px;
height : auto;
text-align : center;
font-weight : normal;
font-size : 10px;
letter-spacing : 1px;
}


.champ {
background-color : white;
color : black;
}
.champlog {
font-size : 9px;
background-color : white;
}
.envoi {
width : 60px;
height : 25px;
}
.annul {
width : 60px;
height : 25px;
}
.entoure {
margin-top : 5px;
border-style : ridge;
border-color : #33ccff;
}
#actions li {
margin : 10px;
display : inline;
}
.icone {
width : 20px;
text-decoration : none;
}

.presentation {
margin-left:2px;
}

.vlsuite {
color:#0080FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
 
.photoagauche {
  border : 5px solid #b0b0b0;
  float : left;
  margin : 5px 15px 6px 15 px;
}  
.chapo {
font-size:12px;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.jaune 
{
color : #ffd700;
}

.data 
 {
			-webkit-columns: 3;
			-moz-columns: 3;
			columns: 3;
}

hr {
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #F00;
background-color: #F00;
border: 0;
}