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, object, label {
margin:0;
padding:0;
border:0;
font-style:inherit;
font-weight:inherit;
position: relative;
cursor: default;
font-family:Arial, Helvetica, sans-serif;
z-index:10;
}
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;
z-index:10;
}
input.text, textarea {
border:1px solid #969696 !important;
cursor: text;
}
input.submit {
height: auto;
}
#print {
display: none;
}
object {
display: none;
/*margin-bottom:15px;*/
}
#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;
}
.flash div div {
display:none;
}
.pubFlash {
margin-bottom:20px;
}
ul {
list-style: none;
}
hr {
display:none;
}
a img {
cursor:pointer !important;
}
img.QRCode {
display:none;
}
.spacer {
display:block;
clear:both;
>height:20px;
>margin-top:-20px;
z-index: 1;
}
*+.spacer {
>height:5px;
}
#header {
background:#FFF url('/images/interface/tetiere.gif') 0px 0px no-repeat;
width:966px;
padding-right:30px;
height:91px;
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 {
background:#FFF;
/*padding:30px 20px 30px 30px;*/
padding:30px 0px;
}
.home #content h1 {
}
#content h1 em {
font-weight:normal;
font-size:smaller;
font-style: normal;
}
#content h2 {
/*
height:32px;
margin-bottom:-13px;
padding-top:32px;
*/
height:32px;
margin-bottom:-11px;
padding-top:31px;
>margin-bottom:-12px;
>padding-top:32px;
}
#content .colonne1 h2 {
padding-top:10px;
}
#content .colonne2 h2 {
padding-right:10px;
text-transform:uppercase;
}
#content h2.sIFR-replaced {
margin-bottom:-10px;
padding-top:20px;
}
#content h3 {
height:20px;
padding-top:29px;
margin-bottom:4px;
}
#content h2, #content h3 {
color:#000;
text-align:right;
font-size:28px;
font-weight:bold;
}
/*
.home #content h2 {
font-size:36px;
margin-bottom:-10px;
>margin-bottom:-13px;
padding-top:30px;
}
*/
#content .kiosque h2 {
font-size:28px;
margin-bottom:-11px;
padding-top:31px;
text-transform:uppercase;
}
#content .noColonne h2 {
font-size:28px;
text-transform:uppercase;
margin-bottom:10px;
}
#content .noColonne {
float:left;
margin-top:-60px;
padding-right:30px;
width:675px;
}
#content .colonne2 h2.long {
font-size:22px !important;
margin-bottom:-13px;
padding-top:33px;
}
#content .colonne2 h2.verylong {
font-size:19px !important;
font-weight:normal !important;
margin-bottom:-14px;
padding-top:34px;
}
#content .colonne1 .kiosque h2 {
padding:0px;
background: transparent;
left:5px;
}
#content .colonne1 .kiosque h2.sIFR-replaced {
padding-top:5px !important;
}
.home #content h2.sIFR-replaced {
margin-bottom:0px;
}
#content h2 em, #content h3 em {
color:#00B9E9;
font-style: normal;
font-weight:normal;
}
#content h3 {
font-size:14px;
text-align:left;
padding-top:0px;
margin-top:0px;
}
#content .colonne1 .kiosque h3 {
border-top:1px dashed #9B9293;
margin-right:10px;
padding-top:5px;
margin-top:5px;
left:5px;
}
#content .colonne1 .kiosque h3.first {
border-top:none !important;
margin-top:0 !important;
}
#content .colonne1 .kiosque h3.sIFR-replaced object {
margin-top:8px;
}
#content h4 {
font-size:11px;
text-align:left;
margin:10px 0;
}
/* COLONNE 1 */
#content .colonne1 {
width:260px;
float:left;
margin-top:-5px;
margin-left:30px;
>margin-left:15px;
}
.home #content .colonne1 {
width:369px;
>width:349px;
}
#content .colonne1 ul {
clear:both;
padding-right:20px;
}
#content #recherche ul {
padding-right:0px !important;
}
#content #recherche ul li {
padding:0px !important;
margin:0px !important;
>margin-top:-8px;
}
#content .colonne1 .kiosque ul {
clear:both;
left:-5px;
padding-right:0px;
>padding:3px 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 {
border-bottom:1px solid #EBE8E3;
> height:20px;
}
#content .colonne1 .kiosque ul li ul li {
border-bottom:none;
clear:both;
}
#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 {
text-decoration: none;
padding-right:20px;
background:#FFF url('/images/interface/pictos.gif') -60px 20px no-repeat;
}
*/
#content .colonne1 a {
margin-left:120px;
padding-right:0px;
background: none;
color:#000;
text-decoration:none;
display: block;
}
#content .colonne1 a:hover {
color:#02B8E8;
}
#content .colonne1 a.selected, #content .colonne3 a.selected {
font-weight: bold;
}
#content .colonne1 a.profils_info {
background:#FFF url('/images/interface/pictos.gif') -160px -20px no-repeat;
position:absolute;
right:-17px;
top:2px;
}
#content .colonne1 a.profils_info:hover {
background:#FFF url('/images/interface/pictos.gif') -180px -20px no-repeat;
}
#content .colonne1 a.more {
color:#02B8E8;
}
#content .colonne1 a.more:hover {
color:#FF9D00;
}
#content .colonne1 h1 {
color:#89A6AC;
line-height:20px;
margin-left:100px;
font-weight: bold;
padding-top:10px;
}
.home #content .colonne1 h1 {
margin-left:130px;
line-height:40px;
}
.home #content .colonne1 h2 {
color:#00B9E9;
font-size:14px;
}
#content .colonne1 h2 {
font-size:16px;
text-align: left;
height:auto;
margin-bottom:0 !important;
}
#content #profil h2 {
font-size: 13px; /*14px;*/
text-align: left;
padding-top: 5px;
color:#89A6AC; /*#00B9E9;*/
}
#content #profil h5 {
border:1px solid #EBE8E3;
color:#89A6AC;
font-size:12px;
font-style:italic;
margin-bottom:10px;
padding:5px;
text-align:left;
width:208px;
}
#content #erase_profil {
display:block;
margin-left:-20px;
padding-top:5px;
position:absolute;
right:38px;
top:-5px;
z-index:20;
cursor: pointer;
}
#content #erase_profil span.picto {
background: transparent url(/images/interface/pictos.gif) no-repeat scroll -120px -19px;
}
#content #erase_profil:hover span.picto {
background: transparent url(/images/interface/pictos.gif) no-repeat scroll -120px -19px;
}
#content .colonne1 h2:first-letter {
text-transform:uppercase;
}
#content .colonne1 h1 a {
margin-left:0px;
text-decoration: none;
color:#89A6AC;
}
#content .colonne1 .big img {
margin-left:-118px;
}
#content .colonne1 .big h1 {
font-size:30px;
margin-top:-120px;
}
#content .colonne1 .big h1.sIFR-replaced {
margin-top:-115px;
>margin-top:-155px;
}
#content .colonne1 .medium img {
margin-left:-105px;
}
#content .colonne1 .medium h1 {
font-size:25px;
margin-top:-95px;
margin-bottom:10px;
}
#content .colonne1 .medium h1.sIFR-replaced {
margin-top:-80px;
>margin-top:-120px;
margin-bottom:0px;
}
.home #content .colonne1 .small img {
margin-left:-92px;
}
#content .colonne1 .tiny {
margin-bottom:0px !important;
margin-top:20px;
}
#content .colonne1 titre.first {
margin-top:0px !important;
}
#content .colonne1 .small h1 {
font-size:22px;
margin-top:-85px;
}
#content #formulaire .small h1, #content #calcul .small h1 {
padding-bottom:30px !important;
}
#content .colonne1 .tiny h1 {
font-size:18px;
margin-top:-27px !important;
margin-left:25px !important;
font-weight:normal !important;
}
.home #content .colonne1 .small h1.sIFR-replaced {
margin-top:-75px;
>margin-top:-115px;
}
#content .colonne1 .small a.retourAccueil {
margin:0; padding: 0;
}
#content .colonne1 a.retourAccueil {
margin:0; padding: 0;
}
#content .colonne1 li.vous_et_votre_famille {
padding-bottom:30px;
}
#content .colonne1 .big .vous_et_votre_famille img {
background: #FF9D00 url('/images/interface/big-prestation.jpg') 0 0 no-repeat;
}
#content .colonne1 .medium .vous_et_votre_famille img {
background: #FF9D00 url('/images/interface/medium-prestation.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .vous_et_votre_famille img {
background: #FF9D00 url('/images/interface/small-prestation.jpg') 0 0 no-repeat;
}
#content .colonne1 .tiny .vous_et_votre_famille img {
background: transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0px -32px;
}
#content .colonne1 h1.vous_et_votre_famille a:hover {
color: #FF9D00;
}
#content .colonne1 .big .votre_retraite img {
background: #0AA8A5 url('/images/interface/big-retraite.jpg') 0 0 no-repeat;
}
#content .colonne1 .medium .votre_retraite img {
background: #0AA8A5 url('/images/interface/medium-retraite.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .votre_retraite img {
background: #0AA8A5 url('/images/interface/small-retraite.jpg') 0 0 no-repeat;
}
#content .colonne1 .tiny .votre_retraite img {
background: transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0px -64px;
}
#content .colonne1 h1.votre_retraite a:hover {
color: #0AA8A5;
}
#content .colonne1 .big .vacances img {
background: #0694D7 url('/images/interface/big-vacances.jpg') 0 0 no-repeat;
}
#content .colonne1 .medium .vacances img {
background: #0694D7 url('/images/interface/medium-vacances.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .vacances img {
background: #0694D7 url('/images/interface/small-vacances.jpg') 0 0 no-repeat;
}
#content .colonne1 .tiny .vacances img {
background: transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0px -96px;
}
#content .colonne1 h1.vacances a:hover {
color: #0694D7;
}
#content .colonne1 .big .loisirs img {
background: #FF008A url('/images/interface/big-loisirs.jpg') 0 0 no-repeat;
}
#content .colonne1 .medium .loisirs img {
background: #FF008A url('/images/interface/medium-loisirs.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .loisirs img {
background: #FF008A url('/images/interface/small-loisirs.jpg') 0 0 no-repeat;
}
#content .colonne1 .tiny .loisirs img {
background: transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0px -129px;
}
#content .colonne1 h1.loisirs a:hover {
color: #FF008A;
}
#content .colonne1 .big .avantages_conso img {
background: #69C530 url('/images/interface/big-avantages.jpg') 0 0 no-repeat;
}
#content .colonne1 .medium .avantages_conso img {
background: #69C530 url('/images/interface/medium-avantages.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .avantages_conso img {
background: #69C530 url('/images/interface/small-avantages.jpg') 0 0 no-repeat;
}
#content .colonne1 .tiny .avantages_conso img {
background: transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos-icons.png) no-repeat scroll 0px -160px;
}
#content .colonne1 h1.avantages_conso a:hover {
color: #69C530;
}
#content .colonne1 .small .formulaire img {
background: #FFC001 url('/images/interface/small-formulaires.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .calcul img {
background: #FFC001 url('/images/interface/small-calculs.jpg') 0 0 no-repeat;
}
#content .colonne1 .small .dossier_cgos img {
background: #FFC001 url('/images/interface/small-dossier-cgos.jpg') 0 0 no-repeat;
}
#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:455px;
float:left;
margin-top:-100px;
}
.home #content .colonne2 {
width:352px;
}
#content .colonne2 h2.sIFR-replaced {
margin-bottom:-8px;
>margin-bottom:-13px;
padding-top:28px;
}
#content .colonne2 .kiosque h2.sIFR-replaced {
margin-bottom:0px;
>margin-bottom:-13px;
padding-top:20px;
}
#content .colonne2 .tetiere {
background: transparent url('/images/interface/colonne-2.gif') top right no-repeat;
margin-top:30px;
}
#content .colonne2 .kiosque {
/*margin-top:30px;*/
}
#content .colonne2 .date {
display:block;
left:-110px;
position:absolute;
text-align:right;
top:30px;
width:200px;
font-size:10px;
color:#8BA6AE;
}
.home #content .colonne2 .kiosque .date {
left:-215px;
}
#content .colonne2 .article {
background:#F4F3EF url('/images/interface/degrade.gif') bottom left repeat-x;
}
.home #content .colonne2 .kiosque .article {
background:#000;
margin-left:28px;
padding-bottom:3px;
}
#content .colonne2 .article img {
>margin-bottom:-3px;
}
#content .colonne2 .article img.captify {
>margin-bottom:5px !important;
}
#content .colonne2 .article .titre {
font-size:18px;
line-height:18px;
padding:3px 10px;
background-color: transparent;
color: #808080;
margin-top:5px;
}
#content .colonne2 .article #id_kiosque {
display:none;
}
.home #content .colonne2 .kiosque .article .titre {
color: #FFF;
}
#content .colonne2 .article .amorce, #content .colonne2 .article .content {
font-size:11px;
line-height:14px;
padding:3px 10px;
}
#content .colonne2 .article .content p, #content .colonne2 .article .content ul {
margin-bottom:10px;
}
#content .colonne2 .article .content ul {
padding-left: 15px;
list-style-type: disc;
}
#content .colonne2 .article .content ul ul {
padding-left: 15px;
list-style-type:circle;
}
#content .colonne2 .article .content h4, #content .noColonne h4 {
color:#02B8EA;
text-transform: uppercase;
font-weight: bold;
z-index: 30;
}
#content .colonne2 .article .content h4.alert, #content .noColonne h4.alert {
border:1px solid #FFC001;
color:#FF9D00;
background-color: #FEF7E2;
text-transform: uppercase;
font-weight: bold;
z-index: 30;
text-align: center;
}
#content .colonne2 .size1 .titre {
font-size:14px;
line-height:14px;
}
#content .colonne2 h5, #content .noColonne h5 {
color:#000;
font-size:11px;
font-weight:bold;
margin:10px 0px;
}
#content .colonne2 table, #content .noColonne table {
margin:10px 0px;
width: 100% !important;
border-collapse: separate !important;
}
#content .colonne2 table caption, #content .noColonne table caption {
color:#645448;
font-style:italic;
padding:0;
/*margin-bottom:-10px;*/
}
#content .colonne2 table td, #content .noColonne table td {
padding:0px 5px;
}
#content .colonne2 table th, #content .noColonne table th {
color:#645448;
font-size:11px;
font-weight:bold;
text-align: center;
background:#ECE8E5 url(/images/interface/pictos.gif) repeat scroll 0 -241px;
border-bottom:1px solid #645448;
}
#content .colonne2 table tr, #content .noColonne table tr {
background-color: #ECE8E5;
}
#content .colonne2 table tr.highlight, #content .noColonne table tr.highlight {
background-color: #F3F2ED;
}
#content .colonne2 div.more h5, #content .noColonne div.more h5 {
display:none;
}
#content .colonne2 div.more #listForm, #content .noColonne div.more #listForm {
display: none;
background-color:#FFFFFF;
border:1px solid #ECE9E4;
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin-top:5px;
padding:2px 5px 2px 18px;
position:absolute;
z-index:20;
}
#content .colonne2 div.more #listForm li {
z-index: 25;
}
#content .colonne2 .size1 .amorce, #content .colonne2 .size1 .content, #content .colonne2 .size1 h4, #content .colonne2 .size1 h5, #content .colonne2 .size1 td, #content .colonne2 .size1 th {
font-size:9px;
line-height:11px;
}
#content .colonne2 .size2 .titre {
font-size:18px;
line-height:18px;
}
#content .colonne2 .size2 .amorce, #content .colonne2 .size2 .content, #content .colonne2 .size2 h4, #content .colonne2 .size2 h5, #content .colonne2 .size2 td, #content .colonne2 .size2 th {
font-size:11px;
line-height:14px;
}
#content .colonne2 .size3 .titre {
font-size:24px;
line-height:24px;
}
#content .colonne2 .size3 .amorce, #content .colonne2 .size3 .content, #content .colonne2 .size3 h4, #content .colonne2 .size3 h5, #content .colonne2 .size3 td, #content .colonne2 .size3 th {
font-size:14px;
line-height:18px;
}
#content .colonne2 .size1 h3 {
font-size:11px;
line-height:11px;
}
#content .colonne2 .size2 h3 {
font-size:14px;
line-height:14px;
}
#content .colonne2 .size3 h3 {
font-size:16px;
line-height:18px;
}
#content .colonne2 .kiosque .article .amorce {
background-color:#000;
color:#FFF;
}
#content .colonne2 .kiosque .article a {
font-size:11px;
color: #E1E2E2;
text-decoration: none;
}
#content .noColonne ul {
padding-left:20px;
list-style: disc;
}
#content .noColonne a {
font-size:11px;
color: #000;
text-decoration: none;
}
#content .noColonne a:hover {
text-decoration: underline;
}
#content .colonne2 .kiosque .article a.more {
display:block;
padding:3px 10px 3px 0px;
background-color: #000;
font-size:11px !important;
}
#content .colonne2 .kiosque .article a:hover {
color: #FFF;
}
#content .colonne2 .article div.more .lien {
margin-top:-40px;
position:absolute;
margin-left:-15px;
font-size:11px !important;
}
#content .colonne2 .article div.more {
background:transparent url('/images/interface/pictos.gif') -558px 2px no-repeat;
padding-left:15px;
margin-top:40px; /*70px;*/
font-size:11px !important;
}
#content .colonne2 .kiosque .article div.more {
margin-top:15px;
}
#content .colonne2 .article div.more h5 {
color:#00B8E9;
font-size:10px;
font-size:11px !important;
}
#content .colonne2 .article div.more ul li a, #content .colonne2 .article .content a {
color:#89A6AC;
text-decoration: underline;
}
#content .colonne2 .article div.more ul li a:hover, #content .colonne2 .article .content a:hover {
color:#818181;
text-decoration: none;
}
#content .colonne2 .article div.more ul li a small {
text-transform: none;
}
#content .colonne2 .newsletter {
margin-top:20px;
}
.home #content .colonne2 .newsletter {
margin-left:28px;
>width: 325px !important;
}
.home #content .colonne2 .newsletter.first {
margin-top:48px;
}
#content .colonne2 .bloc, #content .noColonne .bloc {
border:1px solid #8BA6AE;
padding:10px;
}
#content .noColonne .bloc {
width:450px;
margin-left:90px;
margin-top:50px;
}
#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 form#profil input {
>margin-left:-25px;
}
#content .noColonne form.bloc input {
height:auto;
}
#content .colonne1 form {
padding:5px !important;
}
#content .colonne1 form, #content .colonne1 form label, #content .colonne1 form input {
font-size:10px !important;
}
#content .colonne1 form.bloc input.text {
width:70px;
> width:50px;
}
#content .colonne2 form.bloc input.text {
width:140px;
}
#content .noColonne form.bloc input.text, #content .noColonne form.bloc textarea {
width:300px;
}
#content .colonne1 form.bloc input.submit, #content .colonne2 form.bloc input.submit {
width:30px;
height:auto !important;
}
#content .colonne1 .newsletter h3 {
border:none;
}
#content .colonne1 .newsletter h3.sIFR-replaced {
top:7px;
>top:2px;
}
#content .colonne1 .newsletter h3.sIFR-replaced object {
margin-top:0px !important;
}
.newsletter label {
float:left;
margin-bottom:5px;
}
.newsletter .right {
float:right;
}
.newsletter p {
clear:both;
}
.newsletter #newsletter_region {
/*margin-left:35px;*/
float:right;
}
.newsletter .small {
width:30px !important;
}
input.form_error, textarea.form_error {
border: 1px solid #FEB204 !important;
}
label.form_error, label.form_error a {
color:#FEB204 !important;
}
.newsletter .alertError {
margin-bottom:5px;
color:#8BA6AE !important;
text-align: center;
font-size:bigger;
font-weight: bold;
}
#outils input.captcha {
width:179px !important;
float: left;
}
#outils #captcha {
margin-left:10px;
float: left;
>position: absolute;
}
#outils .firstSpecial {
margin-top:30px;
}
/*
#content .colonne3. {
border-left: 1px solid #8BA6AE;
border-right: 1px solid #8BA6AE;
border-bottom: 1px solid #8BA6AE;
width:185px;
float:left;
margin-left:28px;
top:-70px;
}
#content .colonne3.wireframe .header {
background:#FFFFFF url(/images/interface/colonne-3.gif) no-repeat scroll right top;
height:5px;
left:0;
top:-5px;
width:186px;
}
#content .colonne3.wireframe ul {
margin:15px;
}
#content .colonne3.wireframe ul li ul li .picto {
background: #FFF url('/images/interface/pictos.gif') -20px -20px no-repeat;
width:20px;
height:20px;
float:left;
}
*/
#content .colonne3 {
width:191px;
float:left;
margin-left:28px;
margin-top:-73px;
}
#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.prestation ul li ul li a:hover {
color:#FF9C00;
}
#content .colonne3 .bandeau {
margin:15px 0px 0px 1px;
}
#content .colonne3 .bloc a .picto {
background-color:#F8F7F5;
}
#content .colonne3 #mini_sondage {
margin-top:15px;
}
#content .colonne3 #mini_sondage h3 em {
color:#FF9C00;
}
#content .colonne3 #mini_sondage .bloc {
background: #FFF url('/images/interface/bloc-colonne-gauche-sondage-content.gif') 0 0 repeat-y;
}
#content .colonne3 #mini_sondage .bloc .header {
background: transparent url('/images/interface/bloc-colonne-gauche-sondage-top.gif') 0 0 no-repeat;
}
#content .colonne3 #mini_sondage .bloc .footer {
background: #FFF url('/images/interface/bloc-colonne-gauche-bottom.gif') 0 0 no-repeat;
}
#content .colonne3 #mini_sondage ul li p {
font-weight: bold;
}
#content .colonne3 #mini_sondage ul li p.a_vote {
display: none;
}
#content .colonne3 #mini_sondage ul li ul li input {
margin-left:-20px;
position: absolute !important;
cursor:pointer;
}
#content .colonne3 #mini_sondage ul li ul li label {
margin-left:0px;
cursor:pointer;
}
/* PICTOS */
span.picto {
display: block;
}
#content .kiosque a .picto, #content a .picto {
background: url('/images/interface/pictos.gif') -80px -20px no-repeat;
width:20px;
height:20px;
float:left;
position:relative;
margin-left:0px;
}
#content div.targetBlank {
background: url('/images/interface/pictos.gif') -28px -40px no-repeat;
width:10px;
height:10px;
display:inline-block;
margin:0 5px 0 2px;
>position:absolute;
cursor:pointer;
}
#content a.targetBlankIeParent {
>margin-right:15px;
}
#content .colonne1 .kiosque a .picto {
background-position: -20px -20px;
}
#content .colonne1 .kiosque a.more .picto {
background-position:0px -20px !important;
}
#content .colonne3 .kiosque li a, #content .colonne3 li a {
margin-left:0px;
}
#content .colonne3 .kiosque li li, #content .colonne3 li li {
padding-left:20px;
}
#content .colonne3 .kiosque a .picto, #content .colonne3 a .picto {
float:none;
left:-5px;
>left:-25px !important;
top:0px;
>top:-4px !important;
position:absolute;
}
#content .kiosque.alaune a .picto {
background-position: -60px -20px;
}
#content .prestation a .picto {
background-position: -100px -20px;
}
#content a.selected .picto {
background:transparent url('/images/interface/pictos.gif') -40px -20px no-repeat !important;
left:-28px;
top:0px;
position:absolute;
}
#content .colonne3 a.selected .picto {
left:-5px !important;
>left:-25px !important;
position:absolute !important;
}
#content .colonne3 .prestation a.selected .picto {
background:transparent url('/images/interface/pictos.gif') -200px -20px no-repeat !important;
}
.colonne1 #content a.more:hover {
color:#FF9D00;
}
#content .kiosque a.selected .picto {
left:0px;
top:0px;
position:relative;
}
#content .newsletter .picto {
background: url('/images/interface/pictos.gif') -0px -40px no-repeat;
width:28px;
height:28px;
float:left;
margin:-8px 3px 0px 0px;
}
#content .colonne1 .kiosque .picto {
margin-top:0px;
}
#content .colonne3 .contact .lien {
background: url(/images/interface/pictos.gif) 0 -120px no-repeat;
display:block;
height:21px;
margin-bottom:20px;
padding-top:4px;
width:184px;
}
#content .colonne3 .contact .lien.sIFR-replaced {
padding-top:7px;
}
#content .colonne3 .contact a {
margin-left:26px;
color:#89A6AC;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#content .colonne3 .contact a:hover {
color:#00B9EA;
}
#content .colonne1 .profil {
background: #FFF url('/images/interface/pictos.gif') -0px -68px no-repeat;
height:26px;
float:left;
margin-bottom:30px;
}
#content .colonne1 .profil .lien {
float:left;
padding-top:3px;
margin-bottom:0px;
}
#content .colonne1 .profil .lien.sIFR-replaced {
margin-top:3px !important;
}
#content .colonne1 .profil a {
margin-left:26px !important;
color:#8BA6AF;
font-size:12px;
font-weight:normal;
}
#content .colonne1 .profil a em, #content .colonne3 .contact a em {
font-style:normal;
font-weight:bold;
}
#content .colonne1 .profil a:hover {
color:#00B9EA;
}
#content .colonne1 .profil .fin {
background: #FFF url('/images/interface/pictos.gif') -0px -94px no-repeat;
width:26px;
height:26px;
display:block;
float:left;
}
#content .colonne3 .profil {
background:#FFF url('/images/interface/pictos.gif') -0px -163px no-repeat;
height:39px;
margin-bottom:20px;
border:1px solid #EBE7E4;
width:182px;
}
#content .colonne3 .profil .lien {
float:left;
padding-top:3px;
margin-bottom:0px;
padding-left:26px !important;
}
#content .colonne3 .profil .lien.sIFR-replaced {
margin-top:3px !important;
}
#content .colonne3 .profil a {
color:#8BA6AF;
font-size:12px;
font-weight:normal;
text-decoration: none;
line-height:16px;
}
#content .colonne3 .profil a em {
font-style:normal;
display: block;
font-weight:bold;
text-transform: uppercase;
}
#content .colonne3 .profil a:hover {
color:#00B9EA;
}
#content .colonne3 .profil .fin {
background: #FFF url('/images/interface/pictos.gif') -0px -202px no-repeat;
width:28px;
height:39px;
display:block;
float:right;
}
.colonne1 .hidden {
display:none;
}
#content .colonne2 .hidden {
display:none !important;
}
object.visible {
display:inline-block;
}
#outils {
left:-25px;
position:absolute;
top:225px;
z-index:20;
}
#outils.noImg {
/*top:29px !important;*/
top:115px !important;
}
.kiosque #outils {
top:317px;
z-index: 20;
}
#outils a {
width:20px;
height:20px;
display:block;
margin-bottom:3px;
/*border-right:5px solid #fff;*/
}
#outils a:hover, #outils a.selected {
border-right:5px solid #EBE8E4;
}
#outils #agrandir {
background:#FFF url('/images/interface/pictos.gif') -0px -0px no-repeat;
}
#outils #reduire {
background:#FFF url('/images/interface/pictos.gif') -20px -0px no-repeat;
}
#outils #imprimer {
background:#FFF url('/images/interface/pictos.gif') -40px -0px no-repeat;
}
#outils #envoyer {
background:#FFF url('/images/interface/pictos.gif') -60px -0px no-repeat;
}
#outils #calculQF {
background:#FFF url('/images/interface/QF_ani.gif') 0px 0px no-repeat;
/*background:#FFF url('/images/interface/pictos.gif') -320px -0px no-repeat;*/
}
#outils #addComment {
background:#FFF url('/images/interface/pictos.gif') -340px 0px no-repeat;
}
#outils .sendPost, #outils .qf {
background-color:#EBE8E4;
border:1px solid #8BA6AE;
left:25px;
padding:10px;
position:absolute;
top:0;
z-index:20;
width:250px;
/*display:none;*/
}
#outils .qf {
width:350px;
}
#outils .sendPost .close, #outils .qf .close {
background:transparent url(http://cdn.cgos.info/img/barreCgos/barreCgos_x.png) no-repeat scroll 0 0;
cursor:pointer;
display:inline;
height:16px;
position:absolute;
right:3px;
top:3px;
width:16px;
z-index:3200;
}
#outils .sendPost p, #outils .qf p {
margin-bottom:5px;
clear:both;
}
#outils .sendPost h3, #outils .qf h3 {
color:#000;
font-weight:bold;
}
#outils .sendPost label, #outils .qf label {
display:block;
height:auto;
line-height:1.2em;
font-weight:bold;
margin-top:10px;
}
#outils .qf ul label {
width:auto;
float:none;
font-weight:normal;
}
#outils .sendPost input.text {
width:250px;
}
#outils .qf input.text {
width:80px;
margin-left:10px !important;
}
#outils .sendPost textarea, #outils .qf textarea {
width:250px;
}
#outils .qf ul {
list-style: none !important;
margin-left:30px !important;
}
#outils .qf ul li input.radio{
position: absolute !important;
margin-left:-20px !important;
}
#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 {
float:right;
margin-right:20px;
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:#00B9E9;
}
.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;
}
.lien h4.sIFR-replaced {
height:15px;
padding-top:4px;
}
a.bouton {
color:#737373 !important;
text-decoration:none !important;
font-size:10px !important;
}
a.bouton:hover {
color:#89A6AC !important;
}
/* SiFR Styles (more) */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h5 {
visibility: hidden;
font-family: Arial;
margin: 0;
padding: 0;
}
/*newsletter h3*/
h3.sIFR-replaced {
}
h3.sIFR-replaced .sIFR-flash {
position:absolute;
top:0px;
}
.colonne2 h3.sIFR-replaced .sIFR-flash {
left:35px;
>left:5px;
}
.colonne3 h3.sIFR-replaced .sIFR-flash {
left:0px;
}
.colonne2 h5.sIFR-replaced {
padding-top:1px;
}
#modalFileContainer {
background-color: #EBE8E4;
border: 3px solid #FFF;
width:900px;
margin-left:-450px;
height:500px;
left:50%;
top:15%;
position:absolute;
padding-top:23px;
}
/*
#modalFileContainer .simplemodal-wrap * {
text-align:center;
}
*/
#modalFileOverlay {
background-color: #000;
}
#modalFileContainer a.modalCloseImg {
background:url('http://cdn.cgos.info/img/barreCgos/barreCgos_x.png') no-repeat;
width:16px;
height:16px;
display :inline;
z-index:3200;
position:absolute;
top:3px;
right:3px;
cursor:pointer;
}
#content #recherche {
width:720px;
}
#content #recherche h4 {
font-size:12px;
font-style:italic;
font-weight:bold;
margin:0 0 10px;
color:#00B9E9;
}
#content #recherche h4.first {
margin-top:0px !important;
}
#content #recherche h4 strong {
font-size:16px;
color:#000000;
}
#content #recherche form.bloc {
width:440px;
>width:350px;
margin-bottom:10px;
background-color:#EBE7E4;
clear: both;
}
#content #recherche form.bloc input.text {
width:150px;
}
#content #recherche a, #content #recherche a * {
cursor: pointer;
}
#content #recherche h3 {
margin-top:4px;
margin-bottom:0px;
text-transform: uppercase;
}
#content #recherche .contenu {
}
#content #recherche form#profil h4, #content #recherche form#profil #profil_submit {
margin-top:10px;
margin-left:0px;
}
#content #recherche form#profil p input.check_radio {
position: absolute;
}
#content #recherche form#profil p label {
display: block;
margin-left:25px;
}
#content #recherche .presentation {
color:#A29E9F;
padding-top:20px;
}
#content #recherche .left {
float:left;
margin-right:20px;
width:250px;
}
#content #recherche .url {
color:#00B9E9;
font-size:9px;
margin-top:-3px;
}
#content #recherche .rank {
height:9px;
margin-bottom:5px;
position:absolute;
right:0;
top:5px;
width:40px;
}
#content #recherche .rank0 {
background: #FFF url('/images/interface/pictos.gif') -80px 0px;
}
#content #recherche .rank1 {
background: #FFF url('/images/interface/pictos.gif') -120px 0px;
}
#content #recherche .rank2 {
background: #FFF url('/images/interface/pictos.gif') -160px 0px;
}
#content #recherche .rank3 {
background: #FFF url('/images/interface/pictos.gif') -200px 0px;
}
#content #recherche .rank4 {
background: #FFF url('/images/interface/pictos.gif') -240px 0px;
}
#content #recherche .rank5 {
background: #FFF url('/images/interface/pictos.gif') -280px 0px;
}
/* Numéros indigo */
#content .numero-0820, #content .numero-0825 {
color:#3C288A;
font-size:12px;
}
#content .numero-0820 img, #content .numero-0825 img {
margin-right:2px;
top:4px;
>top:0px;
}
#content .numero-0820 .tarif, #content .numero-0825 .tarif {
font-weight:normal;
font-size:smaller;
font-weight:normal;
margin-left:3px;
}
.static_page {
margin-top:30px;
}
.static_page ul li.static_page ul li {
border-bottom:none !important;
margin-bottom:-12px;
}
.static_page ul li.static_page h2 {
margin-bottom:-25px !important;
color:#89A6AC !important;
}
.static_page .tiny h1 {
font-size:14px !important;
}
ul.liensUtiles {
display: block !important;
list-style: none;
}
ul.liensUtiles li {
display: block;
clear: both;
padding-top:10px !important;
list-style: none;
}
ul.liensUtiles li a {
display: block;
text-decoration:none !important;
color:#000;
cursor:pointer;
}
ul.liensUtiles li a:hover {
text-decoration:underline !important;
}
ul.liensUtiles img {
float:left;
}
ul.liensUtiles .texte {
float:left;
margin-left:10px;
cursor:pointer;
width:360px;
}
.static_page .noColonne ul.liensUtiles .texte {
width:590px;
}
ul.liensUtiles h3 {
font-size:16px !important;
margin-top:10px !important;
font-weight:bold;
color:#89A6AC !important;
}
ul.liensUtiles .texte h4 {
font-size:14px !important;
margin:0 !important;
font-weight:bold;
}
ul.liensUtiles .texte h4, ul.liensUtiles .texte .presentation {
cursor:pointer;
}
#content .colonne2 .article .content ul.listTelechargement {
text-align:center !important;
/*>position: absolute;*/
>position: relative;
>left:-10px;*
>z-index:300;
}
#content .colonne2 .article .content ul.listTelechargement li {
list-style: none;
display: inline;
clear:both;
>clear:none;
text-decoration:none;
width:128px;
>float:left;
>margin-left:10px;
>position: relative;
}
#content .colonne2 .article .content ul.listTelechargement li a {
display: block;
float:left;
>float:none;
width:128px;
height:105px;
background:#FFF url('/images/interface/acrobat_software.png') 40px 10px no-repeat;
border:1px solid #F2F1ED;
text-decoration:none;
color:#8BA6AE;
cursor: pointer !important;
/*>position: absolute;*/
>position: relative;
padding-top:75px;
margin-left:5px !important;
margin-bottom:5px !important;
}
#content .colonne2 .article .content ul.listTelechargement li a.pdf {
background-image:url('/images/interface/acrobat_software.png');
}
#content .colonne2 .article .content ul.listTelechargement li a.doc {
background-image:url('/images/interface/word_software.png');
}
#content .colonne2 .article .content ul.listTelechargement li a.xls {
background-image:url('/images/interface/excel_software.png');
}
#content .colonne2 .article .content ul.listTelechargement li a:hover {
border:1px solid #EBE8E4;
background-color:#F9F9F8;
color:#8BA6AE;
text-decoration:none;
}
#content .colonne2 .article .content ul.listTelechargement li .titre, #content .colonne2 .article .content ul.listTelechargement li .nb, #content .colonne2 .article .content ul.listTelechargement li .poids {
text-align:center !important;
padding:0px !important;
margin:0px !important;
text-decoration:none !important;
cursor: pointer !important;
}
#content .colonne2 .article .content ul.listTelechargement li .titre {
font-size:11px !important;
margin-bottom:5px !important;
font-weight:bold;
line-height: 1.1em;
color:#000;
z-index: 2000;
}
#content .colonne2 .article .content ul.listTelechargement li .nb {
font-size:11px !important;
color:#8BA6AE !important;
font-weight: bold !important;
}
#content .colonne2 .article .content ul.listTelechargement li .poids {
font-size:9px !important;
color:#8BA6AE !important;
font-weight: normal !important;
margin:0 5px !important;
/*overflow:hidden !important;*/
}
#content .colonne2 .article bloquote p {
margin:0px 0px 0px 20px !important;
}
#content .colonne2 .article bloquote h5 {
font-weight: bold;
margin:0px 0px 0px 20px !important;
}
#content form ul {
padding:0px;
margin:0px;
}
#content form ul li {
clear:both;
list-style: none;
}
#content form ul label {
width:200px;
display:block;
float:left;
margin-bottom:5px;
font-style: normal;
}
#content form ul input.text, #content form ul select.text {
width:200px;
/*float:left;*/
margin-bottom:5px;
font-style: normal;
}
#content form ul li.note {
font-style: italic;
padding-bottom:10px !important;
z-index:1;
}
.content .contenu_html {
text-align: center;
display: block;
}
#content .colonne2 .article .content .video {
display:none;
}
#content .colonne2 .article .content .galery a {
display:block;
padding:5px;
text-align: center;
}
#content .colonne2 .content .bloquote {
display:block;
padding:5px 0px 5px 15px;
}
#content .colonne2 .content .bloquote h5, #content .colonne2 .content .bloquote p {
margin:0 !important;
padding:0 !important;
}
.caption-top, .caption-bottom {
color: #000;
padding: 1.0em;
font-weight: normal;
font-size: 13px;
font-family: arial;
cursor: default;
border: 0px solid #f4f2f0;
background: #ebe8e4;
position:relative !important;
}
/*
.kiosque .caption-top, .kiosque .caption-bottom {
border: 0px solid #FDC439;
background: #FEB30A;
}
.prestations .caption-top, .prestations .caption-bottom {
border: 0px solid #f4f2f0;
background: #ebe8e4;
}
*/
.caption-top {
border-width: 0px 0px 8px 0px;
}
.caption-bottom {
border-width: 8px 0px 0px 0px;
padding-left: 55px !important;
}
.iconInformation {
position:absolute;
top:15px;
left:15px;
}
.caption a, .caption a {
border: 0 none;
text-decoration: none;
background: #FFF;
padding: 0.3em;
}
.caption a:hover, .caption a:hover {
background: #FFF;
}
.caption-wrapper {
/*float: left;*/
z-index: 100;
}
br.c { clear: both; }
ul.magazines {
>width:400px;
}
ul.magazines li {
list-style: none;
float:left;
margin-bottom: 20px !important;
>width:100px;
}
ul.magazines li a img {
float:none !important;
clear:both !important;
margin-bottom:15px !important;
}
ul.magazines li a {
padding:10px;
background-color :#FFF !important;
border:1px solid #F2F1ED !important;
text-decoration:none !important;
display: block;
margin-right:18px;
>margin-right:10px;
cursor:pointer;
}
ul.magazines li a:hover {
background-color:#F9F9F8 !important;
border:1px solid #EBE8E4 !important;
color:#8BA6AE !important;
}
ul.magazines li a h3 {
font-size:13px !important;
text-align: center !important;
width:100px;
margin-bottom:25px !important;
}
ul.magazines li a h4 {
font-size:11px !important;
text-transform: none !important;
color:#89a6ac;
text-align: center !important;
margin-top:-30px !important;
font-weight: normal !important;
width:100px;
position:absolute;
}
ul.magazines li.first {
>width:420px;
}
ul.magazines li.first a {
border:1px solid #FFF;
display: block;
margin-right:10px;
}
ul.magazines li.first a img,
ul.magazines li.first a h3,
ul.magazines li.first a h4,
ul.magazines li.first a .presentation {
float:left !important;
cursor: pointer !important;
}
ul.magazines li a * {
cursor: pointer !important;
}
ul.magazines li.first a img {
margin-right:20px !important;
margin-bottom:20px !important;
}
ul.magazines li.first a h3 {
font-size:20px !important;
text-align:left !important;
margin-right:10px !important;
margin-bottom:0px !important;
width:150px;
}
ul.magazines li.first a h4 {
font-size:16px !important;
text-align:left !important;
margin-top:0px !important;
text-transform: none !important;
margin-right:10px !important;
width:150px;
font-weight: bold !important;
position:relative;
}
ul.magazines p {
color:#000;
}
ul.magazines li.first a h5, ul.magazines li.first a p {
margin-right:10px !important;
}
#commentaires {
background-color:#F5F4F2;
padding:10px;
margin-top:40px;
border:1px solid #EBE8E4;
}
#commentaires h4 {
color:#00BAEB !important;
text-transform: none !important;
font-weight: normal !important;
}
#commentaires h4 strong {
color:#069EC8 !important;
}
#commentaires h4 span {
display: block;
color:#8BA6AE !important;
}
#commentaires h4:first-letter {
text-transform: uppercase !important;
}
#commentaires ul, #commentaires ul li {
list-style: none;
padding:0px !important;
}
#commentaires ul li {
border-bottom:1px solid #EBE8E4 !important;
}
#commentaires ul li.last {
border-bottom:none !important;
}
#commentaires h4 {
}
#commentaires h3, #commentaires h3 a.addComment {
font-weight: bold !important;
font-size:13px !important;
}
#commentaires p {
}
#commentaires .pagination_comment {
margin:0px -10px 10px -10px;
padding:10px;
background-color:#EBE8E4;
text-align: right;
}
#commentaires .pagination_up {
margin-top:-10px;
}
#commentaires .pagination_down {
margin-bottom:-10px;
}
#commentaires .pagination_comment .current {
/*border:1px solid #EBE8E4;*/
margin:0 5px;
padding:5px;
color:#069EC8;
font-weight:bold;
}
#commentaires .pagination_comment .prev, #commentaires .pagination_comment .next, #commentaires .pagination_comment span {
font-weight:normal;
color:#89a6ac;
}
#commentaires .pagination_comment a {
background-color:#F5F4F2;
margin:0 5px;
padding:5px;
text-decoration:none !important;
}
#commentaires .pagination_comment a:hover {
text-decoration:none;
background-color: #d3e3e5 !important;
color:#069ec8 !important;
}
a#retour50ans {
background:#FFF url("http://www.cgos.info/images/interface/50ans-retour.jpg") 0px 0px no-repeat !important;
width:230px !important;
height:80px !important;
margin:0 !important;
}
a#retour50ans:hover {
background-position:0px -80px !important;
}
#trace_debug { background-color:#B8AA9C; }
#trace_debug .synchro em, #trace_debug .synchro a { color:#0F0; }
#trace_debug .asynchro em, #trace_debug .asynchro a { color:#F00; }
#trace_debug a { color:#00BAEB;text-decoration:none;background-color:#645448;padding:0 3px; }
#trace_debug a:hover { color:#FFC001;text-decoration:underline; }
#trace_debug strong { background-color:#645448;color:#ECE9E4;padding:0 3px; }
#trace_debug em { font-style:normal;color:#FFC001; }
#trace_debug p { text-align:center; border-bottom:1px solid #ECE9E4;font-family:"Courier New";letter-spacing:0px;border-top:1px solid #645448; }
.calcul_liste input.radio {
left:0px;
position: absolute;
}
.calcul_liste div {
float:right !important;
width:235px !important;
}
.calcul_liste div label {
float:left !important;
width:180px !important;
margin-left:25px;
}
form.formulaire_calcul ul {
padding-left:0 !important;
}
/* HACKS Ie7 */
*+html #content {
margin-left:20px !important;
}
*+html #content .colonne3 a .picto {
margin-left:20px;
}