@charset "utf-8";
/* CSS Document */

body
{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
background:url(../img/fond.jpg);
color:#FFFFFF;}

#fond
{background:url() top center;
background-position:top center;
width:100%;
min-width:952px;
margin:0px;
height:100%;}

img
{border:0;}

/* ent */

#ent
{width:950px;
height:60px;
margin:20px auto 0px;}

/* menu */

#menu
{width:950px;
margin:auto;}

#inmenu
{font:10px Helvetica, Verdana, sans-serif;
text-align:right;
margin-right:10px;
padding:2px;
color:#FFFFFF;}

#inmenu a
{color:#fff;
text-decoration:none;
padding:2px 10px;}

/* main menu */

#content-menu
{width:950px;
margin:18px auto 6px;}

#menu-droite
{width:300px;
float:right;
font:10px Helvetica, Verdana, sans-serif;
text-align:right;
margin-right:10px;
padding:2px;
color:#FFFFFF;
bottom:0px;}

#menu-droite a
{color:#fff;
text-decoration:none;
padding:2px 8px;}

#menu-gauche
{width:630px;
margin-top:10px;}

#menu-gauche a
{padding:6px 13px;
margin:auto 2px;}

#menu-gauche a:hover
{padding:8px 13px 6px;
margin:auto 2px;}

#menu-gauche a#current
{padding:8px 15px 8px;
margin:auto 1px;}

#menu-gauche a.web
{border-top:2px solid #700000; /*rouge vif #ff0000 - sombre #700000 */
border-left:2px solid #700000;
border-right:2px solid #700000;
background-image:url(../img/fond-web-out.png);
color:#CCCCCC;}

#menu-gauche a.mark
{border-top:2px solid #803300; /*orange vif #FF6600 - sombre #803300 */
border-left:2px solid #803300;
border-right:2px solid #803300;
background-image:url(../img/fond-mark-out.png);
color:#CCCCCC;}

#menu-gauche a.host
{border-top:2px solid #907300;/*jaune vif #FFCC00 - sombre #907300 */
border-left:2px solid #907300;
border-right:2px solid #907300;
background-image:url(../img/fond-host-out.png);
color:#CCCCCC;}

#menu-gauche a.graphic
{border-top:2px solid #007500;/*vert vif #00CC00 - sombre #007500*/
border-left:2px solid #007500;
border-right:2px solid #007500;
background-image:url(../img/fond-graphic-out.png);
color:#CCCCCC;}

#menu-gauche a.presse
{border-top:2px solid #006680;/*bleu vif #00CCFF - sombre #006680 */
border-left:2px solid #006680;
border-right:2px solid #006680;
background-image:url(../img/fond-print-out.png);
color:#CCCCCC;}

/* hover - current */

#menu-gauche a.web:hover, a#current.web
{border-top:2px solid #FF0000; /*rouge vif #ff0000 - sombre #700000 */
border-left:2px solid #FF0000;
border-right:2px solid #FF0000;
background-image:url(../img/fond-web-on.png);
color:#FFFFFF;}

#menu-gauche a.mark:hover, a#current.mark
{border-top:2px solid #FF6600; /*orange vif #FF6600 - sombre #803300 */
border-left:2px solid #FF6600;
border-right:2px solid #FF6600;
background-image:url(../img/fond-mark-on.png);
color:#FFFFFF;}

#menu-gauche a.host:hover, a#current.host
{border-top:2px solid #FFCC00;/*jaune vif #FFCC00 - sombre #907300 */
border-left:2px solid #FFCC00;
border-right:2px solid #FFCC00;
background-image:url(../img/fond-host-on.png);
color:#FFFFFF;}

#menu-gauche a.graphic:hover, a#current.graphic
{border-top:2px solid #00CC00;/*vert vif #00CC00 - sombre #007500*/
border-left:2px solid #00CC00;
border-right:2px solid #00CC00;
background-image:url(../img/fond-graphic-on.png);
color:#FFFFFF;}

#menu-gauche a.presse:hover, a#current.presse
{border-top:2px solid #00CCFF;/*bleu vif #00CCFF - sombre #006680 */
border-left:2px solid #00CCFF;
border-right:2px solid #00CCFF;
background-image:url(../img/fond-print-on.png);
color:#FFFFFF;}

/* contenu */

#show
{width:950px;
min-height:300px;
margin:auto;
background-color:#0c2756;
background-image:url(../img/fond-show.jpg);
background-repeat:no-repeat;
background-position:bottom;
border:4px solid #06386b;}

#site
{width:946px;
min-height:300px;
background-color:#0c2756;
background-image:url(../img/fond-show.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin:6px auto;
border:4px solid #06386b;}

#intro
{height:250px;
width:944px;
margin:auto;
color:#FFFFFF;
margin-bottom:10px;}

#intro p
{padding:15px 20px;
text-align:justify;
line-height:20px;}

#intro.web
{border:4px solid #FF0000;}

#intro.mark
{border:4px solid #FF6600;}

#intro.host
{border:4px solid #FFCC00;}

#intro.graphic
{border:4px solid #00CC00;}

#intro.presse
{border:4px solid #00CCFF;}

#intro img
{max-width:480px;
float:right;
margin:0px 20px auto;}

h1
{font-family: Georgia, Helvetica, Sans-Serif;
font-size: 26px;
letter-spacing: -1px;
color:#FFF;
margin-bottom:10px;
margin:0;
padding:10px 20px;}

h2
{font-family: Georgia, Helvetica, Sans-Serif;
font-size: 22px;
letter-spacing: -1px;
color:#FFF;
margin-bottom:10px;
margin:0;
padding:10px 20px;}

h3
{font-family: Verdana, Helvetica, Sans-Serif;
font-size: 16px;
letter-spacing: -1px;
color:#FFF;
margin:0;
padding:5px auto 0px;}

h4
{font-family: Verdana, Helvetica, Sans-Serif;
font-size: 14px;
letter-spacing: -1px;
color:#FFF;
margin-bottom:10px;
margin:0;
padding:10px 10px;}

form h4
{font-family: Verdana, Helvetica, Sans-Serif;
font-size: 14px;
letter-spacing: -1px;
color:#FFFF66;
margin-bottom:10px;
margin:0;
padding:10px 10px;}

/* contenu */

#contenu
{min-height:400px;
padding-bottom:100px;}

/* droite */

#right-content
{width:300px;
min-height:300px;
background-image:url(../img/fade-out.png);
background-repeat:repeat-x;
float:right;}

#social
{width:290px;
margin:10px auto;}

.social
{margin:auto 2px;
height:40px;}

#devis
{width:250px;
text-align:center;
margin:30px auto;}

#devis a
{background-color:#009900;
color:#FFFFFF;
text-decoration:none;
text-align:center;
font-size:16px;
font-weight:bold;
padding:6px 10px;
border:1px solid #00CC00;}

/* gauche */

#left-content
{width:630px;
min-height:300px;
text-align:left;}

#limits
{width:610px;
min-height:160px;
margin:5px auto;}

#limits a.lien
{text-decoration:none;
color:#FFFFFF;
margin:20px 0px 10px 310px;
padding:4px 10px;
border:1px solid #FFFFFF;}

#limits a.lien:hover
{background-color:#FFFFFF;
color:#0c2756;}

#limits p
{margin:10px 10px;
line-height:18px;
text-align:justify;}

#rea
{width:610px;
min-height:160px;
margin:10px auto;}

#rea img /* La dimension standart des images est de 690px x 400px */
{height:120px;
float:left;
padding:3px;
margin:2px 4px auto;
border:1px solid #CCCCCC;}

#rea p
{text-align:justify;
margin:15px auto 15px;
padding:0;
line-height:18px}

#rea a#lien
{text-decoration:none;
color:#FFFFFF;
margin:10px 0px 10px 480px;
padding:4px 10px;
border:1px solid #FFFFFF;}

#rea a#lien:hover
{background-color:#FFFFFF;
color:#0c2756;}

table
{border-bottom:2px solid #06386b;}

td
{padding:5px;}

td a
{text-align:center;
text-decoration:none;
color:#FFFF66;
font-weight:bold;}

tr.title
{font-weight:bold;
font-size:14px;
text-align:center;}

tr.i
{margin:2px auto;
background-color:#005fbf;}

#container img
{height:120px;
margin:10px 5px;
padding:2px;
border:1px solid #CCCCCC;}

/* Contacts */

.contact
{width:175px;
margin:5px 10px;}

#content-alert a.lien, #content-validation a.lien
{text-decoration:none;
color:#FFFFFF;
top:20px;
padding:4px 10px;
border:1px solid #FFFFFF;}

#content-alert a.lien:hover, #content-validation a.lien:hover
{background-color:#FFFFFF;
color:#0c2756;}

/* fin */

#fin
{width:950px;
height:160px;
margin:10px auto;
color:#FFFFFF;}

#menu-fin
{padding-bottom:10px;
border-bottom:4px solid #06386b;}

#fin-droite
{width:350px;
min-height:130px;
float:right;}

#fin-gauche
{width:580px;
min-height:130px;}

#fin-gauche-d
{width:270px;
height:130px;
float:right;
border-right:1px solid #0099FF;}

#fin-gauche-g
{width:270px;
padding-right:20px;
height:130px;
border-right:1px solid #0099FF;}

#title-fin
{font-size:14px;
font-weight:bold;
margin-bottom:10px;
color:#FFFF66;}

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

#fin li
{margin:4px 0px;
list-style-image:url(../img/li.png);
list-style-position:inside;}

.hasard
{text-align:center;
margin-right:10px;}

.work
{height:100px;}

#mentions
{color:#FFFFFF;
font-size:10px;
text-align:right;
margin:10px 10px auto;}

#mention a
{text-decoration:none;
color:#FFFF66;}