body {
	background: #2D2A2B;
	color: #000;
	font: 0.7em Verdana, Arial, Sans-Serif;
	margin: 4px 0 0 0; 
	padding: 0;
}
a{
	color: #F1733B;
}
h2.titre_web{
color:#999;
}
h4 {
	font-weight:bold;
	margin:20px 0 0 50px;
	color:#605C5D;
}
address {
font-style: normal;
}
em {
	color: #F1733B;
	font-size: 1.3em;
	font-style: normal;
}
form {
	margin: 0;
	padding: 0;
}
hr {
	clear: both;
	color: #fff;
	background-color: #fff;
	height: 0;
	border: 0;
	margin: 0;
	padding: 0;
}
h1 {
clear: both;
color: #fff;
font-size: 1.1em;
font-weight: normal;
margin-right: 25px;
text-align: right;
text-transform: uppercase;
}
h1 a {
color: #fff;
text-decoration:none;
}
h3 {
color: #333;
font-size: 1.4em;
font-weight: normal;
margin:20px 0 0 50px;
}
img {
border: none;
}
table#savoir caption {
color: #F1733B;
font-size: 1.4em;
font-weight: normal;
margin: 20px 2px 0 2px;
padding: 15px 0;
}
table#savoir th {
background-image:url(images/fd_tableau.jpg);
background-position:center;
background-repeat:no-repeat;
color: #fff;
padding: 10px 8px;
font-weight:normal;
}
table#savoir td {
vertical-align: top;
width: 16%;
}
table#savoir td ul {
margin: 0;
padding: 0;
}
table#savoir td ul li {
border-bottom: 1px solid #5E5C5D;
min-height: 40px;
list-style-type: none;
margin:10px 8px 0px 8px;
padding: 5px 0;
text-align: center;
}
div#total {
	margin: 0 auto;
	overflow: hidden;
    width: 920px;
}


/*  Header */
div#header {
	height: 185px;
}
div#col12 {
	float: left;
}
div#col1 {
	float: left;
	width: 590px;
}
div#col2 {
	float: left;
	height: 115px;
	margin-top: 40px;
	width: 110px;
}
div#col3 {
	float: left;
	margin: 40px 0 0 20px;
	width: 200px;
}
div#col3 img {
	margin-left: 10px;
}

div#header.noir {
	background: url(images/top-noir.jpg) no-repeat top left;
}

div#header.noir-acc {
	background: url(images/top-noir-acc.jpg) no-repeat top left;
}

div#header ul.menu {
	font-size: 0.9em;
	text-transform: uppercase;
	position:absolute;
	list-style-type:none;
	list-style-position: inside;
	margin:15px 0 0 -20px;
}
div#header ul.menu li {
	float:left;
    padding:0;
    margin:0;
   
}

div#header ul.menu li ul{
	
	list-style-type:none;
	padding:10px 0 0 0;
	position:absolute;
	text-transform:none;
	display:none;
}
div#header ul.menu li ul li{
	border: none;
	float:none;
	padding:4px 0 0 5px;
	margin-top:1px;
	display:block;
	width:160px;
	height:17px;
	background-image:url(images/menu_off.gif);
}
div#header ul.menu li ul li:hover{
	border: none;
	float:none;
	padding:4px 0 0 5px;
	margin-top:1px;
	display:block;
	width:160px;
	height:17px;
	background-image:url(images/menu_on.gif);
}
span.barreMenu{
	color:#fff;
	display:block;
	margin-right:6px;
	float:right;
}
div#header ul.menu li.encours {
	position:relative; 
	list-style: none;  
	color: #F1733B;
}
div#header ul.menu li.dernier {
	border-right: 0;
}
div#header ul.menu a {
	color: #fff;
	text-decoration: none;
}

div#header ul.menu a:visited {
	color: #fff;
}

/* SOUS MENU */
div#header ul.menu li.encours ul {
	font-size: 1.1em;
	position: absolute; 
	top: 22px; 
	left: -34px; 
	display:true;
}
div#header ul.menu li.encours ul li {
	text-transform:none;
	border:0;
	clear:both;
	display:block;
	text-align:left;
	width:350px;
	padding:2px 0 0 5px;
	color:#F1733B;
}
div#header ul.menu li.encours ul li a{
	color:#fff;
}
div#header ul.menu li.encours ul li a:hover{
	color:#F1733B;
}

/*  content */
div#content {
	background: #5F5C5C url(images/fond-ombre.jpg) repeat-y;
	overflow: hidden;
}
p.SiteFlash {
float: right;
margin: 0 245px 0 0;
}
p.SiteFlash a {
color: #eee;
text-decoration: none;
}
p.LogoClient {
clear: both;
margin-top: 10px;
padding-top:5px;
}
p.ariane {
	color: #959595;
	margin: 0 0 6px 64px;
}
p.ariane a {
	color: #959595;
	text-decoration:none;
}
div#center {
	overflow: hidden;
	margin: 0 15px 0 15px;
}
div#content ul {
	color: #6D6D6F;
	margin: 6px 0 6px 67px;
	padding: 0;
}
div#content ul li {
  	list-style-type: square;	
	padding: 0;
}
div#center.coul_bleu {
	background: url(images/fond-bleu.jpg) no-repeat top left;
}
div#center.coul_black {
	background-color: #000;
}

div#center.coul_gris {
	background: url(images/fond-gris.jpg) no-repeat top left;
}
div#center.coul_rouge {
	background: url(images/fond-rouge.jpg) no-repeat top left;
}
div#center.coul_mauve {
	background: url(images/fond-mauve.jpg) no-repeat top left;
}
div#center.coul_jaune {
	background: url(images/fond-jaune.jpg) no-repeat top left;
}
div#center.coul_violet {
	background: url(images/fond-violet.jpg) no-repeat top left;
}

div#center h2 {
	background: url(images/barres-gris.png) bottom left no-repeat;
	color: #fff;
	font-size: 2.1em;
	font-weight: normal;
	margin: 0 0 0 25px;
	padding: 25px 0 0 25px;
}
div#center h2.titre_web{
	background: url(images/barres-gris.png) bottom left no-repeat;
	color: #999;
	font-size: 2.1em;
	font-weight: normal;
	margin: 0 0 0 25px;
	padding: 25px 0 0 25px;
}
div#center p {
	color: #fff;
	margin: 0 0 0 28px;
	padding: 25px 0 0 25px;
}
div#centertexte {
	background: #FFFFFF;
	overflow: hidden;
	margin: 0 15px;
}
div#centertexte h2 {
	background: url(images/barres-orange.png) bottom left no-repeat;
	color: #6D6D6F;
	font-size: 2.1em;
	font-weight: normal;
	margin: 0 0 0 25px;
	padding: 25px 0 0 25px;
}

div#centertexte p {
	color: #6D6D6F;
	margin: 0 0 0 20px;
	padding: 10px 45px 0 30px;
}
div#left {
	float: left;
	height: 347px;
	overflow: auto;
	overflow-x: hidden;
	width: 671px;
	border-right:1px solid #cccccc;
}
div#left div.activite {
	float: left;
	width: 210px;
}
div#right {
	float: left;
	height: 347px;
	text-align: right;
	width: 210px;
}
div#left1 {
	float: left;
	height: 347px;
	width: 321px;/* 320*/
}
div#left1 ul {
	color: #fff;
}
div#left2 {
	float: left;
	height: 320px;
	padding-top: 27px;
	overflow: auto;
	overflow-x: hidden;
	width: 351px;
}
#sousleft2 {
	height:258px;
	padding-top: 40px;
}

/* Vignettes portfolio accueil */
div.blocfolio {
float: left;
margin: 10px 0 0 50px;
min-height: 86px;
width: 270px;
}
div.blocfolio img {
float: left;
margin: 0 10px 0 0;
}
div.blocfolio h3 {
margin: 2px 0 4px 0;
padding: 0;
}
div#centertexte div#left div.blocfolio ul {
margin: 0 0 0 10px;
padding: 0;
}
div#centertexte div#left div.blocfolio li {
list-style-type: none;
margin: 0x;
padding: 0;
}

.blocfolio li{
font-size:9px;
}


/* detail projet */
div#left3 {
	float: left;
	height: 347px;
	width: 211px;/* 325*/
}
div#left3 p{
	text-align:left;
	padding: 25px 20px 0 0px;
}

div#left3 ul.ulProjet{
	margin-top:20px;
	list-style-image:url("../images/puce.jpg");
}
div#left3 ul.ulProjet li a {
	color:#959595;
	cursor : pointer; 
}

div#left3 ul.ulProjet li a:hover {
	color:#FF7D01;
	cursor : pointer;
}

div#left3 ul.ulProjet li{
	margin-top:5px;
}
div#left3 ul li{
	color:#FFF;
}

div#left3 p.desc_web {
	color:#666;
	text-align:left;
	padding: 10px 20px 0 0px;
}

div#left3 ul {
	width:200px;
}
div#left3 ul li.desc_web {
color:#666;
}

div#left4 {
	float: left;
	height: 346px;
	padding:0;
	overflow: none;
	width: 461px;
}
p.date {
	text-decoration:underline;
	padding-top:20px;
	height:14px;
	text-align:right;
}
p.date span.desc_web {
	text-decoration:underline;
	padding-top:20px;
	height:14px;
	text-align:right;
	color:#666;
}
/* fin detail proet */


div#left2 span {
	float: left;
	margin: 0 22px 5px 10px;
}
div#left2 p.pagination {
	clear: both;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: right;
}
div#left2 p.pagination a{
	color:#999;
}
div#ombrehorizontale {
	background: #5F5C5C url(images/ombre-horizontale.jpg) top left no-repeat;
	clear: both;
	height: 7px;
	margin-left: 15px;
	width: 890px;
}
div#content address {
	margin: 15px 0 0 70px;
	padding: 0;
}
div.ulfloat {
	float: left;
	padding: 6px 0 0 0;
	width: 49%;
}
div#content div.ulfloat p.droite {
	margin: 6px 12px 8px 0;
	padding: 0;
	text-align: right;
}
div#centertexte p.boutondroite {
	clear: both;
	margin: 2px 12px 6px 0;
	padding: 0;
	text-align: right;
}
div.ulfloat textarea {
	margin: 6px 0 0 0;
	width: 99%;
}
div.ulfloat h3 {
	margin:5px 0 0 30px;
}
div#map {
 	border: 1px solid #ccc;
 	height: 250px;
	margin: 6px 0 6px 45px;
 	width: 580px;
 }
 table#DetailProjet {
 height: 347px;
 width: 100%;
 }
  table#DetailProjet td {
  height: 300px;
vertical-align: top;
 text-align:left;
 color:#FFF;
 }
  table#DetailProjet a {
color: #333;
 }
  table#DetailProjet sub {
font-size: 1.3em;
 }
   table#DetailProjet a:hover {
color: #fff;
 }
table#DetailProjet td.precedent {
height: 40px;
text-align: left;
vertical-align: text-bottom;
 width: 50%;
 }
table#DetailProjet td.suivant {
 height: 40px;
text-align: right;
vertical-align: text-bottom;
 width: 50%;
 }
div.Prev a {
 background: url(images/prev.png) no-repeat top left;
 display: block;
 height: 37px;
 padding-left: 40px;
 text-decoration: none;
 }
div.Next a {
 background: url(images/next.png) no-repeat top right;
 display: block;
 height: 37px;
 padding-right: 40px;
 text-decoration: none;
 }
div.Prev a:hover {
 background: url(images/prev-over.png) no-repeat top left;
 }

div.Next a:hover {
 background: url(images/next-over.png) no-repeat top right;
 }
 div#left p.action {
  margin: 40px 50px 0 450px;
 }
  div#left p.action a {
 background: url(images/action.png) no-repeat top center;
 color: #fff;
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 height: 41px;
 padding: 10px 0 0 0;
 text-align: center;
 text-decoration: none;
 width: 126px;
 }

div#topfooter {
	margin-left: 15px;
	margin-bottom: 15px;
}
div#topfooter h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 6px 25px;
	padding-left: 25px;
}
div#topfooter ul {
	color: #fff;
	margin: 0;
	padding: 15px 0 0 30px;
}
div#topfooter ul li {
  	list-style-type: none;	
	background: url(images/puce.jpg) top left no-repeat;
	padding: 0 0 0 15px;
}
div#topfooter ul li a {
	color: #fff;
}
div#topfooter ul li a:hover {
	color: #F1733B;
}
div.foot1 {
	float: left;
	margin: 0px;
}
div.foot1 h2 {
	background: url(images/barres-orange.jpg) bottom left no-repeat;
	color: #F1733B;
}
div.foot2 {
	
	float: left;
	margin: 0px;

}
div.foot2 h2 {
	background: url(images/barres-gris.jpg) bottom left no-repeat;
	color: #3F4042;
}
div.foot3 {
	float: left;
	margin: 0px;
}
div.foot3 h2 {
	color: #fff;
}
div#bottom {
	background: url(images/bottom.jpg) bottom left no-repeat;
	clear: both;
	height: 30px;
}
div#footer {
	color: #999;
	margin-bottom: 12px;
	padding-right: 30px;
	text-align: center;
}
div#footer ul {
	margin: 0;
	padding: 0;
}
ul#footerRef{
	margin: 0;
	padding: 0;
	font-size:9px;
	color:#605C5D;
}
div#footer ul#footerRef li a{
	text-decoration:none;
	color:#605C5D;
}
div#footer  ul#footerRef li {
	border-right: solid 1px #605C5D;
	display: inline;
	padding: 0 4px 0 6px;
}
div#footer ul li {
	border-right: solid 1px #999;
	display: inline;
	padding: 0 4px 0 6px;
}
div#footer ul li {
	border-right: solid 1px #999;
	display: inline;
	padding: 0 4px 0 6px;
}
div#footer ul li.last {
	border-right: none;
}
div#footer ul li a {
	color: #999;
	text-decoration:none;
}
div#footer ul li a:hover {
	color: #F1733B;
}
.bold {
	font-weight:bold;
}
#ivignette{
	margin:0;
	padding:0;
}
li.Livignette{
	display:inline;
	padding-top:50px;
	margin-left:40px;
}
li.Livignette1{
	display:inline;
	

}
img#vignette-right{
	z-index:1000;
	position:absolute;
	margin-top:-40px;
    margin-left:520px;
}
div#portfolio{
	padding:0 0 0 43px;	
	margin:20px 0 0 0;
}
div#content ul.ulAccueil{
	margin-top:20px;
	list-style-image:url("../images/puce.jpg");
}
div#content ul.ulAccueil li{
	padding:5px 0 5px 0;
}
div#left p.temoin{
	margin-left:30px;
	font-style:normal;
}
div#left p.temoin ul{
	margin-left:30px;
	font-style:normal;
}
div#left p.temoin a{
	font-style:normal;
}
div.footerRef{
	margin-top:100px;
	margin-left:20px;
	text-align:left;
	font-size:10px;
	color:#999999;
}
div.footerRef div.Texte{
	width:215px;
	float:left;
	padding-right:10px;
}
div.footerRef  h1,.footerRef3 h1{
	text-align:left;
	font-size:10px;
	color:#999999;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
div.footerRef1 h1, div.footerRef2 h1{
	text-align:left;
	font-size:10px;
	color:#f1733b;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
div.footerRef  p{
	padding:0px;
	margin:0px;

}

div.footerRef h2,div.footerRef1 h2{
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
}
div.footerRef a, div.footerRef1 a, div.footerRef2 a {
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#999999;
}

div.footerRef  ul, div.footerRef1 ul{
	padding:0;
	margin:0;
	list-style:none
}
div.footerRef  ul li,div.footerRef1 ul li{
	padding:0;
	margin:0;
}
div.footerRef1{
	display:table;
	height:100px;
	width:880px;
	border-top:1px solid #403c3d;
	padding-top:30px;
	margin-left:20px;
	height:50px;
}
div.footerRef1  ul {
	padding:0;
	margin:0;
	list-style:none
}
div.footerRef1  ul li {
	float:left;
}
div.footerRef2{
	width:880px;
	border-top:1px solid #403c3d;
	padding-top:30px;
	margin-left:20px;
}
div.footerRef2 p{
	color:#898384;
	margin:0;
	font-size:10px;
	text-align: justify;
}

div.footerRef2 p.lien a{
	color:#f1733b;
	font-weight:bold;
}

#obligatoire { font-size:11px; margin-left:140px; }

a.linkmenu { color:#6D6D6F; font-weight:bold; text-decoration:none; }

/* Opera */@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	div#col12 { width:700px; }
}

/* Opera et Safari */@media screen and (-webkit-min-device-pixel-ratio:0)
{
	span.barreMenu { margin:-12px 6px 0 6px; }
}