@charset "UTF-8";
/* CSS Document */

html {min-height: 100%;}

body
{
	background-color: #EFECE2;
	text-align: center;
	padding: 0;
	margin: 0;
	font: normal 12px  Verdana, Arial, Helvetica, sans-serif;
}

#menu-conteneur
{
	padding: 0px 0 0px 0;
	width: 100%;
	/*background-color: #c4b7af;*/
	/*background: url(../media/bg_menu.jpg) repeat-x bottom left transparent;*/
	background: url(../media/bg_haut.jpg) repeat-y scroll center top #EFECE2;
	
}

#menu
{
	position:relative;
	width:960px;
	height:65px;
	line-height: 65px;
	/*background: url(../media/logo_excellens_petit.png) no-repeat top 650px white;*/
	background-color: white;
	color: white;
	margin: 0 auto;
	text-align: center;
	font: normal 0.9em  Verdana, Arial, Helvetica, sans-serif;
	z-index: 300;
	padding: 10px 0 10px 0;
	border-bottom: 3px solid #a49992;
}

#menu a 
{
  position:relative;
	display: block;
	float: left;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
	height: 23px;
	padding: 7px 20px 0 20px;
	margin-left: 1px;
	margin-top: 45px;
	text-align: center;
	text-decoration: none;
	color:#234;
}

#menu a.first
{
	margin-left:000px;
}
#menu a:hover 
{
	color: #eb681f;
}

#pageaccueil a#lienaccueil:link, #pageaccueil a#lienaccueil:visited, #pageaccueil a#lienaccueil:hover,
#pageactualites a#lienactualites:link, #pageactualites a#lienactualites:visited, #pageactualites a#lienactualites:hover,
#pagesolutions a#liensolutions:link, #pagesolutions a#liensolutions:visited, #pagesolutions a#liensolutions:hover,
#pagepartenaires a#lienpartenaires:link, #pagepartenaires a#lienpartenaires:visited, #pagepartenaires a#lienpartenaires:hover,
#pagecontact a#liencontact:link, #pagecontact a#liencontact:visited, #pagecontact a#liencontact:hover
{
	/*border-bottom: 3px white solid;*/
	color: #eb681f;
}


.corps
{
	
	height:auto !important;
	background: url(../media/bg_haut.jpg) repeat-y scroll center top #EFECE2;
	text-align: center;
	padding-top: 1px;
}

.titre
{
	font: bold 14pt  Arial, sans-serif;
}



.contenu
{
  text-align: center;
  padding-bottom: 20px;
  margin: 0 auto;
  width: 960px;
  background-color: white;
  padding-top: 10px;
}

#piedpage
{

	height: 100%;
	margin: 0 auto;
	padding:10px 0 50px 0;
	/*border-top: 5px solid #a49992;*/
	width: 960px;
	background-color: #777;
	/*background: url(../media/bg_bas.jpg) repeat-x top left transparent;*/
	color: #eee;
}

#subfooter {
  background: url(../media/bg_bas.jpg) no-repeat center top #EFECE2;
  height: 50px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
	/*customize_below_footer*/ font: normal normal 12px Arial, Helvetica, sans-serif; /*customize_below_footer*/
	/*customize_below_footer*/ color: #82A2B9; /*customize_below_footer*/
}


#piedpage h1
{
  margin: 0 0 0 0;
  color: #eee;
  font: normal 0.9em  Verdana, Arial, Helvetica, sans-serif;
}

#piedpage h1 a
{
 color: #eee;
  
}

#piedpage .contenu
{
	background-color: transparent;
}

#piedpage .colonne
{
  float: left;
  
  text-align: left;
  width: 240px;
  height: auto;
  /*border-bottom: 1px black solid;
  border-right: 1px black solid;*/
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
  /*overflow: hidden;*/
}

#piedpage .contenu  .titre a
{
	font: bold 12px  Verdana, Arial, Helvetica, sans-serif;
}

#piedpage .contenu  .titre
{
	padding-bottom: 10px;
}

#piedpage .contenu, #piedpage .contenu a
{
	color: #eee;
	font: normal 10px  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.btn-link {
    border-style: none;
    background: url(../media/arrow_right.png) no-repeat left;
    padding: 0 0 0 15px;
	color: #579;
	font-weight: bold;
	text-decoration: none;
}

a.btn-link:hover {
	color: #111;
}

/*.accueil-bandeau
{
	border-top: 5px solid #a49992;
	padding: 10px 0 10px 0;
	width: 100%;
	background-color: #c4b7af;
	color: white;
	font: normal 12px  Verdana, Arial, Helvetica, sans-serif;
}
*/
.accueil-bandeau
{
	background-color: white;
	
}


.accueil-bandeau .titre
{
	color: #eb681f;
	font: bold 20px  Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 0;
}

.accueil-bandeau .titre a
{
	color: #eb681f;
}

.accueil-bandeau a
{
	text-decoration: none;
	color: #333;
}

.accueil-bandeau a.btn-link
{
	color: #579;
	font-weight: bold;
}

.accueil-bandeau a.btn-link:hover
{
	color: #111;
}

.accueil-bandeau .texte
{
	color: #333;
	
}




.conteneur-icone
{
	float:left;
	padding-right:10px;
	width:70px;
}

.texte
{
	margin: 0 auto;
	padding-top:4px;
	width:250px;
}

/* CONTACTS */

.contact-bandeau
{
	border-top: 5px solid #a49992;
	padding: 10px 0 10px 0;
	margin-top: 20px;
	width: 100%;
	background-color: #c4b7af;
	font: normal 12px  Verdana, Arial, Helvetica, sans-serif;
}


.contact-bandeau .titre
{
	color: white;
	font: bold 16px  Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

.contact-bandeau .titre a
{
	color: white;
}

.contact-bandeau a
{
	text-decoration: none;
	color: black;
}

.adresse
{
  /*position:relative;
  float: left;*/
  float: left;
  text-align: left;
  width: 300px;
  margin-left:50px;
  color: black;
}

.telephone
{
  float: left;
  text-align: left;
  width: 300px;
  margin-left: 30px;
}

.form_nomchamp
{
  float: left;
  color: black;
  text-align: left;
  width: 150px;
  margin-left: 140px;
  
}

.form_champ
{
  float: left;
  color: black;
  text-align: left;
  width: 500px;
}

.form_ligne
{
  position:relative;
  margin-bottom:10px;
}




/* PARTENAIRES */

.partenaires
{
  color: black;
  text-align: left;
  width:830px;
	padding: 10px;
	border: 1px #ddd solid;
	margin:30px 0 15px 50px;
}


.partenaires p
{

  color: black;
  margin: 10px;
  padding: 10px;
  overflow: auto;
  width: 100%;

}

.partenaires p img
{
  position:relative;
  float:right;
  margin-right: 50px;
}

.partenaires p a img
{
  border:0px;
}

/* EVENEMENTS */


.evenements
{
  width:830px;
	padding: 10px;
	border: 1px #ddd solid;
	margin:30px 0 15px 50px;
	text-align:left;
}

.evenements .titre
{
	width: 720px;
	margin-top: 15px;
	font: bold 14px  Verdana, Arial, Helvetica, sans-serif;;
}

.evenements .titre .date
{
	color: #eb681f;
}

.evenements .texte
{
  color: #333;
  margin: 10px;
  padding: 10px;
  overflow: auto;
  width: 700px;
  text-align:left;
 
}

.evenements .texte .logo2
{
  position:relative;
  float:right;
}

.evenements .texte a img
{
  border:0px;
}



/* ACCUEIL */

.colonne
{
  float: left;
  
  text-align: left;
  width: 230px;
  height: 150px;
  /*border-bottom: 1px black solid;
  border-right: 1px black solid;*/
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
  /*overflow: hidden;*/
  
}

.colonne2
{
  float: left;
  
  text-align: left;
  width: 530px;
  height: 150px;
  /*border-bottom: 1px black solid;
  border-right: 1px black solid;*/
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
  /*overflow: hidden;*/
  
}

.colonne3
{
  float: left;
  
  text-align: left;
  width: 832px;
  height: 150px;
  /*border-bottom: 1px black solid;
  border-right: 1px black solid;*/
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
  /*overflow: hidden;*/
  
}








.innovation
{
  float: left;
  /*color: white;*/
  text-align: left;
  width: 300px;
  /*margin-left: 4px;*/
  margin-left: 4px;
  margin-right: 4px;
  
  margin-top: 0px;
  /*overflow: hidden;*/
  font: normal 12pt  Verdana, Arial, Helvetica, sans-serif;
}

.communication
{
  float: left;
  /*color: white;*/
  text-align: left;
  width: 900px;
  /*margin-left: 4px;*/
  margin-bottom: 10px;
  /*overflow: hidden;*/
  /*border:1px black solid;*/
  height: 400px;
  font: normal 12pt  Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
}

.communication_in
{
  float: left;
  /*color: white;*/
  text-align: right;
  width: 565px;
  /*margin-left: 4px;*/
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 15px;
  margin-top: 10px;
  /*overflow: hidden;*/
  font: normal 12pt  Verdana, Arial, Helvetica, sans-serif;
}

.communication a
{
  font: normal 12pt  Verdana, Arial, Helvetica, sans-serif;
  color: white;
}

.communication_in img
{
  position:relative;
  float:right;
  margin-right: 15px;
}

.communication img#right
{
  position:relative;
  float:right;
}



/* SOLUTIONS */
#menu-solutions
{
	width: 860px;
	height: 50px;
	border: 1px #ddd solid;
	margin: 0 20px;
	height: auto;
}

#menu-solutions a 
{
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#579;
	background: url(../media/arrow_right.png) no-repeat left;
    padding: 0 0 0 15px;
}


#menu-solutions a:hover 
{
	color: #111;
}

#menu-solutions a.courant
{
	color: #eb681f;
	font-weight: bold;
}



.solutions
{
	padding-top: 20px;
	text-align: left;
}


.solutions .colonne, .solutions .colonne2, .solutions .colonne3
{
	height: auto;
}


.solutions .colonne img, .solutions .colonne2 img, .solutions .colonne3 img
{
	border: 0px;
}

.solutions  .colonne .texte, .solutions  .colonne2 .texte
{
	width:240px;
	float: left;
}
.solutions  .colonne3 .texte
{
	width:550px;
	float: left;
}

.solutions .surtitre
{
	text-align: left;
	margin: 0 0 20px 0;
	padding:8px 0 8px 50px;
	font: bold 24px  Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}

.solutions .texte .titre
{
	font: bold 16px  Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

.solutions .texte .titre a
{
	text-decoration: none;
	color: black;
}

.solution-item
{
	padding: 10px;
	border: 1px #ddd solid;
	margin:0 0 15px 0;
}

.solutions  .colonne2 .solution-item .texte
{
	width: 500px;
}

.citation
{
  color: black;
  text-align: left;
  width: 875px;
  margin: -10px 4px 0 4px;

  float: left;
}


.citation p
{
  background-color: #ECE5B6;
  color: black;
  margin: 0 0 10px 0;
  padding: 5px;
  overflow: auto;
  width: 100%;
  text-align: right;
  

}