/* Le reset ultime qui met tous les navigateurs à genoux. Inclut aussi le célèbre .clearfix:after et un correctif pour #sfWebDebug */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-family: Verdana, Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, sans-serif;
  vertical-align: baseline;
}

:focus { outline: 0; }

/*html, body{ height:100%; }*/

body {
  color: #666666;
  background-color:#006633;
  font-size:0.8em;
  margin:0;
  padding:0; 
}

ol, ul { list-style: none; }

table {
  border-collapse: separate;
/*  border-spacing: 2px;
*/}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

.relative{
position:relative;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a, .logo:hover{ text-decoration:none; }
a:hover { text-decoration:underline; }

.none{display:none;}

.fleft{float: left;}

.fright{float: right;}

.clr{clear: both;}

.hidden{visibility:hidden;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

strong{ font-weight:bold; }

.italic { font-style:italic; }

.rouge{ color:#CB071F; }

.center{ text-align:center;}

.fdblanc{ 
	background-color:#FFFFFF;
	font-size:0.9em;
	height:100px;
	padding:10px;
}

.typeface-js{ 
	font-family:"Vasca Berria TT", Verdana, Arial, Helvetica, sans-serif; 
	font-size:20px;
	color:#CB071F;
	line-height:23px;
	padding-bottom:10px;
}

.legende{
	color:#006633;
	font-size:0.85em;
	padding:5px;
}

#content{
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:950px;
}

#layout{
	border-right:solid 4px #ffffff;
	border-left:solid 4px #ffffff;
}

#menu .liste{
	padding-top:10px;
}

	#menu .liste li{
		border-bottom:#666666 solid 1px;
		height:30px;
	}
	
	#menu .liste li.last{ border:none; }

		#menu .liste li a{
			color:#006633;
			display:block;
			font-size:1.1em;
			line-height:29px;
			text-indent:10px;
			width:225px;
		}
		
			#menu .liste li a:hover, #menu .liste li a.current{
				background-color:#FFFFFF;
				font-weight:bold;
				text-decoration:none;
			}

#menu address{ 
	background-color:#006633;
	color:#FFFFFF;
	font-size:0.85em;
}

/*.lien-ot{
	background:#FFFFFF url(../images/ot-small.jpg) no-repeat 5px top;
	color:#CB071F;
	display:block;
	height:58px;
	line-height:58px;
	margin-top:10px;
	text-indent:40px;
	width:auto;
}*/

	#menu address a { color:#FFFFFF; line-height:20px;}
			
.download{
	background-color:#CB071F;
	position:relative;
}

	.download .like-titre, .download ul li a{
		color:#FFFFFF;
	}
	
	.download ul li a:hover{ /*border-bottom:solid 1px #AB0018; background-color:#B50018;*/}
	
	.download .like-titre{ 
		font-size:1.3em;
		padding-bottom:5px;
	}
	
	.download li{
		background:#CB071F url(../images/moins.jpg) no-repeat left 5px;
		text-indent:10px;
	}
	
	.download li.smenu{ background:#CB071F url(../images/plus.jpg) no-repeat left 5px; }

#recommanderAmi{ 
	background-color:#FFFFFF;
	border:2px dashed #B50018;
	bottom:82px;
	left:385px;
	padding:5px;
	position:absolute;
	width:250px;
	z-index:12;
}

#recommanderAmi li{
	font-size:0.85em;
	padding:5px 0;
}

	#recommanderAmi input{
		border:solid 1px #B50018;
		width:160px;
	}
	
	#recommanderAmi label{
		float:left;
		padding-right:5px;
		text-align:right;
		width:75px;
	}
	
	#recommanderAmi .submit{
		background-color:#006633;
		border:none;
		color:#FFFFFF;
		display:block;
		font-size:0.9em;
		margin:0 auto;
		width:auto;
	}
	
	#diffusion .close a{
		background-color:#CB071F;
		color:#FFFFFF;
		float:right; 
	}

#appear{
	background-color:#B50018;
	display:none;
	left:20px;
	padding:5px;
	position:absolute;
	top:80px;
	width:350px;
	z-index:2;
}

	#appear li{ 
		background:#B50018 url(../images/plusp.jpg) no-repeat left 5px; 
		font-size:0.85em;
		line-height:12px;
		padding-bottom:5px;
	}

#diffusion{
	border-top:dashed 2px #CB071F;
	border-bottom:dashed 2px #CB071F;
	color:#CB071F;
}

#diffusion a {
	color:#CB071F;
}

#diffusion .intitule, #favoris a{
	display:block;
	float:left;
	font-size:0.9em;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	text-indent:40px;
	width:48%;
}

.planSite li{ display:inline; }

.planSite a {
	color : #CB071F;
	font-size:0.9em;
}

.except #contenu .texte { background-position:right; width:665px;}

/* ----------------- lightbox ---------------------- */

#filter{
	background-color:#000000;
	display: none;
	filter: alpha(opacity=50);
	height: 100%;
	left: 0%;
	opacity:0.5;
	position: absolute;
	top: 0%;
	width: 100%;
	z-index:10;
	zoom:1;
}

#box, #box2 {
	background:transparent url(../images/box_titre.png) no-repeat left top;
	bottom:40px;
	display: none;
	left:15px;
	padding:10px 0px 0 0;
	position: absolute;
	width:341px;
	z-index:11;
}

.boxcontent{
	background-color:#FFFFFF;
	font-size:11px;
	padding:5px 20px 10px;
	text-align:justify;
	width:301px;
}

.boxtitle{
	border-bottom:1px solid #888888;
	color:#006633;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
}

.boxclose{
	background:#CCCccc url(../images/close.jpg) no-repeat left top;
	cursor:pointer;
	float:right;
	height:15px;
	top: 0;
	right: 0;
	width:20px;
}

.box-right{
	background:transparent url(../images/box-bottom.png) no-repeat left bottom;
	padding-bottom:25px;
	width:341px;
}

#box2 .box-right{
	background:transparent url(../images/box-bottom2.png) no-repeat left bottom;
}

.picto{
position:absolute;
bottom:5px;
}