html, body, div, dd, dl, dt{margin:0px; padding:0px;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:auto;
	text-align:center;
	background-color:#FFF;
	background-image:url('../images/body.jpg');
	background-position:left top;
	background-repeat:repeat-x;
}

img{
	border:0px;
	padding:0px;
	margin:0px;
}

form{
	display:inline;
}

#page{
	width:990px;
	margin:auto;
	text-align:left;
}

.clear{
	clear:both;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

ul, li, p{
	margin:0px;
	padding:0px;
}
h1, h2, h3{
	list-style:none;
	margin:0px;
	font-weight:normal;
}
td, tr, table{
	margin:0px;
	padding:0px;
	border:0px;
}

.popperlink {position:absolute; left:0; top:0; display:none; background-color:#FFFFFF;}
.popperlink img{border:1px;}

/* -------------------------------- header -------------------------- */

#header{
	width:980px;
	height:147px;
	background-image:url('../images/header.jpg');
}
#logo{
	width:300px;
	height:100px;
	padding-left:10px;
	padding-top:30px;
	float:left;
}
#bjr{
	width:340px;
	height:91px;
	margin-top:25px;
	float:right;
}
.titrebjr{
	color:#407692;	
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
}

.titrebjr2{
	color:#DD5501;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

.titrebjr3{
	color:#FDA20B;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
#separationbjr{
	height:1px;
	width:318px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#9EBAC8;
}
#flashheader{
	width:305px;
	height:90px;
	padding-top:16px;
	padding-right:13px;
	float:right;
}
#menu{
	width:445px;
	padding-top:2px;
	padding-right:15px;
	height:27px;
	float:right;
}
.onglet1 a{
	width:80px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet1.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	float:left;
	text-align:center;
}
.onglet1 a:hover{
	width:80px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet11.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	text-align:center;
	text-decoration:none;
}
.onglet2 a{
	width:162px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet2.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	float:left;
	text-align:center;
}
.onglet2 a:hover{
	width:162px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet22.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	text-align:center;
	text-decoration:none;
}
.onglet3 a{
	width:106px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet3.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	float:left;
	text-align:center;
}
.onglet3 a:hover{
	width:106px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet33.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	text-align:center;
	text-decoration:none;
}
.onglet4 a{
	width:80px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet4.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	float:left;
	text-align:center;
}
.onglet4 a:hover{
	width:80px;
	height:20px;
	padding-top:7px;
	background-image:url('../images/onglet44.jpg');
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	text-align:center;
	text-decoration:none;
}

.sepmenu{
	height:27px;
	width:5px;
	float:left;
}
	
.space{
	height:30px;
	padding-left:30px;
	padding-right:30px;
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.space a{
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.space a:hover{
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.space h1{
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}
.space2{
	height:20px;
	padding-left:20px;
	padding-right:10px;
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.space2 strong{
	font-weight:normal;
}
.space2 h1{
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}
.space2 a{
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.space2 a:hover{
	color:#119FCF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/* ----------------------------- index -------------------------------- */
#flash1{
	width:968px;
	height:200px;
	padding-left:12px;
	text-align:center;
}
#indexgauche{
	width:493px;
	padding-left:22px;
	color:#119FCF;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.titregindex{
	padding-top:10px;
	font-size:12px;
	color:#2A4D69;
	font-weight:bold;
}
.textegindex{
	width:460px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	color:#A8A8A8;
	text-align:justify;	
}
.sepgindex{
	width:460px;
	height:5px;
	border-bottom:1px dashed #A8A8A8;
}
#indexdroit{
	width:465px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#demoindex{
	width:418px;
	height:293px;
	padding-left:34px;
	padding-top:21px;
	background-image:url('../images/cadredemoindex.jpg');
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}
.cadredemo{
	width:335px;
	height:275px;
	padding-left:35px;
	background-image:url('../images/bouton_bleu.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	color:#119FCF;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.textedemo1{
	font-size:11px;
	font-weight:bold;
	color:#000;
	padding-top:3px;
	padding-bottom:5px;
	text-align:justify;	
}
.textedemo2{
	font-size:9px;
	color:#C4C4C4;
	text-align:justify;
	text-transform:uppercase;
	text-align:right;
}
.textedemo3{
	font-size:9px;
	color:#8C8C8C;
	text-align:justify;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
input{
	margin-top:0px;
}
.boutondemo{
	width:96px;
	height:31px;
	margin-top:10px;
	margin-left:210px;
	padding-top:4px;
	padding-left:25px;
	background-image:url('../images/bouton_orange.jpg');
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
.boutondemo a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

#solutionindex {
	width:432px;
	height:224px;
	padding-top:17px;
	padding-left:10px;
	padding-right:10px;
	background-image:url('../images/solution.jpg');
}
.titresolution{
	width:300px;
	padding-left:70px;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding-bottom:120px;
}
.cadrelocation{
	width:205px;
	height:80px;
	color:#10A1CE;
	text-align:center;
	float:left;
	font-size:16px;
	font-weight:bold;
}
.cadrelocation a{
	color:#10A1CE;
}
.cadrelocation a:hover{
	color:#10A1CE;
}
.cadreachat{
	width:205px;
	height:80px;
	color:#599108;
	text-align:center;
	float:right;
	font-size:16px;
	font-weight:bold;
}
.cadreachat a{
	color:#599108;
}
.cadreachat a:hover{
	color:#599108;
}
.textesolution{
	padding-top:2px;
	font-size:10px;
	color:#000;
	text-align:center;
	font-weight:normal;
}
.textelocation{
	padding-top:2px;
	font-size:10px;
	color:#6C97A8;
	text-align:center;
	font-weight:normal;
}
.textelocation a{
	color:#6C97A8;
	text-decoration:underline;
}
.textelocation a:hover{
	color:#6C97A8;
	text-decoration:none;
}
.texteachat{
	padding-top:2px;
	font-size:10px;
	color:#90C64A;
	text-align:center;
	font-weight:normal;
}
.texteachat a{
	color:#90C64A;
	text-decoration:underline;
}
.texteachat a:hover{
	color:#90C64A;
	text-decoration:none;
}

/* -- ban bas -- */
.texteindex{
	padding-top:10px;
	padding-left:30px;
	font-size:12px;
	color:#000;
	text-align:left;
	font-weight:bold;
}

.banindex{
	width:950px;
	margin:auto;
	margin-left:15px;
	height:auto;
	text-align:center;
}
.banindex img{
	margin-top:15px;
}
.imgaccredite{
	float:left;
	width:175px;
	text-align:center;
}

.banindex_top{
	background-image:url('../images/banindex_top.jpg');
	background-repeat:no-repeat;
	height:21px;
}

.banindex_middle{
	margin-top:-5px;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url('../images/banindex_middle.jpg');
	background-repeat:repeat-y;
	clear:both;
	float:left;
	width:910px;
}

.banindex_bottom{
	background-image:url('../images/banindex_bottom.jpg');
	background-repeat:no-repeat;
	height:26px;
}

#banindex2{
	width:890px;
	margin-left:15px;
	height:40px;
	padding:30px;
	background-image:url('../images/banindex.jpg');
}

#banindex3{
	width:890px;
	margin-left:15px;
	height:60px;
	padding:20px 30px;
	background-image:url('../images/banindex.jpg');
}

#dhtmlgoodies_slideshow{
	width:890px;	/* Total width of slideshow */
}

#galleryContainer{
	text-align:center;
	position:relative;
	overflow:hidden;
	height:60px;
	width:890px;;
	float:left;
}

#arrow_left{
	width:20px;
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}
.prev{
	width:20px;
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}

#arrow_right{
	width:20px;
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}
.next{
	width:20px;
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}

#theImages{
	position:absolute;
	height:60px;
	left:40px;
	width:8000px;
	padding-left:30px;
}

#theImages #slideEnd{
	float:left;
}

.imgz {
	float:left;
	border:1px solid #EBEBEB;
	margin-left:15px;
	margin-right:15px;
}

#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;
}

/* ---------------------------- Solution ------------------------------ */
#gauche{
	width:230px;
	float:left;
}
#menug1,#menug2{
	width:227px;
	height:27px;
	margin-left:4px;
	padding-top:14px;
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
}
#menug1 a,#menug2 a{
	color:#FFF;
}
.menug{
	width:170px;
	padding-left:30px;
	padding-right:30px;
	background-image:url('../images/menu2.gif');
	background-position:top;
	background-repeat:repeat-y;
}
.menugf{
	width:230px;
	height:18px;
	background-image:url('../images/menu3.gif');
	background-position:top;
	background-repeat:repeat-y;
}
.titremenu{
	color:#2D4D66;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.textemenu{
	background-image:url('../images/pucemenu.gif');
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:10px;
	margin-bottom:5px;
	color:#8D8B8E;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
}	
.textemenu a{
	color:#8D8B8E;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#droite{
	width:750px;
	float:right;
}
#cadresolution{
	width:695px;
	height:295px;
	padding-top:25px;
	padding-left:30px;
	padding-right:25px;
	background-image:url('../images/solution2.jpg');
}
#solsolution{
	width:300px;
	height:233px;
	margin-top:25px;
	background-image:url('../images/solutionbis.gif');

	float:right;
}
.titresolution2{
	width:260px;
	padding-left:20px;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding-bottom:135px;
}
.cadrelocation2{
	width:150px;
	height:80px;
	color:#10A1CE;
	text-align:center;
	float:left;
	font-size:16px;
	font-weight:bold;
}
.cadrelocation2 a{
	color:#10A1CE;
}
.cadrelocation2 a:hover{
	color:#10A1CE;
}
.cadreachat2{
	width:130px;
	height:80px;
	color:#599108;
	text-align:center;
	float:right;
	font-size:16px;
	font-weight:bold;
}
.cadreachat2 a{
	color:#599108;
}
.cadreachat2 a:hover{
	color:#599108;
}
.cadreachat2{
	color:#599108;
	font-size:16px;
	font-weight:bold;
}
.titresol{
	width:720px;
	padding-left:10px;
	color:#119FCF;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.textesol{
	margin:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	color:#A8A8A8;
	text-align:justify;
	float:left;
	width:695px;
}
.textesol ul{
	margin:0px;
	padding:0px;
}
.textesol li{
	margin:0px;
	padding:0px;
	margin-left:20px;
}
.textesol a{
	color:#A8A8A8;
	text-decoration:underline;
}
.textesol a:hover{
	color:#A8A8A8;
	text-decoration:none;
}
.imgsol{
	width:230px;
	padding-left:20px;
	padding-bottom:20px;
	float:right;
	text-align:right;
}
.sepsol{
	width:720px;
	margin-left:10px;
	height:5px;
	border-bottom:1px dashed #A8A8A8;
}
#flash3{
	width:740px;
	height:150px;
}

/* ----------------------------- Creation ------------------------------- */
.cadreref{
	width:695px;
	height:258px;
	background-image:url('../images/ref.jpg');
	padding-top:25px;
	padding-left:30px;
	padding-right:25px;
}
.titreref{
	padding-left:35px;
	background-image:url('../images/bouton_bleu.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	color:#119FCF;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
}
.titreref h1{
	display:inline;
	color:#119FCF;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
}
.texteref{
	width:440px;
	height:190px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	color:#A8A8A8;
	text-align:justify;
	float:left;
}
.imgref{
	width:180px;
	height:200px;
	padding-right:20px;
	float:right;
}
.cadreart{
	width:710px;
	height:130px;
	margin-left:15px;
}
.imgart{
	width:180px;
	height:120px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #D8D8D8;
	float:left;
}
.artart{
	width:510px;
	height:130px;
	float:right;
}
.titreart{
	font-size:11px;
	color:#000;
	font-weight:bold;
	padding-bottom:5px;
}
.texteart1{
	font-size:11px;
	color:#7A7A7A;
	text-align:justify;	
}
.texteart2{
	padding-top:7px;
	padding-bottom:10px;
	font-size:11px;
	color:#A8A8A8;
	text-align:justify;	
}
.texteart1 a{
	font-size:11px;
	color:#6EB50D;
	text-align:justify;
	text-decoration:underline;
}

/* -------------------------- Contact ------------------------------- */
.cadrecontact{
	width:695px;
	height:310px;
	background-image:url('../images/contact.jpg');
	padding-top:25px;
	padding-left:30px;
	padding-right:25px;
}
.plancontact{
	width:660px;
	height:240px;
	padding:5px;
	margin-top:10px;
	margin-left:5px;
	border:1px solid #C6C6C6;
}
.google{
	width:175px;
	height:29px;
	margin-top:10px;
	margin-right:15px;
	padding-top:4px;
	padding-left:25px;
	background-image:url('../images/bouton_orange2.jpg');
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	float:right;
}
.google a{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}
.contactg{
	width:205px;
	padding-left:35px;
	padding-right:30px;
	float:left;
}
.contactd{
	width:404px;
	border-left:1px dashed #B1B1B1;
	padding-left:35px;
	padding-right:40px;
	float:right;
}
.titrecontact{
	color:#119FCF;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
}
.formcontact{
	font-size:9px;
	color:#C4C4C4;
	text-align:right;
	text-transform:uppercase;
	text-align:left;
}
.texteformcontact{
	padding-right:10px;
	font-size:9px;
	color:#8C8C8C;
	text-align:justify;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}
.boutoncontact{
	width:64px;
	height:29px;
	margin-right:10px;
	float:right;
	margin-top:10px;
	padding-top:4px;
	padding-left:25px;
	background-image:url('../images/bouton_contact.jpg');
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
.boutoncontact a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
/* --------------------------- Footer ---------------------------------- */
#footer{
	height:131px;
	margin:auto;
	background-image:url('../images/footer.jpg');
	background-position:left;
	background-repeat:repeat-x;
	text-align:center;
}

#foot1{
	width:940px;
	height:9px;
	margin:auto;
	padding:20px;
	text-align:right;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#A5A5A5;
}
#foot1 img{
	padding-bottom:5px;
}
#foot2{
	width:980px;
	height:82px;
	margin:auto;
	text-align:right;
}
#foot3{
	width:140px;
	height:62px;
	padding-top:20px;
	padding-right:25px;
	border-left:1px dotted #FFF;
	float:right;
}
#foot4{
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#foot5{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#foot6{
	height:52px;
	padding-top:30px;
	padding-right:25px;
	float:right;
}
.foot7{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-bottom:3px;
}
.foot7 a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

marquee h2{
	font-size:12px;
	display:inline;
}
	