body, h1, h2, h3, h4, h5, ul, li { margin: 0px; padding: 0px; }
h1, h2 {font-size:24px;}
body { background-color: #EEEEEE; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
img { border: none; }
.clear { clear: both; }
a.underline { text-decoration: underline; }
a.nodeco { text-decoration: none; }
.gris { color: #666666; }
.blanc { color: #FFFFFF; }
.bfonce { color: #124b9c; }
.bclair { color: #199ad6; }


.right{ float: right;margin-left:2px; }
.left { float: left; }
.L720 { width: 730px; }
.L620 { width: 620px; }
.L510 { width: 510px; }
.L180 { width: 180px; }
.L120 { width: 106px; }
.L540 { width: 540px; }
.L260 { width: 260px; }

.L845 { width: 845px; }
.liste_menu { width:136px;padding:4px;font-size:11px;font-weight:bold;float: left; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background-color: #FFFFFF; color: #444444; min-height:250px; }
.liste_menu a { text-decoration:none;color:#199ad6; }
.liste_menu a:hover { color:#ffffff;background-color:#199ad6; }
.liste_menu li { margin-left:14px;margin-bottom:14px;list-style:circle; }


#container { width: 944px; position: relative; left: 50%; margin-left: -472px; top: 3px; }

#container #contenu { background: url('../images/fonds-bd.jpg') top left no-repeat #FFFFFF; min-height: 751px; height: auto !important; height: 751px; padding: 0px 10px 0px 10px; }

#container #contenu #espace_client { height: 50px; }
#container #contenu #espace_client #login { width: 135px; height: 19px; float: right; margin-top: 6px; padding: 7px 0px 0px 40px; background: url('../images/espace-clients.png') left top no-repeat; _background: url('../images/espace-clients.gif') left top no-repeat; }
#container #contenu #espace_client #login a { color: #999999; font-size: 10px; text-decoration: none; }
#container #contenu #espace_client #login a:hover { text-decoration: underline; }

#container #contenu #header #logo { float: left; margin-top: 10px; }
#container #contenu #header #logo span { display: none; }

#container #contenu #header #menu { float: right; margin-top: 23px; }
#container #contenu #header #menu #menu_gauche { float: left; background: url('../images/fonds-menu-gauche.png') left top no-repeat; width: 12px; height: 45px;_background: url('../images/fonds-menu-gauche.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu { float: left; background: url('../images/fonds-menu.png') left top repeat-x; height: 45px; _background: url('../images/fonds-menu.gif') left top repeat-x;padding-bottom:10px; }
#container #contenu #header #menu #menu_contenu ul { margin-top: 7px; display: block; }
#container #contenu #header #menu #menu_contenu li { float: left; list-style: none; margin: 0px 4px 0px 5px; text-align: center; height: 29px; display: block; }
#container #contenu #header #menu #menu_contenu li a { padding: 0px 0px 15px 0px; color: #FFFFFF; text-decoration: none; font-size: 11px; display: block; font-weight: bold; }
#container #contenu #header #menu #menu_contenu li a:hover { color: #666666;}


#container #contenu #header #menu #menu_contenu li#accueil { width: 79px; }
#container #contenu #header #menu #menu_contenu li#accueil a { padding-top:7px;}
#container #contenu #header #menu #menu_contenu li#accueil a:hover { background: url('../images/fonds-accueil.png') left top no-repeat; _background: url('../images/fonds-accueil.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#accueil-selected { width: 79px; }
#container #contenu #header #menu #menu_contenu li#accueil-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-accueil.png') left top no-repeat; _background: url('../images/fonds-accueil.gif') left top no-repeat; padding-top:7px; }


#container #contenu #header #menu #menu_contenu li#sites { width: 113px; }
#container #contenu #header #menu #menu_contenu li#sites a {padding-left:10px;padding-right:10px;  }
#container #contenu #header #menu #menu_contenu li#sites a:hover { background: url('../images/fonds-sites.png') left top no-repeat; _background: url('../images/fonds-sites.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#sites-selected { width: 113px; }
#container #contenu #header #menu #menu_contenu li#sites-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-sites.png') left top no-repeat; _background: url('../images/fonds-sites.gif') left top no-repeat;padding-left:10px;padding-right:10px;  }





#container #contenu #header #menu #menu_contenu li#applications { width: 107px; }
#container #contenu #header #menu #menu_contenu li#applications a { }
#container #contenu #header #menu #menu_contenu li#applications a:hover { width: 107px; background: url('../images/fonds-applications.png') left top no-repeat; _background: url('../images/fonds-applications.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#applications-selected { width: 107px; }
#container #contenu #header #menu #menu_contenu li#applications-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-applications.png') left top no-repeat; _background: url('../images/fonds-applications.gif') left top no-repeat;}


#container #contenu #header #menu #menu_contenu li#cdrom { width: 79px; }
#container #contenu #header #menu #menu_contenu li#cdrom a { }
#container #contenu #header #menu #menu_contenu li#cdrom a:hover { background: url('../images/fonds-cdrom.png') left top no-repeat; _background: url('../images/fonds-cdrom.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#cdrom-selected { width: 79px; }
#container #contenu #header #menu #menu_contenu li#cdrom-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-cdrom.png') left top no-repeat; _background: url('../images/fonds-cdrom.gif') left top no-repeat; }

#container #contenu #header #menu #menu_contenu li#ref { width: 113px; }
#container #contenu #header #menu #menu_contenu li#ref a { }
#container #contenu #header #menu #menu_contenu li#ref a:hover { background: url('../images/fonds-sites.png') left top no-repeat; _background: url('../images/fonds-sites.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#ref-selected { width: 113px; }
#container #contenu #header #menu #menu_contenu li#ref-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-sites.png') left top no-repeat; _background: url('../images/fonds-sites.gif') left top no-repeat; }

#container #contenu #header #menu #menu_contenu li#lexique { width: 79px; }
#container #contenu #header #menu #menu_contenu li#lexique a {padding-top:7px;}
#container #contenu #header #menu #menu_contenu li#lexique a:hover { background: url('../images/fonds-cdrom.png') left top no-repeat; _background: url('../images/fonds-cdrom.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#lexique-selected { width: 79px; }
#container #contenu #header #menu #menu_contenu li#lexique-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-cdrom.png') left top no-repeat; _background: url('../images/fonds-cdrom.gif') left top no-repeat; padding-top:7px;}


container #contenu #header #menu #menu_contenu li#referencement { width: 125px; }
#container #contenu #header #menu #menu_contenu li#referencement a:hover { background: url('../images/fonds-referencement.png') left top no-repeat; _background: url('../images/fonds-referencement.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#referencement-selected { width: 125px; }
#container #contenu #header #menu #menu_contenu li#referencement-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-referencement.png') left top no-repeat; _background: url('../images/fonds-referencement.gif') left top no-repeat; }
#container #contenu #header #menu #menu_contenu li#contact { width: 81px; }
#container #contenu #header #menu #menu_contenu li#contact a { padding-top:7px;}
#container #contenu #header #menu #menu_contenu li#contact a:hover { background: url('../images/fonds-contact.png') left top repeat-x; _background: url('../images/fonds-contact.gif') left top repeat-x; }
#container #contenu #header #menu #menu_contenu li#contact-selected { width: 81px; }
#container #contenu #header #menu #menu_contenu li#contact-selected a { color: #124b9c; font-weight: bold; background: url('../images/fonds-contact.png') left top repeat-x; _background: url('../images/fonds-contact.gif') left top repeat-x; padding-top:7px;}
#container #contenu #header #menu #menu_contenu li a:hover { color: #333333; }
#container #contenu #header #menu #menu_contenu #selected a { color: #666666; font-weight: bold; }
#container #contenu #header #menu #menu_contenu #selected a:hover { color: #124b9c; }
#container #contenu #header #menu #menu_droite { background: url('../images/fonds-menu-droite.png') left top no-repeat; width: 12px; height: 45px; _background: url('../images/fonds-menu-droite.gif') left top no-repeat; float: left; }

#container #contenu #vitrine { float: left; height: 290px; width: 888px; margin-top: 30px; background: url('../images/fonds-vitrine.png') left top no-repeat; _background: url('../images/fonds-vitrine.gif') left top no-repeat; }
#container #contenu #vitrine #flashcontent { position: relative; height: 272px; width: 888px; }

#container #contenu #vitrine-contact { float: left; height: 290px; width: 888px; margin-top: 30px; background: url('../images/fonds-vitrine-contact.png') left top no-repeat; _background: url('../images/fonds-vitrine-contact.gif') left top no-repeat; }
#container #contenu #vitrine-contact #flashcontent { position: relative; height: 272px; width: 888px; }


#container #contenu #edito { float: left; margin: 20px 0px 20px 0px; }

#container #contenu #edito .bloc .haut .haut_gauche { float: left; width: 11px; height: 32px; background: url('../images/bloc-fonds-haut-gauche.png') left top no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="/images/bloc-fonds-haut-gauche.png"); }
#container #contenu #edito .bloc .haut .haut_titre { float: left; height: 24px; background: url('../images/bloc-fonds-haut.gif') left top repeat-x; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 8px 10px 0px 10px; font-family: Helvetica, sans-serif; }
#container #contenu #edito .bloc .haut .haut_droite { float: left; width: 11px; height: 32px; background: url('../images/bloc-fonds-haut-droite.png') left top no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="/images/bloc-fonds-haut-droite.png"); }

#container #contenu #edito .bloc .texte_bloc { float: left; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 15px 20px 18px 20px; color: #444444; line-height: 18px;min-height:250px; }
#container #contenu #edito .bloc .texte_bloc a { color: #199ad6; }
#container #contenu #edito .bloc .texte_bloc a:hover { color: #124b9c; }
#container #contenu #edito .bloc .texte_bloc ul { margin: 4px 0px 10px 20px; }
#container #contenu #edito .bloc .texte_bloc ul li { line-height: 20px; color: #666666; }

#container #contenu #edito .bloc .bas .bas_gauche { float: left; width: 11px; height: 10px; background: url('../images/bloc-fonds-bas-gauche.png') left top no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="/images/bloc-fonds-bas-gauche.png"); }
#container #contenu #edito .bloc .bas .bas_centre { float: left; height: 10px; background-color: #FFFFFF; padding: 0px 10px 0px 10px; background: url('../images/bloc-fonds-bas.gif') top left repeat-x; }
#container #contenu #edito .bloc .bas .bas_droite { float: left; width: 11px; height: 10px; background: url('../images/bloc-fonds-bas-droite.png') left top no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="/images/bloc-fonds-bas-droite.png"); }

#container #footer { color: #999999; font-size: 11px; background: url('../images/fonds-bas-bd.jpg') top left no-repeat; padding: 15px 0px 30px 15px; }
#container #footer a { color: #999999; text-decoration: none; }
#container #footer a:hover { color: #666666; text-decoration: none; }
/* formulaire newsletter **************************** */
#news { width: 600px;}
#news #col1 { width: 50px; height: 35px ; background: url('../images/coinNews.png') top right no-repeat; }
.bleuclair { background-color: #69b5e8; height: 35px}
.gras { font-weight: bold; }
#news form { color: #333;}
#news #col2 { width: 60px; height: 35px;  padding-right:5px; color: #FFF; }
#news #col3 { width: 95px; }
#news #col3 input {width: 90px;}
#news #col4 { width:31px; }
#news #col4 input { font-size: 12px; width: 25px; }
.newsletter {width: 600px; height: 15px; text-align: right; font-size:11px; color: #333333; margin:0 0 2px 0; padding: 0;}
#merci { width: 600px; text-align: right; padding-right: 5px; color:#CC3333; font-weight: bold; }
/* formulaire commentaires **************************** */
#titre_com { border-top: 1px solid #666666; margin-top: 20px; height: 40px; line-height: 30px; font-size: 16px; }
#com { width: 400px;}
.jauneombre { background: url('../images/formcom.gif') top right repeat-Y; }
.fondjaune { background-color: #ffffde;}
#com #lignhaut { height: 21px; background: url('../images/formcomH.gif') top left no-repeat; }
#com #lignhaut td { padding-top: 15px }
#com #lignbas { background: url('../images/formcomB.gif') top left no-repeat; height: 59px; }
#com #lignbas td { height: 24px ;padding-bottom: 20px; }
#com td { padding: 0 30px; }
/* affichage commentaires **************************** */
#affiche_com { width: 520px; background-color: #d5eaff; padding:0 30px 0 20px; }
#affiche_com #colA { width:518px; color: #199AD6; padding-top: 10px;}
#affiche_com #colC { border-bottom: 1px dashed #666; padding-bottom: 20px;  font-size:14px ; font-family: Georgia, "Times New Roman", Times, serif; }
#affiche_com #colC q { padding: 10px 0 20px 0; }