html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a {margin:0;padding:0; border:0; text-decoration: none;}
table{border-spacing:0;}
img{border:0;}
a,h1,h2,h3,h4,h5,h6{font-size:100.1%;font-weight:normal;}
ul{list-style-type:none}

/* -------------------- HTML ET BODY ----------------- */
html,body{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;	
}

body{
  text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
  background: #333 url(img/fond.gif) repeat;
}

/* -------------------- CONTENEUR GENERAL -----------------------*/
#supracontainer {
	width: 1072px;
	height: 774px;
	margin: 16px auto 0 auto;
	padding-top: 25px;
	background: url(img/fond-bleu.gif) top center no-repeat;	
}

#generalcontainerhome, 
#generalcontainer {
	width: 1022px;
	height: 738px;
	margin: 0 auto;
}	

#generalcontainerhome {
	background: #000 url(img/fond-home.jpg) bottom left no-repeat;
}

#generalcontainer {
	background: #000 url(img/fond-contenu.jpg) bottom left no-repeat;
}
#animgauche-fond {
	float: left;
	height: 738px;
	width: 231px;
	margin: 0;
	padding: 0;
	/*background: url(img/fond-gauche.png) top left no-repeat;*/
}

#conteneur-droite {
	float: right;
	width: 785px; /* 791*/
	height: 705px;
}

table {
	margin-top:22px;
}

#pres-contenu {
	width: 658px;
}

/* -------------------- 3d -----------------------*/

#pres-3d-contenu {
	width: 710px;
}
#pres-3d-video {
	width: 465px;
	height: 518px;
	float: left;
}
#pres-3d-video .titre {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 20px 0 15px 0;
}
.contour {
	width: 450px;
	height: 440px;
	border: solid 1px #35515f;
}

#pres-3d-txt {
	width: 225px;
	float: right;
	margin-bottom: 20px;
}
#pres-3d-txt p {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

#pres-3d-txt-en p {
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
}
#pres-3d-txt-en p a {
	font-size: 12px;
	line-height: 22px;
	color: #55aad4;	
/*	background-color: #90b9cb;*/
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#pres-3d-txt p a {
	font-size: 12px;
	line-height: 18px;
	color: #55aad4;	
	border-bottom: 1px dotted #fff;
}

#pres-3d-txt p a:hover,
#pres-3d-txt-en a:hover {
	border-bottom: 1px dotted red;
	background-color: #90b9cb;
	color: #fff;
}

#pres-3d-txt p.surtitre,
#pres-3d-txt-en p.surtitre
 {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #55aad4;
	padding-bottom: 6px;
}
/* -------------------- TYPO -----------------------*/
p {
	text-align: justify;
	font-size: 13px;
	line-height: 24px;
	color: #fff;
}

p a {
	text-align: justify;
	font-size: 13px;
	line-height: 24px;
	color: #55aad4;	
	border-bottom: 1px dotted #fff;
}
p a:hover {
	border-bottom: 1px dotted red;
	background-color: #90b9cb;
	color: #fff;
}


.titre {
	font-size: 17px;
	font-weight: bold;
	color: #a61206;
	text-align: center;
	padding-bottom: 10px;
}
.bold {
	font-weight: bold;	
}
/* --- cette version pour aligner sur la galerie 570px --*/
.pres-contenu-galerie-texte {
	width: 570px;
	margin: 0 0 15px 80px;
}
.pres-contenu-galerie {
	width: 570px;
	margin: 0 0 15px 64px;
}
.pres-contenu-galerie-texte-3d {
	width: 570px;
	margin: 70px 0 15px 80px;
}

/* -------------------- COMMUN POUR LES PAGES -----------------------*/

#box-contenu-haut-anim {
	padding-top: 28px;
	height: 260px;
}
#box-contenu-haut-anim-web {
	padding-top: 28px;
	height: 160px;
}
#box-contenu-anim-contact {
	padding-top: 28px;
	height: 140px;
}

/* -------------------- TOP MENU -----------------------*/
#topmenu-home {
	margin-left: 237px;
}

#topmenu {
	float: left;
	padding-top: 1px;
	height: 34px;
	width: 670px;
}

#topmenu ul {
	list-style:none;
	margin:0;
	padding:0;

}
#topmenu li {
	float:left;
	margin:0;
	padding:0;
}

#topmenu a {
	display: block;
	color: #538eaa;
	background-color: #193842;
	text-decoration:none;
	margin-right: 1px;
	padding: 8px 20px 6px 20px;
	font-size: 10px;
	font-weight: bold;
}
#topmenu .active a,
#topmenu a:hover,
#topmenu a:focus {
	background: url(img/bt-dessus.jpg) repeat-x;
	color: #75d2fe;
}


/* -------------------- LANGUE -----------------------*/

.langue {
	width: 60px;
	float: right;
	padding: 14px 10px 0 0;
	color: #4590ad;
	font-size: 9px;
}

.langue a {
	color: #4590ad;
	font-size: 9px;
}

.langue .active a,
.langue a:hover,
.langue a:focus {
	color: #000;;
	background-color: #58b9d1;
}



/* -------------------- HOME -----------------------*/
#bienvenue {
	padding-top: 150px;
	font-size: 16px;
	letter-spacing: 10px;
	text-align: center;
}
#bienvenue a {
	color: #000;
}
#bienvenue a:hover {
	color: #fff;
	background-color: #58b9d1;
}

#video-entreprise {
	padding-top: 110px;
	margin-left: -650px;
}

/* -------------------- PORTFOLIO MENU -----------------------*/

#portfolio-conteneur {
	width: 670px;
	height: 300px;
	margin-top: 35px;
}

#portfolio-conteneur-galeriessimplew {
	position: absolute;
	top: 180px;
	width: 420px;
	height: 550px;
	margin-left: 410px;
}
/*-----*/
.bt-logo a {
	display: block;
	float: left;
	width: 328px;
	height: 136px;
	margin: 0 5px 5px 0;
	background: url(bt-portfolio/bt-logo.jpg) no-repeat 0 0;
}

.bt-logo .active a,
.bt-logo a:hover,
.bt-logo a:focus {
	background: url(bt-portfolio/bt-logo-over.png) no-repeat 0 0;
}
/*-----*/
.bt-illustr a {
	display: block;
	float: left;
	width: 328px;
	height: 136px;
	margin: 0;
	background: url(bt-portfolio/bt-illustr.jpg) no-repeat 0 0;
}

.bt-illustr .active a,
.bt-illustr a:hover,
.bt-illustr a:focus {
	background: url(bt-portfolio/bt-illustr-over.png) no-repeat 0 0;
}
/*-----*/
.bt-3d-image a {
	display: block;
	float: left;
	width: 328px;
	height: 136px;
	margin: 0 5px 5px 0;
	background: url(bt-portfolio/bt-3d.jpg) no-repeat 0 0;
}

.bt-3d-image .active a,
.bt-3d-image a:hover,
.bt-3d-image a:focus {
	background: url(bt-portfolio/bt-3d-over.jpg) no-repeat 0 0;
}
/*-----
.bt-3d-video a {
	display: block;
	float: left;
	width: 159px;
	height: 120px;
	padding: 0 0 7px 0;
	background: url(img/bt-3d-video.png) no-repeat 0 0;
}

.bt-3d-video .active a,
.bt-3d-video a:hover,
.bt-3d-video a:focus {
	background: url(img/bt-3d-video-over.png) no-repeat 0 0;
}*/
/*-----*/
.bt-photo-portrait a {
	display: block;
	float: left;
	width: 328px;
	height: 136px;
	margin-right: 5px;
	background: url(bt-portfolio/bt-photo.jpg) no-repeat 0 0;
}

.bt-photo-portrait .active a,
.bt-photo-portrait a:hover,
.bt-photo-portrait a:focus {
	background: url(bt-portfolio/bt-photo-over.jpg) no-repeat 0 0;
}
/*-----
.bt-photo-paysage a {
	display: block;
	float: left;
	width: 159px;
	height: 120px;
	padding: 0 7px 7px 0;
	background: url(img/bt-photo-paysage.png) no-repeat 0 0;
}

.bt-photo-paysage .active a,
.bt-photo-paysage a:hover,
.bt-photo-paysage a:focus {
	background: url(img/bt-photo-paysage-over.png) no-repeat 0 0;
}	
*/
/* -------------------- PORTFOLIO - SOUS-MENU -----------------------*/

#portsousmenu-conteneur {
	float: left;
	width: 600px;
	padding-right: 78px;
}

#portsousmenu {
	height: 22px;
	width: 658px;
	margin-bottom: 15px;
	margin-left: 50px;
}

#portsousmenu ul{
	display: block;
}
#portsousmenu li {
	list-style:none;
	float:left;
}

#portsousmenu a {
	display: block;
	color: #538eaa;
	background-color: #193842;
	text-decoration:none;
	margin-right: 1px;
	padding: 3px 20px 3px 20px;
	font-size: 12px;
	font-weight: bold;
}

#portsousmenu .active a,
#portsousmenu a:hover,
#portsousmenu a:focus {
	background: url(img/bt-dessus.jpg) repeat-x;
	color: #75d2fe;
}


/* -------------------- PORTFOLIO -----------------------*/

#porttexte {
	padding: 20px 0 20px 264px;
}

.conteneur-porto {
	float: right;
	width: 658px;
	padding-right: 80px;
	text-align: left;
	font-size:11px;
	line-height:18px;
	color: #222;
}

.conteneur-porto span a {
	color: #fff;
	background-color: #333;
}
.conteneur-porto span a:hover {
	color: #999;
}

.reference {
	font-size:11px;
	padding-top:14px;
	line-height:18px;
	color: #275970;
}

.reference-web {
	display: block;
	width: 600px;
	font-size:11px;
	padding-top:16px;
	line-height:18px;
	color: #275970;
	text-align: center;
}
.reference-portfolio {
	width: 600px;
	font-size:11px;
	padding-top:135px;
	line-height:18px;
	color: #275970;
	text-align: center;
}

.reference-web a,
.reference-portfolio a {
	color: #fff;
	background-color: #333;
}
.reference-web a:hover,
.reference-portfolio a:hover {
	color: #999;
}

/* -------------------- portfolio liens bas photo -----------------------*/

#liens-photo {
	padding: 20px 0 0 101px;
	height: 22px;
	width: 400px;
}

#liens-photo ul{
	display: block;
}
#liens-photo li {
	list-style:none;
	float:left;
}

#liens-photo a {
	display: block;
	color: #538eaa;
	background-color: #193842;
	text-decoration:none;
	margin-right: 1px;
	padding: 3px 20px 3px 20px;
	font-size: 12px;
	font-weight: bold;
}

#liens-photo .active a,
#liens-photo a:hover,
#liens-photo a:focus {
	background: url(img/bt-dessus.jpg) repeat-x;
	color: #75d2fe;
}


/* -------------------- VIDEO -----------------------*/

.video {
	padding: 45px 0 0 120px;
}
/* -------------------- GALERIES -----------------------*/

.conteneurgalerie {
	width: 638px;
	height: 200px;
	background-color: #193842;
	margin-left: 264px;
}
.contenugalerie {
	padding: 20px 0 0 20px;
	text-align: left;
}
.contenugalerie a {
	padding-right: 9px;
}

.galerieweb {

/*	background-color: red;*/
}
.link-web a{
	display: block;
	font-size: 9px;
	line-height: 20px;
	color: #fff;
	padding-top: 10px;
	background: url(img/bt-visiter.png) no-repeat center 12px;
}


/* -------------------- CONTACT MENU -----------------------*/

#portmenucontact {
	height: 22px;
	width: 400px;
	margin-bottom: 15px;
	padding-left: 301px;
}

#portmenucontact ul{
	display: block;
}
#portmenucontact li {
	list-style:none;
	float:left;
}

#portmenucontact a {
	display: block;
	color: #538eaa;
	background-color: #193842;
	text-decoration:none;
	margin-right: 1px;
	padding: 3px 20px 3px 20px;
	font-size: 12px;
	font-weight: bold;
}

#portmenucontact .active a,
#portmenucontact a:hover,
#portmenucontact a:focus {
	background: url(img/bt-dessus.jpg) repeat-x;
	color: #75d2fe;
}

.conteneur-adresse {
	float: right;
	width: 658px;
	padding:0 80px 15px 0;
	text-align: center;
	font-size:12px;
	line-height:18px;
	color: #fff;
}



/* -------------------- footer -----------------------*/

#footer {
	font-size: 9px;
	color: #aaa;
	text-align: center;
}
#footer a {
	color: #fff;
	background-color: #444;
}
#footer a:hover {
	color: #999;
}