/* mac hide \*/
html, body {height:100%;}
/* end hide*/

body {
margin:0;
padding:0;
background: #FFF;
color:#000000;
font-family:century gothic,verdana,arial,sans-serif;
font-size:11px;
text-align:center;
min-width:900px;
}
img {
border:none;
padding:0;
margin:0;
display:inline;
}
/* Masquer cadres liens Firefox */
a {outline: none;}
:focus {-moz-outline-style: none;}
/* **************************** */

#master {
position:relative;
background:#FFF;
margin:0 auto;
padding:0;
width:900px;
text-align:left;
display:block;
min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
}
#clearfloat {clear:both;}

#haut_droit {
position:absolute;
left:820px;
width:140px;
height:57px;
background:url(images/droite1.png) no-repeat 0 0;
float: left;
}

#menu {
position:absolute;
left:376px;
width:444px;
height:57px;
background:url(images/menu.png) no-repeat 0 0;
float: left;
}

#menu a, #menu a:visited {
text-decoration:none;
}

#menu a.menu1, #menu a.menu1:visited {
float:left;
width:90px;
height:47px;
background:url(images/accueil.png) no-repeat 0 0;
}
#menu a.menu2, #menu a.menu2:visited {
float:left;
width:76px;
height:47px;
background:url(images/offres.png) no-repeat 0 0;
}
#menu a.menu3, #menu a.menu3:visited {
float:left;
width:134px;
height:47px;
background:url(images/realisations.png) no-repeat 0 0;
}
#menu a.menu4, #menu a.menu4:visited {
float:left;
width:139px;
height:47px;
background:url(images/contact.png) no-repeat 0 0;
}

#menu a.menu1:hover, #menu a.menu2:hover, #menu a.menu3:hover, #menu a.menu4:hover, #menu a.menu5:hover, #menu a.menu1#select, #menu a.menu2#select, #menu a.menu3#select, #menu a.menu4#select, #menu a.menu5#select {
background-position:0 -47px;
}

#content {
margin:10px 12px;
}

#content_gauche {
	float: left;
	width: 500px;
}

/* SmartBox*/
.box_content {
width:486px;
height:239px;
padding:1px 0 0 1px;
margin:0 0 25px 0;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:12px;
border: #fcd98a 1px dotted;
}
#smartBox{
	position:absolute;
}
#smartBox div {
width:486px;
height:238px;
float:left;
background:#fcd98a;
}
#smartBox p {
padding:5px 10px;
}
#smartBox p {
text-indent:16px;
}

#p_smart p {
display:block;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:12px;
padding:20px 20px 0 30px;
margin:0;
}
#p_smart h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
}
#intero {
float:left;
margin:10px 20px 10px 10px;
}
.collaboration {
float:right;
font-family:arial,verdana,sans-serif;
font-size:12px;
font-weight:bold;
}
.collaboration a, .collaboration a:visited {
text-decoration:none;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:12px;
}
.collaboration a:hover {
text-decoration:underline;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:12px;
}

.mask {
float:left;
position:relative;
width:486px;
height:238px;
overflow:hidden;
}

.buttons {
float:left;
margin:35px 0 0 0;
}
.buttons span {
background:url(images/case_smartBox.png) no-repeat 0 0;
width:164px;
height:53px;
color:#737373;
font-size:10px;
padding:15px 0 0 25px;
cursor:pointer;
display:block;
}
.buttons span h5 {
color:#000000;
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
}

.buttons span.active, .buttons span:hover, .buttons span.bas.active, .buttons span.bas:hover {
background-position:0 -68px;

}

/* Mini Box */
.mini_box {
float:left;
width:154px;
height:218px;
background:url(images/box_bg.png) no-repeat 0 0;
}
.mini_box img {
margin:1px 0 0 1px;
}
.mini_box span {
margin:0 10px 0 10px;
display:block;
}
.mini_box a, .mini_box a:visited {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
text-decoration:none;
}
.mini_box a:hover span {
color:#E54D0C;
font-family:arial,verdana,sans-serif;
font-size:11px;
text-decoration:none;
}

/* Menu de droite */
#content_droite {
	float: right;
}

#menu_right {
float:right;
width:100%;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:10px;
}

#menu_right .titre {
display:block;
background:url(images/fleche.png) no-repeat ;
background-position: 0 -10px;
width:100%;
color:#414141;
font-family:arial,verdana,sans-serif;
font-size:11px;
margin:0 0 5px 0;
}
#menu_right .titre span {
padding:0 2px 0 0;
}
#menu_right a, #menu_right a:visited {
display:block;
text-align:right;
color:#414141;
font-family:arial,verdana,sans-serif;
font-size:11px;
text-decoration:none;
}
#menu_right a:hover, #menu_right a#select {
display:block;
text-align:right;
color:#72b8af;
font-family:arial,verdana,sans-serif;
font-size:11px;
text-decoration:none;
}
#menu_right a img {margin:5px 7px 0 0;}
#menu_right .marge_menu {margin:20px 0 0 0;}

/* Formulaire */
.form_content {
width:486px;
padding:1px 0 0 1px;
margin:0 0 25px 0;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:12px;
}

#Formcontact label {
	display: block;
	width: 200px;
	float: left;
	font-weight:bold;
	text-align: left;
}
#Formcontact input {
	width: 250px;
	margin-left: -50px;
}
#Formcontact input:focus {
	background: #fff;
	border-color: #ac3d62;
}
#Formcontact fieldset {
	width: 468px;
}
#Formcontact input[type="submit"] {
	margin-left: 55px;
	margin-top: 10px;
		height:43px;
	font-weight:bold;
	background: #333;
	color: #fff;
	font-size: 16px;
	border: none;
	cursor: pointer;
	margin-top: 15px;
}
.footer_contact {float:left; font-size:9px;}

/* Page Offres */
#menuOffres {
border-width:0 0 1px 0;
border-style:solid;
border-color:#dfdfde;
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:16px;
font-weight:bold;
display:block;
padding:25px 0 20px 15px;
margin:0 10px;
}
#menuOffres span {margin:0 0 0 15px;}
#menuOffres a, #menuOffres a:visited {
background:url(images/fleche_bk.png) no-repeat 0 4px;
font-family:arial,verdana,sans-serif;
color:#000000;
font-size:15px;
text-decoration:none;
margin:0 15px 0 0;
padding:0 0 0 16px;
}
#menuOffres a:hover, #menuOffres a.selOffre {
background:url(images/fleche_orange.png) no-repeat 0 4px;
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:15px;
text-decoration:none;
margin:0 15px 0 0;
padding:0 0 0 16px;
}
#table_offres tr {
vertical-align:top;
}
#table_offres td#td_prix {
text-align:center;
width:60px;
height:217px;
background:url(images/offre.png) no-repeat;
background-position: 0 20px;
padding:50px 0 0 0;
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:23px;
font-weight:bold;
}
#table_offres td#td_prix strong {
color:#000000;
display:block;
margin:20px 0 0 0;
}
#table_offres td#td_prix a, #table_offres td#td_prix a:visited {
background:url(grafx/enveloppe.png) no-repeat 0 0;
padding:0 15px 0 0;
margin:0 0 0 18px;
font-family:arial,verdana,sans-serif;
color:#646464;
font-size:12px;
height:20px;
display:block;
}
#table_offres td#td_prix a:hover {
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:12px;
}

#table_offres h3 {
margin:20px 0 20px 0;
font-family:arial,verdana,sans-serif;
color:#000000;
font-size:18px;
}
#table_offres strong, .grasOrange {
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:12px;
}
#table_offres ul {
margin:5px 0 20px 20px;
padding:0 0 0 20px;
}
#table_offres li {
list-style-image:url(grafx/fleche_gris.gif);
}
#table_offres li strong {
color:#000000;
}
#table_offres td h1 {
background:url(grafx/fleche_orange.png) no-repeat 0 5px;
color:#E54D0C;
margin:20px 0 5px 0;
padding:0 0 0 20px;
}
a.contact_offre, a.contact_offre:visited {
background:url(images/enveloppe.png) no-repeat 0 0;
padding:0 0 0 20px;
font-family:arial,verdana,sans-serif;
color:#646464;
font-size:12px;
height:20px;
width:70px;
display:block;
}
a.contact_offre:hover {
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:12px;
}
a.contact_mesure, a.contact_mesure:visited {
font-family:arial,verdana,sans-serif;
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.contact_mesure:hover {
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

/* Page Portfolio */
.mini_titre {
font-family:arial,verdana,sans-serif;
font-size:16px;
font-weight:bold;
color:#72b8af;
margin:10px 0 -10px 0;
}
a.plus, a.plus:visited {
float:left;
font-family:arial,verdana,sans-serif;
font-size:9px;
font-weight:bold;
color:#E54D0C;
text-decoration:none;
}
a.plus:hover {
float:left;
font-family:arial,verdana,sans-serif;
font-size:9px;
font-weight:bold;
color:#E54D0C;
text-decoration:underline;
}
.titre_image {
position:absolute;
left:45px;
top:267px;
}

/* Page map */
.sitemap strong {
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:12px
;margin:5px 0 20px 40px;
padding:0 0 0 40px;
}
.sitemap ul {
margin:5px 0 20px 60px;
padding:0 0 0 60px;
}
.sitemap li {
list-style-image:url(grafx/fleche_gris.gif);
}
.sitemap li a, .sitemap li a:visited, .sitemap li a:hover {
color:#000000;
text-decoration:underline;
font-weight:bold;
}
.footer_contact {float:left; font-size:9px;}

/* Dossiers */
.hat {
font-size:15px;
padding:0 0 20px 0;
display:block;
width: 430px;
}
.hat a, .hat a:visited {
font-family:arial,verdana,sans-serif;
color:#000000;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
.hat a:hover {
font-family:arial,verdana,sans-serif;
color:#E54D0C;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}

#texte h1 {
margin:20px 0 0 10px;
padding:0 0 10px 0;
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:17px;
font-weight:bold;
}
.titre_methode {
display:block;
color:#E54D0C;
font-family:century gothic,arial,sans-serif;
font-size:25px;
margin:0 0 0 10px;
}
.texte_methode {
width:400px;
display:block;
color:#000000;
font-family:arial,sans-serif;
font-size:13px;
margin:0 0 15px 25px;
}

/* Pages shadow-diffusion */
.article {
margin:0 0 0 12px;
display:block;
}
.logo_left {
float:left;
margin:0 10px 0 0;
}

.clients a, .clients a:visited {
display:block;
color:#000000;
font-weight:bold;
text-decoration:none;}
.clients a:hover {
color:#F76623;
font-weight:bold;
text-decoration:underline;}
.clients em {display:block;padding:0;}

#mention a, #mention a:hover, #mention a:visited {
	color:#000000;
}
