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

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


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;
 font-family:"Times New Roman", Times, serif;

 }

#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 img {
 padding: 0 0 8px 0;
 }

#col_right .col_right_content h3 {
 text-align: center;
 vertical-align:middle;
 margin: 0;
 padding: 2px 0 5px 0;
 font-size:1.1em;
 font-weight:normal;
 color:#000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration:underline;
 }

#col_right .col_right_content p {
padding: 0 0 0.8em 0;
margin: 0;
}

#col_right .col_right_content ul {
padding: 0 0 0.8em 0;
margin: 0 0 0 10px;
list-style-image: url("../img/puce.png")
}

#col_right .col_right_content ul li a {
text-decoration:none;
color:#333333;
cursor: pointer;
}

#col_right .col_right_content ul li a:hover {
text-decoration:underline;
color:#5C7A93;
cursor: pointer;
}

/*************************************************************
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 a {
color:#5C7A93;
text-decoration:none;
}

.lang a.lang_select {
color:#FF0000;
text-decoration:none;
}

.lang a:hover {
color:#ff0000;
text-decoration:none;
}

/*************************************************************
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;
font-family:"Times New Roman", Times, serif;
background:url("../img/background_title_v2.png") no-repeat; 
}

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

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

#copyright {
border-top: 1px solid #C9D9E6;
text-align:center;
font-size: 0.9em;
color:#5C7A93;
clear:both;
}

#copyright p {
margin:0;
padding-top:3px;
}

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

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

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

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

/*
#copyright .sousnav {
border-top: 1px solid #5C7A93;
border-bottom: 1px solid #5C7A93;
background-color: #C9D9E6;
}
*/

#copyright .sousnav {
margin-top: 30px;
}

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

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