HTML {
background-color: #414141;
}

BODY {
margin: 0;
background-color: #414141;
font-family: Verdana, Arial, sans-serif;
font-size : 12px;
color : #000000;
}

a {
color: #FF7031;
}

#haut {
background-color: #414141;
height: 20px;
}

#fond {
background-color: #FFF;
background-position: center bottom;
background-repeat: no-repeat;
background-image: url(/frogsCMS/images/fond-autres.gif);
}

.agence-internet #fond {
background-image: url(/frogsCMS/images/fond-agence-internet.gif);
}

.site-internet #fond {
background-image: url(/frogsCMS/images/fond-site-internet.gif);
}

.services-web #fond {
background-image: url(/frogsCMS/images/fond-services-web.gif);
}

.realisations #fond {
background-image: url(/frogsCMS/images/fond-realisations.gif);
}

.contact #fond {
background-image: url(/frogsCMS/images/fond-contact.gif);
}

#site {
width: 939px;
margin: auto;
}

#entete {
padding-left: 3px;
padding-right: 3px;
padding-top: 20px;
padding-bottom: 15px;
}

#ebusiness {
float: right;
}

#ebusiness IMG {
border: 0;
}

#logo IMG {
border: 0;
}

#ltexte {
padding-top: 5px;
letter-spacing: 1px;
color: #5f5f5f;
}

#ombres {
position: relative;
}

/*
.pages.home #ombres {
padding-bottom: 43px;
}
*/

#oc {
padding-left: 3px;
padding-right: 3px;
width: 933px;
background-image: url(/frogsCMS/images/ombre-centre.png);
background-repeat: repeat-y;
}

#menu {
background-color: #414141;
padding-top: 15px;
}

#menu UL {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu LI {
float: left;
overflow: hidden;
}

#menu LI a {
margin-top: -100px;
display: block;
background-position: 0 100px;
background-repeat: no-repeat;
height: 319px;
}

#menu LI.on a {
background-position: 0 -338px;
}

#menu LI.off a:hover {
background-position: 0 -119px;
}

#menu LI#catLi1 a {
width: 178px;
background-image: url(/frogsCMS/images/menu-agence-internet.gif);
}

#menu LI#catLi2 a {
width: 191px;
background-image: url(/frogsCMS/images/menu-site-internet.gif);
}

#menu LI#catLi3 a {
width: 199px;
background-image: url(/frogsCMS/images/menu-services-web.gif);
}

#menu LI#catLi4 a {
width: 161px;
background-image: url(/frogsCMS/images/menu-realisations.gif);
}

#menu LI#catLi5 a {
width: 201px;
background-image: url(/frogsCMS/images/menu-contact.gif);
}

#descriptif {
font-family: 'GeosansLightRegular';
font-size: 17px;
display: none;
padding: 10px;
color: #FFF;
}

.agence-internet #descriptif,
.site-internet #descriptif,
.services-web #descriptif,
.realisations #descriptif,
.contact #descriptif
{
display: block;
}

.agence-internet #descriptif {
background-color: #fcc80d;
}

.site-internet #descriptif {
background-color: #ff7031;
}

.services-web #descriptif {
background-color: #4fb522;
}

.realisations #descriptif {
background-color: #4d6eb9;
}

.contact #descriptif {
background-color: #c147bd;
}

#contenu {
padding: 25px;
width: 879px;
margin: auto;
margin-top: -7px;
background-image: url(/frogsCMS/images/fond-contenu.png);
line-height: 17px;
/*text-align: justify;*/
}

#contenu UL {
margin: 0;
margin-bottom: 10px;
}

#contenu H1 {
margin: 0;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}

.pages.home  #contenu H1,
.pages.agence-internet #contenu H1,
.pages.site-internet #contenu H1,
.pages.services-web #contenu H1,
.pages.realisations #contenu H1,
.pages.contact #contenu H1
{
display: none;
}

#contenu H2 {
margin: 0;
margin-bottom: 10px;
font-family: 'GeosansLightRegular';
font-size: 20px;
font-weight: normal;
color: #414141;
}

#contenu H3 {
margin: 0;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
color: #414141;
}

#contenu P {
margin: 0;
margin-bottom: 10px;
}

#contenu HR {
clear: both;
background-color: #414141;
border: 0;
height: 1px;
margin: 0;
margin-top: 20px;
margin-bottom: 20px;
}

.agence-internet #contenu H1, .agence-internet #contenu H2 {
color: #fcc80d;
}

.site-internet #contenuH1, .site-internet #contenu H2 {
color: #ff7031;
}

#contenu.services-web H1, .services-web #contenu H2 {
color: #4fb522;
}

#contenu.realisations H1, .realisations #contenu H2 {
color: #4d6eb9;
}

#contenu.contact H1, .contact #contenu H2 {
color: #c147bd;
}

#contenu IMG {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

#contenu .logos IMG {
width: 75px;
}

#contenu .imgFL IMG,
#contenu .imgFR IMG
{
margin: 0;
border: 0;
}

#contenu .imgFL img {
margin-right: 10px;
}

#contenu .imgFR img {
margin-left: 10px;
}

#contenu .imgAM {
text-align: center;
}

#contenu .imgAR {
text-align: right;
}

#contenu .imgAL IMG,
#contenu .imgAM IMG,
#contenu .imgAR IMG
{
float: none;
margin: 0;
border: 0;
}

#contenu .bouton img {
padding: 5px;
padding-bottom: 3px;
padding-left: 13px;
padding-right: 13px;
background-color: #CFCFCF;
}

#contenu .bouton.jaune img {
background-color: #FEF1C2;
}

#contenu .bouton.orange img {
background-color: #FFDBCB;
}

#contenu .bouton.vert img {
background-color: #D4EDC9;
}

#contenu .bouton.violet img {
background-color: #EFD1EE;
}

#contenu .pave {
padding: 10px;
border: 3px solid #CFCFCF;
margin-bottom: 10px;
}

.agence-internet #contenu .pave {
border: 3px solid #FEF1C2;
}

.site-internet #contenu .pave {
border: 3px solid #FFDBCB;
}

.services-web #contenu .pave {
border: 3px solid #D4EDC9;
}

.contact #contenu .pave {
border: 3px solid #EFD1EE;
}

.contact FORM {
position: relative;
margin: 0;
margin-bottom: 15px;
padding: 5px;
border: 3px solid #EFD1EE;
}

.contact FORM SPAN {
display: block;
padding: 2px;
}

.contact FORM .input INPUT {
width: 100%;
border: 0;
background-color: #EFD1EE;
}

.contact FORM .input TEXTAREA {
width: 100%;
border: 0;
background-color: #EFD1EE;
}

.contact FORM P {
padding-top: 10px;
}

.contact FORM #ENVOYER {
background-image: url(/frogsCMS/images/envoyer.gif);
border: 0;
background-color: transparent;
width: 100px;
height: 19px;
line-height: 1 !important;
color: transparent; /* Fix for Firefox */
padding: 0 0 0 16px !important; /* Fix for Internet Explorer */
overflow: hidden;
cursor: pointer;
}

.contact .error {
color: red;
}

.prixpack {
background-color: #E5E5E5;
width: 150px;
float: right;
margin-left: 15px;
padding: 5px;
font-weight: bold;
color: #FF7031;
}

.demandedevis {
background-color: #E5E5E5;
width: 150px;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
padding: 5px;
font-weight: bold;
text-align: center;
}

.demandedevis a {
color: #4FB522;
text-decoration: none;
}

/* */

.realisations .item {
width: 160px;
height: 160px;	
border: 3px solid #D3DBEE;
margin: 4px;
overflow: hidden;
position: relative;
float: left;
cursor: pointer;
}

.realisations .item .caption {
width: 160px;
height: 160px;
background: #000;
color: #fff;
font-weight: bold;
position: absolute;
left: 0;
display: none;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8; 
opacity: 0.8;
}

.realisations .item .caption h4 {
margin: 0;
color: #D3DBEE;
font-size:16px;	
padding: 5px;
display: block;
}

.realisations .item .caption p {
padding:5px;	
margin:0;
font-size:10px;
}

.realisations .item .img {
position:absolute;
width: 160px;
height: 160px;
}

.realisations .item .img img {
float: none;
margin: 0;
width: 100%;
height: 100%;
}

/* */

#footer {}

#footerContent {
width: 950px;
margin: auto;
color: #5D5D5D;
}

#footer h4 {
font-family: 'GeosansLightRegular';
font-size: 20px;
font-weight: normal;
color: #FFF;
margin: 0;
margin-bottom: 20px;
}

#footer #liens {
margin: 20px;
float: left;
}

#footer #liens ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#footer #liens a {
color: #5D5D5D;
text-decoration: none;
}

#footer #liens a:hover {
text-decoration: underline;
}

#footer #tags {
margin: 20px;
float: left;
}

#footer #tags ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 250px;
}

#footer #tags li {
float: left;
width: 50%;
}

#footer #rsociaux {
margin: 20px;
float: left;
}

#footer #rsociaux ul {
margin: 0;
padding: 0;
}

#footer #rsociaux li {
display: inline;
}

#footer #rsociaux img {
border: 0;
}

#footer #partenaires {
margin: 20px;
float: left;
}

#footer #partenaires ul {
margin: 0;
padding: 0;
}

#footer #partenaires li {
list-style-type: none;
}

#footer #partenaires img {
border: 0;
padding: 5px;
background-color: #fff;
max-height: 30px;
}

#copyright {
display: none;
}