/** Global **/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 11px Verdana;
	color: #565656;
/*	background-color: #fff7f2; */
	background-color: #ffffff;
	background-image: url(../images/fond.png)  ; background-position:top center; background-attachment:fixed;
 background-attachment: fixed ;
}
#encemoment {background:#ccc;}
a, a:active, a:hover, a:visited, a:focus {
	text-decoration: none;
	color: #63777F;
}

a:hover {
	text-decoration:underline;
}

img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** debut wrapper **/
#wrapper {
	width: 950px;
	margin: auto auto;
	text-align: left;
	background-color:#FFF;
}
/** fin wrapper **/

/** debut header **/
#header {
	background: url(../css/back.php); no-repeat 0 0;
	height: 75px;
	padding-top: 80px;
}
	#header .logo {
		float: left;
		padding-left: 15px;
	}
		#header .logo h1 {
			font-size: 0;
		}
		#header .logo h1 a {
			display: block;
			outline: none;
			text-indent: -9999px;
			width: 324px; height: 53px;
		}
		#header .logo p {
			display: none;
		}
	#header h1 {
		float: left;
color :#ff0000;	}
/** fin header **/

/** debut body **/
#body {

	background: url(../css/images/body.gif) repeat-y 615px 0;
}
/** fin body **/

/** debut content **/
#content {
	width: 610px;
	float: left;
	position:relative;
	padding-bottom: 20px;
}
	#content p {
		padding-left:10px;
		padding-right:10px;
		margin-bottom: 10px;
	}
	#content h3 {
		margin-bottom: 10px;
		font-size: 1.5em;
		font-weight: normal;
	}
	#content blockquote {
		margin-bottom: 10px;
		padding: 10px 10px 5px;
		background-color: #eeeeee;
		border-width: 1px 0;
		border-style: solid;
		border-color: #cccccc;
		font-style: italic;
		font-weight: bold;
	}
	#content ul {
		margin: 0 0 10px 18px;
	}
	#content ol {
		margin: 0 0 10px 16px;
		padding-left: 10px;
	}
	#content li {
		padding: 2px 0;
	}
	#content .title {
		background-color: #EFEFEF;
		border-bottom: 1px solid #E1E1E1;
		height:25px;
		padding: 8px 4px;
		color: #63777F;
		font-size: 1em;
		font-family: Verdana;
		text-transform: uppercase;
}
	#content .post {
		padding: 15px;
		clear: both;
		border-top: 4px solid #E1E1E1;
	}
	#content .f {
		border-top: 0;
	}
		#content .post .thumb {
			float: left;
			margin: 0 5px 5px 0;
		}
		#content .post .thumb img {
			width: 200px;
		}
		#content .post h2 {
			font-size: 1.6em;
			line-height: 1.5em;
			margin-bottom: 5px;
		}
		#content .post p {
			margin-bottom: 5px;
			line-height: 1.4em;
		}
		#content .post .details {
			font-weight: bold;
			color: #63777F;
			padding-top: 10px;
		}
			#content .post .details a {
				margin: 0 5px;
			}
/** fin content **/

/** News **/
/** Fin News **/



.blabla {
	width:95%;
	padding:5px;
	text-align:justify;
	
}
.blabla-news {
	position:relative;
	width:95%;
	height:120px;
	padding:5px;
	text-align:justify;
	margin-left:auto;
}
.blapic {
	position:inherit;
	padding:5px;
	top:0;
	left:0;
	width:-110px;
	height:-110px;
	margin:4px;
}

/** debut sidebar **/
#sidebar {
	width: 332px;
	float: right;
	padding-bottom: 20px;
}
	#sidebar h2 {
		font-size: 1em;
		text-transform: uppercase;
		padding: 15px 15px 10px;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 15px 15px;
		border-bottom: 1px solid #ECECEC;
	}
		#sidebar ul li {
			line-height: 1.4em;
			padding: 5px 0;
		}
		#sidebar ul li a {
			color: #565656;
		}
		#sidebar ul li a:hover {
			color: #63777F;
			text-decoration: none;
		}
	#sidebar .l {
		float: left;
		width: 165px;
	}
	#sidebar .r {
		float: right;
		width: 165px;
	}
		#sidebar .l ul, #sidebar .r ul {
			border-bottom: 0;
		}
	#sidebar form {
		border-bottom: 1px solid #E1E1E1;
		background: #EFEFEF no-repeat 10px 8px;
		width: 310px; height: 25px;
		padding: 8px 11px;
	}
		#sidebar form input {
			border: 1px solid #ffffff;
			width: 222px;
			font-size: 1.2em;
			font-family: Verdana;
			margin: 4px 7px 0 3px;
			float: left;
		}
		#sidebar form button {
			text-indent: -9999px;
			border: 0;
			width: 75px; height: 27px;
			background-color: transparent;
		}
	#sidebar .photos {
		padding: 0 15px 15px;
		border-bottom: 1px solid #ECECEC;
		text-align: center;
	}
		#sidebar .photos img {
			margin: 5px;
			width: 75px; height: 75px;
		}
	#sidebar .partenaires {
		padding: 0 15px 15px;
		border-bottom: 1px solid #ECECEC;
		text-align: center;
	}
		#sidebar .partenaires img {
			margin: 5px;
			width: 104px; height: 80px;
		}

	#sidebar .video {
		padding: 0 15px 15px 20px;
		border-bottom: 1px solid #ECECEC;
	}
	#sidebar .tags {
		padding: 0 15px 15px;
		border-bottom: 1px solid #ECECEC;
	}
/** fin sidebar **/

/** debut footer **/
#footer {
	clear: both;
	background-color: #63777F;
	color: #ffffff;
	padding: 10px 20px;
}
	#footer a {
		color: #ffffff;
	}
/** fin footer **/

/** 
 MENU
 */

 #MainMenu 
{
	height:35px;
	background:#FFF url(images/bmid_110.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	overflow:hidden;
	height:33px;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab div span 
{
	background:url(../css/images/bleft_110.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	display:block;
	line-height:33px;
	padding:0 20px;
}

#menuderoulant
{
 height:35px;
 background:#FFF url(images/bmid_110.gif);
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
/*  position: absolute;*/
 top: 0;
 left: 0;
}

#menuDeroulant li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 150px;
 color:#FFF;
}

#menuderoulant .sousmenu
{
list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 display: none;
}

#menuderoulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}


#menuderoulant .sousMenu li a:link, #menuderoulant .sousmenu li a:visited
{
  display: block;
  color: #FFF;
  margin: 0;
  border: 0;
  text-decoration: none;
}

#menuderoulant li:hover > .sousmenu { display: block; }

#tab div 
{
	cursor:pointer;
	border:0;
	background:url(../css/images/bright_110.gif) no-repeat right top;
}
#tab a 
{
	background:url(../css/images/bright_110.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(../css/images/bleft_110.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:33px;
	padding:0 20px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	background:#FFF url(../css/images/bmid_110.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	background:url(../css/images/bleft_110.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:33px;
	background:url(../css/images/bright_110.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 20px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFF;
	font-weight:700;
}

/** menu grille **/
#example2{
margin:0;
padding:0;
width:500px;
list-style-type:none;
background-color:#fff;
color:#000000;
line-height:120%;
height:300px;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:485px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background-image:url(../css/images/ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(../css/images/ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(../css/images/ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(../css/images/ha-header-last.jpg) !important;
}
#example2 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 15px 0 15px;
height:1000px;
}
#example2 li a.opened{
background-image:url(../css/images/ha-header-active.jpg);
color:#f0f0f0;
}
#example2 li.firstitem a.opened{
background-image:url(../css/images/ha-header-first-active.jpg);
color:#f5f5f5;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(../css/images/ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}

/** Boiboites **/

work {
background:transparent url(../images/box1.jpg) no-repeat scroll 0 0;
}
.box {
		border:dashed 1px;
	margin:5px;
	padding:5px;
float:left;
height:200px;
width:276px;
}

.box2 {
		border:dashed 1px;
	margin:5px;
	padding:5px;
float:left;
height:200px;
width:476px;
}

#Rcontent {
	width: 600px;
	float: left;
	padding: 5px;
	border:none;
}

.LRcontent {
	width: 290px;
	float: left;
	padding: 5px;
	border:none;
}

/** Forum des Articles **/

ul.Forum, ul.Forum ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.Forum {
clear:both;
display:block;
margin:0;
padding:5;
text-align:justify;
}

.avatar	{
	float:left;
	border:none;
	padding:5px 5px 5px 5px;
	height:auto;
}

.texte-phpbb {
	
	height:auto;
	position:relative;
	padding-left:100px;
	padding-right:5px;
	padding-bottom:5px;

}

.bloc-phpbb {
	border: 0;
	margin-top:20px;
	height:inherit;
	min-height:130px;
	color:#000;
}

#demo {height:220px}