/* --------------------------------------------------------
    Configuration générale
   -------------------------------------------------------- */

/* hack FF pour masquer les contours pointillé sur les liens
-----------------------------------------------------------*/
a {
outline:none;
}

:focus {
-moz-outline-style: none;
}
/*----------------------------------------------------------*/

* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

body {
background:#141414;
font-size:12px;
color:#FFFFFF;
}

div.line {
width:100%;
height:6px;
overflow:hidden;
background:#333333;
border-top:#4F4F4F solid 1px;
}

div#header {
width:100%;
height:320px;
border-top:#4F4F4F solid 1px;
border-bottom:#4F4F4F solid 1px;
margin-bottom:25px;
}

div#global {
position:relative;
width:950px;
margin:auto;
}

p {
color:#FFFFFF;
font-size:12px;
}

p.titre-01 {
background:url(../images/creation-site-web.gif) left center no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
padding-left:30px;
margin-bottom:10px;
}

p.titre-02 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
margin-bottom:10px;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-left:40px;
}

p.titre-03 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
margin-bottom:10px;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-right:40px;
}

p.titre-04 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
margin-bottom:10px;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
}


p.annotation-01 {
color:#999999;
font-size:13px;
font-style:italic;
font-weight:bold;
text-align:center;
}

p.annotation-02 {
color:#999999;
font-size:11px;
font-style:italic;
}

.alignright {
text-align:right;
}

.alignjustify {
text-align:justify;
}

.aligncenter {
text-align:center;
}

.margin-auto {
margin:auto;
}

div.clear {
clear:both;
width:100%;
height:1px;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

hr {
background:#ABC625;
height:5px;
border:none;
}

ul {
margin-left:20px;
}

a {
color:#AAC525;
text-decoration:none;
}

a:hover {
color:#666666;
}

.fontsize-14 {
font-size:14px;
}

input {
border:#262626 solid 1px;
color:#999999;
}

button {
background:url(../images/e-commerce.gif) no-repeat;
border:none;
width:153px;
height:25px;
font-size:12px;
cursor:pointer;
font-weight:bold;
}

div.erreur {

}

/*Footer*/

div#footer {
background:url(../images/creation-site-internet-frejus.gif) top center no-repeat #FFFFFF;
height:220px;
}

div#footer h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#666666;
}

div#footer p, div#footer a {
color:#1A1A1A;
}

div#colonnes {
width:750px;
margin:auto;
padding-top:20px;
}

div#footer div#colonnes div#partenaires {
float: left;
width: 225px;
border-right:#4D4D4D solid 1px;
padding:10px 0 10px 40px;
}

div#footer div#colonnes div#contact {
float: right;
width: 225px;
border-left:#4D4D4D solid 1px;
padding:10px 0 10px 40px;
}

div#footer div#colonnes div#liens-menu {
padding:10px 0 10px 290px;
}

div#footer div#colonnes div#liens-menu p {
background:url(../images/creation-site-internet.gif) left center no-repeat;
padding-left:20px;
border-bottom:#999999 solid 1px;
width:150px;
padding:1px 1px 1px 20px;
}

div#footer div#colonnes div#liens-menu a {
text-decoration:none;
}

div#footer div#colonnes div#liens-menu a:hover {
color:#666666;
}

div#footer div#colonnes div#liens-menu li {
font-size:12px;
margin-left:40px;
}

div#liens-footer {
text-align:center;
padding:10px;
}

div#liens-footer a {
color:#FFFFFF;
text-decoration:none;
}

div#liens-footer a:hover {
color:#666666;
}

/*Couleurs des polices d'écritures*/

.texte-blanc {
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}

.texte-vert-01 {
font-family:Arial, Helvetica, sans-serif;
color:#AAC525;
}

/* --------------------------------------------------------
    index.php
   -------------------------------------------------------- */

div#encart-web-print-video {
background:url(../images/agence-web-print-video.jpg) left top no-repeat;
width:740px;
padding:40px 210px 0 0;
}

div#encart-web-print-video h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-web-print-video a.lien-01 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#AAC525;
font-weight:bold;
text-decoration:none;
background:url(../images/creation-web.gif) left center no-repeat;
padding-left:20px;
}

div#encart-web-print-video a:hover.lien-01 {
color:#666666;
background:url(../images/creation-graphique.gif) left center no-repeat;
}

div#encart-web-print-video a.savoir-plus {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#AAC525;
font-weight:bold;
text-decoration:none;
background:url(../images/site-web-frejus.gif) right center no-repeat;
padding:7px 25px 7px 0;
}

div#encart-web-print-video a:hover.savoir-plus {
color:#666666;
}

div#encart-web-print-video div#web {
width:355px;
float:left;
}

div#encart-web-print-video div#print {
width:355px;
float:right;
}

div#actualites {
background:#1A1A1A;
padding:10px;
width:720px;
}

div#actualites h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#AAC525;
font-weight:bold;
background:url(../images/creation-video.gif) left center no-repeat;
padding-left:10px;
}

div#actualites p {
/*border-bottom:#FFFFFF solid 1px;*/
/*padding:5px 0;*/
}

div#actualites a {
color:#FFFFFF;
text-decoration:none;
}

div#actualites a:hover {
color:#666666;
}

div#details-actualites {
background:#1A1A1A;
padding:10px;
}

div#details-actualites h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#AAC525;
font-weight:bold;
background:url(../images/creation-video.gif) left center no-repeat;
padding-left:10px;
text-align:justify;
}

div#details-actualites p {
padding:5px 0;
text-align:justify;
}

div#details-actualites a {
color:#FFFFFF;
text-decoration:none;
}

div#details-actualites a:hover {
color:#666666;
}

/* --------------------------------------------------------
    agence-multimedia.php
   -------------------------------------------------------- */

div#encart-qui-sommes-nous {
position:relative;
background:url(../images/agence-multimedia-frejus.jpg) left top no-repeat;
width:740px;
padding:40px 210px 0 0;
}

div#encart-qui-sommes-nous h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-qui-sommes-nous div#colonne-01 {
width:355px;
float:left;
}

div#encart-qui-sommes-nous div#colonne-02 {
width:355px;
float:right;
}

div#encart-qui-sommes-nous div#equipe {
position:absolute;
right:0;
bottom:0;
}

div#choix-technimedia {
background:url(../images/creation-site-web-frejus.gif) left bottom no-repeat #1A1A1A;
padding:30px 30px 30px 300px;
color:#FFFFFF;
font-size:12px;
text-align:justify;
}

/* --------------------------------------------------------
    creation-multimedia.php
   -------------------------------------------------------- */

div#encart-equipe-technimedia h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-equipe-technimedia div#colonne-01 {
width:450px;
float:left;
}

div#encart-equipe-technimedia div#colonne-02 {
width:450px;
float:right;
}

div#encart-equipe-technimedia div#colonne-01 a, div#encart-equipe-technimedia div#colonne-02 a {
color:#AAC525;
text-decoration:none;
}

div#encart-equipe-technimedia div#colonne-01 a:hover, div#encart-equipe-technimedia div#colonne-02 a:hover {
color:#666666;
}

div#recrutement {
background:url(../images/agence-communication-frejus.gif) left bottom no-repeat #1A1A1A;
padding:15px 15px 15px 150px;
color:#FFFFFF;
font-size:12px;
text-align:justify;
}

/* --------------------------------------------------------
    creation-site-web.php
   -------------------------------------------------------- */

div#encart-web {
background:url(../images/creation-site-web-e-commerce.gif) left top no-repeat;
width:740px;
padding:40px 0 0 210px;
}

div#encart-web h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-web a.lien-01 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#AAC525;
font-weight:bold;
text-decoration:none;
background:url(../images/creation-web.gif) left center no-repeat;
padding-left:20px;
}

div#encart-web a:hover.lien-01 {
color:#666666;
background:url(../images/creation-graphique.gif) left center no-repeat;
}

div#encart-web-competences {
position:relative;
width:560px;
padding:0 390px 0 0;
}

div#encart-web-competences h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-web-competences h2 {
background:url(../images/frejus-site.gif) repeat-x;
color:#ABC625;
font-size:12px;
border:1px solid #404040;
}

div#encart-web-competences h2 a {
padding:3px 5px 7px 5px;
display:block;
height:14px;
cursor:pointer;
}

div#encart-web-competences div.details {
background:#1A1A1A;
padding:15px;
border:1px solid #404040;
margin-top:5px;
margin-bottom:10px;
}


div#encart-web-competences div#colonne-web {
position:absolute;
width:337px;
top:50px;
right:0;
}

div#encart-web-competences div#colonne-web div#ecom {
width:337px;
height:220px;
background:url(../images/creation-site-e-commerce.gif) no-repeat;
padding:60px 10px 10px 10px;
}

div#encart-web-competences div#colonne-web div#ecom button {
background:url(../images/e-commerce.gif) no-repeat;
border:none;
width:153px;
height:25px;
font-size:12px;
cursor:pointer;
font-weight:bold;
}

/* --------------------------------------------------------
    creation-video.php
   -------------------------------------------------------- */

div#encart-video {
background:url(../images/video-frejus.gif) left top no-repeat;
width:740px;
padding:40px 0 0 210px;
}

div#encart-video h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-video div#derniere-video {
float:right;
padding-left:20px;
}

div#encart-video a.lien-01 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#AAC525;
font-weight:bold;
text-decoration:none;
background:url(../images/creation-web.gif) left center no-repeat;
padding-left:20px;
}

div#encart-video a:hover.lien-01 {
color:#666666;
background:url(../images/creation-graphique.gif) left center no-repeat;
}

/* --------------------------------------------------------
    creation-site-internet.php
   -------------------------------------------------------- */

table#references img {
border:#FFFFFF solid 1px;
}

/* --------------------------------------------------------
    creation-graphique.php
   -------------------------------------------------------- */

div#encart-print {
position:relative;
background:url(../images/charte-graphique-frejus.jpg) left top no-repeat;
width:740px;
padding:40px 210px 0 0;
}

div#encart-print h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#FFFFFF;
font-weight:lighter;
padding-bottom:3px;
border-bottom:#AAC525 solid 2px;
margin-bottom:10px;
}

div#encart-print a.lien-01 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
color:#AAC525;
font-weight:bold;
text-decoration:none;
background:url(../images/creation-web.gif) left center no-repeat;
padding-left:20px;
}

div#encart-print a:hover.lien-01 {
color:#666666;
background:url(../images/creation-graphique.gif) left center no-repeat;
}

div#colonnes-print div#colonne-01 {
width:380px;
float:left;
background:url(../images/agence-multimedia-var.jpg) no-repeat;
padding-left:220px;
}

div#colonnes-print div#colonne-01 h2 {
font-size:14px;
color:#ABC625;
}

div#colonnes-print div#colonne-02 {
width:250px;
height:400px;
float:right;
background:url(../images/impressions-frejus.jpg) bottom center no-repeat;
}

/* --------------------------------------------------------
    agence-multimedia-var.php
   -------------------------------------------------------- */

div#encart-contact {
position:relative;
background:url(../images/agence-communication-var.jpg) left top no-repeat;
width:950px;
padding:20px 0 0 0;
}


div#encart-contact form input, div#encart-contact form textarea {
border:#262626 solid 1px;
color:#999999;
font-size:11px;
background:#333333;
}


div#encart-contact div#coordonnees {
margin:180px 245px 0 0;
float:right;
width:200px;
}