body {
  margin:0;
  border:0;
  padding:0;
  height:90%; 
  max-height:90%; 
  background : #ffffff ; /*url(./../img/back.gif)*/
} 
#document {
width:900px;
background : #ffffff url(./../img/BG/bg-content.gif) no-repeat 0 200px; 
text-align : center; 
margin : 0 auto;
}   
* html  #document {
height:100%;
} 


#document * {
text-align : left; 
} 
#document2 {
background : transparent; 
height:100%;
} 
#document3 {
float : left; 
background : url(./../img/logo.gif) no-repeat; 
text-align : left; 
padding : 105px 20px 10px 0px; 
} 
#sidenav {
float : left; 
width : 200px; 

padding: 0;
margin:0;
background: transparent url(./../img/BG/haut.png) no-repeat;
background-position: center top;
min-height:600px; 
z-Index:250;
} 
#actu_edito {
float : left; 
padding: 0 5px 5px 2px;
background : #ffffff url(./../img/dotted_line_vert.gif) repeat-y top right;
z-Index:100;
} 
#contentwrap {
margin:0 0 0 200px; 
padding:0;
}
#contentwrap_accueil {
margin:0 0 0 0; 
padding:0;
}
#content{
padding:5px;
background : #fff url(./../img/BG/bg_body_content.gif) repeat-x top left;
}
#accueil {
position: relative; /* Nécessaire pour Safari */
margin: 0 auto; /* Alignements horizontal dans les navigateurs respectant les standards */
text-align: left;
width: 780px;
height: auto;
background:#FFFFFF;
color:#000000;				
}

html>body #content {width:auto;}
#footer {
clear : left; 
text-align : center; 
background : transparent; 
background:#FFFFFF;
/*background : url(./../img/BG/bg_footer.gif) no-repeat bottom; */
} 
#footer_content {
width : 880px; 
margin : 0 auto; 
text-align : left; 
padding : 5px; 
border-top : 1px solid #eee; 
} 
#footer_content p {
font : normal 11px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : #0a2f42; 
} 
.spacer {
clear : both; 
width : 0; 
height : 0; 
overflow : hidden; 
} 
h1 {
font : normal 16px arial, 'Times New Roman', Serif; 
line-height : 18px; 
color : #036; 
padding-bottom : 0; 
margin : 0; 
} 
h1#work1 {
font : normal 25px arial, 'Times New Roman', Serif; 
line-height : 30px; 
color : #036; 
padding-bottom : 0; 
margin : 0; 
} 
h2 {
font : normal 14px/14px 'trebuchet ms', trebuchet, 'Times New Roman', Serif; 
color : #7c9faa; 
padding : 10px 0 0; 
margin : 0; 
} 
h3 {
font : normal 11px/13px georgia, serif; 
color : #222; 
margin : 8px 0 0; 
padding : 0; 
} 
p {
font : normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 7px 0; 
color : #000; 
} 
hr {
height: 1px;
margin: 0;
padding: 0;
color: #eee;
background-color: #FFF;

border: 0;
width:95%;
margin : 0 auto; 
}
fieldset{
font : bold 11px/13px georgia, serif; 
background-color: #FFF;
border:1px solid #eee;
padding:10px;
margin:5px;	
color:#FF9000;
}
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
.submit .bouton{
float:left;
font : italic 11px "lucida grande", serif; 
font-weight:bold;
color:#FF9000;
background-color: #eee;
border:0px solid #DDD;
text-align:center;
background:url(./../img/BG/bg_btn.gif);
height:26px;
width:106px;
cursor:pointer;
margin-right:20px;
margin-top:10px;
}


#png_shadow {
background-position : top left; 
background-repeat : no-repeat; 
} 
#home p {
font : normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 5px; 
color : #000; 
} 
#work p.intro {
font : normal 12px/17px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 6px 0 3px; 
color : #666; 
} 
a, a:link {
font : normal 11px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : #588da2; 
text-decoration : none; 
padding : 1px 2px; 
} 
a:hover,a:visited {
text-decoration:underline
color : #333333; 
padding : 1px 2px; 
} 
img {
border : none; 
} 
.clear {
clear : both; 
height : 0; 
padding : 0; 
margin : 0; 
} 
.playmain {
padding : 0; 
z-index : 10; 
background : transparent; 
} 
.divider {
height : 0; 
border-top : 1px solid #ccc; 
margin : 5px 0; 
} 
.img_border {
border : 1px solid #ccc; 
padding : 4px; 
} 
blockquote {
font : normal 12px/18px georgia, serif; 
color : #588da2; 
padding : 0; 
margin : 4px 0; 
padding : 0 0 0 15px; 
border-left : 3px double #e5e5e5; 
} 
#portfolio blockquote p, #work blockquote p {
font : normal 12px/18px georgia, serif; 
color : #588da2; 
padding : 0; 
margin : 0; 
} 
#contentwrap h1 {
font : bold 16px 'Lucida Grande', 'LucidaGrande', Lucida, Sans-Serif; 
line-height : 16px; 
padding : 9px; 
padding-right : 20px; 
margin : 0; 
background : #FFFFFF ; /*url(./../img/BG/bg_h1.gif) repeat-x top left*/
text-align : right; 
} 
#contentwrap p {
font : normal 11px/16px 'Lucida Grande', 'LucidaGrande', Lucida, Sans-Serif; 
color : #808080; 
padding : 10px; 
margin : 0; 
background : #ffffff; 
} 
#contentwrap ul {
list-style-image : url("./../img/menu/gray_bullet_hl.gif"); 
font : normal 10px/15px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 4px 0; 
color : #fff; 

} 
#contentwrap #image {
float : right; 
margin : 0; 
padding : 2px; 
background : #ffffff; 
border : 1px solid #dbdcdc; 
z-index : 100; 
} 


#nav {
height : 38px; 
font : normal 10px 'Lucida Grande', 'Lucida Sans', verdana, arial, sans-serif; 
color : #ffffff; 
background : transparent /*url(./../img/dotted_line.gif) bottom left*/; 
margin : 0; 
padding : 0; 
position : relative; 
top : 0; 
left : 0; 
width : 900px; 
z-index : 100; 
margin-bottom:20px;
} 
#barredenav ul {
border : 0; 
margin : 0; 
} 
#barredenav {
margin : 0; 
left : 0; 
padding : 0 0 0 0; 
} 
#barredenav li {
display : block; 
} 
#barredenav li li a {
margin : 0; 
display : block; 
} 
#barredenav li li a:hover {
display : block; 
text-decoration : none; 
} 
#barredenav li {
position : relative; 
float : left; 
display : block; 
} 
#barredenav li ul {
display : none; 
position : absolute; 
top : 100%; 
left : 0; 
padding : 0; 
margin : 0; 
background : transparent; 
list-style-image : none; 
} 
#barredenav #date {
float : left; 
padding : 5px; 
margin : 0; 
padding-right : 13px; 
color : #666; 
font : bold 10px arial, sans-serif; 
background : #ffffff url(./../img/dotted_line_vert.gif) repeat-y top right; /*url(./../img/BG/bg_date.gif) repeat-x*/
width:200px;
text-align:center;
} 
.menu-general {
float : left; 
padding : 0; 
margin : 0; 
color : #0065A7; 
font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
font-weight:bold;
z-index : 150; 
text-align:center;
} 
.menu-general a, .menu-general a:link, .menu-general a:visited {
display : block; 
width : 120px; 
padding : 5px; 
background : transparent url(./../img/BG/bg_boutons_nav_left.gif) no-repeat 0 -2px; 
color : #0065A7; 
text-align:center;
margin-right:5px; 
} 
.menu-general a:hover {
color : #A22D47; 
background : transparent url(./../img/BG/bg_boutons_nav_left_over.gif) no-repeat 0 -2px; 
} 
.menu-general-active a, .menu-general-active a:link, .menu-general-active a:visited {
background : #eee; 
color : #666666; 
border-right : 1px solid #ffffff; 
} 
.clearall {
float : left; 
padding : 0; 
margin : 0; 
color : #A22D47; 
text-decoration : none; 
font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
top : 3px; 
z-index : 150; 
vertical-align : middle; 
width : 100%; 
} 
.clearall a, .clearall a:link, .clearall a:visited {
display : block; 
padding : 5px; 
width : 155px; 
color : #A22D47; 
background : #F1CAD4; 
z-index : 150; 
vertical-align : middle; 
border:1px solid;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;


} 
.clearall a:hover {
color : #ffffff; 
background : #A22D47; 
z-index : 150; 
} 
#pointillesnav {
height : 0; 
width : 100%; 
margin : 0; 
padding : 0; 
display : block; 
} 
/*sidenav*/


#sidenav ul{
		list-style-type: none;
		list-style: none;	
		list-style-image: none;	
		margin: 0 15px;
		padding: 0;

		border: none;


} 
#sidenav li {
		border-bottom: 1px solid #eee;
		margin: 0;


} 
#sidenav #sidenav_inside {
	width: 200px;
	border-right: 0px solid #eee;
	padding-top:10px;
	margin: 30px 20px 0px 20px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background: transparent url(./../img/BG/milieu.png) repeat-y;
	background-position: center top;
	color: #333;
} 
#sidenav #sidenav_inside_bottom {
	width: 200px;
	border-right: 0px solid #eee;
	padding-top:10px;
	margin: 0 20px 20px 20px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background: transparent url(./../img/BG/bas.png) repeat-y;
	background-position: center top;
	color: #333;
}
#sidenav li a, #sidenav li a:link {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #86273C;
		border-right: 10px solid #D43D5E;
		background: #B2324E;
		color: #FFFFFF;
		text-decoration: none;
		width: 80%;
} 


#sidenav li a:hover {
		border-left: 10px solid #DC4868;
		border-right: 10px solid #DC4868;
		background-color:CFG_MENU_OVER;
		color: CFG_TXT_MENU_OVER;


} 
/*news*/
#sidenav #news li a, #sidenav #news li a:link {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #94A526;
		border-right: 10px solid #A9BC2B;
		background: #C1D730;
		color: #86273C;
		text-decoration: none;
		width: 80%;
} 


#sidenav #news  li a:hover {
		border-left: 10px solid #A9BC2B;
		border-right: 10px solid #A9BC2B;
		background-color: #D1E839;
		color: #86273C;
} 
/*RSS*/
#sidenav #RSS li a, #sidenav #RSS li a:link {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #E48204;
		border-right: 10px solid #FF9000;
		background: #FFA32C;
		color: #86273C;
		text-decoration: none;
		width: 80%;


} 


#sidenav #RSS li a:hover {
		border-left: 10px solid #FFA32C;
		border-right: 10px solid #FF9000;
		background-color: #FFB24F;
		color: #86273C;


} 
/*Actu_edito*/
#actu_edito ul{
		list-style-type: none;
		list-style: none;	
		list-style-image: none;	
		margin: 0;
		padding: 0;
		border: none;


} 
#actu_edito li {
		border-bottom: 1px solid #eee;
		margin: 0;


} 
#actu_edito #news li a, #actu_edito #news li a:link {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #94A526;

		border-right: 10px solid #A9BC2B;
		background: #C1D730;
		color: #86273C;
		text-decoration: none;
		width: 100%;
} 


#actu_edito #news  li a:hover {
		border-left: 10px solid #A9BC2B;
		border-right: 10px solid #A9BC2B;
		background-color: #D1E839;
		color: #86273C;
} 
#actu_edito #contact li a, #actu_edito #contact li a:link {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #E48204;
		border-right: 10px solid #FF9000;
		background: #FFA32C;
		color: #86273C;
		text-decoration: none;
		width: 100%;


} 


#actu_edito #contact li a:hover {
		border-left: 10px solid #FFA32C;
		border-right: 10px solid #FF9000;
		background-color: #FFB24F;
		color: #86273C;


} 
html>body #sidenav #RSS  li a { width: auto; }
html>body #sidenav #news li a { width: auto; }
html>body #sidenav  li a { width: auto; }
html>body #actu_edito #news li a { width: auto; }
#sidenav h2 {
		background-color: #FFF;
		padding:5px;
		line-height:12px;
		margin-top:10px;
		left:0px;
		width:auto;
} 
#bottom {
background : #ffffff url(./../img/dotted_line.gif) repeat-x top left; 
position : relative; 
top : 0; 
left : 0; 
} 
#project {
width : 478px; 
padding : 0 0 0; 
float : left; 
position : relative; 
top : 0; 

left : 0; 
} 
#project_content {
width : 265px; 
float : left; 
position : relative; 
top : 0; 
left : 0; 
} 
#project_content h3, #project_details h3 {
font : normal 12px/15px georgia, serif; 
color : #91b476; 
margin : 8px 0 3px; 
padding : 0; 
} 
#project_content p {
font : normal 10px/15px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 0 0 5px; 
color : #000; 
} 
#project_details {
width : 190px; 
float : right; 
position : relative; 
top : 0; 
right : 10px; 
} 
ul {
list-style-image : url("./../img/menu/gray_bullet_hl.gif"); 
font : normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0 0 0 20px; 
padding : 0; 
color : #666; 
} 
.highlight ul {
list-style-image : url("./../img/menu/gray_bullet_hl.gif"); 
font : normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0 0 0 25px; 
padding : 5px 0; 
color : #666; 
} 
.highlight {
border-top : 1px solid #dcdcb4; 
border-bottom : 1px solid #dcdcb4; 
background-color : #fafae7; 
margin : 8px 0; 
padding : 0 8px 0 0; 
} 
.attributea {
font : italic 10px/14px georgia, serif; 
color : #999; 
} 
.attributeb {
font : italic 10px/14px georgia, serif; 
color : #666; 
} 
a.feature_port {
background-color : #fff; 
} 
a.feature_port:hover {
background-color : #fff; 
} 
.img_border:hover {
background-color : #d9ecff; 
} 
.entry_footer {
font : normal 10px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : #99997d; 

border-top : 1px solid #dcdcb4; 
border-bottom : 1px solid #dcdcb4; 
background-color : #fafae7; 
height : 12px; 
padding : 4px; 
margin : 6px 0 15px; 
} 
.entry_footer_text {
width : 60%; 
float : left; 
margin : 0; 
padding : 0; 
} 
.highlight {
border-top : 1px solid #dcdcb4; 
border-bottom : 1px solid #dcdcb4; 
background-color : #fafae7; 
} 
.date {
width : 39%; 
float : right; 
text-align : right; 
} 
.entry_footer a, .entry_footer a:link, .entry_footer a:visited {
color : #99997d; 
} 
.entry_footer a:hover, .entry_footer a:active {
color : #7b7b62; 
} 
a.icon_comment, a:link.icon_comment, a:visited.icon_comment {
padding-left : 15px; 
background-image : url(./../img/ICO/icon_comment.gif); 
background-color : transparent; 
background-position : left; 
background-repeat : no-repeat; 
margin : 0; 
} 
a:hover.icon_comment {
padding-left : 15px; 
background-image : url(./../img/ICO/icon_comment.gif); 
background-color : transparent; 
background-position : left; 
background-repeat : no-repeat; 
margin : 0; 
} 
a.icon_archive, a:link.icon_archive, a:visited.icon_archive {
padding-left : 15px; 
background-image : url(./../img/ICO/icon_archived.gif); 
background-color : transparent; 
background-position : left; 

background-repeat : no-repeat; 
margin : 0; 
} 
a:hover.icon_archive {
padding-left : 15px; 
background-image : url(./../img/ICO/icon_archived.gif); 
background-color : transparent; 
background-position : left; 
background-repeat : no-repeat; 
margin : 0; 
} 
#contact_left {
width : 335px; 
float : left; 
} 
#contact_right {
width : 350px; 
float : right; 
margin-top : 40px; 
} 
#contact_content {
margin : 45px 0 0; 
} 
label {
display : block; 
font : normal 10px/16px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 0 0; 
color : #666; 
} 
.textfield {
font : normal 11px/13px "lucida grande", tahoma, arial, verdana, sans-serif; 
padding : 2px; 
margin : 0; 
border : 1px solid #ccc; 
background-color : #eee; 
width : 100%; 
color : #666; 
} 
.textfield2 {
font : normal 11px/13px "lucida grande", tahoma, arial, verdana, sans-serif; 
padding : 2px; 
margin : 0; 
border : 1px solid #ccc; 
background-color : #eee; 
width : 207px; 
color : #666; 
} 
#contact td {
padding : 5px; 
} 
#contact table {
width : 100%; 
} 
.success {
background-image : url(./../img/success.gif); 
background-position : left; 
background-repeat : no-repeat; 
background-color : #e3edde; 
padding : 8px 0 8px 35px; 
border-top : 1px solid #99cc99; 
border-bottom : 1px solid #99cc99; 
font : bold 11px/14px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : #39663a; 
} 
.error {
background-image : url(./../img/error.gif); 
background-position : left; 
background-repeat : no-repeat; 
background-color : #c00; 
padding : 8px 0 8px 25px; 
border-top : 1px solid #8c0000; 
border-bottom : 1px solid #8c0000; 
font : bold 11px/14px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : #fff; 
} 
.required {
font : normal 9px "lucida grande", tahoma, arial, verdana, sans-serif; 
color : red; 
} 
#comments {
padding : 10px 0; 
} 
.comment1 {
padding : 6px 16px; 
border-bottom : 1px solid #dcdcb4; 
border-top : 1px solid #dcdcb4; 
margin : 5px 0; 
background-color : #fafae7; 
clear : both; 
} 
.comment2 {
padding : 6px 16px; 
margin : 5px 0; 
background-color : #fff; 
clear : both; 
} 
#TextDisplay {
font : normal 10px/16px "lucida grande", tahoma, arial, verdana, sans-serif; 
margin : 0; 
padding : 5px 0; 
color : #666; 
} 
.comment1 h3, .comment2 h3 {
font : bold 12px/16px "Lucida Grande", Tahoma, sans-serif; 
color : #036; 
padding : 2px 0; 
margin : 0; 
} 
pre {
padding : 10px 15px; 
background-color : #eee; 
border : 1px solid #ccc; 
font : normal 10px/15px verdana, sans-serif; 
color : #093; 
margin : 0 0; 
} 
#portfolio .playmain .quote p {
padding : 5px; 
background-color : #eee; 
border : 1px solid #ccc; 
font : normal 10px verdana, sans-serif; 
color : #000000; 
text-align : justify; 
} 
.fielderror { 
	color:#B2324E;
		padding:2px;
} 
.fieldreq {
	color: #C1D730;
	padding:2px;	
} 
.special .big{
font-size:200%; 
color:#B2324E;
font-weight:bold;
} 
.special{
color:#B2324E;
font-weight:bold;
} 
/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
#sidenav #calendrier{
	padding:0px;
	margin: 0;	
}
#sidenav #titre_cal{
	background:transparent;
	padding:0;
	margin: 0 auto;	
	width: 173px;	
	text-align:center;		
}
#sidenav #calendrier li{
	list-style: none;	
}

#sidenav #libelle {
	width: 173px;
	margin: 0 auto;
	padding: 0;
	border-bottom:1px solid #eee; 	
}
#sidenav .ligne {
	width: 173px;
	margin: 0 auto;
	padding: 0;
	border:0;

} 
#sidenav #libelle li {
	float : left;
	width : 14px; 
	border: 0;	
	padding: 5px 5px 5px 5px;
	background:#DFF54E;
	color:#333333;
	text-align:center;
}
#sidenav .ligne li {
	color: #000;
	float : left; 
	width :15px;
	padding: 0px;
	text-align:center;
	border: 0;
}
#sidenav .ligne li.vide{
	width :15px;
	height:100%;	
	padding: 2px;
	text-align:center;

	border: 0;
	background:#F2FF9E;	
	color:#333333;
	border-bottom:1px solid #F2FF9E; 	
}
#sidenav .ligne li a:link, #sidenav .ligne li a:visited,#sidenav .ligne li a:active{
	list-style: none;
	text-decoration: none;
	border: 0;
	background: #D7EE40;	
	padding: 5px;	
	text-align:center;
	color:#B2324E;	
}
#sidenav .ligne li a:hover{
	color:#B2324E;
	background:#F2FF9E;	
}
#sidenav li.itemCurrentItem {
	width :18px;
	height:100%;
	list-style: none;
	text-decoration: none;
	color:#FFFFFF;
	background:#B2324E;
	border: 0px solid #B2324E;
	padding: 3px;
	text-align:center;
}
#sidenav li.itemExistingItem {
	width :18px;
}
#sidenav li.itemSelectedItem {
	width :18px;
	height:100%;
	list-style: none;
	text-decoration: none;
	color:#B2324E;
	background:#DFF54E;
	border: 0px solid #B2324E;
	padding: 3px;
	text-align:center;
}
#sidenav .ligne li.itemNo{
	width :18px;
	height:100%;	
	padding: 3px;
	text-align:center;
	border: 0;
	background:#BED330;	
	color:#333333;
	border-bottom:1px solid #F2FF9E; 	 	
}