html {
line-height:1.2em;
}
html, body {
height: 100%;
}
html, body, ul, li, form, img, p, h1, h2, h3, h4, h5, cite, table, tr, td, cite, div, iframe, input, textarea, select, object {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
body {
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#EBE8E4;
}
input, textarea {
font-style:inherit;
font-weight:inherit;
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
input.text, textarea {
border:1px solid #969696 !important;
cursor: text;
padding:0px 2px;
}
input.submit {
height: auto;
cursor:pointer;
}
form table input, form input, form textarea{
border:0;
background-color:#EEEFEF;
margin-bottom:5px;
}
form {
background-color:#FCFCFC;
border:#EBE7E4 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:right;
width:490px;
margin-top:15px;
padding:10px !important;
}
form input {
width:320px;
border:1px solid #969696 !important;
}
.button {
background-color:#EEEFEF;
color:#B34AAD;
font-weight:bold;
font-size:12px;
padding:2px;
}
#print{
display: none;
}
#page{
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
width:996px;
background-color: #FFF;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -165px;
}
.IeFix {
display:none;
>display:block;
height:20px;
margin-bottom:-20px;
color:#FFF;
}
ul {
list-style: none;
}
hr {
display:none;
}
a img {
cursor:pointer !important;
}
a { color:#89A6AC;}
.spacer {
display:block;
clear:both;
>height:1px;
border:none !important;
}
*+.spacer {
>height:5px;
}
#header {
background:#FFF url('/images/interface/tetiere.gif') 0px 0px no-repeat;
width:966px;
padding-right:30px;
height:406px;
padding-top:3px;
text-align: right;
font-size:14px;
font-weight:bold;
text-transform: uppercase;
color:#00B9E9;
}
#header a {
font-size:14px;
font-weight:bold;
text-transform: uppercase;
color:#00B9E9;
text-decoration:none !important;
}
#header a:hover {
color:#FFF;
}
#header a.retour {
width: 250px;
height:85px;
position:absolute;
display:block;
top:0px;
left:0px;
}
#header .titre {
width: 450px;
height:85px;
position:absolute;
display:block;
top:0px;
left:280px;
padding-top:5px;
color:#BAC8C8;
text-align: left;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
}
.home #header .titre {
padding-top:3px;
font-size:14px;
font-style: italic;
text-transform:none;
}
#content {
padding:30px 0px;
margin-top:-270px;
}
#content h1 em {
font-weight:normal;
font-size:smaller;
font-style: normal;
}
#content .colonne1 {
margin-left:0px;
padding-left:0px;
width:640px;
}
#content .colonne1 h1 {
color:#0DBEE8;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
width:750px;
}
#content .colonne1 .texte_content {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
line-height:normal;
margin:0px;
}
.buttons {
padding-top:20px;
width:670px;
border-bottom:solid #CCCCCC 1px;
}
.last{
border:none;
}
.navigation {
width:660px;
border-bottom:solid #CCCCCC 1px;
}
.buttons_nav {
width:130px;
border-right:solid #CCCCCC 1px;
float:left;
text-align:center;
height:100px;
}
.last {
border-right:none;
}
.buttons_nav .top_button {
padding-left:10px;
padding-right:10px;
width:110px;
float:top;
}
.buttons_nav .top_button a {
padding:0;
}
.buttons_nav .top_button a img {
border:0;
}
.buttons_nav .bottom_button {
padding-left:10px;
padding-right:10px;
text-align:center;
float:bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0DBEE8;
}
.buttons .left_button {
width:75px;
float:left;
}
.buttons .left_button a {
width:72px;
padding:0;
}
.buttons .left_button a img {
border:0;
}
.buttons .right_button {
width:590px;
float:right;
}
.buttons .right_button .title a {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#35C7EC;
}
.buttons .right_button .content a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
font-weight:normal;
color:#999999;
}
#content .colonne1 h2 {
width:530px;
}
#content .colonne1 h2.first {
padding-top:0px;
}
#content .colonne2 h2 {
color:#FFC001;
font-weight:normal;
margin-left:25px;
margin-top:59px !important;
padding-right:10px;
}
#content h3 {
height:20px;
padding-top:29px;
margin-bottom:4px;
}
#content h2, #content h3 {
color:#000;
font-size:28px;
font-weight:bold;
}
#content h2 span.picto {
width:20px;
height:20px;
margin-left:-25px;
>margin-top: 8px;
position: absolute;
background:transparent url(/images/interface/pictos.gif) no-repeat scroll -220px -20px;
}
#content .colonne3 a.deconnexion span.picto {
width:20px;
height:20px;
margin-left:-10px;
position: absolute;
background:transparent url(/images/interface/pictos.gif) no-repeat scroll -120px -20px;
}
#content .colonne3 a.deconnexion:hover span.picto {
background:transparent url(/images/interface/pictos.gif) no-repeat scroll -140px -20px;
}
#content .colonne1 .kiosque h2 {
padding:0px;
background: transparent;
left:5px;
}
#content h2 em, #content h3 em {
color:#FFC001;
font-style: normal;
font-weight:bold;
}
#content h3 {
font-size:14px;
text-align:left;
padding-top:0px;
margin-top:0px;
display:block;
height: auto;
}
#content h4 {
font-size:11px;
text-align:left;
margin:10px 0;
}
#content .colonne1 {
width:680px;
float:left;
margin-top:-5px;
margin-left:30px;
>margin-left:15px;
}
.home #content .colonne1 {
width:569px;
>width:549px;
}
#content .colonne1 ul {
clear:both;
padding-right:20px;
}
#content .colonne1 .kiosque ul {
clear:both;
left:-5px;
padding-right:0px;
>padding:0px 0px 5px 5px !important;
width:225px;
}
.home #content .colonne1 ul {
margin-top:10px;
margin-bottom:20px;
}
.home #content .colonne1 ul li {
margin-bottom:0px;
}
#content .colonne1 ul li ul li {
>height:15px;
border-bottom:1px solid #EBE8E3;
}
#content .colonne1 .kiosque ul li ul li {
border-bottom:none;
clear:both;
>margin-bottom:-20px;
}
#content .colonne1 ul li ul li a {
margin-left:0px;
}
.home #content .colonne1 ul li {
padding-top:5px;
padding-bottom:38px;
border:none;
}
#content .colonne1 a {
padding-right:0px;
background: none;
text-decoration:none;
}
#content .colonne1 a.selected, #content .colonne3 a.selected {
font-weight: bold;
}
.home #content .colonne1 h1 {
margin-left:130px;
line-height:40px;
}
#content .colonne1 h2 {
font-size:10px;
text-align: left;
}
#content .colonne1 h2:first-letter {
text-transform:uppercase;
}
#content .colonne1 h1 a {
margin-left:0px;
text-decoration: none;
color:#89A6AC;
}
#content .colonne1 .titre {
clear:both;
margin-bottom:30px;
}
#content .kiosque h2 em, #content .kiosque h3 em {
color:#00B9E9;
}
#content .prestation h2 em, #content .prestation h3 em {
color:#FF9C00;
}
/* COLONNE 2 */
#content .colonne2 {
width:680px;
float:left;
margin-top:-100px;
}
.home #content .colonne2 {
width:352px;
}
#content .colonne2 .tetiere {
background: transparent url('/images/interface/colonne-2.gif') top right no-repeat;
margin-top:30px;
}
#content .colonne2 .date {
display:block;
left:-110px;
position:absolute;
text-align:right;
top:30px;
width:200px;
font-size:10px;
color:#8BA6AE;
}
#content .colonne2 .article {
background:#F4F3EF url('/images/interface/degrade.gif') bottom left repeat-x;
}
#content .colonne2 .article img {
>margin-bottom:-3px;
}
#content .colonne2 .article .titre {
font-size:18px;
line-height:18px;
padding:3px 10px;
background-color: transparent;
color: #808080;
margin-top:5px;
}
.home #content .colonne2 .kiosque .article .titre {
color: #FFF;
}
#content .colonne2 h5 {
color:#000;
font-size:11px;
font-weight:bold;
margin:10px 0px;
}
#content .colonne2 table {
margin:10px 0px;
border:0px;
}
#content .colonne2 table caption {
color:#645448;
font-style:italic;
margin-bottom:-10px;
padding:0;
}
#content .colonne2 table td {
padding:0px 5px;
margin:0px;
}
#content .colonne2 table th {
color:#645448;
font-size:11px;
font-weight:bold;
text-align: center;
padding:0px 5px;
background:#ECE8E5 url(/images/interface/pictos.gif) repeat scroll 0 -241px;
color:#645448;
border-bottom:1px solid #645448;
border-left:1px solid #F2F1ED;
}
#content .colonne2 table tr {
background-color: #ECE8E5;
}
#content .colonne2 table tr.impair {
background-color: #EBE8E3;
}
#content .colonne2 table tr.pair {
background-color: #F3F2ED;
}
#content .login .bloc {
width:416px !important;
}
#content .colonne2 .bloc {
border:1px solid #8BA6AE;
padding:10px;
margin-top:10px;
width:300px;
clear:both;
}
#content .colonne2 .bloc label {
width:100px;
float:left;
}
#content .colonne2 .bloc .input, #content .colonne2 .bloc input.text, #content .colonne2 .bloc div.text {
width:190px;
float:left;
z-index:1;
}
#content .colonne2 .bloc li {
padding-bottom:20px;
>padding-bottom:0px !important;
clear:both;
}
#content .colonne2 .left {
float:left;
}
#content .colonne2 .right {
float:right;
margin-left:25px;
}
#content .colonne1 .bloc {
border:1px solid #EBE7E4;
padding:10px;
>padding:0px;
margin-right:25px;
margin-bottom:20px;
left:-5px;
}
#content .colonne2 .bloc p {
color:#000;
}
#content form.bloc input {
margin-left:5px;
height:16px;
}
#content .colonne1 form, #content .colonne1 form label, #content .colonne1 form input {
color:#A3A3A3;
}
#content .colonne1 form.bloc input.text {
width:70px;
}
#content .colonne2 form.bloc input.text {
width:140px;
}
#content .colonne1 form.bloc input.submit, #content .colonne2 form.bloc input.submit {
width:30px;
height:auto !important;
}
form .form_error input {
border: 1px solid #D60606 !important;
}
form .form_error div {
color:#D60606;
font-style: italic;
z-index:0;
}
form .form_error label {
color:#D60606;
}
#content .colonne3 {
position:relative;
padding-top:-73px;
padding-left:28px;
text-align:right;
width: 320px;
margin-top:-80px;
>margin-top:-100px;
margin-left:620px;
margin-bottom:0px;
>margin-bottom:20px;
z-index: 999;
}
#content .colonne3 .identification {
font-weight: bold;
border-bottom:1px solid #FFC001;
}
#content .colonne3 ul {
margin-right:-5px;
}
#content .colonne3 ul li {
border-left:1px solid #FFC001;
display:inline;
margin:0;
padding:0 5px !important;
}
#content .colonne3 ul li.first {
border-left:none;
}
#content .colonne3 ul li a {
margin:0px;
color:#000;
text-decoration: none;
}
#content .colonne3 ul li a:hover {
color:#FFC001;
}
#content .colonne3 .bloc {
background: #FFF url('/images/interface/bloc-colonne-gauche-content.gif') 0 0 repeat-y;
padding: 0;
margin: 0;
}
#content .colonne3 .bloc .header {
background: transparent url('/images/interface/bloc-colonne-gauche-top.gif') 0 0 no-repeat;
height:9px;
>height:4px;
display:block;
}
#content .colonne3 .bloc .footer {
background: #FFF url('/images/interface/bloc-colonne-gauche-bottom.gif') 0 0 no-repeat;
height:10px;
display:block;
}
#content .colonne3 .bloc ul {
margin:0 15px;
}
#content .colonne3 .bloc ul li {
border-top: 1px dotted #A49898;
padding-bottom: 10px;
margin-bottom: 0px;
padding-top:10px;
}
#content .colonne3 .bloc ul li.first {
border-top: none;
padding-top:0px;
}
#content .colonne3 .bloc ul li ul {
margin:0 !important;
}
#content .colonne3 .bloc ul li ul li {
border-top: none;
margin-bottom:1px;
padding-bottom:0px;
padding-top:0px;
}
#content .colonne3 .bloc ul li ul li a {
color:#000;
text-decoration: none;
}
#content .colonne3 .bloc ul li ul li a:hover, #content .colonne3 .bloc.kiosque ul li ul li a:hover {
color:#00B9EA;
}
#content .colonne3 .bloc a .picto {
background-color:#F8F7F5;
}
/* PICTOS */
span.picto {
display: block;
}
#content .colonne3 li a {
margin-left:20px;
}
#content .colonne3 a .picto {
float:none;
left:-5px;
top:0px;
position:absolute;
}
#content a.selected .picto {
background:transparent url('/images/interface/pictos.gif') -200px -20px no-repeat !important;
left:-28px;
top:0px;
position:absolute;
}
#content .colonne3 a.selected .picto {
left:-5px !important;
position:absolute !important;
}
span.picto {
display: block;
}
#content a .picto {
background: url('/images/interface/pictos.gif') -200px -20px no-repeat;
width:20px;
height:20px;
float:left;
position:relative;
margin-left:0px;
}
#content .colonne3 li a {
margin-left:20px;
}
#content .colonne3 a .picto {
float:none;
left:-5px;
top:0px;
position:absolute;
}
#content a.selected .picto {
background:transparent url('/images/interface/pictos.gif') -200px -20px no-repeat !important;
left:-28px;
top:0px;
position:absolute;
}
.colonne1 #content a.more:hover {
color:#FF9D00;
}
.hidden {
display:none;
}
#footer, .push {
height: 165px;
width:996px;
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
clear:both;
}
#footer {
background:#FFF url('/images/interface/footer.gif') 0px 0px no-repeat;
}
#footer ul {
margin-left:630px;
padding-top:30px;
}
#footer ul li {
border-left:1px solid #8BA6AE;
float:left;
line-height:10px;
padding:0 10px;
}
#footer ul li.first {
border-left:none;
}
#footer ul li a {
color:#8BA6AE;
text-decoration: none;
}
#footer ul li a:hover {
color:#FDC101;
}
.lien h4 {
border:1px solid #ECE9E4;
background:#FFF url('/images/interface/pictos.gif') -0px -245px no-repeat;/*260*/
height:16px;
padding:0px 5px;
margin-right:10px !important;
float:left;
}
a.bouton {
color:#737373 !important;
text-decoration:none !important;
font-size:10px !important;
}
a.bouton:hover {
color:#89A6AC !important;
}
#paging {
display: block;
text-align: right;
}
#paging ul li {
list-style: none;
display: inline;
border-left:1px solid #FFC001;
}
#paging ul li.first {
border:none;
margin-left:0px;
}
#paging ul li a {
height:20px;
display: inline-block;
text-align: center;
margin-left:3px;
color:#000;
text-decoration:none;
padding:0px 6px;
}
#paging ul li a.selected {
text-decoration: underline;
color: #FFC001;
font-weight: bold;
}
#paging ul li a:hover {
color: #FFC001;
}
#paging ul li.page, #paging ul li.page a {
width:auto;
}
.bloc_infos {
margin-top:20px;
padding:10px;
background-color:#FBFBFB;
/*border:1px #999999 solid;*/
width:490px;
margin-left:80px;
}
.radio {
width:10px !important;
font-size:9px;
}
.radiolist {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.radiotext {
padding-left:5px;
line-height:9px;
}
.colonne1 .tiny .vous_et_votre_famille {width:15px;float:left;}
.avous_et_votre_famille a:hover {color:#FFC001;}
.colonne1 .tiny .vous_et_votre_famille img {
background:transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0 -32px;
}
.colonne1 .tiny .votre_retraite {width:15px;float:left;}
.avotre_retraite a:hover {color:#0AA8A5;}
.colonne1 .tiny .votre_retraite img {
background:transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0 -64px;
}
.colonne1 .tiny .vacances {width:15px;float:left;}
.avacances a:hover {color:#0694D7;}
.colonne1 .tiny .vacances img {
background:transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0 -96px;
}
.colonne1 .tiny .loisirs {width:15px;float:left;}
.aloisirs a:hover {color:#FF008A;}
.colonne1 .tiny .loisirs img {
background:transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0 -129px;
}
.colonne1 .tiny .avantages_conso {width:15px;float:left;}
.aavantages_conso a:hover {color:#69C530;}
.colonne1 .tiny .avantages_conso img {
background:transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0 -160px;
}
.colonne1 .titleformulaire {
color:#CCCCCC;
display:block;
font-size:18px;
font-weight:bold;
margin-top:20px;
margin-bottom:-10px;
}
.formulaire {
padding-left:80px;
}
.aussi {
margin-left:80px;
margin-top:10px;
border:#CCCCCC dashed 1px;
padding:10px;
width:490px;
font-size:12px;
}
.aussi a {
color:#999999;
}
.aussi a {
}
.courrier {
background-color:#FCFCFC;
border:#EBE7E4 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
width:490px;
margin-top:15px;
padding:10px !important;
}
.colonne1 .titlerubrique {
padding-left:10px;
width:600px;
float:left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
display:block;
}
.colonne1 ul li {height:40px;padding-top:10px;}
.colonne1 .titlerubrique a {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}
.colonne1 .titlerubrique a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}
.colonne1 .title_select {
font-size:14px;
font-style:italic;
font-weight:bold;
color:#89A6AC;
> padding-bottom:10px;
}
.colonne1 .titlerub {
font-size:18px;
border-bottom:#CCCCCC 1px dashed;
font-weight:bold;
color:#89A6AC;
display:block;
margin-bottom:-10px;
}
.colonne1 .titlerub img {
margin-top:2px;
}
.colonne1 .numero {
font-size:14px;
font-weight:bold;
color:#0DBEE8;
}
.colonne1 .horaires {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
font-weight:normal;
}
#navigation_right {
float:right;
width:200px;
position:absolute;
top:410px;
left:745px;
}
.sousFormDiv input {
width:40px;
}
.sousFormDiv {
width:450px;
}
#navigation_right .blocnav .title a {
color:#FFCC33;
font-size:14px;
line-height:17px;
font-weight:bold;
text-align:left;
text-decoration:none;
}
#navigation_right .blocnav {
color:#878787;
font-size:11px;
line-height:14px;
text-align:left;
border-bottom:#CCCCCC 1px solid;
margin-bottom:8px;
}
#avertissement p {
color:#666666;
clear:both;
margin-top:15px;
line-height:14px;
background-color:#FCFCFC;
padding:3px;
width:504px;
}
#avertissement a {
text-decoration:underline !important ;
color:#666666;
font-weight:bold;
}
.buttons_nav .bottom_button .title {color:#CCCCCC;}
.buttons_nav .bottom_button .title_over{}
.buttons_nav .bottom_button a .title_over{color:#0DBEE8;}
.buttons_nav .bottom_button a:hover .title{color:#0DBEE8;}
.buttons_nav .bottom_button a .title{color:#CCCCCC;}
#texte_select {
padding-top:10px;
line-height:14px;
font-size:12px;
font-weight:normal;
color:#000000;
}
.colonne1 ul li {
border-bottom:#CCCCCC 1px solid;
}
.question {
color:#89A6AC;
}
.question a:hover{
text-decoration:underline !important;
}
#reponses a {
font-weight:bold;
}