/*************************************************************************** 
*
*   copyright            : (C) 2005 StationWeb.org 
*   email                : contact@stationweb.org
*
*****************************************************************************/ 

body {
margin:0;
padding:0;
background:url(../img/back_contenu.png);
}

a:link {
    color: blue;
    text-decoration: none;
}
a:hover {
    color: #CC33CC !important;
    background: none;
    text-decoration: underline !important;
}
a:active {
    color: blue;
}
a:visited {
    color: blue;
    text-decoration: none;
}

#conteneur {
background:url(../img/back_contenu.png);
display:block;
position:absolute;
width: 100%;
}
/* HEADER              */
#header {
background:url(../img/back_banniere.png);
height:77px;
}
#header_centre {
position: absolute;
left:34px;
height:77px;
}
#header_bande {
position: absolute;
left:0;
width: 34px;
height:77px;
}
#header_coin {
position: absolute;
right:0;
width: 148px;
height:77px;
}

/* NAV             */
#nav {
background-color:#CC0000;
font:10px Verdana, Arial, Helvetica, sans-serif;
padding-left:36px;
height:21px;
}
#nav a {
height:21px;
vertical-align:middle;
}
#nav a:link, #nav a:active, #nav a:visited, .sous_menu1 a:link, .sous_menu1 a:active, .sous_menu1 a:visited, .sous_menu2 a:link, .sous_menu2 a:active, .sous_menu2 a:visited {
    margin-left:10px;
    color: #FFF;
    text-decoration: none;
}
#nav a:hover, #nav a.active, .sous_menu1 a:hover, .sous_menu1 a.active, .sous_menu2 a:hover, .sous_menu2 a.active  {
    color: #FFFF33 !important;
}
#nav_droite {
position: absolute;
right:0;
width: 148px;
height:21px;
}

/* CORPS              */

#cdroite {
position: absolute;
right:0;
width: 148px;
height:282px;
background:url(../img/06.png) top right no-repeat;
}

#cdroite a:link, #cdroite a:active, #cdroite a:visited {
margin:0 2px 2px 2px;
padding-left:2px;
display:block;
color:#000;
border: 1px solid #fff;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#cdroite a:hover , #cdroite .active {
    color: #FFFF33 !important;
    text-decoration:none !important;
    background:#CC0000;
}
#cdroite a img {
border:0px;
margin-right:2px;
margin-top:2px;
}
#ccentre h3.couleur,#carnet h3.couleur {
color:#009933;
}
#carnet h3.couleur {
margin-bottom:0px;
}
#navigation {
margin-left:30px;
}
#navigation a, #navigation {
font:10px Verdana, Arial, Helvetica, sans-serif !important;
color:#CC0000 !important;
}

a img {
border:0px;
}

#cgauche {
position: absolute;
background:url(../img/04.png);
left:0;
width: 34px;
height:282px;
}

.sous_menu1, .sous_menu2 {
display:block;
background-color:#009933;
height:21px;
}
.sous_menu1 { padding-left: 2px; }
.sous_menu2 { padding-left: 85px; }

.sous_menu1 a, .sous_menu2 a{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#FFF !important;
vertical-align:middle;
}

/* FOOTER             */
#footer {
background-color:#009933;
text-align:right;
vertical-align:middle;
height:21px;
}

#footer a{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#FFF !important;
margin-right:10px;
}

.cleaner {
clear:both;
}
#ccentre {
position:absolute;
top:98px;
left:34px;
right:148px;
background-color:#fff;
}
#ccentre h3 {
color:#cc9900;
font:18px "Trebuchet MS" sans-serif;
border-bottom:1px solid #cc9900;
margin:10px 10px;
}

#ccentre .texte, #formulaire {
display:block;
padding-left:10px;
padding-right:10px;
font:14px "Trebuchet MS" sans-serif;
}
#carnet div.left, div.rightD, div.leftD {
text-align:center;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
background:#000;
padding-bottom:6px;
width:348px;
}
#carnet div.left a:link, #carnet div.left a:active, #carnet div.left a:visited, div.rightD a:link, div.rightD a:active, div.rightD, div.leftD a:link, div.leftD a:active, div.leftD a:visited {
color:#FFF;
}
#carnet div.left a:hover,div.rightD a:hover, div.leftD a:hover {
color:#FFFF00 !important;
}

.left, .leftD {
display:block;
float:left;
margin:5px 20px 5px 10px;
}
.right, .rightD {
display:block;
float:right;
margin:5px 10px 5px 10px;
}
#ccentre #carnet img.left {
display:block;
float:left;
margin:4px 10px;
}
#ccentre #carnet img.right, #ccentre div.right {
display:block;
float:right;
margin:4px 10px;
}

a.projetL, a.projetR, a.projetL:link, a.projetR:link, a.projetL:visited, a.projetR:visited {
display:block;
color:#cc0000;
text-decoration:none !important;
font:18px "Trebuchet MS" sans-serif;
border-bottom:1px solid #cc0000;
margin:10px;
}
a.projetL:hover, a.projetR:hover {
color:#009933 !important;
}

a.projetL img {
display:block;
float:left;
margin:5px 10px 5px 0px;
}
a.projetR img {
display:block;
float:right;
margin:5px 0px 5px 10px;
}
a.projetL {
text-align:left;
}
a.projetR {
text-align:right;
}
a.projetL img.inverse {
float:right;
margin:0px;
margin-top:5px;
}
a.projetR img.inverse {
float:left;
margin:0px;
margin-top:5px;
}
h3#projet {
color:#cc0000;
border-bottom:1px solid #cc0000;
margin-bottom:0px;
}
#galerie {
margin-left:20px;
}
.right img {
margin-top:10px;
}
.right img:hover {
border-bottom:1px solid #cc0000;
}
span.texte_pj {
display:block;
margin-left:10px;
font:14px "Trebuchet MS" sans-serif;
}
#formulaire fieldset {
border:0px;
}
#formulaire label {
margin:0px 0px 4px 0px;
width:180px;
display:block;
float:left;
}
#formulaire p {
margin:0px;
margin-left:0px;
}
#carnet ul {
list-style-image : url(../img/fleche.png);
}