/* CSS Document */

body{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.686em; }

a{ color:#0090bf;}
a:visited{ color:#0090bf} 
a:hover{ color:#22b5e5}


ul{ padding: 0 0 1em 1em; }
ul li{ background:url(../images/puce.gif) left 0.5em no-repeat; padding-left:10px; padding-bottom:0.5em; }

ul ul, ol ol{ padding-top:1em; padding-bottom:0;}

ol { padding: 0 0 1em 1em; }
ol li{ list-style-type:decimal; margin-left:25px; padding-left:-5px; padding-bottom:0.5em;}


#menu_outils{ font-family:Georgia, "Times New Roman", Times, serif; text-align:left;float:left; color:#f0e8dc; padding-bottom:12px;}
#menu_outils ul{ margin: 10px 0 0 139px; padding-left:0; padding-bottom:0;}
#menu_outils ul li{ float:left; margin-right:11px; padding-left:10px; background:none; padding-bottom:0; border-left:1px solid #d3d0cc;}
#menu_outils ul li.premier{ padding-left:0; border-left:none;}
#menu_outils ul li a{ color:#00517a; text-decoration:none; padding:0; display:block; margin-bottom:0.4em; }
#menu_outils ul li a:hover, #menu_outils ul li.actif a{ margin-bottom:0; border-bottom:0.4em solid #e3dfdc;}

#btn_partenaires{ text-align:right; margin: 0 auto; width:887px; position:relative;}
#btn_partenaires img{ float:right; position:absolute; right:0;}

#page{ clear:both; margin: 0 auto; width:887px; position:relative; }

#entete{  height:176px; clear:both; text-align:left;}
#logo{ float:left; }
#flash_top{ float:right;}

#menu_top { clear:both; text-align:left; color:#422e0e; line-height:1.3em; float:left; margin-bottom:10px; }
#menu_top .col{ float:left; width:249px; }
#menu_top .col img{ display:block; background:left 63px no-repeat; }
#menu_top .accueil{ width:140px; }

#menu_top .col .desc{ padding:7px 20px; background:left -8px no-repeat; min-height:120px; }

#accueil #menu_top .retraite img{ background-image:url(../images/bg_1.gif); }
#accueil #menu_top .planifier img{ background-image:url(../images/bg_2.gif); }
#accueil #menu_top .rythme img{ background-image:url(../images/bg_3.gif); }

#menu_top .retraite .desc{ background-image:url(../images/bg_1.gif); }
#menu_top .planifier .desc{ background-image:url(../images/bg_2.gif); }
#menu_top .rythme .desc{ background-image:url(../images/bg_3.gif); }

#menu_top h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.18em; padding-bottom:0.2em; margin-bottom:0; }

#menu_top .retraite h2{ color:#e48c0e; }
#menu_top .planifier h2{ color:#909534; }
#menu_top .rythme h2{ color:#c0451e; }

#contenu{ clear:both; text-align:left; color:#422e0e; position:relative;}

.menu_utilitaires{ position:absolute; right:0; padding:0;}
.menu_utilitaires li{ float:left; padding-left:12px; border-right: 1px solid #dad7d4; padding-right:12px; padding-bottom:0; background:none;}
.menu_utilitaires li.dernier{border-right: 0; padding-right:0;}

h2{ color:#00517a; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.82em; margin:0; padding:0; margin-bottom:20px; }

#contenu p{ line-height:1.5em; padding-bottom:1em;}

#contenu .groupe_bloc{ margin-top:1.2em; margin-bottom:2em; clear:both; float:left; width:100%;}

#contenu .bloc{ width:443px; float:left; }
#contenu .bloc dt, #contenu .bloc dd{ width:250px; float:right; padding-right:40px;}
#contenu .bloc .img{ width: 145px; float:left; padding-right:0;}
#contenu .bloc .img img{ padding:6px; background-color:#f0efeb;}
#contenu .bloc h3{ font-weight:bold; color:#00517a; font-size:1.4545em; font-family:Georgia, "Times New Roman", Times, serif; line-height:0.9em; margin-bottom:0.3em; }


#accueil #contenu .bloc{width:508px;}
#accueil #contenu .bloc dt, #accueil #contenu .bloc dd{ width:343px; padding-right:25px;}
#accueil #contenu .bloc .img{width: 137px; float:left; padding-right:0;}

ul.menu_sections{ padding:0;}
ul.menu_sections li{ margin-top:0.5em; background:url(../images/puce_menu.gif) left 0.28em no-repeat; padding-left: 15px; color:#00517a; font-weight:bold; padding-bottom:0;}
ul.menu_sections li a { font-weight:normal;}
ul.menu_sections li.actif a { font-weight:bold;}
p.detail{ text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif;}

#accueil .info{ /*background:url(../images/bg_info.gif) top left repeat-x*/; width:339px; float:left; padding:24px 20px 0; min-height:181px; color:#00517a; font-family:Georgia, "Times New Roman", Times, serif;}
#accueil .info h3{ font-weight:bold; color:#003a5d; font-size:1.4545em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; margin-bottom:0.3em; }
#accueil .info .photo{ float:right; border: 6px solid #FFF; margin: 0 0 0.3em 1em;}

#pied{ clear:both; padding-top:30px; margin-top:50px; float:left; width:100%; padding-bottom:20px; background:url(../images/bg_pied.gif) top center no-repeat; color:#333;}
#pied p{ margin-bottom:1em;}
#pied a{  padding:0 0.5em;}

ul.menu_retour{ padding:0; padding-top:1.2em;}
ul.menu_retour li{ text-transform:uppercase; margin-bottom:1em; background:url(../images/puce_menu_retour.gif) left 0.28em no-repeat; padding-left: 15px; color:#00517a; font-weight:bold; padding-bottom:0;}
ul.menu_retour li a {color:#0090bf; font-weight:normal;}
ul.top{ padding-top:0;}

ul.retour_haut{ padding:0; padding-top:2em; clear:both;}
ul.retour_haut li{ background:url(../images/puce_haut.gif) left 0.28em no-repeat; padding-left: 15px; color:#00517a; font-weight:bold; padding-bottom:0;}
ul.retour_haut li a {color:#0090bf; font-weight:normal;}


.colonnes .col_menu{ width:235px; padding-right:25px; float:left; }
.colonnes .col_contenu{ width:591px; padding-left:35px; float:left;  border-left:1px solid #d3cfc8; padding-bottom:10px;}


.unecolonne .col_contenu{ border-left:0; width:816px;}

.col_contenu h3{color:#265d8c; font-size:1.4545em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:1em; font-weight:bold;}

#contenu p.date, #contenu p.ptit_date{ margin:0; padding:0; padding-top:0.8em; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2727em; color:#00517a;}
#contenu p.ptit_date{ font-size:1.0909em;}
.col_contenu h4{color:#265d8c; font-size:1.0909em; font-family:Georgia, "Times New Roman", Times, serif;  font-weight:bold; padding:1.1em 0 0.8em}
.col_contenu h5{ font-weight:bold; margin-bottom:0.4em; font-family:Georgia, "Times New Roman", Times, serif; }

table{ width:100%; border:1px solid #dedbd6; margin:0.5em 0 1em; font-size:1em; }
table tfoot{ border:1px solid #dedbd6; }
table td, table th{ border:1px solid #dedbd6; border-bottom:0; border-top:0; padding:0.4em 0.5em 0.4em 0.7em; background-color:#fcfbfa}
table thead td, table thead th{ background:#dedbd6; font-size:1.0909em; padding-top:0.6em; padding-bottom:0.6em; font-weight:bold;}
table .pair td, table .pair th{ background-color: #f6f5f3;}
table tfoot td, table tfoot th{ font-weight:bold; background-color:#FFF;}
table th{ font-weight:bold;}



form table{ width:auto; border:none; margin:0; }
form table tfoot{ border:none; }
form table td, form table th{ border:none; padding:0; background-color:transparent;}
form table thead td, form table thead th{ background:transparent; font-size:inherit; padding-top:0; padding-bottom:0;}
form table .pair td, form table .pair th{ background-color: transparent;}
form table tfoot td, form table tfoot th{ font-weight:normal; background-color:transparent;}
form table th{ font-weight:normal;}

input, textarea{  border:1px solid #d5d2ce; padding:2px 3px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f5f4f4; color:#265d8c;}


/* Contact us */
.tx-thmailformplus-pi1{ padding-bottom:1.5em;}
.tx-thmailformplus-pi1 td{ padding-bottom:0.7em; vertical-align:top; padding-right:10px;}
.tx-thmailformplus-pi1 td.label{ text-align:right; padding-right:7px; padding-top:2px;}

.tx-thmailformplus-pi1 input, .tx-thmailformplus-pi1 textarea{  border:1px solid #d5d2ce; padding:2px 3px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f5f4f4; color:#265d8c;}
.form_contactus input, .form_contactus textarea{ width:380px; }
.form_command #entreprise, .form_command #casepostale, .form_command #courriel, .form_command #adresse{ width:388px; }
.form_command #quantite{ width:75px;}


.tx-thmailformplus-pi1 input.button { width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0909em; color:#FFF; font-weight:bold; padding:4px 12px 3px; text-transform:uppercase; border:none; background:#178ab9; }

.liste_fichiers{ padding:0; float:left; width:100%; margin-top:0.5em;}
.liste_fichiers li{ line-height:1.4em; clear:both; padding-bottom:22px; float:left; background:url(../images/puce_pdf.gif) top left no-repeat; padding-left:33px;}
.liste_fichiers span{ padding-top:0.3em; float:left; background:url(../images/puce_pdf_comm.gif) 2px 0.8em no-repeat; padding-left:14px; font-weight:bold; }



#contenu .col_contenu .bloc{width:591px; padding-bottom:1.5em;}
#contenu .col_contenu .bloc dt, #contenu .col_contenu .bloc dd{ width:443px; padding-right:0; }
#contenu .col_contenu .bloc dd.lien{ padding-bottom:0.2em;}
#contenu .col_contenu .bloc .img{width: 137px; float:left; padding-right:0;}
#contenu .col_contenu .bloc .img img{ padding:0px; background:none;}


#fiche{ color:#422E0E; text-align:left; width:801px; display:block; position:absolute; top:23px; left:41px; height:540px; background:url(../images/fond_fiche.png) 5px 5px no-repeat;}
#fiche .fiche{ width:776px; position:relative; overflow-y: scroll; border: 10px solid #d5d2ce; background-color:#FFF; height:515px;}

#fiche .contenu{ padding:30px 70px;}
#fiche .contenu p{ line-height:1.5em; padding-bottom:1em;}
#fiche .contenu table p {padding-bottom:0;}
#fiche .top_fiche{ background:url(../images/fiche_bg_h2_rythme.gif) top left repeat-y #fd8454; float:left; width:100%;}
#fiche .top_fiche img{ border:0;}
#fiche .mini_logo{ float:left;}
#fiche .menu_utilitaires{ margin-top:0.9em; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.0909em; font-weight:bold; text-transform:uppercase; color:#FFF;}
#fiche .menu_utilitaires li{ border-left: 1px solid #eeebe2; border-right:0;}
#fiche .menu_utilitaires li a{ color:#FFF; text-decoration:none;}
#fiche .menu_utilitaires li.fermer a{ padding:0.4em 0; display:block;}
#fiche .menu_utilitaires li.fermer a:hover{ text-decoration:underline;}

#fiche h2{ padding-left:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4545em; color:#00517A; float:left; margin:0.8em 0 0.6em;}
#fiche h3{ clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8182em; padding:1.5em 70px 0.7em; color:#00517A; background:url(../images/fiche_bg_h3.gif) bottom left no-repeat;}
#fiche h4{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4545em; font-weight:bold; padding:1.1em 0 0.7em; color:#00517A;}
#fiche h5{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1818em; font-weight:bold; padding:0.8em 0 0.7em; color:#00517A;}
#fiche h6{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:0.7em 0 0.8em; color:#422e0e;}



#fiche .copyright{ background:url(../images/fiche_bg_h3.gif) top left no-repeat; padding: 1.5em 70px 2.5em; color:#c2c0b9;}
#fiche img, #contenu .col_contenu img{ border:6px solid #f0efeb;}
.csc-textpic-caption{ color:#00517a; font-size:0.9091em; padding-bottom:0.5em;}



#partenaires{ overflow:hidden; display:none; padding-top:11px; background-color:#f0efeb; position:absolute; top:42px; width:885px; left:0; text-align:left; border-right: 1px solid #178ab9; border-left:1px solid #178ab9; background:url(../images/bg_partenaires.gif) top left no-repeat #f0efeb}
#partenaires ul.menu_sections{ margin-top:0; width:135px; padding-right:20px; float:right;}



#partenaires .ligne_partenaires{ background:none; padding:0; margin:0; border:0; width:auto;}
#partenaires .ligne_partenaires td{ background:none; padding:0; margin:0; border:0; padding-left:18px; padding-right:2px; padding-bottom:11px; padding-top:8px;}

#partenaires .fermer, #partenaires .fermer_hover{ cursor:pointer;  margin-bottom:-11px; clear:both; width:100%; text-align:center; background-color:#178ab9; padding:6px 0; margin-top:8px; float:left;}
#partenaires .fermer:hover, #partenaires .fermer_hover{ background-color:#22b5e5;}

/* La Retraire */

.sect_retraite #fiche .top_fiche{ background:url(../images/fiche_bg_h2_retraite.gif) top left repeat-y #f5ad30;}
.sect_retraite h2{ color:#935300; }		
.sect_retraite #contenu .bloc h3{ color:#dd7e00; }
.sect_retraite #fiche h2{ color:#fee687; }
.sect_retraite #fiche h3{ color:#935300; }
.sect_retraite #fiche h4{ color:#dd7e00; }
.sect_retraite #fiche h5{ color:#dd7e00; }

.sect_retraite ul.menu_sections li{ background-image:url(../images/puce_menu_retraite.gif)}



/* Planifier */

.sect_planifier #fiche .top_fiche{ background:url(../images/fiche_bg_h2_planifier.gif) top left repeat-y #c0c34e;}
.sect_planifier h2{ color:#626700; }		
.sect_planifier #contenu .bloc h3{ color:#989d37; }
.sect_planifier #fiche h2{ color:#e9ec96; }
.sect_planifier #fiche h3{ color:#626700; }
.sect_planifier #fiche h4{ color:#939634; }
.sect_planifier #fiche h5{ color:#939634; }

.sect_planifier ul.menu_sections li{ background-image:url(../images/puce_menu_planifier.gif)}



/* Rythme */
.sect_rythme #fiche .top_fiche{ background:url(../images/fiche_bg_h2_rythme.gif) top left repeat-y #fd8454;}
.sect_rythme h2{ color:#8e3200; }		
.sect_rythme #contenu .bloc h3{ color:#8e3200; }
.sect_rythme #fiche h2{ color:#ffcdb9; }
.sect_rythme #fiche h3{ color:#8e3200; }
.sect_rythme #fiche h4{ color:#c64a23; }
.sect_rythme #fiche h5{ color:#c64a23; }

.sect_rythme ul.menu_sections li{ background-image:url(../images/puce_menu_rythme.gif);}


#partenaires ul.menu_sections li{ background:url(../images/puce_menu.gif) left 0.28em no-repeat;}

.note{ color:#00517a; font-size:0.9091em;}

#contenu p.p_error { padding-bottom:0.5em;}
#contenu p.error{ padding-left:10px; color:#c34720; margin-bottom:1.5em;}

ul.menu_sections a { text-decoration:none;}
ul.menu_sections a:hover{ text-decoration:underline;}

.vitrine h2{ margin-bottom:10px;}
#contenu .vitrine .bloc dd p{ padding-bottom:0.1em;}

hr{ border:0; background:none; padding:0; border-top: 1px solid #dbdad6}

.csc-textpic{ padding-bottom:1.2em;}

#fiche .copyright .fermer{ float:right; text-transform:uppercase;} 

.csc-sitemap ul{ font-size:1.1818em; text-transform:uppercase;}
.csc-sitemap ul li{ background:none; padding-left:0; padding-bottom:1.2em;}
.csc-sitemap ul ul{ font-size:0.8462em; font-weight:bold; text-transform:none;}
.csc-sitemap ul ul li{ padding-bottom:0.9em;}
.csc-sitemap ul ul ul{ font-size:1em; font-weight:normal;  }
.csc-sitemap ul ul ul li{background:url(../images/puce.gif) left 0.5em no-repeat; padding-left:10px; padding-bottom:0.5em;}


#envoyeraunami{ display:none; background-color:red; position:absolute; top:43px; width:740px; left:65px; background:url(../images/fond_fiche.png) no-repeat 5px 5px;}

#envoyeraunami .body_ami{ background:#FFF; margin:0 5px 5px 0; border:8px solid #D5D2CE; text-align:left;}
#envoyeraunami .body{   color:#422e0e; padding:20px 50px;}
#envoyeraunami .entete{ background:url(../images/fd_ami.gif) repeat-y top left #1baae6; padding:6px 10px;}

#envoyeraunami .entete h3{ color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2727em;}
#envoyeraunami .entete .fermer{ float:right;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.0909em; text-transform:uppercase; padding-top:0.1667em}
#envoyeraunami .entete .fermer a{ color:#FFF; text-decoration:none;}
#envoyeraunami .entete .fermer a:hover{ text-decoration:underline;}

#envoyeraunami td{ padding-bottom:0.3em; vertical-align:top; padding-right:10px;}
#envoyeraunami tr.sep td{padding-top:0.7em}
#envoyeraunami td.label{ text-align:right; padding-right:7px; padding-top:2px;}
#envoyeraunami input, #envoyeraunami textarea{ width:250px;  border:1px solid #d5d2ce; padding:2px 3px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f5f4f4; color:#265d8c;}
#envoyeraunami textarea{ width:350px;}
#envoyeraunami input.button { width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0909em; color:#FFF; font-weight:bold; padding:4px 12px 3px; text-transform:uppercase; border:none; background:#178ab9; }


#envoyeraunami .body p{ line-height:1.5em; padding-bottom:1em;}

p.erreurs{color:#c34720; margin-bottom:1.5em;}

.menu_utilitaires .gros{ display:block;}
.menu_utilitaires .normal{ display:none; }



.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{ padding-right:15px;}
.csc-textpic-intext-left-nowrap .csc-textpic-text h4{ padding-top:0.5em; }

img.sans_bordure{ border:0;}
