/* Général */

.clearfix {display: inline-table;}

#votre-compte ul, li, ol  { padding:0; margin:0; list-style:none; }
a { color:#000000; text-decoration: none; }
a:hover { text-decoration:underline; }
img, img a { border:none;}



/* Page */
html { font-size: 100%; }
body { margin: 0; padding: 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; background: transparent url(img/fond-body.gif) repeat-x; }

#global { float:left; width: 980px; margin:0; padding:0; }
#global p { padding:0 5px 10px 5px; margin:0; text-align:justify; }
#global p.ligne { padding-bottom:10px; text-align:center; }
#global p.erreur { color: red; font-size: 16; }
#global .moyen { width: 150px; }

.titreGras{font-weight:bold;}
.titreGrasSouligne{font-weight:bold;text-decoration:underline;}


/* Entête */

#entete { float:left; width:980px; height:110px; margin:0; padding:0; background: transparent url(img/logo-CER-France.jpg) no-repeat; }

#entete h1 { float:left; margin:20px 0 0 40px;}

#entete #votre-compte { float:right; width:740px; margin:0; padding:0; }
#entete .bienvenue { float:left; width:500px; margin:0; padding:0; font-size:11px; }
#entete .bienvenue h3 { font-size:11px; margin:0; }
#entete .bienvenue h3 span.rouge { color:#c00318; }
#entete .bienvenue a { color:#0f5d71; text-decoration:underline; }

#entete #votre-compte .liste-compte { float:left; width:230px; margin:4px 0 20px 0; padding:0 0 0 270px; }
#entete #votre-compte .liste-compte form { float:left; width:230px; margin:0;}
#entete #votre-compte .liste-compte form p { margin:0; padding:0;}
#entete #votre-compte .liste-compte form label { font-size:11px; color:#c00318; font-weight:bold; }

#entete #votre-compte .parametres-compte {float:right; margin:7px 0 0 0;}
#entete #votre-compte .parametres-compte-authentifi { margin-top: 7px; margin-left: 28%}
#entete #votre-compte .parametres-compte li {float:left; margin:0 0 0 10px;}
#entete #votre-compte .parametres-compte li a {font-size:10px; color:#02556a; background: transparent url(img/liste-pictos-fond-blanc.gif) no-repeat left 2px; padding:5px 0 5px 15px; }
#entete #votre-compte .parametres-compte li a.deconnexion { background: transparent url(img/liste-pictos-fond-blanc.gif) no-repeat left -16px; }

#entete #votre-compte ul.messages { float:right; }
#entete #votre-compte ul.messages li { float:right; width:110px; }
#entete #votre-compte ul.messages li a { float:left; width:110px; padding:26px 0 0 0; font-size: 11px; font-weight:bold; text-align:center; background: transparent url(img/liste-pictos-fond-blanc.gif) no-repeat center -88px;}
#entete #votre-compte ul.messages li a.alerte {background: transparent url(img/liste-pictos-fond-blanc.gif) no-repeat center -46px;}

#entete #ariane { float:right; width:810px; height:20px; line-height:20px; margin:17px 0 0 0; padding:0; font-size:11px; font-weight:bold; background: transparent url(img/fond-ariane.gif) no-repeat 0 0;}
#entete #ariane img { float:left; }
#entete #ariane a { float:left; height:20px; color:#6d6d6d; background: transparent url(img/separation-ariane.gif) no-repeat right 0; padding: 0 20px 0 0; }
#entete #ariane a.accueil { float:left; background:none; padding: 0; }

/* Index */

#colonne-de-gauche { float:left; width:700px; margin:0 0 0 40px; }

#colonne-de-gauche #vos-indicateurs-d-activite,
#colonne-de-gauche #vos-actualites,
#colonne-de-gauche #vos-services { float:left; width:700px; margin:10px 0 0 0; }

#colonne-de-gauche #vos-indicateurs-d-activite { background-color:#f6a600; }
#colonne-de-gauche #vos-indicateurs-d-activite span.maj { font-size:10px; line-height:24px; padding:0 0 0 10px; color:#624200 }
#colonne-de-gauche #vos-indicateurs-d-activite span.historique { font-size:10px; line-height:24px; padding:0 5px 0 25px; color:#624200; float:right; background: transparent url(img/picto-historique.png) no-repeat; }

#colonne-de-gauche #vos-actualites { border-bottom:solid 2px #007e9d; }
#colonne-de-gauche #vos-actualites .contenu { float:left; width:700px; }
#colonne-de-gauche #vos-actualites .contenu h4 { text-transform:uppercase; margin:5px 0; font-size:14px; background:url(img/puce-h4.jpg) no-repeat left center; padding:5px 0 5px 25px;}
#colonne-de-gauche #vos-actualites .contenu .texte { float:left; font-size:11px; width:330px; padding:0 0 0 10px; }
#colonne-de-gauche #vos-actualites .contenu img { float:right; }
#colonne-de-gauche #vos-actualites .contenu a { font-weight:bold; text-decoration:underline; }


#colonne-de-gauche #vos-indicateurs-d-activite h3,
#colonne-de-gauche #vos-actualites h3,
#colonne-de-gauche #vos-services h3 { height:23px; margin:0; padding:0; color:#FFFFFF; font-size:11px; line-height:22px; text-indent:5px; background: transparent url(img/titres-H3.gif) no-repeat 0 0; }
#colonne-de-gauche #vos-actualites h3 { background: transparent url(img/titres-H3.gif) no-repeat 0 -32px; }
#colonne-de-gauche #vos-services h3 { background: transparent url(img/titres-H3.gif) no-repeat 0 -65px; }



#colonne-de-gauche #vos-services { background-color:#96c6f7;}
#colonne-de-gauche #vos-services ul { float:left; width:232px; margin:0 2px 0 0; }
#colonne-de-gauche #vos-services ul:last-child { margin:0;}
#colonne-de-gauche #vos-services li a { float:left; width:232px; color:#FFFFFF; text-align:center; margin:0 0 2px 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:24px;  background-color:#1387aa}
#colonne-de-gauche #vos-services li li a { text-align:left; text-indent:10px; margin:0 0 2px 0; font-weight:normal; background:#67a2c0 url(img/pictos-services.png) no-repeat right 0; }

#colonne-de-gauche #vos-services ul ul li a.tresorerie { background-position: right 0; }
#colonne-de-gauche #vos-services ul ul li a.net-compta { background-position: right -26px; }
#colonne-de-gauche #vos-services ul ul li a.coffre-fort { background-position: right -52px; }
#colonne-de-gauche #vos-services ul ul li a.frais-km { background-position: right -78px; }
#colonne-de-gauche #vos-services ul ul li a.devis { background-position: right -104px; }
#colonne-de-gauche #vos-services ul ul li a.saisie-paie { background-position: right -130px; }
#colonne-de-gauche #vos-services ul ul li a.emprunts { background-position: right -156px; }
#colonne-de-gauche #vos-services ul ul li a.compta { background-position: right -182px; }
#colonne-de-gauche #vos-services ul ul li a.base-reglementaire { background-position: right -130px; }
#colonne-de-gauche #vos-services ul ul li a.docs-a-telecharger { background-position: right -156px; }
#colonne-de-gauche #vos-services ul ul li a.criteres-pac { background-position: right -182px; }
#colonne-de-gauche #vos-services ul ul li a.ajouter-des-outils { width:227px; font-size:10px; padding:0 5px 0 0; text-align:right; background-position: 120px -312px; }
#colonne-de-gauche #vos-services ul ul li a:hover {background-color :#72b5e2; text-decoration:none; }

#colonne-de-gauche #vos-services ul.base-documentaire li a { background-color:#6c737a}
#colonne-de-gauche #vos-services ul.base-documentaire li li a { background-color:#a0a5a9}
#colonne-de-gauche #vos-services ul.base-documentaire li li a:hover { background-color:#868d92; text-decoration:none;}

#colonne-de-droite { float:right; width:220px; }
#colonne-de-droite #bloc-raccourcis,
#colonne-de-droite #bloc-meteo,
#colonne-de-droite #bloc-thematiques,
#colonne-de-droite #bloc-infos,
#colonne-de-droite #bloc-contacts { float:left; width:220px; margin:10px 0 0 0; }

#colonne-de-droite #bloc-infos h3,
#colonne-de-droite #bloc-raccourcis h3,
#colonne-de-droite #bloc-meteo h3,
#colonne-de-droite #bloc-thematiques h3,
#colonne-de-droite #bloc-contacts h3 { height:23px; margin:0; padding:0;color:#7a7a7a; font-size:11px; line-height:22px; text-indent:5px; background: transparent url(img/titres-H3.gif) no-repeat 0 -98px; }
#colonne-de-droite #bloc-raccourcis h3 { color:#FFFFFF; }
#colonne-de-droite #bloc-meteo h3 { background-position: 0 -130px; }
#colonne-de-droite #bloc-thematiques h3, #colonne-de-droite #bloc-infos h3 { background-position: 0 -196px; }
#colonne-de-droite #bloc-contacts h3 { background-position: 0 -196px; }

#colonne-de-droite #bloc-infos { border-bottom:solid 2px #959595; }
#colonne-de-droite #bloc-infos h4 { font-size:11px; color:#c00319;}
#colonne-de-droite #bloc-infos ul li { margin:5px 0;}
#colonne-de-droite #bloc-infos ul li a { font-size:10px; }


#colonne-de-droite ul.raccourcis { float:left; width:220px; }
#colonne-de-droite ul.raccourcis li a { float:left; width:190px; padding:0 0 0 30px; color:#FFFFFF; border-bottom:solid 1px #FFFFFF; line-height:24px; background:#e92727 url(img/liste-pictos-fond-blanc.gif) no-repeat left -128px; }
#colonne-de-droite ul.raccourcis li a.ajouter { text-align:right; font-size:10px; width:215px; padding:0 5px 0 0; background:#ed7f7f url(img/liste-pictos-fond-blanc.gif) no-repeat 90px -160px; }

#colonne-de-droite #bloc-meteo { height:165px; border-bottom:solid 2px #959595; background-color:#f4f4f5; }

#colonne-de-droite #bloc-thematiques { height:90px; border-bottom:solid 2px #959595; background-color:#f4f4f5; }

#colonne-de-droite #bloc-contacts { border-bottom:solid 2px #959595; background-color:#f4f4f5; }
#colonne-de-droite #bloc-contacts ul li a { float:left; width:220px; font-size:11px; color:#757575; line-height:24px; border-bottom:solid 2px #FFFFFF; text-indent:10px; background:#f4f4f5 url(img/pictos-contact.png) no-repeat right 0 }
#colonne-de-droite #bloc-contacts ul li a.contact { background-position: right -24px;}
#colonne-de-droite #bloc-contacts ul li a.site { background-position: right -48px; border:none;}
#colonne-de-droite #bloc-contacts ul li a:hover { background-color:#dfdfe0; text-decoration:none; }

/* Menu */

#menu { float:left; width: 940px; margin:0 0 30px 0; padding:0; border-left:solid 1px #bababa; }
#menu li { float:left; }
#menu li a { float:left; padding:0 5px; line-height:22px; font-size:11px; color:#FFFFFF; background-image:url(img/fond-menu-li-a.gif); }
#menu li a.accueil { background-image:url(img/fond-menu-li-a-accueil.gif); }
#menu span.menu { float:left; width:22px; height:22px; background-image:url(img/fond-span-menu.gif); }
#menu span.accueil { float:left; width:22px; height:22px; background-image:url(img/fond-span-accueil.gif); }
#menu span.accueil2 { float:left; width:22px; height:22px; background-image:url(img/fond-span-accueil2.gif); }


/* etape-tableau */
#etape-tableau { float:left; width: 940px; margin:0 0 0 40px; padding:0; }


#onglets { float:left; width: 940px; margin:0; padding:0; }
#onglets .ui-tabs { position: relative; padding:0; zoom: 1; }
#onglets .ui-tabs .ui-tabs .ui-tabs-nav { margin: 0; padding:0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 2px; margin: 0 0 0 10px; padding: 0; white-space: nowrap; background-image:url(img/fond-ui-tabs-nav-li-a.gif); border:solid 2px #dfdfdf; border-width:2px 2px 0 2px;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: 5px 10px; text-decoration: none; color:#fff; font-weight:bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background:#fff; color:#c10419; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor: text; color:#c00318 }
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#fff }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

#contenu-tabs .ui-tabs .ui-tabs-nav li { margin: 0 0 0 5px; font-size:9px; background-image:url(img/fond-ui-tabs-nav-li-a2.gif);}
#contenu-tabs .ui-tabs .ui-tabs-nav li a { padding: 5px; }
#contenu-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#fff; }


#contenu-tabs .tabs-petit { float:left; width:204px; padding:0; margin:0 0 15px 15px;}
#contenu-tabs .tabs-petit .contenu-tabs { float:left; width:190px; padding:5px; margin:0; font-size:11px; border:solid 2px #dfdfdf; }

#contenu-tabs .tabs-moyen { float:left; width:642px; padding:0; margin:0 0 15px 15px;}
#contenu-tabs .tabs-moyen .contenu-tabs { float:left; width:628px; padding:5px; margin:0; font-size:11px; border:solid 2px #dfdfdf; }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none;  }
.ui-tabs .ui-tabs-hide { display: none !important; }

#onglets #contenu-tabs { float:left; width:936px; padding:0; margin:0; border:solid 2px #dfdfdf; background-color:#fff}
#tabs-1 { float:left; width:900px; padding:20px; margin:0; }

#onglets #contenu-tabs{ float:left; width:900px; padding:0; margin:0; }

#onglets #contenu-tabs form .part1 { float:left; width:50%;}
#onglets #contenu-tabs form .part2 { float:left; width:50%;}

#onglets #contenu-tabs .part1, #onglets .part1 { float:left; width:25%;}
#onglets #contenu-tabs .part2, #onglets .part2 { float:left; width:70%;margin-left:10px;}
#onglets #contenu-tabs .part3, #onglets .part3 { width:100%; position: center;}

#part1 { float:left; width:50%;}
#part1 p {  float:left; clear:both; width:100%; overflow:hidden; margin: 0; padding: 5px 0 7px 0;}
#part1 p label { float:left; width:40%; padding:3px 5px 0 0; text-align:left; }
#part1 select { float:left; margin: 0; input:focus; outline: 0 none; }

#part2 { float:left; width:50%;}
#part2 p {  float:left; clear:both; width:100%; overflow:hidden; margin: 0; padding: 5px 0 7px 0;}
#part2 p label { float:left; width:40%; padding:3px 5px 0 0; text-align:left; }
#part2 select { float:left; margin: 0; input:focus; outline: 0 none; }

#part4 {width:100%;}

#field {width:100%; position: center;}

#mon_onglet{float: left;padding: 2px 3px;margin-right: 5px;margin-bottom: -1px;}

#mes_classes{border: 1px solid #68ce3e;}

#field{	float: left;padding: 0px 10px 10px 0px;margin-right: 5px;border: 1px solid #68ce3e;	margin-bottom: -1px; }

#etape-tableau #onglets #contenu-tabs form p { float:left; clear:both; width:100%; overflow:hidden; margin: 5px 0; padding: 5px 0;}
#etape-tableau #onglets #contenu-tabs form p.logo { text-align:center;}

#etape-tableau #onglets #contenu-tabs form p label { float: left; width: 130px; font-size:11px; padding:0; margin: 4px 0 0 0; }
#etape-tableau #onglets #contenu-tabs form p label.moyen { width: 150px; }
#etape-tableau #onglets #contenu-tabs form p label.grand { width: 445px; margin:0 0 10px 0; }


#etape-tableau #onglets #contenu-tabs form input,
#etape-tableau #onglets #contenu-tabs form select,
#etape-tableau #onglets #contenu-tabs form textarea { float:left; width:275px; margin:0; padding:2px; border:solid 1px #000; background-color:#e0e0e0; input:focus; outline: 0 none; }
#etape-tableau #onglets #contenu-tabs form input.activation { width:120px; background-color:#666666; color:#FFFFFF; }
#desactivation {background-color:#666666; color:#FFFFFF; }

#etape-tableau #onglets #contenu-tabs form input.checkbox { width:40px; border:none; background-color:#fff; }



#etape-tableau #onglets #contenu-tabs form input .telecharger { border:solid 1px #000; background-color:#e0e0e0;}


#etape-tableau #onglets #contenu-tabs form select { width: 150px;}

button.bouton-form { font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#fff; height:24px; line-height:24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: solid 1px #000000; color:#fff; background-color:#fea300; padding:0 20px; margin:0 10px 0 0; cursor:pointer; }
button.bouton-form-submit{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; height:24px; line-height:24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: solid 1px #000000; color:#fff; background-color:#fea300; padding:0 20px; margin:0 0px 0 0; cursor:pointer; }
button.bouton-form-submit:hover { text-decoration:underline; }
button.bouton-form:hover { text-decoration:underline; }

#buttonRecherche{ height:20px; margin:0; padding-left:15px; text-indent:-9990px; background: #fff url(img/bt-loupe.gif) no-repeat center center; border:none; cursor:pointer; }
#barRecherche{float:right; margin-right:50px;}
#optionsExtraction{float:left;width:18%; margin : 1px 10px 0px 2px;}
p.logo { text-align:center;}

#select{width:200px;}


#etape-tableau #bloc-thematiques { float:left; width: 700px; margin:20px 0; padding:0; border-bottom:solid 2px #959595; background-color:#f4f4f5; }
#etape-tableau #bloc-thematiques p { text-align:center; font-weight:bold; font-size:14px; }
#etape-tableau #bloc-thematiques p a { color:#454546; padding:0 5px;}

#etape-tableau #bloc-contacts { float:right; width:220px; margin:20px 0 0 0; }
#etape-tableau #bloc-contacts { border-bottom:solid 2px #959595; background-color:#f4f4f5; }
#etape-tableau #bloc-contacts ul li a { float:left; width:220px; font-size:11px; color:#757575; line-height:24px; border-bottom:solid 2px #FFFFFF; text-indent:10px; background:#f4f4f5 url(img/pictos-contact.png) no-repeat right 0 }
#etape-tableau #bloc-contacts ul li a.contact { background-position: right -24px;}
#etape-tableau #bloc-contacts ul li a.site { background-position: right -48px; border:none;}
#etape-tableau #bloc-contacts ul li a:hover { background-color:#dfdfe0; text-decoration:none; }

#etape-tableau #bloc-contacts h3,
#etape-tableau #bloc-thematiques h3 { height:23px; line-height:22px; font-size:11px; color:#98999a; margin:0; padding:0; text-indent:5px; background: transparent url(img/titres-H3.gif) no-repeat 0 -163px; }


/*col-onglet-hors-Onglet*/

#col-onglet-hors-onglet { float:left; width: 940px; margin:0 0 0 40px; padding:0; }
#col-onglet-hors-onglet #onglets { float:left; width: 700px; margin:0; padding:0; }
#col-onglet-hors-onglet #onglets #contenu-tabs { float:left; width:696px; padding:0; margin:0; border:solid 2px #dfdfdf; background-color:#fff}
#col-onglet-hors-onglet #onglets #contenu-tabs #tabs-1 { float:left; width:696px; padding:0; margin:0; }
#col-onglet-hors-onglet #onglets #contenu-tabs #tabs-2 { float:left; width:696px; padding:0; margin:0; }
#col-onglet-hors-onglet #onglets #contenu-tabs #tabs-3 { float:left; width:696px; padding:0; margin:0; }
#col-onglet-hors-onglet #onglets #contenu-tabs #tabs-4 { float:left; width:696px; padding:0; margin:0; }

#col-onglet-hors-onglet #onglets #contenu-tabs .choix-de-la-date { float:left; width:696px; height:30px; background-color:#fff;}
#col-onglet-hors-onglet #onglets #contenu-tabs .choix-de-la-date ul li a {float:left; width:90px; height:30px; background: transparent url(img/bts-dates.gif) no-repeat 0 0; text-indent:-9990px;}
#col-onglet-hors-onglet #onglets #contenu-tabs .choix-de-la-date ul li a.date-suivante {background: transparent url(img/bts-dates.gif) no-repeat -90px 0;}
#col-onglet-hors-onglet #onglets #contenu-tabs .choix-de-la-date ul li a.fil-info { float:right; background: transparent url(img/bts-dates.gif) no-repeat right 0;}



#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-a-la-une { float:left; width:696px; background-color:#f8b833;}
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-a-la-une h3 { float:left; width:560px; height:40px; margin:0; text-indent:-9990px; background-image:url(img/titre-a-la-une.gif);}
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-a-la-une .date { float:right; width:136px; height:40px; margin:0; font-size:10px; line-height:40px;}
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-a-la-une .contenu-txt { float:left; padding:0 15px; width:440px; }
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-a-la-une p.signature { font-size:10px; }


#col-onglet-hors-onglet #onglets #contenu-tabs h4 { font-size:14px; color:#c00318; }

#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-secondaire { float:left; width:666px; margin:15px; border-top:solid 1px #9c9d9f; }
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-secondaire p.signature { font-size:10px; color:#959595;}
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-secondaire p.signature a { color:#959595;}
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-secondaire p.signature span { float:left;}
#col-onglet-hors-onglet #onglets #contenu-tabs .contenu-secondaire p.signature span.date { float:right}






/* type-onglet-2-colonnes */

#type-onglet-2-colonnes { float:left; width: 940px; margin:0 0 0 40px; padding:0; }

#type-onglet-2-colonnes #onglets { float:left; width: 940px; margin:0; padding:0; }

#type-onglet-2-colonnes #onglets #colonne-de-gauche { float:left; width:540px; padding:0; margin:0; }
#type-onglet-2-colonnes #onglets #colonne-de-droite { float:right; width:316px; padding:0; margin:0; }

#onglets #colonne-de-gauche #bloc-devis { float:left; width:540px; margin:0 0 20px 0; }
#onglets #colonne-de-gauche #bloc-devis h3 { height:23px; margin:0; padding:0; color:#fff; font-size:11px; line-height:22px; text-indent:5px; background: transparent url(img/titres-H3.gif) no-repeat 0 0; }
#onglets #colonne-de-gauche #bloc-devis .contenu { border:solid 2px #dfdfdf; border-width:0 2px 2px 2px; padding:10px; font-size:11px; background-color: #fff; }
#onglets #colonne-de-gauche #bloc-devis .contenu form { width:516px; padding:0; margin: 0; }
#onglets #colonne-de-gauche #bloc-devis .contenu form p { text-align:right; overflow:hidden; margin: 0; padding: 5px 0 7px 0; }
#onglets #colonne-de-gauche #bloc-devis .contenu form input { width: 140px; background-color:#e0e0e0; border:solid 1px #000000; margin: 0; input:focus; outline: 0 none; }
#onglets #colonne-de-gauche #bloc-devis .contenu form button.bt-formulaire { width:25px; height:25px; margin:0; text-indent:-9990px; background: #fff url(img/bt-loupe.gif) no-repeat center center; border:none; cursor:pointer; }
#onglets #colonne-de-gauche #bloc-devis ul li a { color:#02556a; font-size:10px; background: #fff url(img/pictos-devis.gif) no-repeat; line-height:24px; padding:6px 0 6px 28px; }
#onglets #colonne-de-gauche #bloc-devis ul li a.archive { background: #fff url(img/pictos-devis.gif) no-repeat 0 -22px; }


#onglets #colonne-de-droite .creer-devis { float:right; width:294px; height:216px; padding:6px 11px; font-size:11px; background:transparent url(img/fond-creer-devis.gif); }
#onglets #colonne-de-droite .creer-devis h4 { text-align:center; color:#fff; font-size:15px; margin:0;}
#onglets #colonne-de-droite .creer-devis form { width:294px; padding:0; margin:20px 0 0 0;  }
#onglets #colonne-de-droite .creer-devis form p {  float:left; clear:both; width:294px; overflow:hidden; margin: 0; padding: 5px 0 7px 0; border-bottom:1px solid #ffab00;}
form p.derniere-ligne {  float:none; text-align:center;}
#onglets #colonne-de-droite .creer-devis form p:last-child { border:none;}
#onglets #colonne-de-droite .creer-devis form p label { float:left; width:145px; padding:3px 5px 0 0; font-weight:bold; color:#fff; text-align:left; }
#onglets #colonne-de-droite .creer-devis form select { float:left; width: 140px; margin: 0; input:focus; outline: 0 none; }

#type-onglet-2-colonnes #bloc-thematiques { float:left; width: 700px; margin:20px 0; padding:0; border-bottom:solid 2px #959595; background-color:#f4f4f5; }
#type-onglet-2-colonnes #bloc-thematiques p { text-align:center; font-weight:bold; font-size:14px; }
#type-onglet-2-colonnes #bloc-thematiques p a { color:#454546; padding:0 5px;}

#type-onglet-2-colonnes #bloc-contacts { float:right; width:220px; margin:20px 0 0 0; }
#type-onglet-2-colonnes #bloc-contacts { border-bottom:solid 2px #959595; background-color:#f4f4f5; }
#type-onglet-2-colonnes #bloc-contacts ul li a { float:left; width:220px; font-size:11px; color:#757575; line-height:24px; border-bottom:solid 2px #FFFFFF; text-indent:10px; background:#f4f4f5 url(img/pictos-contact.png) no-repeat right 0 }
#type-onglet-2-colonnes #bloc-contacts ul li a.contact { background-position: right -24px;}
#type-onglet-2-colonnes #bloc-contacts ul li a.site { background-position: right -48px; border:none;}
#type-onglet-2-colonnes #bloc-contacts ul li a:hover { background-color:#dfdfe0; text-decoration:none; }

#type-onglet-2-colonnes #bloc-thematiques h3,
#type-onglet-2-colonnes #bloc-contacts h3 { height:23px; line-height:22px; margin:0; padding:0; color:#98999a; font-size:11px; text-indent:5px; background: transparent url(img/titres-H3.gif) no-repeat 0 -196px; }

/* Pied de page */

#footer { float:left; width: 980px; margin:20px 0; padding:0; font-size:11px; text-align:center; color:#949494;}
#footer a { color:#949494;}


/* Tableaux
-------------------------------------------------------- */
table { float:left; width:100%;  padding:0; margin:0;  font-weight:normal; }
table tr { padding:0; margin:0; }
table tr.ligne-bleue { background-color:#e3efff; }
table tr th { background:url(img/fond-table-th.gif);border-width: 0 0; font-weight:normal; }
table tr th:last-child { border-width: 0 ; }
table tr td { border-right:solid 0px #808080; }
table tr td:last-child { border-right: none;}
table tr td a { color:#0000ee; text-decoration:underline;}



/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* User Style */
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxError{padding:50px; border:1px solid #ccc;}

#cboxLoadedContent{ }

#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

#cboxClose{position:absolute; top:-5px; right:5px; display:block; background-image:url(img/bt-close.png); width:38px; height:38px; text-indent:-9999px;}


#contenu-thickbox { padding:0;}
#contenu-thickbox h3 { height:23px; line-height:22px; font-size:11px; color:#fff; margin:0; padding:0; text-indent:5px; background: transparent url(img/titres-H3.gif) no-repeat 0 -232px; }
#contenu-thickbox .content { display:inline-table; border:3px solid #cccccc; padding:10px; border-top:none; background-color:#FFFFFF}



.exporter { width:100%; float:left; text-align:center; margin:20px 0; }
.requete { width:100%; float:left; margin:20px 0; }
.requete a.modif-requete { color:#2d6b7d; text-decoration:underline; background:url(img/picto-modif-requete.gif) no-repeat; padding:3px 0 3px 22px; }
select { float:left; width: 140px; margin: 0; input:focus; outline: 0 none; }

#footer-link{
	background-color: #4e4e4e;
	text-align: center;
	width: 100%;
	margin: auto;
	position: fixed !important;
    bottom: 0px;
    display: block; 
	z-index:999;
}

#footer-link a{
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}



#tabledhtmlx table { float:left; width:100%;  padding:0; margin:0; border:solid 1px #a4bed4; font-size:10px; font-weight:normal;background-color:#fff; }
#tabledhtmlx table tr { padding:0; margin:0; }
#tabledhtmlx table tr.ligne-bleue { background-color:#e3efff; }
#tabledhtmlx table tr th { background:url(/css/img/fond-table-th.gif); border:solid 1px #a4bed4; border-width: 0 1px 1px 0; font-weight:normal; }
#tabledhtmlx table tr th:last-child { border-width: 0 0 1px 0; }
#tabledhtmlx table tr td { border-right:solid 1px #808080; }
#tabledhtmlx table tr td:last-child { border-right: none;}
#tabledhtmlx table tr td a { color:#0000ee; text-decoration:underline;}
#tabledhtmlx table tr td.grid_hover {color:#0000ee; text-decoration:underline;}

#formLog{
	border: 0.5px solid #bbb;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	width: 300px;
	height: 125px;
	padding-left: 5px;
	padding-top: 20px;
	margin: auto;
	color: #424242;
}