html {
font-size:100%;
}


html,body {
margin:0;
padding:0;
}

body {
background-color:#707070;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.74em;
color:#FFF;
}

div#cadre-principal {
min-width:975px;
max-width:1920px;
}

div#haut {
background-image:url(../images/design/haut.jpg);
background-position:top center;
background-repeat:no-repeat;
position:relative;
text-align:center;
}

body#BodyExtranet div#haut {
padding-top:260px;
}

body#BodyExtranet #enteteFlash {
display:none;
}

div#bandeauFlash{
padding-left:8px;
padding-top:5px;
text-align:left;
margin:0;
}

div#menu {
width:975px;
margin:0 auto;
}

div#menu ul {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}

div#menu ul li {
margin:0;
padding:0;
float:left;
text-align:left;
}

div#colonne {
float:right;
padding-right:13px;
}

div#colonne h2 {
margin:0;
padding:0;
}

div#colonne ul {
margin:0 0 30px 0;
padding:0;
list-style:none;
list-style-image:none;
}

div#colonne ul li {
margin:0;
padding:0;
text-align:left;
}

div#colonne ul li img {
vertical-align:top;
}

div#milieu {
background-image:url(../images/design/milieu.jpg);
background-position:top center;
background-repeat:no-repeat;
height:800px;
background-color:#252525;
}

html>body div#milieu {
min-height:800px;
height:auto;
}

div#bas {
background-image:url(../images/design/bas.jpg);
background-position:top center;
background-repeat:no-repeat;
height:185px;
background-color:#000000;
padding:0 0 1em 0;
}

div#signature {
width:975px;
margin:0 auto;
padding:50px 0 0 0;
color:#585858;
}

div#signature a {
color:#585858;
}

div#signature a.discret {
color:#333;
}

div#cadre-interne {
margin:0 auto;
width:975px;
}

div#sommaire {
width:635px;
height:176px;
color:#757776;
}

div#sommaire a {
color:#757776;
}

div#fil-ariane {
color:#545655;
font-size:0.85em;
}

div#fil-ariane a {
color:#545655;
}

div#corps {
width:635px;
padding:10px 0 2em 0;
float:left;
}

h1 {
margin:0;
padding:0;
font-size:2.3em;
font-weight:normal;
}

h1 strong {
font-size:0.7em;
font-weight:normal;
}

h2 {
margin:0 0 0.2em 0;
padding:0;
font-size:1.9em;
font-weight:normal;
}

h3 {
margin:0 0 0.3em 0;
padding:0;
font-size:1.3em;
font-weight:bold;
}

div.fiche {
margin:0 0 5px 0;
padding:0 0 45px 0;
background-image:url(../images/design/separateur.png);
background-repeat:no-repeat;
background-position:bottom center;
}

p {
margin:0 0 1em 0;
padding:0;
line-height:1.4em;
text-align:justify;
}

strong {
font-weight:bold;
}

ul {
margin:0 0 2em 0;
padding:0 0 0 2.5em;
list-style-image:url(../images/design/puce.png);
}

ul li {
margin:0 0 0.5em 0;
padding:0;
line-height:1.4em;
}

ul ul {
margin:1em 0 1em 0;
padding:0 0 0 2.5em;
list-style-image:url(../images/design/sous-puce.png);
}

a {
text-decoration:underline;
font-weight:bold;
}

a:link {
color:#AEC229;
}

a:visited {
color:#ECF5A7;
}

a:hover {
color:#D6E278;
}

a:active {
color:#D6E278;
}

a:focus {
color:#D6E278;
}

a img {
border:0;
}

form {
margin:0 0 1em 0;
padding:0;
border:0;
}

fieldset {
border:0;
border-top:2px solid #666;
padding:1em;
}

legend {
padding:0 0.5em;
font-size:1.3em;
color:#666;
font-weight:bold;
}

label {
font-weight:bold;
cursor:pointer;
}

select,input,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
background-color:#C0C0C0;
margin:0.6em 0;
border:2px solid #777;
padding:0.3em;
font-weight:bold;
}

span.discret,span.date {
font-size:0.85em;
line-height:1em;
color:#E5E5E5;
}

p.discret {
font-size:0.85em;
}

p.details {
text-align:right;
}

input.bouton {
font-weight:bold;
padding:1em;
cursor:pointer;
background-color:#0B0B09;
color:#AFC22B;
border-bottom-color:#323229;
border-right-color:#323229;
}

a.bouton {
border:2px solid #777;
font-weight:bold;
padding:1em;
cursor:pointer;
background-color:#0B0B09;
color:#AFC22B;
border-bottom-color:#323229;
border-right-color:#323229;
text-decoration:none;
}

p.boutons {
padding:1em 0;
}

div.portfolio div.realisation {
margin:0 30px 5px 0;
padding:0 0 15px 0;
width:278px;
float:left;
}

div.portfolio div.realisation h2 {
font-size:1em;
}

div.portfolio div.realisation img {
background-image:url(../images/design/fond-portfolio-petit.png);
background-repeat:no-repeat;
padding:6px;
width:266px;
height:114px;
}

div.portfolio div.realisation p {
color:#C0C0C0;
margin:0.5em 0 0 0;
font-size:0.85em;
text-align:left;
}

div.clear {
clear:both;
margin:0;
padding:0;
height:0;
line-height:0;
font-size:0;
}

br.clear {
clear:both;
margin:0;
padding:0;
height:0;
line-height:0;
font-size:0;
}

ul.horizontale li {
float:left;
margin:0 3em 0 0;
}

div.info{
margin:0 0 2em 0;
float:right;
display:block;
width:230px;
}

div.info ul{
color:#000;
background-color:transparent;
margin:0 0 0 0.5em;
padding:0 1em;
border-left:1px solid #ACA899;
}

div.info li{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:80%;
border-bottom:1px dotted #ACA899;
list-style:none;
color:#ACA899;
}

div.info li.dernier{
border-bottom:0;
}

div.info strong{
color:#87826D;
font-weight:bold;
}

div.info li img {
border:1px solid #000;
background-color:#FFF;
padding:3px;
margin:0 1em 0 0;
}

div#plugins {
margin:2em 0 0 0;
}

div#plugins p {
font-size:0.85em;
width:200px;
float:left;
margin:0 10px 0 0;
text-align:left;
}

div.centrage {
text-align:center;
}

div.centrage p {
text-align:center;
}

div.sous-menu p {
text-align:right;
margin:0 0 2em 0;
}

div.sous-menu p a.precedente {
float:left;
}

div.sous-menu p a.suivante {
float:right;
}

ul.colonne {
float:left;
width:290px;
margin:0 20px 0 0;
padding:0;
}

div.service-web {
padding-left:115px;
background-image:url(../images/divers/icones/grandes/division-web.png);
background-repeat:no-repeat;
background-position:top left;
height:115px;
}

html>body div.service-web {
height:auto;
min-height:115px;
}

div.service-video {
padding-left:115px;
background-image:url(../images/divers/icones/grandes/division-video.png);
background-repeat:no-repeat;
background-position:top left;
height:115px;
}

html>body div.service-video {
height:auto;
min-height:115px;
}

div.service-graphisme {
padding-left:115px;
background-image:url(../images/divers/icones/grandes/division-graphisme.png);
background-repeat:no-repeat;
background-position:top left;
height:115px;
}

html>body div.service-graphisme {
height:auto;
min-height:115px;
}

div.service-effets {
padding-left:115px;
background-image:url(../images/divers/icones/grandes/division-effets.png);
background-repeat:no-repeat;
background-position:top left;
height:115px;
}

html>body div.service-effets {
height:auto;
min-height:115px;
}

div.pagination {
margin:1em 0 1em 0;
}

div.pagination ul{border:0; margin:0; padding:0;}

div.pagination ul li {
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
display:inline;
}
div.pagination ul li a {
border:solid 1px #DDDDDD;
margin-right:2px;
}
div.pagination .previous-off,
div.pagination .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
div.pagination .next a,
div.pagination .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
div.pagination .active{
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
div.pagination a:link,
div.pagination a:visited {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
background:#000;
border:solid 1px #666666;
}
div.pagination a:hover{
}

p.grande-image-portfolio {
background-image:url(../images/design/fond-haut-portfolio-grand.png);
background-repeat:no-repeat;
background-position:top center;
padding-top:10px;
width:622px;
}

p.grande-image-portfolio img {
padding:0 11px 10px 11px;
background-color:#FFF;
background-image:url(../images/design/fond-bas-portfolio-grand.png);
background-repeat:no-repeat;
background-position:bottom center;
}

img.accompagnement {
float:left;
margin:0 10px 0.3em 0;
padding:2px;
background-color:#FFF;
border:1px solid #CCC;
}

div.contenu {

}

div.membre-equipe {
margin-top:2em;
}

div.derniere-realisation h2 {
margin-bottom:1em;
}

div.derniere-realisation img {
border:1px solid #FFF;
}

div.derniere-realisation p {
font-size:0.85em;
line-height:1em;
color:#E5E5E5;
width:405px;
}

div#erreur {
background:#fff6bf;
text-align: left;
padding: 5px 20px 5px 20px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
margin:0.5em 0 1em 0;
color:#000;
}

div#erreur h3 {
color:#000;
}

div#erreur ul {
margin:1em 0 1em 1em;
list-style-type:circle;
list-style-image:none;
}

div#erreur p {
padding:0 1em 1em 1em;
border-bottom:1px solid #7D0205;
}

div#palette-pantone ul {
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}

div#palette-pantone li {
width:64px;
height:100px;
margin:0.5em 0 0 0;
padding:0;
float:left;
border:1px solid #000;
color:#FFF;
}

div#palette-pantone li span {
background-color:#000;
color:#EEE;
font-size:80%;
font-weight:bold;
display:block;
text-align:center;
padding:2px;
}

p.menu-supplementaire {
text-align:right;
margin:2em 0 2em 0;
}

#liste_photos img {
padding: 5px;
background-color: white;
margin: auto;
border: 1px solid #666;
width:100px;
height:67px;
}

#liste_photos a {
padding:0;
border:0;
}

div.diaporama-photos {
text-align:center;
width:500px;
margin:0 auto;
}

div.diaporama-photos p {
text-align:center;
}

div.diaporama-photos li {
	padding:20px 0;	
}

div.diaporama-photos a:link{
	text-decoration:none;
	border-bottom:0;
}

div.diaporama-photos img {
margin:0 auto;
padding:3px;
border:1px solid #666;
}

div.diaporama-miniatures {
text-align:center;
}

div.diaporama-miniatures img {
margin:0 auto;
padding:3px;
border:1px solid #666;
height:50px;
width:50px;
}


div.diaporama-miniatures a:link{
	text-decoration:none;
	border-bottom:0;
}

div#album-flash {
text-align:center;
}

div#photo img{
	max-width:500px;
}

div#photo a:link{
	border-bottom:0;
}