/*******STYLES DE BASE*********************************/
html {
	width:100%;
	height: 100%;
}
body{
	background-color:#3b3e40;
	margin: 0px;
	padding: 0px;
	font-family:Arial;
	font-size:8pt;
	width:100%;
	height: 100%;

}

#pseudobody {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0px; 
	left:0px;
}

#backgroundFlash {
	position:fixed;
	width:100%;
	height:100%; 
	background-image: url('images/fond_repeat.gif');
	background-repeat:repeat;
}
.clr{
	clear: both;
}
.description{
	font-size:1&px;
	color:white;
	margin-top:5px;
	width:100%;
	text-align:center;
}

.description a{
	text-decoration:none;
	color:#515151;
	margin-top:5px;
	width:100%;
	text-align:center;
}
.description a:hover{
	color:white;
}

a{
	text-decoration:none;
	color:#515151;
}

a:hover{
	color:black;
}
.texteHome{
	padding:0px;
	padding-left:20px;
	padding-right:0px;
}
.site{
	margin-top:15px;
	width:960px; 
	margin-left:auto; 
	margin-right:auto;
}	
.gauche{
	float:left; 
	width:300px;
	margin:Opx;
	padding:Opx;
}
.droite{
	float:left; 
	width:645px;
	margin:Opx;
	padding-left:4px;
}
.header{/* td */
	vertical-align:top;
	background: transparent;
	padding:0px;
	margin:0px;
}

.content{/* td */
	width: 645px;
	margin-top:0px;
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
}

.TopContent{
	background-image:url('images/TopContent.gif');
	background-repeat: no-repeat;
	height:20px;
	width:645px;
}
.MiddleContent{
	color: white;
	background-color: #C8D207;
	padding:10px;
	margin-top:-4px;
	width:625px;
}
.MiddleContent .input,
.MiddleContent textarea {
	width: 250px;
	border: 1px solid black;
}

.BottomContent{
	background-image:url('images/BottomContent.gif');
	background-repeat: no-repeat;
	height:20px;
	width:645px;
}

.contenuImage{/* td */
	padding-left:20px;
	padding-top:15px;
}

.contenuTexte{/* td */
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

.right{/* td */
	width:150px;
	vertical-align:top;
	background:transparent;
}

.footer{/* td */
	width:100%;
	text-align:center;
	padding :20px;
	padding-bottom:40px;
	color: white;
}

.link  {/* td */
	width:100%;
	text-align:center;
	color: white;
}

.link  a {
	color:#AAA;
}
.link span {
	color:#AAA;
}

.link  a:HOVER {
	color: white;
	text-decoration: underline;
}

.titreArticle{/* td */
	font-size:1.6em;
	font-weight:bold;
}

.label {/* td */
	text-align: right;
	color:#999;
}


.recherche{/* div */
	margin-top:3px;
	padding-left:15px;
	padding-top:8px;
	text-align:left;
	height:42px;
	background-repeat:no-repeat;
}

.recherche input{/* input */
	background-color:#ffffff;
	border:1px solid white;
	margin-bottom:5px;
	margin-top:1px;
	margin-right:10px;
	margin-left:10px;
	width:130px;
}

.warning{/* div */
	width:100%;
	height:400px;
	text-align:center;

	/*background-image:url(images/fondBlanc.png);*/
}

.warning td{/* div */
	height:100%;
	vertical-align:middle;
	font-size:1.5em;
	font-weight:bold;
	background-image:url('images/warning.png');
	background-repeat:no-repeat;
	background-position:center center;
}

/*************MENU************************************/
.menu{/* div */
	vertical-align:top;
	margin-top:100px;
	font-size:1.3em;
	width:167px;
	border:1px solid black;
	margin-left:20px;
	background-image:url('images/fondBlanc.png');
}

.menuBoutons{/* div */
	padding-bottom:10px;
}

.menuBoutons table{/* table */
	width:90%;
	padding-left:18px;
}

.menuBoutons td{/* td */
	border:1px solid black;
	padding : 5px;
	width:100px;
	background-color:#97af9b;
}

.menuBoutons a{/* a */
	font-family: Trebuchet MS;
	color: black;
	text-decoration:none;
	line-height:13px;
}

/*************FILTRE*******************************************/
.filtre{/* div */
	font-size:1em;
	padding:0px;
}
.box{
	margin-left:0px;
	padding:0px;
}
.boxgr{
	width:300px;
	background-color: #0099CC;
	color:white;
	padding-left:20px;
}
.boxgr_top{
		width:300px;
		height:16px;
		background-image: url('images/boxgr_top.gif');
		background-repeat: no-repeat;
}
.boxgr_bottom{
		width:300px;
		height:16px;
		background-image: url('images/boxgr_bottom.gif');
		background-repeat: no-repeat;
}

.boxSolution{
	width:300px;
	background-color: #FFDC00;
	color:white;
	padding-left:20px;
}
.boxSolution_top{
		width:300px;
		height:16px;
		background-image: url('images/boxSolution_top.gif');
		background-repeat: no-repeat;
}
.boxSolution_bottom{
		width:300px;
		height:16px;
		background-image: url('images/boxSolution_bottom.gif');
		background-repeat: no-repeat;
}

.boxSavoirFaire{
	width:300px;
	background-color: #DE3F44;
	color:white;
	padding-left:20px;
}
.boxSavoirFaire_top{
		width:300px;
		height:16px;
		background-image: url('images/boxSavoirFaire_top.gif');
		background-repeat: no-repeat;
}
.boxSavoirFaire_bottom{
		width:300px;
		height:16px;
		background-image: url('images/boxSavoirFaire_bottom.gif');
		background-repeat: no-repeat;
}

.boxEquipe{
	width:300px;
	background-color: #C8D207;
	color:white;
	padding-left:20px;
}
.boxEquipe_top{
		width:300px;
		height:16px;
		background-image: url('images/boxEquipe_top.gif');
		background-repeat: no-repeat;
}
.boxEquipe_bottom{
		width:300px;
		height:16px;
		background-image: url('images/boxEquipe_bottom.gif');
		background-repeat: no-repeat;
}

.filtre select{/* select */
	width:140px;
	margin-bottom:1px;
}


/* toolbar */
.topToolbar {
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	height:50px;
	color:white;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.bottomToolbar {
	width: 100%;
}

/**********************************************************/
/* formulaire envoyer à un ami */
.sendFriend {/* div */
	background:#58b1df;
}

/*********************************************************/
/* tooltip des projets */
#tooltip{
	z-index:4;
}
.toptool{
	background-image:url('images/toptool.png');
	background-repeat:no-repeat;
	width:170px;
	height:10px;

}
#tooltipContent {
	padding-left:10px;
	background-image:url('images/middletool.png');
	width:160px;
}
.bottomtool{
	background-image:url('images/bottomtool.png');
	background-repeat:no-repeat;
	width:170px;
	height:10px;
}
/***************************************************/
/*FOND*/
.padd{
	padding:2px;
}

#prec{
	width:32px;
	height:32px;
	margin-right:5px;
	background-image:url('images/precedent.gif');
}

#suiv{
	width:32px;
	height:32px;
	background-image:url('images/suivant.gif');
}

/*****************************************************/
/* actus en homepage */
#actus {
	margin-left: 50px;
}

#actus #top {
	width: 524px;
	height: 29px;
	background-image: url('images/Topactus.gif');
}

#actus #middle {
	width: 524px;
	background-color: #58b1df;
}

#actus #bottom {
	width: 524px;
	height: 20px;
	background-image: url('images/Bottomactus.gif');
}

/**slideshow **/

/*.hg{
	background-image:url('images/hg.gif');
}
.divhg{
	height:10px;
	width:10px;
}*/
.sshaut{
	background-image:url('images/slide_top.gif');
	background-repeat:no-repeat;
	width:420px;
	height:30px;
}
.ssbas{
	background-image:url('images/slide_bottom.gif');
	background-repeat:no-repeat;
	width:420px;
	height:13px;
}
.ssmiddle{
	background-color : #000;
}

/*.hd{
	background-image:url('images/hd.gif');
}
.ssgauche{
	background-color : #000;
}
.ssdroite{
	background-color : #000;
}*/
/*.bg{
	background-image:url('images/bg.gif');
}
.divbd{
	height:10px;
	width:10px;
}

.bd{
	background-image:url('images/bd.gif');
}*/


/*TABLEAUX CONTENU*/


.boxtopleft{
background-image: url('images/box_top_left.gif');
background-repeat:no-repeat;
background-position:top;
width:20px; 
height:16px;
}
.boxtopright{
background-image: url('images/box_top_right.gif');
background-repeat:no-repeat;
background-position:top;
width:20px; 
height:16px;
}
.boxbottomleft{
background-image: url('images/box_bottom_left.gif');
background-repeat:no-repeat;
background-position:top;
width:20px; 
height:16px;
}
.boxbottomright{
background-image: url('images/box_bottom_right.gif');
background-repeat:no-repeat;
background-position:top;
width:20px; 
height:16px;
}