/* ----- VDS COMMUNICATION 2007 ----- */
/* ----- Design : Frantz -----*/

/* Diag24 2007 */

/* ### Partie générale ### */
body {
background-color:#e4e4e4;
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
}
.ref{
display:none;
}
h1{
font-size:18px;
color:#000;
background-color:#EDEDED;
text-align:center;
padding:4px;
border-bottom:2px solid #B3152F;
margin:0;
}
h2{
font-size:15px;
padding:4px;
border-bottom:1px solid #B3152F;
text-align:left;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}
p{
text-align:justify;
font-size:12px;
}
ul, li, ol{
font-size:12px;
}

/* ### Partie Structure ### */

/* => Content */
#content {
background: transparent url(../images/background.png) repeat-y top left;
padding:0 8px;
}

/* => header */
#header {
height:122px;
width:850px;
background: transparent url(../images/top-red.png) repeat-x bottom left;
}
#header img {
border:none;
}
.left {
float:left;
}
.right {
float:right;
}

/* => Menu */
ul#menu {
position:absolute;
top:85px;
left:50%;
width:650px;
color:#fff;
font-size:12px;
margin:0 0 0 -225px;
padding:0;
}
ul#menu li img{
vertical-align:text-bottom;
margin-right:5px;
}
ul#menu li{
float:left;
list-style:none;
}
#menu a, #menu a:visited{
text-decoration:none;
margin-right:30px;
color:#FFFFFF;
}
#menu a:hover{
text-decoration:underline;
}

/* => Main */
#main {
width:850px;
padding:0;
margin:0;
background: transparent url(../images/background-content.png) no-repeat bottom left;
}
#main a, #main a:visited{
text-decoration:none;
color:#B3152F;
}
#main a:hover{
color:#000;
text-decoration:underline;
}
/* => Footer */
#footer {
width:850px;
height:25px;
border-top:5px solid #B3152F;
text-align:center;
color:#999999;
font-size:10px;
padding-top:5px;
}
#footer a, #footer a:visited{
text-decoration:none;
color:#333333;
}
#footer a:hover{
text-decoration:none;
color:#000000;
}

/* => Bottom */
#bottom {
height:20px;
background: transparent url(../images/bottom.png) no-repeat bottom left;
}

/* ### Partie Accueil ### */

#accueil{
padding: 5px 20px;
margin:0;
text-align:justify;
}
#accueil img{
float:right;
margin-left:10px;
}
#accueil ul{
padding:10px 50px;
margin:0;
}
#accueil ul li{
font-size:12px;
margin-bottom:5px;
list-style-image:url(../images/puce.png);
}
#accueil form{
}
#accueil .floater{
float:left;
margin-right:10px;
margin-bottom:5px;
}
/* ### Partie Diagnostics ### */

#diagnostics{
padding:5px 20px;
}
#diagnostics ul li{
text-align:left;
list-style-image:url(../images/puce.png);
margin-bottom:10px;
}
#diagnostics ol{
text-align:left;
}
#diagnostics ol li{
margin-bottom:10px;
}

#diagnostics .top, #diagnostics  .top:visited{
display:block;
color:#B3152F;
text-align:center;
text-decoration:none;
}
#diagnostics .top:hover{
color:#000;
text-decoration:none;
}
#diagnostics .top img{
border:none;
}
#diagnostics #content_diagnostics{
margin-left:240px;
}
#diagnostics #menu_diagnotics ul{
margin:0;
padding:0 0 0 10px;;
font-size:10px;
}
#diagnostics #menu_diagnotics li{
margin-bottom:10px;
}
#diagnostics #menu_diagnotics{
float:left;
background-color:#EDEDED;
border-left:10px solid #B3152F;
padding:4px;
}
#diagnostics #menu_diagnotics a.active{
font-weight:bold;
text-decoration:underline;
}

/* ### MESSAGE ### */ 

.message{
position:absolute;
top:50%;
left:50%;
margin-left:-200px;
width:400px;
text-align:center;
font-size:18px;
font-weight:bold;
color:#B4152F;
border:1px solid #B4152F;
background-color:#EDEDED;
padding:10px;
cursor:pointer;
}

/* ### SAVOIR PLUS ### */

#savoir_plus{
text-align:center;
height:25px;
}
#infos{
display:none;
}
/* ### FORMULAIRE RADIO ### */

.radiodiv1{
display:inline;
margin:10px;
}
.radiodiv1 label{
margin-left:5px;
}

.radiodiv2{
/*display:inline;*/

margin:5px;
}
.radiodiv2 label{
margin-left:5px;
}

.checkboxdiv{
margin-bottom:5px;
margin-top:5px;
}
.checkboxdiv label{
font-size:12px;
margin-left:5px;
}

/* ### Part 01 02 03 ### */

.part01{
float:left;
width:350px;
border:1px solid #B4152F;
margin-right:10px;
}
.part01 h3{
color:#FFFFFF;
background-color:#B4152F;
margin:0 0 5px 0;
padding:0;
}
.part01 .carre{
color:#B4152F;
background-color:#FFFFFF;
}

.part02{
float:left;
width:350px;
border:1px solid #B4152F;
margin-right:10px;
clear:both;
}
.part02 h3{
color:#FFFFFF;
background-color:#B4152F;
margin:0 0 5px 0;
padding:0;
}
.part02 .carre{
color:#B4152F;
background-color:#FFFFFF;
}

.part03{
border:1px solid #B4152F;
}
.part03 h3{
color:#FFFFFF;
background-color:#B4152F;
margin:0 0 5px 0;
padding:0;
}
.part03 .carre{
color:#B4152F;
background-color:#FFFFFF;
}

/* ### Pousse et pad_form ### */
.pousse{
padding:0 0 5px 5px;
}
.pad_form{
padding:0 0 5px 5px;
}

/* ### FIELDSET ### */

fieldset{
border:none;
margin:0 5px 5px 0;
}
fieldset h2{
margin-top:5px;
margin-bottom:5px;
}
fieldset h3{
margin-top:5px;
margin-bottom:5px;
}
.devis{
padding-top:5px;
}



/* ----- www.vds-communication.com ----- */