body {	background: url(../images/bg.jpg) #fff; margin-top:0;
	background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 {
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;	
	}

h1 {
	font-size:30px;
	color:#FFFFFF;
	font-weight:100;
	margin:0 auto;
	line-height:32px;
}

#page
	{
	width:970px;
	height:auto;
	margin:0 auto;
	}
	
#en-tete
	{
	position:relative;
	float:left;
	width:970px;
	height:128px;
	background-image:url(../images/bg-menu.jpg);
	}
#menu
{
	width:890px;
	height:42px;
	position:relative;
	float:left;
    top:70px;
	padding-left:80px;	
	}
#menu ul
{
	width:890px;
	height:42px;
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}
#menu li
{
	width:auto;
	height:42px;
	position:relative;
	float:left;
	font-size:14px;
	font-weight:bold;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
	padding-left:40px;
	}

#menu li a
	{
	font-size:14px;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	}
#menu a:hover
{
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	height:39px;
	font-weight:bold;
	}

#menu a.actif
{
	text-align:left;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	}
	
#banniere
	{
	width:970px;
	height:226px;
	position:relative;
	float:left;
	}
	
#contenu
	{
	width:970px;
	height:auto;
	position:relative;
	float:left;
	background-color:#181a1d;
	}
#text-qui-sommes-nous
	{
	width:330px;
	height:auto;
	position:relative;
	float:left;
	text-align: justify;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#959595;
	margin:15px;
	}
#text-financement
	{
	width:650px;
	height:auto;
	position:relative;
	float:left;
	text-align: justify;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#959595;
	margin:15px;
	padding-bottom:30px;
	}
#text-formations
    {
	width:330px;
	height:auto;
	position:relative;
	float:left;
	text-align: justify;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#959595;
	margin:15px;
	}
#text-catalogue
    {
	width:160px;
	height:auto;
	position:relative;
	float:left;
	text-align: justify;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#959595;
	padding:10px;
	}
#bloc-catalogue
    {
	width:196px;
	height:276px;
	position:relative;
	float:right;
	text-align: justify;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/fond-cataloque.jpg) no-repeat;
	font-size:12px;
	}
#bloc-news
    {
	width:970px;
	height:auto;
	position:relative;
	float:right;
	background-color:#2a2e34;
	}
#text-news
    {
	width:940px;
	height:auto;
	position:relative;
	float:left;
	text-align: justify;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#959595;
	line-height:18px;
	margin:10px;
	padding-left:5px;
	}
#bas
{
	width:100%;
	height:183px;
	position:relative;
	text-align:center;
	float:left;
	background:url(../images/bg-menu-bas.jpg) repeat-x;
	font-family: Tahoma;
	font-size:11px;
	line-height:20px;
	color:#FFF;
	padding-top:3px;
	}
#lienbas
{
	width:400px;
	height:20px;
	position:relative;
	float: right;
	top:5px;
	text-align: right;
	font-family: Tahoma;
	font-size:11px;
	color:#fff;
	padding-right:13px;
	}
#lienbas a
{
	text-align:left;
	font-family: Tahoma;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	}
#lienbas a:hover
{
	text-align:left;
	font-family: Tahoma;
	font-size:11px;
	color:#ffffff;
	text-decoration: underline;
	}
#copyright
{
	width:970px;
	height:30px;
	position:relative;
	float:left;
	text-align: center;
	font-family: Tahoma;
	font-size:11px;
	color:#fff;
	margin-top:50px;
	}
#copyright a
{
	text-align:right;
	font-family: Tahoma;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	}
#copyright a:hover
{
	text-align:right;
	font-family: Tahoma;
	font-size:11px;
	color:#3399cc;
	text-decoration: underline;
	}
#newsletter
{
	width:200px;
	height:20px;
	position:relative;
	float: left;
	top:5px;
	text-align: left;
	font-family: Tahoma;
	font-size:11px;
	color:#fff;
	padding-left:15px;
	}
#newsletter a
{
	font-family: Tahoma;
	font-size:11px;
	color:#fff;
	text-decoration: none;
	}
#newsletter a:hover
{
	font-family: Tahoma;
	font-size:11px;
	color:#fff;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																														
	text-decoration: underline;
	}
#catalogue
{
	width:80px;
	height:20px;
	position:relative;
	float:left;
	font-family: Tahoma;
	font-size:12px;
	color:#fff;
	margin-top:10px;
	}
#catalogue a
{
	font-family: Tahoma;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}
#catalogue a:hover
{
	font-family: Tahoma;
	font-size:12px;
	color:#fff;
	text-decoration: underline;
	}
#image-catalogue
	{
	width:66px;
	height:94px;
	position:relative;
	float:right;
	padding-top:20px;
	}
#lien-news
{
	width:120px;
	height:20px;
	position:relative;
	float:right;
	font-family: Tahoma;
	font-size:12px;
	color:#fff;
	margin-top:5px;
	margin-bottom:15px;
	}
#lien-news a
{
	font-family: Tahoma;
	font-size:12px;
	color:#fff;
	text-decoration: underline;
	}
#lien-news a:hover
{
	font-family: Tahoma;
	font-size:12px;
	color:#33ccff;
	text-decoration: underline;
	}
#formulairecontact
	{
	width:525px;
	height:auto;
	position:relative;
	float:left;
	padding-left:5px;
	top:30px;
	}
#coordonnees
	{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-right:8px;
	line-height:24px;
	color: #666666;
	float:left;
	position:relative;
	}
	
#coordonnees a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:24px;
	color: #fff;
	text-decoration:none;
	}
#coordonnees a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:24px;
	color: #00bfff;
	text-decoration:none;
	}

#formulaire
	{
	width:520px;
	height:auto;
	position:relative;
	float:left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-top:15px;
	}
#formulairegauche
	{
	width:250px;
	height:auto;
	position:relative;
	float:left;
	padding-top:15px;
	}
#formulairedroite
	{
	width:270px;
	height:auto;
	position:relative;
	float:right;
	padding-top:15px;
	}
	form.css label
  {
  display: inline;
  float: left;
  width:80px;
  }
 .champ
{
	font-family: Tahoma;
	font-size:11px;
	color:#5a80be;
	border:1px solid #464646;
	}
	
.textes
{
	font-family: Tahoma;
	font-size:11px;
	color:#fff;
	width:100px;
	}
.bouton
{
margin-left:120px;
 font-family: Tahoma;
 font-size: 11px;
 color: #fff;
 width:81px;
 background:url(../images/bouton.jpg) no-repeat;
 height:25px;
 border:1px;
 font-weight:bold;
 }
.bouton-contact
{
margin-left:185px;
 font-family: Tahoma;
 font-size: 11px;
 color: #fff;
 width:81px;
 background:url(../images/bouton.jpg) no-repeat;
 height:25px;
 border:1px;
 font-weight:bold;
 }
#logos-references
	{
	width:970px;
	height:75px;
	position:relative;
	float:left;
	padding-bottom:15px;
	}


/*****************************/
#popupContainer,.popupContainer{ position:relative; top:150px; width:500px; min-height: 200px;  margin-left:auto; margin-right:auto; z-index:100; border:0px solid red; }
#popupClose {position:absolute; z-index:21; right:3px; top:3px;}
#popup,.popup { width:100%; height:100%;border:0px solid red;}
#blackout, .blackout {position:absolute; width:100%; height:1000px; opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: black;
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
	}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyfg{
  background:#ffffff;
  padding:2px;
  min-height:200px;
  }
  #app {position:absolute; top:0px; left:0px; width:100%;}
   #app2 {position:absolute; top:0px; left:0px; width:100%;}
  /****************************/
  .link_for
  {
  color:#959595;
  text-decoration:none;
  }