/* -------------------------------------------------------------------------- */
/* Global */
body {
	margin: 0;
	padding: 0;
	background: #12232B url(images/navbg.jpg) repeat-x;
}
div {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #6E838E;
}
/* Entête */
h2 {
	margin: 12px 12px 10px 12px;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align:left;
	text-decoration: none;
	color: #6E838E;
	background: url(images/title_dot_grey.gif) 0 4px no-repeat;
}

h3 {
	margin: 12px 12px 10px 12px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	/*letter-spacing: -0.5px;*/
	color: #FF0300;
}

h2.index, h4.index {
  height: 55px;
}

h3.expertise {
	margin: 12px 12px 10px 0;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	color: #FF0300;
	width: 140px;
	height: 78px;
	background: url(images/expertise_title.gif) no-repeat;
}
/* Titre */
h4 {
	margin: 12px 12px 8px 12px;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	/*letter-spacing: -0.5px;*/
	/*color: #FF0300;*/
  	color: #6E838E;
	line-height: 16px;
	background: url(images/title_dot_grey.gif) 0 6px no-repeat;
}
/* Titre noir */
h4 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	/*letter-spacing: -0.5px;*/
	color: #000;
}
/* Titre sans espace en dessous */
h5 {
	margin: 12px 12px 0 12px;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.5px;
	color: #000;
	background: url(images/title_dot.gif) 0 4px no-repeat;
}
/* Sous-titre */
h6 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #FF0300;
}
h6 a {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
h6 a:hover {
	color: #FF0300;
}
/* Texte */
ul {
	padding: 6px 12px;
	margin: 0 0 0 12px;
	list-style-position: outside;
}
ul li {
	padding: 0;
	margin: 0;
	text-align: justify;
	color: #5D707A;
}
dl {
	padding: 6px 12px;
	margin: 0px;
	float: left;
	list-style-position: inside;
}
dl dt {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: justify;
}
dl dt span {
	font-weight: bold;
	color: #FF0300;
}
dl dd {
	margin: -5px 0 0 0;
	text-align: right;
}
dl.nextimg, dl.nextimg dt, dl.nextimg dd {
	width: 178px;
}
/*dl.nextimg dt
{
  text-align: left;
}*/
dl.nextimg2, dl.nextimg2 dt, dl.nextimg2 dd {
	width: 186px;
}
dl.nextimg3, dl.nextimg3 dt, dl.nextimg3 dd {
	width: 192px;
}
dl.nextimg4, dl.nextimg4 dt, dl.nextimg4 dd {
	width: 156px;
	text-align: left;
}
dl.nextimg2 dd {
	text-align: left;
}
a.savoirplus {
	padding: 0 1px 0 35px;
	text-decoration: none;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	color: #F00;
	background: url(images/savoirplus.gif) 0 2px no-repeat;
}
a.savoirplus:hover {
	text-decoration: underline;
}
label {
	display: block;
	margin: 0 0 6px 105px;
	text-align:left;
}
input {
	display: block;
	margin: 0 0 6px 105px;
	width: 150px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #F00;
}
input.submit {
	margin: 16px 0 0 182px;
	width: 73px;
	text-align: center;
	cursor: pointer;
}
/* -------------------------------------------------------------------------- */
/* Nav */
#nav-principale {
	width: 908px;
	height: 65px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#nav-principale span {
	float: left;
}
#nav-principale span.link a {
	width: 113px;
	height: 27px;
	padding: 38px 7px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.5px;
	color: #646464;
	display: block;
	background: url(images/navlink_border.gif) 0 0 no-repeat;
}
#nav-principale span.nolink {
	width: 113px;
	height: 27px;
	padding: 33px 7px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.5px;
	color: #FF0300;
	background: url(images/navlink_border.gif) 0 -65px no-repeat;
}
#nav-principale span.link a:hover {
	color: #FF0300;
	background-position: 0 -65px;
}
#nav-principale span.logo {
	width: 308px;
	height: 132px;
	overflow: hidden;
}
#nav-principale span.logo a {
	display: block;
	width: 308px;
	height: 132px;
	text-indent: -308px;
	overflow: hidden;
}
#nav-principale span.logo a:hover {
	display: block;
	text-indent: 0px;
}
/* Contenu */
#contenu-principal {
	margin: 0 auto;
	width: 920px;
}
#contenu-principal div {
	float: left;
}
/* Footer */
#footer {
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 30px;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;	
}
#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #lang {
	float: right;
	display: inline;
}

#footer #lang img {
	margin-right: 13px;
}
/* Flash */
#banner #swfmovie {
	position: absolute;
	top: -14px;
	left: -14px;
}
#contact-plan {
	clear: both;
	position: absolute;
	bottom: 38px;
	left: 0;
}
/* Colonnes de la page solutions */
.titre_colonne {
	width : 294px;
	height: 49px;
}
.titre_colonne img {
	border: 0
}
.colonne_solutions {
	width : 294px;
	height: 530px;
	background: #FFF;
}
.colonne_solutions p {
  margin-top:20px;
  margin-left:47px;
  width:200px;
  text-align:left;
  color: #646464;
}
.colonne_solutions img {
	border: 0
}
.commencer_solutions {
	margin-left:94px;
	margin-top:20px;
}
#colonne_droite {
	background: url(images/nouvelle_version/fond_c3.gif);
}
#colonne_gauche {
	/*background: url(images/nouvelle_version/fond_c1_new.gif);*/
}
.paragraphe_haut_colonne {
	height:80px;
	width:200px;
	margin-left:47px;
	margin-top:20px;
}
.paragraphe_bas_colonne {
	height:80px;
	width:200px;
	margin-left:47px;
	margin-top:270px;
}
.paragraphe-accueil {
  float: right;
  width: 180px;
  margin: 6px 12px;
  color: black;
  text-align: justify;
  display:inline;
}
/* Login */
#login {
	margin:0 0 0 12px;
  padding: 16px 0 0 0;
	width: 274px;
	height: 144px;
	background: #FFF url(images/zone_login.jpg) no-repeat;
	display:inline;
}
/* -------------------------------------------------------------------------- */
/* Taille des bandeaux */
.bandeau-large {
	margin: 14px 0 0 10px;
	padding: 0;
	width: 902px;
	min-height: 282px;
	background: #FFF;
}
.bandeau-vertical {
	margin: 14px 0 0 10px;
	padding: 0;
	width: 294px;
	height: 579px;
	background: #FFF;
	overflow: hidden;
}
.bandeau-vertical2 {
	margin: 14px 0 0 10px;
	width: 322px;
	height: 579px;
	background: url(images/bandeau_vertical2_bg.gif) repeat-y;
	overflow: hidden;
}
.bandeau-vertical3 {
	margin: 14px 0 0 10px;
	padding: 0;
	width: 302px;
	height: 579px;
	background: #FFF;
	overflow: hidden;
}
.bandeau-carre {
	margin-top:14px;
	padding: 0;
	width: 580px;
	height: 579px;
	background: #FFF;
	overflow: hidden;
}
.bandeau-carre2 {
	margin: 14px 10px 0 10px;
	padding: 0;
	width: 580px;
	height: 579px;
	background: #FFF;
	overflow: hidden;
}
.bandeau-full {
	margin: 14px 0 0 10px;
	padding: 0;
	width: 902px;
	/*height: 579px;*/
	background: #FFF;
}
.bandeau-flash {
	margin: 0px 0 0 0px;
	padding: 0;
	width: 902px;
	height: 579px;
	background: #FFF;
}
.dark-background {
	background: #12232B;
}
#internat_swf {
	margin-top: -10px;
	padding: 0;
	width: 902px;
	height: 530px;
	overflow: hidden;
}
.home-top {
	height: 282px;
}
/* Contenu des bandeaux */

/* Page d'accueil et partenariats */
.colonne {
	width: 299px;
	/*height: 282px;*/
	float: left;
	/*overflow: hidden;*/
}
.partenariats-bottom .colonne {
	height: 225px;
}
.cseparator {
	top: -1px;
	width: 1px;
	height: 283px;
	background: #CCC;
	float: left;
}
.ex-t-separator {
	margin: 12px 0 0 0;
	width: 1px;
	height: 288px;
	background: #CCC;
	float: left;
}
.ex-b-separator {
	width: 1px;
	height: 265px;
	background: #CCC;
	float: left;
}
.partenariats-top {
	height: 354px;
	background: #12232B;
}
.partenariats-bottom {
	margin: 0 0 0 10px;
	min-height: 225px;
	height: 225px;
}
.partenariats-sep {
	height: 226px;
}
/* Page Réalisations */

/*#menuitem1 {
	height:180px;
}
#menuitem2 {
	height:150px;
}
#menuitem3 {
	height:140px;
}
#menuitem4 {
	height:140px;
}*/
.ligne {
	padding: 0 0 10px 0;
	width: 302px;
	height: 105px;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	overflow: hidden;
}
.ligne-selected {
	width: 302px;
	height: 106px;
	padding: 0 20px 10px 0;
	overflow: hidden;
	background: #12232B url(images/ligne_selected.gif) 0 0 no-repeat; /*FFCCCB*/
	border: 0px;
}
/* Page Références */
.ligne2 {
	padding: 10px 0 20px 26px;
	width: 276px;
	/*height: 54px;*/
	/*border-bottom: 1px solid #CCC;*/
	border-top: 1px solid #CCC;
	background: #FFF;
	overflow-x: hidden;
	text-align: left;
}
.ligne2 a.notcurrent, #texte a {
	width: 250px;
	/*height: 34px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #646464;
	/*text-align: center;*/
	text-decoration: none;/*background: url(images/reference_cadre.gif) no-repeat;*/
}
.ligne2 a.notcurrent:hover, #texte a:hover {
	color:#FF0300;
	text-decoration: none;
}
.ligne2 a.current, .ligne2 a.current:hover {
	color:#FF0300;
	text-decoration: none;
}
.bandeau-vertical2 h4.selected {
  background: url(../images/title_dot.gif) 0 4px no-repeat;
  color:#FF0300;
}
.ligne2 h4 a {
  color:inherit;
  text-decoration:none;
}
.ligne2 a h7 {
	padding: 8px 0 0 0;
	margin: 0;
	text-decoration: none;
	background: none;
}
.ligne2 ul {
  clear:both;
  padding:0 20px;
  text-align:left;
}
.ligne2 ul li {
  text-align: left;
}
.last {
	border-bottom: 0px solid;
}
.bandeau-vertical2 h4 {
  color:#8095A0;
}
.bandeau-carre div {
  clear:both;
  width:580px;
  border-bottom: 10px solid #12232B;
}
.bandeau-carre div p {
  margin:0;
  padding: 15px 20px; 
  text-align: left;  
}
.bandeau-carre #client {
  color: #8095A0;
  font-size: 10pt;
  font-weight: bold;
}
.bandeau-carre #media {
  text-align: left;
  height: 452px;
}
.bandeau-carre #texte {
  font-weight: bold;
  border-bottom: none;
}

/* Page produit */
.produit-info {
	width: 294px;
	height: 335px;
	overflow: hidden;
}
.produit-info h4 {
	margin: 20px 12px 10px 12px;
}
.produit-info div {
	margin: 0px 0 5px 0;
}
.produit-visu {
	width: 294px;
	height: 225px;
	border: 1px solid #CCC;
	overflow: hidden;
}
.produit-visu-demo {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 294px;
	text-align: center;
}
/* Page contact */
.contact-coordonnees {
	width: 500px;
	padding: 28px 12px;
}
.contact-coordonnees dl {
	margin: 0;
	padding: 0px 12px;
	display: block;
	float: none;
}
.contact-coordonnees dl dt {
	margin: 0;
	padding: 0 0 0 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	text-decoration: none;
	color: #636363;
}
.contact-coordonnees dl dd {
	margin: 0;
	padding: 0 0 0 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #999;
	text-align: left;
}
.contact-coordonnees a, .redlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	text-decoration: none;
	color: #FF0300;
}
.contact-coordonnees a:hover, .redlink:hover {
	text-decoration: underline;
}
.contact-coordonnees-bg {
	background: #FFF url(images/contact_coordonnees_bg.gif);
}
.contact-coordonnees-bg #swfguide {
	position: absolute;
	bottom: 38px;
	right: 0;
}
.contact-logo {
	margin: 0;
	padding: 0 0 6px 12px;
	display: block;
}
.contact-plan-acces {
	position: absolute;
	top: 387px;
	left: 426px;
}
.contact-lien-fiche {
	position: absolute;
	top: 548px;
	left: 24px;
	height: 26px;
	line-height: 26px;
}
.contact-lien-plan {
	position: absolute;
	top: 548px;
	left:440px;
	height: 26px;
	line-height: 26px;
}
.contact-lien-fiche a, .contact-lien-plan a {
	padding: 10px 0 10px 32px;
	text-decoration: none;
	font-size: 7pt;
	font-style: italic;
	color: #666;
	background: url(images/bouton_pdf.gif) 0 2px no-repeat;
}
.contact-lien-fiche a:hover, .contact-lien-plan a:hover {
	text-decoration: underline;
}
/* Bloc de texte */
.paragraphe {
	padding: 6px 12px;
	margin: 0px;
	text-align: justify;
	color: black;
}
.paragraphe span {
	font-weight: bold;
	color: #FF0300;
}
.item {
	width: 100%;
	display: block;
	margin-bottom: 5px;
	
}
.item img {
	float: left;
	display:inline;
	margin: 10px 10px 10px 10px;
}

.item img.relou {
  margin-left:6px;
}

.item img.expertise-margin {
	margin: 10px 12px 0 12px;
}
.item img.no-margin-top {
	margin: 0 0 0 12px;
}
.align-left {
	text-align: left;
}

img.accueil {
  margin:6px 0 6px 12px;
}

/* page expertise */


/* position en bas du bandeau */
.title-valign-bottom {
	margin-top: 60px;
	padding-left: 12px;
}
.valign-bottom {
	clear: both;
	margin: 0;
	padding: 0 0 12px 0;
	position: absolute;
	bottom: 0px;
}
.valign-bottom img, .valign-bottom embed, .valign-bottom object, .valign-bottom span {
	display: block;
	margin: 0 auto;
}
/* alignements */
.align-right {
	text-align: right;
}
.margin-0 {
	margin: 0;
	padding: 0;
}
/* sans bordure masquée */
.cache-0 {
	width: 100%;
}
/* avec bordure masquée de 20px */
.cache-22 {
	width: 302px;
}
/* hauteur fixe */
.height-250 {
	height: 250px;
}
.height-270 {
	height: 270px;
}
.height-232 {
	height: 232px;
}
.height-90 {
	height: 90px;
}
.height-300 {
	/*height: 300px;*/
}
.width-180 {
	width: 179px;
}
.width-275 {
	width: 275px;
}
.width-299 {
	width: 299px;
}
/* -------------------------------------------------------------------------- */
/* IE Bug Fix */
* html body {
	text-align: center;
}
* html h3, * html h4, * html h5, * html h6 {
	text-align: left;
}
* html a h4, * html .ligne2-selected div h4 {
	text-align: center;
}
* html #contenu-principal {
	margin: 0 auto;
	width: 942px;
}
* html #nav-principale span.link a, * html #nav-principale span.nolink {
	width: 120px;
	height: 65px;
}
/* Footer */
* html #footer {
	text-align: left;
}
* html .ligne {
	height: 116px;
}
* html .ligne2 {
	height: 71px;
	width: 302px;
}
* html .ligne2-selected {
	height: 71px;
	width: 322px;
}
* html .valign-bottom {
	clear: both;
	margin: 0;
	padding: 0 12px 12px 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: nowrap;
}
* html .valign-bottom img, * html .valign-bottom embed, * html .valign-bottom object, * html .valign-bottom span {
	display: block;
	margin: 0 auto;
}
* html .valign-bottom a {
	display: block;
}
* html .partenariats-sep {
	height: 225px;
}
* html .ex-t-separator {
	height: 290px;
}
* html #login {
	height: 160px;
}
* html .bandeau-vertical3 #contact-plan {
	position: absolute;
	top: 240px;
	left: 0;
}