/*                     */
/* Mise forme générale */
/*                     */

html {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
color: black;
background: url("../images/background.jpg") white repeat-x left top;
margin: 0;
padding: 0;
}
body {
width: 990px;
background: url("../images/wrapper.jpg") white no-repeat left top;
/* top/bottom right/left */
margin: auto;
}
/* Hack IE6 */
* html body {
background: url("../images/wrapper.jpg") white repeat-x left top;
}
/* Conteneur de la Page */
#container {
width: 960px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Hack IE6 */
* html #container {
margin-left: 15px;
}
/* Header */
#header {
width: 960px;
height: 320px;
background: url("../images/header6.png") transparent no-repeat left top;
}
/* Splash */
#splash {
width: 678px;
height: 189px;
background: url("../images/splash4.png") transparent no-repeat left top;
/* top right bottom left */
margin: 131px 0 0 0;
float: left;
}
#splash div {
width: 280px;
line-height: 16pt;
text-align: left;
font-size: 10pt;
float: right;
/* top right bottom left */
margin: 30px 30px 0 0;
}
/* Hack IE6 */
* html #splash div {
margin-right: 15px;
}
/* Colonne Gauche */
#gauche {
width: 628px;
text-align: justify;
line-height: 12pt;
/* top right bottom left */
margin: 0 20px 20px 20px;
float: left;
}
/* Hack IE6 */
* html #gauche {
margin-left: 10px;
}
/* Colonne Droite */
#droite {
width: 272px;
text-align: left;
line-height: 12pt;
/* top right bottom left */
margin: 0 20px 20px 0;
float: left;
}
/* Colonne Droite */
#droite .bloc {
width: 272px;
text-align: left;
background: url("../images/droite_bg.jpg") transparent no-repeat left 30px;
/* Hack Netscape 7.1 */
background-image: url("../images/droite_bg.jpg");
/* top right bottom left */
margin: 0 0 10px 0;
}
/* Footer */
#footer {
width: 990px;
height: 50px;
line-height: 20px;
font-size: 7pt;
text-align: center;
color: #107fc9;
background: url("") white no-repeat left top;
clear: both;
}

/*                */
/* Menu Superieur */
/*                */

#top_menu {
width: 960px;
height: 30px;
clear: both;
}
#top_menu a {
width: 160px;
height: 30px;
line-height: 25px;
font-size: 11pt;
font-weight: bold;
text-align: center;
margin: 0;
float: left;
}

/*       */
/* Liens */
/*       */

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: white;
text-decoration: none;
background: url("../images/top_menu_off.jpg") no-repeat left top;
display: block;
outline: none;
}
#top_menu a:active, #top_menu a:hover, #top_menu #on {
color: #07093d;
text-decoration: none;
background: url("../images/top_menu_on.jpg") no-repeat left top;
display: block;
outline: none;
}
/* Lien Bouton Splash */
#splash a {
width: 87px;
height: 17px;
line-height: 17px;
text-align: left;
text-indent: 2px;
text-decoration: none;
font-size: 7pt;
font-weight: bold;
color: #ffff00;
background: url("../images/bouton.jpg") no-repeat left top;
/* top right bottom left */
margin: 20px 30px 0 0;
outline: none;
float: right;
}
/* Lien fleche bleue aligné à droite / Gauche */
.fleche_b {
text-indent: 15px;
text-decoration: undeline;
background: url("../images/fleche_bleue.jpg") no-repeat left 7px;
outline: none;
float: right;
display: block;
clear: both;
margin-bottom: 0px;
}
/* Lien fleche jaune aligné à droite / Droite */
.fleche_j {
text-indent: 15px;
text-decoration: undeline;
background: url("../images/fleche_jaune.jpg") no-repeat left 7px;
outline: none;
float: right;
display: block;
clear: both;
margin-bottom: 5px;
}
/* Liens Normaux */
a:link, a:visited {
text-decoration: underline;
color: #0b108c;
background-color: transparent;
outline: none;
}
a:active, a:hover {
text-decoration: underline;
color: #107fc9;
background-color: transparent;
outline: none;
}
#droite .bloc a:active, #droite .bloc a:hover {
color: #ffff00;
}
#splash a:active, #splash a:hover {
color: #0b108c;
}

/*                      */
/*        Titres        */
/*                      */

/* Titres Splash */
#splash h1 , #splash h2, #splash h3 {
width: 300px;
text-align: right;
font-weight: normal;
}
* html #splash h1 , * html #splash h2, * html #splash h3 {
width: 270px;
}
*:first-child+html #splash h1, *:first-child+html #splash h2, *:first-child+html #splash h3 {
width: 270px;
}
#splash h1 {
color: #0b108c;
font-size: 28pt;
/* top right bottom left */
margin: 30px 0 8px 25px;
}
#splash h2 {
color: #0e4ead;
font-size: 20pt;
/* top right bottom left */
margin: 0px 0 8px 25px;
}
#splash h3 {
color: #107fc9;
font-size: 20pt;
/* top right bottom left */
margin: 0 0 8px 25px;
}
/* Titres Bloc Gauche */
#gauche h1 {
height: 24px;
line-height: 24px;
font-size: 16pt;
font-weight: bold;
text-align: left;
text-indent: 35px;
color: #0b108c;
background: url("../images/puce_h1.jpg") transparent no-repeat left top;
/* top right bottom left */
margin: 20px 0 10px 0;
clear: both;
}
/* Sous Titres Bloc Gauche */
#gauche h2 {
font-size: 12pt;
font-weight: bold;
text-align: left;
color: #0e4ead;
/* top right bottom left */
margin: 0 0 10px 0;
}
/* Titres Bloc Bleu Droite */
#droite .bloc h1 {
width: 272px;
height: 30px;
line-height: 30px;
font-size: 11pt;
font-weight: bold;
text-align: left;
text-indent: 6px;
color: white;
background: url("../images/droite_titre.jpg") transparent no-repeat left top;
margin: 0;
}
/* Titres Bloc Droite */
#droite h1 {
font-size: 11pt;
font-weight: bold;
text-align: left;
color: #0b108c;
/* top right bottom left */
margin: 0 0 5px 10px;
}
/* Sous Titres Bloc Bleu Droite */
#droite .bloc h2 {
font-size: 10pt;
font-weight: bold;
text-align: left;
color: #0b108c;
/* top right bottom left */
margin: 10px 0 5px 20px;
}
/* Sous Titres Bloc Droite */
#droite h2 {
font-size: 10pt;
font-weight: bold;
text-align: left;
color: #0e4ead;
/* top right bottom left */
margin: 0 0 5px 10px;
}

/*                   */
/*     Formulaire    */
/*                   */

form {
/* top right bottom left */
margin: 5px 0 0 0;
}
fieldset {
text-align: left;
padding: 5px;
/* top/bottom right/left */
margin: 5px 0;
border: 1px solid #107fc9;
}
legend {
color: #0b108c;
font-weight: bold;
margin-left: 13px;
text-align: left;
}
fieldset p {
margin: 5px;
}
form p {
margin: 5px;
}
input#nom, input#societe, input#fonction, input#email, textarea {
background: url("../images/input.png") transparent no-repeat left top;
border: 1px solid #107fc9;
}
input#nom, input#societe, input#fonction, input#email {
height: 20px;
}
input#nom {
width: 200px;
margin-right: 20px;
}
input#societe {
width: 200px;
}
input#fonction {
width: 200px;
margin-left: 35px;
margin-right: 20px;
}
input#email {
width: 200px;
margin-left: 14px;
}

/*               */
/*     Divers    */
/*               */

/* Pas de bordure sur les images */
img {
border: none;
}
/* Liste */
ul {
padding: 0;
/* top right bottom left */
margin: 10px 10px 10px 0;
}
li {
font-size: 9pt;
list-style-position: outside;
list-style-type: none;
background: url("../images/puce_jaune.jpg") transparent no-repeat left 6px;
padding-left: 10px;
clear: both;
}
li:first-line, #droite .bloc li:first-line {
font-weight: bold !important;
}
/* Liste Bloc Bleu Droite */
#droite .bloc ul {
/* top right bottom left */
margin: 10px 10px 10px 20px;
}
#droite .bloc li {
background: url("../images/puce_jaune.jpg") transparent no-repeat left 6px;
}
/* Liste Bloc Droite */
#droite ul {
/* top right bottom left */
margin: 0 10px 10px 10px;
}
#droite li:first-line {
font-weight: normal !important;
}
/* Liste Gauche et Droite */
#gauche li, #droite li {
background: url("../images/puce_bleue.jpg") transparent no-repeat left 6px;
}
/* Paragraphe Bloc Bleu Droite */
#droite .bloc p {
/* top right bottom left */
margin: 0 10px 10px 20px;
}
/* Pied Bloc Bleu Droite */
#droite .bloc .foot {
width: 272px;
height: 11px;
line-height: 11px;
background: url("../images/droite_foot.jpg") transparent no-repeat left top;
/* top right bottom left */
margin: 0 ;
}
/* Paragraphe Bloc Droite */
#droite  p {
/* top right bottom left */
margin: 0 10px 5px 10px;
}
/* Bloc FAQ */
.faq {
height: 15px;
border-bottom: 1px dotted #107fc9;
overflow: hidden;
cursor: pointer;
cursor: hand;
/* top/bottom left/right */
margin: 10px 0;
}
/* Element Flottant Aligné a Gauche */
.left {
float: left;
margin-right: 10px;
}
/* Element Flottant Aligné a Droite */
.right {
float: right;
margin-left: 10px;
}
/* Texte Centré */
.center {
text-align: center;
}
/* Bordures images */
.bord {
border: 1px solid #0b108c;
}
/* Retour à la ligne forcé */
.end {
height: 0;
line-height: 0;
font-size: 0;
clear: both;
}
.small {
font-size: 7pt;
line-height: 9pt;
}