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;
  font-size:100%;
}

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: 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-anim-gauche.jpg) top left no-repeat;
}

table {
	margin-top:22px;
}

/* -------------------- CLASSES GENERAL -----------------------*/
p {
	text-align: justify;
	font-size: 13px;
	line-height: 24px;
	color: #fff;	
}

.bold {
	font-weight: bold;	
}



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

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

/* -------------------- TOP MENU -----------------------*/

#topmenu {
	padding-top: 1px;
	float: right;
	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: 12px;
	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 {
/*	width: 1020px;
	height: 200px;*/
	padding-top: 370px;
	font-size: 16px;
	letter-spacing: 10px;
	text-align: center;
}
#bienvenue a {
	color: #000;
}
#bienvenue a:hover {
	color: #fff;
	background-color: #58b9d1;
}


/* -------------------- PRESENTATION -----------------------*/

#pres-contenu {
	float:right;
	width: 658px;
	padding-right: 78px;
}

#pres-contenutxt a {
	color: #fff;
	background-color: #333;
}
#pres-contenutxt a:hover {
	color: #999;
}

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

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

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

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

#portmenu 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;
}

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

/* -------------------- 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;
}


/* -------------------- 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 {
	margin-left: 281px;
}
.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: 658px;
	margin-bottom: 15px;
	margin-left: 300px;
}

#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;
}


/*
#contactmenu {
	height: 18px;
	width: 920px;
	margin:20px 0 10px 0;
}
#contactmenu p{
	padding-left: 410px;
	display: block;
	height: 30px;
	background-color: red;
}

#contactmenu ul{
	display: block;
	width: 200px;
	padding-left: 520px;
	text-align: center;
}
#contactmenu li {
	list-style:none;
}

#contactmenu 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;
}

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

*/


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

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