/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body{
	margin:0px;
	color:#000000;


	background-color:#FFF;
	line-height:23px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;

}
p{
	margin-left:20px;
	}
a{
	text-decoration:none;
	color:#FE9900;
}
a:hover {
	color:#9EBD00;
	text-decoration:underline;
}

a.puce{
	color:#FF9900;
	text-decoration:underline;
	background-image:url(../images/puce.jpg);
	background-position:right;
	display:block;
	background-repeat:no-repeat;
	width:85px;
	}
a:hover.puce{
	color:#000;
	text-decoration:underline;
	background-image:url(../images/puce.jpg);
	background-position:right;
	display:block;
	background-repeat:no-repeat;
	width:85px;
	}


#conteneur{
	width: 990px;
	height:100%;
	margin:0px auto;	

}
#colonne_gauche{
	float:left;
	width:318px;
	}
#colonne_droite{
	float:left;
	width:585px;
	height:100%;
	background-image:url(../images/bg_content.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:170px;
	padding-left:87px;
	}
#footer{
		text-align:center;
		color:#FF9900;
		padding-top:20px;
		padding-bottom:20px;
		border-top:#DBE686 solid 1px;
	}
#footer a{
		text-align:center;
		color:#FF9900;
		
	}
#footer a:hover{
		text-align:center;
		color:#333;
		
	}
h1{
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:18px;
		border-top:#666 solid 1px;
		border-bottom:#666 solid 1px;
		padding-left:20px;
		margin-bottom:20px;
}
h2 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#9FBE01;
	font-size:18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

strong{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-size:16px;
	font-weight:bold;
	font-variant: small-caps;
		

	
}
b {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#9FBE01;
	font-weight:bold;
}

.bordure{
	border:#FF9900 solid 1px;
	padding:5px;
	background-color:#FFF;
	margin:5px;
	}
a.bordure_video {
	border:#FF9900 solid 1px;
	padding:2px;
	width:149px;
	float:left;
	background-color:#FFF;
	margin:5px;
	display:block;
	}
a:hover.bordure_video {
	border:#666 solid 1px;
	padding:2px;
	width:149px;
	float:left;
	background-color:#DBE785;
	margin:5px;
	display:block;
	}
a.bordure_photo {
	border:#FF9900 solid 1px;
	padding:2px;
	width:70px;
	float:left;
	background-color:#FFF;
	margin:5px;
	display:block;
	}
a:hover.bordure_photo {
	border:#666 solid 1px;
	padding:2px;
	width:70px;
	float:left;
	background-color:#DBE785;
	margin:5px;
	display:block;
	}
