/*************************************************************
Design
*************************************************************/

html {
 background: #ffffff url("../img/background.png") repeat-x;
 background-attachment: fixed;
}


body {
 margin: 0;
 padding: 0;
 font-size: 80%;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#212121;
}

#body {
 margin-left: auto ;
 margin-right: auto ;
 width : 755px;
 text-align: left;
}

#bandeau {
 background-image: url("../img/bandeau.jpg");
 background-repeat: no-repeat;
 height: 88px;
 width : 750px;
 margin:0;
 padding:0;
 }

/*************************************************************
Positionnement absolut du flash et du bandeau
*************************************************************/

#bandeau, object {
position:absolute;
top:0;
}

.align_bandeau {
text-align:center;
}

/*************************************************************
Slogan beaudeau
*************************************************************/

#bandeau h1 {
font-family:"Times New Roman", Times, serif;
color: #333;
font-size: 0.9em;
margin: 72px 90px 0 0;
padding: 0;
float:right;
}

/*************************************************************
Menu
*************************************************************/

#menu {
 font-size:1em;
 margin-top: 88px;
 padding: 0;
 float:left;
 width:100%;
 line-height:normal;
 }

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

#menu li {
 display:inline;
 margin:0;
 padding:0;
 }

#menu a {
 float:left;
 margin: 0;
 padding: 0;
 text-decoration:none;
 cursor: pointer;
 width:150px;
 text-align:center;
 background:url("../img/background_menu.png") no-repeat right top;
 }

#menu a span {
 float:left;
 display:block;
 padding: 3px 0 2px 0;
 white-space:nowrap;
 font-weight:bold;
 color:#333;
 }
 
/* hack pour IE5-Mac \*/
#menu a span {float:none;}
/* fin du hack pour IE5-Mac */

/* couleur de l'onget actif */
.accueil #nav-accueil a, .services #nav-services a, .clients #nav-clients a, .rubriques #nav-rubriques a, .contacts #nav-contacts a {
 background-position:0 -46px;
 border-width:0;
 }

.accueil #nav-accueil span, .services #nav-services span, .clients #nav-clients span, .rubriques #nav-rubriques span, .contacts #nav-contacts span {
 color:#333;
 background-position:100% -46px;
 }

/* couleur de l'onget survole */
#menu a:hover, #menu a:hover span {
 background-position:0% -23px;
 }
 
#menu a:hover span {
 background-position:100% -23px;
 }
 
 
/*************************************************************
Colonne de droite
*************************************************************/

#col_right {
 width: 180px;
 margin-top: 38px;
 padding-bottom: 40px;
 float: right;
 }

#col_right .col_right_top {
 margin: 0;
 padding: 0;
 width: 180px;
 height: 14px;
 background:url("../img/background_right_top.png") no-repeat; 
 }

#col_right .col_right_bottom {
 margin: 0;
 padding: 0;
 width: 180px;
 height: 20px;
 background:url("../img/background_right_bottom.png") no-repeat; 
 }

#col_right .col_right_content {
 margin: 0;
 padding: 0 10px 0 10px;
 background:url("../img/background_right_content.png") repeat-y;

 }

#col_right .col_right_content ul, #col_right .col_right_content li {
 margin: 0 0 0 10px;
 padding: 0;
} 

#col_right .col_right_content h3 {
 text-align: center;
 vertical-align:middle;
 margin: 0;
 padding: 0 0 5px 0;
 font-size:1.1em;
 font-weight:normal;
 color:#ffffff;
 }

/*************************************************************
Titre, Nom des rubriques (historique)
*************************************************************/

h1 {
padding-top:20px;
font-weight:normal;
font-size:1.6em;
color:#5C7A93;
clear:both;
}

.crochet {
color:#FF0000;
font-size:1.3em;
}

/*************************************************************
Langues
*************************************************************/

.lang {
font-size:0.7em;
line-height:2.6em;
float:right;
}

.lang_select {
color:#FF0000;
}

/*************************************************************
Box Contenu
*************************************************************/
 
#col_content {
 width: 555px;
 margin-top: 15px;
 padding-bottom: 40px;
 float:left;
 }
 
/*************************************************************
Box Contenu - Titre des rubriques
*************************************************************/

h2 {
margin:0;
padding:2px 0 0 12px;
font-weight:bold;
font-size:1.1em;
color:#5C7A93;
width:100%;
height:23px;
background:url("../img/background_title.png") no-repeat; 
}

/*************************************************************
Box Contenu - Liste
*************************************************************/

#col_content ul, #col_content li {
 list-style-image: url("../img/puce.png")
}
 
/*************************************************************
Copyright
*************************************************************/

#copyright {
text-align:center;
font-size: 0.9em;
color:#5C7A93;
clear:both;
}

#copyright p {
border-top: 1px solid #5C7A93;
margin:0;
padding-top:3px;
}

#copyright ul{
 margin: 0;
 padding-top: 10px;
 list-style:none;
}

#copyright li {
 margin:0;
 padding:0;
 display:inline;
}

#copyright a {
color:#5C7A93;
text-decoration:none;
}

#copyright a:hover {
color:#5C7A93;
text-decoration:underline;
}