/**************** Page and tag styles ****************/
* {
font-family: Arial, Helvetica, sans-serif;
/*font-family: "Lucida Grande", cursive, Georgia, Times, serif;*/
font-size : 13px;
color : #936;
/*font-size : 13px;*/
/*color : #060;*/
/*font-weight : bold;*/
}
body
{margin:0; padding:0; color:#303030; background:#fafafa url(images/bodybg_degrade.gif) top left repeat-y; }

ul
{list-style:circle; margin:0; padding:0; font-size:0.9em;}

li
{list-style-type: none;}

a{color:#03c; font-weight:bold;}
a:hover{color:#000;}

img{margin:0; padding: 5px;}

a img
{border-style:none}


/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:170px; height:100%; color:#000; background: url(images/sidebg_degrade.gif) top right repeat-y; text-align:left;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#060; font-size:1.6em; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar  p
{margin:0; padding-left: 5px; color:#000; font-size:1em;}

#sidebar a
{color:#808080;
}

/****** Navigation menu styles **********/

#menu li a
{display:block; width:152px; margin: 0; padding: 5px 18px 5px 0; color:#936 /*#03c*/; font-size:15px; text-align:right;list-style-type: none; text-decoration:none;}

#menu li.active a
{margin: 0 ; padding: 5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu li a:hover 
{color:#303030; background:#f0f0f0 url(images/sidebarbg.gif) top right repeat-y;}

#menu li.active a:hover
{color:#505050; background:#fafafa;}



/**************** Content area styles ****************/

#contenu
{width: 730px; margin:0 0 0 190px; padding:10px 0; background:#fafafa;}

#contenu p
{margin:5px; line-height:2em;}

#contenu h2 {
font-size : 16px;
}

#contenu h1 {
font-size : 18px;
text-decoration: underline;
}
#contenu h3 {
text-decoration: underline;
}



#footer {
clear: both;
margin: 10px ;
padding: 10px 0 20px 0;
border-top: 2px solid #c0c0c0;
/*width: 730px;*/
text-align: left;
font-size: 0.9em;
}

.paragraphe{clear : both ; margin: 10px ; line-height:2em; border-top: 2px solid #936;}

.paragsanstrait{clear : both ; margin: 10px ; line-height:2em;}

.conditions{
font-weight : normal;
color: #000;
font-size: 0.9em;
}

.menuhorizon {
color : #000;
text-align:center;
}
#contenu .titre {
clear : both ; margin: 10px ; line-height:2em; border-top: 2px solid #936;
text-align:center;
}

.drapeau {
display : block;
margin-top:15px;
text-align: right;
}

.texte {
margin-bottom:10px;
text-align: center;
}

.gauche{
margin-top: 0;
padding-right: 0;
float : left;
text-align: center;
}

.droit{
float : right;
text-align: center;
}
.photos{
width: 120px;
height: 120px;
margin-top: 5px;
float : left;
text-align: center;
}

.tableaugauche{
/*clear:left;*/
float : left;
width: 350px;
margin: 10px ;
}

.tableaudroit{
 float : right;
width: 320px;
margin: 10px ;
}

.photoschambre{
width: 170px;
height: 170px;
margin-top: 5px;
float : left;
text-align: center;
}
.souligne{
text-decoration: underline;
}
.trait{
border-bottom:2px solid;
}
.texterouge{
color : #FF0000;
}
/******* Shadows********************/

.img-shadow {
  /*clear: both;*/
  float:left;
  background: url(images/ombre.png) no-repeat bottom right !important;
  background: url(images/ombre.gif) no-repeat bottom right; 
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
  padding:0 ;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  /*border: 1px solid #a9a9a9;*/
  margin: -6px 6px 6px -6px;
  padding: 4px;
 
}



/**************** carnet photos styles ****************/

.carnet{
width:680px;
height:100%;
margin-left:0;
margin-right:0;
padding-left: 60px;
padding-top:10px;
padding-bottom:0;

background:url(images/bg301.gif) top left repeat-y; 
border-top:2px solid #c0c0c0;
border-left:2px solid #c0c0c0;
border-right:4px solid #c0c0c0;
border-bottom:4px solid #c0c0c0;
overflow:auto;


}

div#liste_photos{
margin-top: 0;
padding: 0;
}
#liste_photos a{
	display: block;
	width: 120px;
	height:130px;
	float: left;
	margin: 0;
	text-decoration: none;
	text-align: center;
	font-size : 10px;
	}
#liste_photos a img.horiz{
margin-top: 15px;
}
#liste_photos a img.vert{
margin-top:8px;
}