body{ font-family: verdana; background-color: #246dbc; letter-spacing: 0.5px; width: 900px; margin: 0 auto; padding: 0; }
.fond_rouge { background-color: #e00; }
p { color: #615b4f; font-size: 0.8em; font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.3em; margin: 0 0 1.1em; padding: 0; }
td { color: #615b4f; font-size: 0.8em; font-family: verdana, "Trebuchet MS", Arial, Helvetica, sans-serif, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.3em; margin: 0 0 1.1em; padding: 0; border-right: 1px dashed #cec7b4; border-bottom: 1px dotted #cec7b4; }
td em { font-size: 0.8em; font-style: normal; }
li { color: #615b4f; font-size: 0.8em; font-family: verdana, "Trebuchet MS", Arial, Helvetica, sans-serif, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.3em; margin: 0 0 0.6em; padding: 0; }
h1{ font-size:1.8em; color:#246dbc; font-weight:normal; letter-spacing: -2px; margin-bottom:0.6em; margin-top:10px; padding-top: 10px; display:block; }
h1 em { font-size: 0.8em; font-style: italic; letter-spacing: -2px; padding-left: 5px; border-bottom-color: transparent; }
h2{ font-size:1.5em; color:#8f8778; font-weight:normal; letter-spacing: 1px; margin-top: 0; margin-bottom:0.7em; padding-top: 0; display:block; }
h3{ font-size:1.1em; color:#246dbc; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:normal; text-decoration: none; margin-bottom:0; margin-top:0; }
h4{ 
 font-size:12px;
 color:#F80080;
 font-weight:normal;
 margin-top:0px;
 margin-bottom:0px;
 display:inline;
}
h5 { color: #246dbc; font-size: 1.1em; font-weight: normal; float: left; margin: 0 20px 0 0; border: dashed 1px; display: block; }
h5 a { color: #246dbc; line-height: 1.7em; text-decoration: none; padding: 5px; border-bottom: 0 none transparent; display: block; }
h5 a:hover { color: #fff; background-color: #246dbc; }
hr{ color:#d7d4cd; background-color:#d7d4cd; height:1px; margin-bottom: 25px; border:dashed 0; display: block; }
a:link {  }
a:visited {  }
a:hover {  }
.clear { clear: both; }
/*********PARTIES DE SITE************/
#site{  }
#contenu{ background-color: #fff; width: 800px; margin-right: auto; margin-left: auto; border-right: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; }
/*---------------------TETE---------------------*/
#drap01 { color: #246dbc; font-size: 1px; line-height: 1; background-color: #246dbc; width: 800px; height: 5px; }
#drap02 { font-size: 1px; line-height: 1; background-color: white; width: 800px; height: 5px; }
#drap03 { font-size: 1px; line-height: 1; background-color: #ffff20; width: 800px; height: 5px; margin-bottom: 10px; }
#tete  
{ width: 800px; margin: 0 auto 0; padding: 0; }
#tete a img { border: 0 transparent; }
#logo { background: white url(../images/fond-logo.jpg) no-repeat center top; width: 800px; padding: 0; }
#logo_site { background: white url(../images/fond-tete-220.jpg) no-repeat center top; padding: 0; width: 800px; height: 220px; margin: 0; display: block; }
#logo img { border-style: none; border-width: 0; display: block; }
/*----------------------ENTETE-----------------------*/
#entete { background-image: url(../images/pochettes_index.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; padding-bottom: 20px; }
/*------------NAVIGATION INDEX----------------*/
#navigation { background-color: transparent; padding-bottom: 30px; }
#navigation ul { background-color: transparent; text-align: center; margin: 0; padding: 360px 0 0 60px; display: block; }
#navigation li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#navigation li a { color: #246dbc; font-size: 1.7em; font-family: "trebuchet ms"; font-weight: normal; line-height: 3; background-color: transparent; text-decoration: none; float: left; margin: 0 25px 0 0; padding: 0 10px; display: block; }
#navigation li a:hover { color: #fff; }
/*NAVIGATION  - CLASS - HOVER
*/
#fond-rouge a:hover { background-color: #e00; }
#fond-orange a:hover { background-color: #ee7d20; }
#fond-vert a:hover { background-color: #00bb1a; }
#fond-rose a:hover { background-color: #e20073; }
#fond-bleu a:hover { background-color: #246dbc; }
/*------------NAVIGATION 2 SITE----------------*/
#navigation2 { background-color: transparent; }
#navigation2 ul { background-color: transparent; text-align: center; margin: 0; padding: 75px 0 0 20px; display: block; }
#navigation2 li { color: #f9f8f7; margin: 0; padding: 0; list-style-type: none; display: inline; }
#navigation2 li a { color: #fff; font-size: 1em; font-family: "trebuchet ms"; font-weight: bold; line-height: 1.5em; text-decoration: none; text-transform: uppercase; letter-spacing: 0; float: left; margin: 0 8px 0 0; padding: 0 7px; border: dashed 1px transparent; display: block; }
#navigation2 li a:hover { color: #fff; }
#navigation2 #fond-rouge a { background-color: #e00; }
#navigation2 #fond-orange a { background-color: #ee7d20; }
#navigation2 #fond-vert a { background-color: #00bb1a; }
#navigation2  #fond-rose a { background-color: #e20073; }
#navigation2  #fond-bleu a { background-color: #246dbc; }
#navigation2 #fond-rouge a:hover { color: #e00; background-color: white; border-color: #e00; }
#navigation2 #fond-orange a:hover { color: #ee7d20; background-color: white; border-color: #ee7d20; }
#navigation2 #fond-vert a:hover { color: #00bb1a; background-color: #fff; border-color: #00bb1a; }
#navigation2 #fond-rose a:hover { color: #ce0069; background-color: #fff; border-color: #ce0069; }
#navigation2 #fond-bleu a:hover { color: #246dbc; background-color: #fff; border-color: #246dbc; }
/*----------------------MAIN----------------------
*/
#main{ padding-right: 40px; padding-bottom: 30px; padding-left: 40px; border-top: 1px solid #e3e3e3; }
#main img { border-style: none; border-width: 0; }
#main p a { color: #246dbc; font-size: 0.85em; text-decoration: none; margin: 0; padding-bottom: 1px; border-bottom: 1px dotted #246dbc; }
#main li a { color: #246dbc; font-size: 0.85em; text-decoration: none; margin: 0; padding-bottom: 1px; border-bottom: 1px dotted #246dbc; }
#main td a { color: #246dbc; font-size: 0.85em; text-decoration: none; margin: 0; padding-bottom: 1px; border-bottom: 1px dotted #246dbc; }
#main strong { color: #246dbc; }
#main h2 { color: #246dbc; }
#annexe{  }
/*----------PRESENTATION DVD-----------*/
.pres_dvd_01 { margin-top: 20px; padding: 20px 0 0; border-top: 1px dashed #b2aa9f; display: block; }
.pres_dvd_01 ul { margin: 0; padding: 0 0 0 15px; }
.pres_dvd_01 p {  }
.pres_dvd_01 h1 { font-size: 1.5em; letter-spacing: -1px; }
.pres_dvd_01 h1 em { font-size: 0.7em; letter-spacing: -1px; }
.pres_dvd_01 img { float: left; margin: 10px 20px 0 0; padding: 0; }
.txt_pres { padding-bottom: 20px; padding-left: 140px; display: block; }
.txt_pres h3 { float: left; margin-bottom: 7px; padding-right: 50px; display: block; }
.lien_cover { width: 220px; float: left; margin-right: 30px; padding-top: 0; padding-bottom: 0; list-style-image: url(../images/fleche_jaune_6x5.gif); }
.lien_extrait { width: 250px; float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; list-style-image: url(../images/fleche_vert_6x5.gif); }
.infos_techn_120 {  }
.video_content { width: 400px; float: left; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding: 5px; border: solid 1px #246dbc; }
/*--------------------PIED--------------------*/
#pied{ background-color: white; width: 800px; margin-right: auto; margin-bottom: 0; margin-left: auto; border-right: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; }
#footer { height: 1.5em; }
#footer p { color: #246dbc; font-size: 0.7em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 2em; text-align: center; }
#footer a { color: #246dbc; font-weight: bold; text-decoration: none; }
#drap04 { font-size: 1px; line-height: 1; background-color: #246dbc; width: 800px; height: 5px; margin-top: 0; padding-top: 0; }
#drap05 { font-size: 1px; line-height: 1; background-color: white; width: 800px; height: 5px; }
#drap06 { font-size: 1px; line-height: 1; background-color: #ffff20; width: 800px; height: 5px; }
/*-------------FORMULAIRE---------------*/
.hide_input { background-color: #e00; width: 0; height: 0; visibility: hidden; float: none; clear: both; }
form { background-color: transparent; padding: 25px 10px 10px; border-top: 1px dashed #e3e3e3; }
form div { background-color: transparent; clear: both; display: block; }
form hr { clear: both; margin-top: 10px; margin-bottom: 10px; display: block; }
fieldset { clear: both; margin-bottom: 20px; padding: 10px; border: dashed 1px #246dbc; display: block; }
fieldset h3 { color: #f9f8f7; font-size: 1.5em; background-color: #246dbc; clear: both; margin-bottom: 20px; padding: 7px; }
legend { color: #ce0069; font-size: 1.3em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; letter-spacing: -1px; visibility: hidden; padding: 10px 10px 30px; }
.field_coord label { text-align: right; width: 200px; float: left; margin-top: 2px; margin-bottom: 2px; }
.field_coord input { text-align: left; width: 350px; float: left; margin-top: 2px; margin-bottom: 2px; margin-left: 20px; padding-left: 10px; display: inline; }
#commande_form {  }
#options_form {  }
#coordonnes_form {  }
#question_form {  }
textarea { width: 665px; }
#mysubmit input { font-size: 1.4em; text-align: center; width: 150px; }
#mysubmit { text-align: center; }
.field_comm label { font-size: 1em; line-height: 2em; text-align: left; width: 350px; float: left; margin-top: 2px; margin-bottom: 2px; margin-left: 20px; padding-top: 5px; }
.field_comm { border: dashed 1px #246dbc; }
.field_comm hr { border-top: 1px dashed #246dbc; border-right-color: #246dbc; border-bottom-color: #246dbc; border-left-color: #246dbc; }
.field_comm img { width: 38px; height: 70px; float: left; margin-left: 150px; }
.field_comm  input { color: #246dbc; font-size: 1.3em; font-weight: bold; line-height: 2em; text-align: center; width: 50px; height: 2em; float: left; margin-top: 2px; margin-bottom: 2px; margin-left: 20px; padding-top: 3px; padding-left: 10px; display: inline; }
.field_comm p { clear: both; }
.field_envoi p { padding-top: 15px; }
.field_options input { margin-left: 50px; }
.field_envoi input { margin-left: 50px; }
form label { color: #615b4f; font-size: 0.8em; font-family: verdana, "Trebuchet MS", Arial, Helvetica, sans-serif, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.3em; margin: 0 0 1.1em; padding: 0; }
label em { font-size: 0.8em; background-color: transparent; margin-top: 0; padding-top: 0; display: block; }
#hide h1 strong { visibility: hidden; clear: both; display: none; }
.banner780 { background-image: url(../images/l08-ban780.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 780px; height: 120px; margin-right: auto; margin-left: auto; padding-bottom: 20px; }
.banner780 a img { border: solid 3px white; }
.banner780 a:hover img { border-color: #cc007e; }