/* CSS Document */
body {
margin:0;
padding:0;
background:#fff;
color:#002f6f;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:0.8em;
}
p {
margin:3px 0;
line-height:1.25em;
}
a {
/*color:#e7002f;*/
color:#002f6f;
}
h1, .out {
position:absolute;
left:-500px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* Conteneur général */
#top {
width:980px;
background:#fff;
margin:0 auto;
}
/* Conteneur partie du haut */
#haut {
height:348px;
}
/* Conteneur vidéo haut */
#haut .multimedia {
position:absolute;
height:348px;
width:424px;
z-index:0;
}
/* Menu haut */
#menuHaut {
position:absolute;
margin:40px 0 0 394px;
z-index:1;
}
#menuHaut ul {
margin:0;
padding:0;
list-style-type:none;
}
#menuHaut ul li {
padding:0;
vertical-align:middle;
}
#menuHaut ul li.li1 {
padding-left:7px;
}
#menuHaut ul li.li2 {
padding-left:5px;
}
#menuHaut ul li.li3 {
padding-left:3px;
}
#menuHaut ul li.li4 {
padding-left:1px;
}
#menuHaut ul li img {
border:0;
vertical-align:middle;
}
/* Outils */
#outils {
position:absolute;
/*margin:260px 0 0 425px;*/
margin:215px 0 0 425px;
width:180px;
height:70px;
text-align:center;
font-size:0.8em;
}
#outils h2 {
color:#e6002f;
text-transform:uppercase;
font-size:1.25em;
margin:0;
}
#outils p {
margin:5px 0;
padding:0;
font-weight:bold;
}
#outils img {
border:0;
}
/* Partie haut droite */
#hautDroite {
width:334px;
height:348px;
position:absolute;
margin-left:641px;
}
/* Avant connexion */
#hautDroite #topLeft {
float:left;
width:154px;
}
#hautDroite #topLeft p {
margin:10px 10px 5px 0;
}
#hautDroite #login {
float:right;
margin:10px 0;
width:167px;
}
#hautDroite #login h2 {
color:#e6002f;
text-transform:uppercase;
font-size:1.05em;
margin:0 0 5px 0;
}
#hautDroite #login input {
border:1px solid #003269;
width:120px;
vertical-align:middle;
font-size:0.9em;
margin:2px 0;
padding-left:3px;
font-family:"Trebuchet MS", Verdana, sans-serif;
}
#hautDroite #login input.submit {
border:0;
width:auto;
}
#hautDroite #login p {
font-size:0.9em;
}
#hautDroite #login p.error {
color:#e7002f;
font-weight:bold;
}
#hautDroite #login p.oubliMdp {
}
/* Après connexion */
#user {
margin:5px 0;
text-align:right;
}
#user form {
margin:0;
padding:0;
}
#user span {
display:block;
text-transform:uppercase;
font-size:1.3em;
}
#topLeft {
float:left;
width:154px;
margin-right:5px;
margin-top:10px;
}
#userRight {
float:left;
width:175px;
margin-top:10px;
}
#topLeft h2, #userRight h2 {
color:#e6002f;
text-transform:uppercase;
font-size:1.05em;
margin:0 0 5px 0;
}

#topLeft h2 {
margin : 5px 0 5px 0;
}

#membres {
margin:0 0 5px;
width:145px;
/*
height:75px;
overflow:auto;
*/
}
#inscrits p {
margin:3px 0;
font-weight:bold;
font-size:0.9em;
}
#sondage {
margin:0;
padding:0;
font-size:0.9em;
font-weight:bold;
}
#sondage p {
margin:0;
padding:0;
line-height:1.1em;
}
#sondage input, #sondage label {
vertical-align:middle;
}
#parrainage {
font-size:0.9em;
font-weight:bold;
margin:0 0 5px;
height:65px;
}
#parrainage a {
text-decoration:none;
color:#002f6f;
}
#parrainage a:hover {
text-decoration:underline;
}
#centre {
clear:both;
}
#centre h2 {
color:#e6002f;
text-transform:uppercase;
font-size:1.05em;
margin:5px 0;
}
#videoPro {
width:465px; /* 475 - 10 */
float:left;
padding:5px;
}
#videoMag {
width:285px; /* 315 - 30 */
float:left;
padding:5px 15px;
}
/* Bloc partenaires */
#partenaires {
border-spacing:0;
border-collapse:collapse;
width:100%;
margin:5px 0;
font-size:0.85em;
}
#partenaires td {
vertical-align:top;
padding:2px 0;
}
#partenaires td.logoPart {
width:90px;
vertical-align:middle;
}
/* Sélecteur de sites */
#sitesCCI {
margin:5px 0;
padding:0;
}
#sitesCCI select {
width:99%;
color:#6a6a6a;
font-size:0.9em;
border:1px solid #002f6f;
}
#droite {
width:180px; /* 190 - 10 */
padding:5px;
float:left;
}
/* Recherche */
#search {
margin:5px 0;
padding:0;
}
/* Nuage de tags */
#cloud {
margin:5px 0;
}
#cloud a {
text-decoration:none;
}
#cloud a:hover {
text-decoration:underline;
}
.tag1 a {
color:#96a9c4;
font-size:0.85em;
}
.tag2 a {
color:#54749e;
font-size:1em;
}
.tag3 a {
font-weight:bold;
color:#002f6f;
font-size:1.1em;






}
.tag4 a {
font-size:1.2em;
color:#002f6f;
}
.tag5 a {
font-weight:bold;
font-size:1.3em;
color:#002f6f;
}
/* Bloc Agenda */
#agenda {
background:#f2f4f8;
font-size:0.9em;
line-height:1.15em;
}
#agenda div {
padding:5px 20px;
}
#agenda div.fil {
margin:0;
padding:0;
}
#agenda div.membre {
margin:5px -15px;
padding:0 15px;
}
#agenda p {
margin:0;
}
#agenda a {
color:#c80b38;
display:block;
text-align:right;
margin-bottom:5px;
}
#agenda .date {
color:#002f6f;
font-weight:bold;
display:block;
font-size:1.15em;
}
#search h3 {
color:#e6002f;
text-transform:uppercase;
font-size:1.05em;
margin:5px 0;
}
#search input {
border:1px solid #003269;
width:145px;
vertical-align:middle;
font-size:0.85em;
padding-left:3px;
font-family:"Trebuchet MS", Verdana, sans-serif;
}
#search input.submit {
border:0;
width:auto;
}
#footer {
clear:both;
text-align:center;
font-size:0.8em;
font-weight:bold;
padding:10px 0;
}
#footer a {
text-decoration:none;
color:#002f6f;
}
#footer a:hover {
text-decoration:underline;
}

/* Pages internes */
h4 {
font-size:1.1em;
margin:5px 0 0;
color:#e7002f;
background:url(../img/puce.gif) 0 7px no-repeat;
padding-left:10px;
}
#contenu {
float:left;
width:790px;
}
#contenu #cLeft {
width:465px; /* 475 - 10 */
float:left;
padding:5px;
}
#contenu #cRight {
width:280px;
float:left;
padding:5px 15px;
text-align:justify;
}
#contenu #cRight sup {
vertical-align: baseline;
}
h2.titreVideo {
margin:0;
color:#e7002f;
font-size:1.8em;
text-transform:uppercase;
}
#contenu h3 {
margin:0;
padding:0;
color:#e7002f;
font-size:1.05em;
}
.resume {
clear:both;
}

.resume .left {
float:left;
width:230px;
}
.resume .right {
float:left;
width:230px;
margin-left:5px;
}
.liens a {
color:#002f6f;
}
.suite {
text-align:right;
margin:0;
clear:both;
}
.suite a {
font-size:0.9em;
color:#002f6f;
}
/* Bloc commentaires */
.commentaires ul {
margin:5px 0 10px;
padding:0;
list-style-type:none;
}
.commentaires ul li {
background:url(../img/puce.gif) 0 7px no-repeat;
padding:0 0 0 10px;
}
.commentaires ul li a {
text-decoration:none;
color:#002f6f;
}
.commentaires ul li a:hover {
text-decoration:underline;
}
input.reportAbusSubmit {
color:#fff;
background:#002f6f;
font-weight:bold;
border:0;
}
/* Noter */
#noteVid {
position:absolute;
margin:310px 0 0 425px;
}
#noteVid img {
border:2px solid #fff;
vertical-align:middle;
}
#noter {
background:#015ea8;
color:#fff;
padding:0 4px;
vertical-align:middle;
}
/* Lire commentaires */
.commentaires {
padding-top:20px;
}
.listCommentaires h3, .ajoutCommentaire h3 {
font-size:1.1em;
width:220px;
margin:0 0 5px;
background:#015ea8;
color:#fff;
padding:0 4px;
}





.listCommentaires h4 {
background:none;
padding-left:0;
}
.listCommentaires .left {
float:left;
width:225px;
}
.listCommentaires .right {
float:left;
width:230px;
margin-left:10px;
}
/* Laisser commentaire */
.ajoutCommentaire label {
color:#e7002f;
font-weight:bold;
}
.ajoutCommentaire p {
margin:6px 0;
}
.ajoutCommentaire input {
font-family:"Trebuchet MS", Verdana, sans-serif;
border:1px solid #c2c2c2;
font-size:0.9em;
padding:0 0 0 3px;
color:#666;
}
.ajoutCommentaire textarea {
width:99%;
font-size:0.9em;
height:150px;
font-family:"Trebuchet MS", Verdana, sans-serif;
border:1px solid #c2c2c2;
color:#666;
}
.ajoutCommentaire input.submit {
padding:0;
border:0;
margin-left:auto;
}
/* Agenda - Blog */
#invitMembres {
position:absolute;
height:240px;
width:320px;
z-index:0;
margin:30px 0 0 5px;
}
#invitMembres .inner {
overflow:auto;
height:204px;
width:320px;
clear:left;
}
#invitMembres table {
border-spacing:0;
border-collapse:collapse;
margin:0;
font-size:0.9em;
}
#invitMembres table .infos {
width:226px; /* 276 - 50 */
background:#f2f4f8;
padding:0 25px;
}
#invitMembres h3 {
margin:0;
color:#e7002f;
font-size:1em;
}
/* contenu sur 3 colonnes - agenda/blog */
.titre3col {
padding-left:5px;
}
#col1, #col2, #col3 {
text-align:justify;
}
#col1 p, #col2 p, #col3 p {
margin-bottom:10px;
}
#col1 h3, #col2 h3, #col3 h3 {
font-size:1.1em;
margin:5px 0 5px -10px;
color:#e7002f;
background:url(../img/puce.gif) 0 7px no-repeat;
padding-left:10px;
}

#col1 {
float:left;
width:220px;
padding:0 35px 5px 20px;
}
#col2 {
float:left;
width:220px;
padding:0 35px 5px 0;
}
#col3 {
float:left;
width:220px;
padding:0 35px 5px 0;
}
.liensAgenda {
margin-left:0;
padding:0;
list-style-type:none;
font-size:0.9em;
font-weight:bold;
}
.liensAgenda li {
padding:0 10px 0 0;
}


.news-list-container {
padding:0 30px 0 20px;
}
.membre {
background:#ffe8ba;
padding:10px 30px 10px 10px;
}
#contenu .news-list-container h3 {
font-size:1.1em;
margin:5px 0;
color:#002f6f;
background:url(../img/puceBleu.gif) 0 7px no-repeat;
padding-left:10px;
font-weight:normal;
}
#contenu .news-list-container h3 span {
font-weight:bold;
}
#contenu .news-list-container h3:first-letter {
text-transform:uppercase;
}
.news-list-container .liensAgenda li {
display:inline;
padding-right:30px;
}
.news-list-container .liensAgenda li a.linkMail {
background:url(../img/pictoMail.gif) 0 0 no-repeat;
padding-left:40px;
}
.news-list-container .membre .liensAgenda li a.linkMail {
background:url(../img/pictoMailMembre.gif) 0 0 no-repeat;
}
.news-list-container .liensAgenda li a.linkSms {
background:url(../img/pictoSms.gif) 0 0 no-repeat;
padding-left:27px;
}
.news-list-container .membre .liensAgenda li a.linkSms {
background:url(../img/pictoSmsMembre.gif) 0 0 no-repeat;
}
.news-list-container .liensAgenda li a.linkInscr {
background:url(../img/pictoInscrire.gif) 0 0 no-repeat;
padding-left:24px;
}
.news-list-container .membre .liensAgenda li a.linkInscr {
background:url(../img/pictoInscrireMembre.gif) 0 0 no-repeat;
}
#envoiAmi {
margin:20px 0 0;
padding:0;
}
#envoiAmi label {
display:block;
float:left;
width:150px;
text-align:right;
padding-right:10px;
vertical-align:middle;
}
#envoiAmi p {
clear:both;
}
#envoiAmi p.msg {
margin:10px 0;
font-style:italic;
}
p.tipErreur {
margin:10px 0;
color:#e7002f;
}
#envoiAmi input {
border:1px solid #003269;
vertical-align:middle;
font-size:0.9em;
width:150px;
font-family:"Trebuchet MS", Verdana, sans-serif;
}
#envoiAmi textarea {
border:1px solid #003269;
width:200px;
height:150px;
font-family:"Trebuchet MS", Verdana, sans-serif;
font-size:1em;
}
#envoiAmi input.submit {
width:auto;
margin-left:160px;
color:#fff;
background:#002f6f;
font-weight:bold;
}
/* Videos associées */
.listetheme ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}
.listetheme ul li {
background:url(../img/puce.gif) 0 7px no-repeat;
padding-left:12px;
}
.listetheme ul li a {
text-decoration:none;
color:#002f6f;
}
.listetheme ul li a:hover {
text-decoration:underline;
}
.listetheme .Bright {
width:50%;
float:left;
}
.listetheme .Bleft {
text-align:right;
}

/* Sondage */
.tx-jkpoll-pi1 {
width:170px;
font-size:0.9em;
}
.tx-jkpoll-pi1 p {
margin:3px 0;
}


h3.ajoutCommentaireVert {
font-size:1.1em;
width:220px;
margin:0 0 5px;
background: #97bf3d;
color:#fff;
padding:0 4px;
}

h3.ajoutCommentaireBleu {
font-size:1.1em;
width:220px;
margin:0 0 5px;
background: #015ea8;
color:#fff;
padding:0 4px;
}

/* PAGE RECHERCHE */
#synomia_form {
}
.rechCont {
margin-top:44px;
}
.synPoweredBy, .synSearchHelp, .synCoocHelp {
display:none;
}
.colDroiteSearch {
margin-top:348px;
}
.synTxtInput {
border:1px solid #003269;
vertical-align:middle;
font-size:0.9em;
padding-left:3px;
font-family:"Trebuchet MS", Verdana, sans-serif;
}
.synBtnInput {
vertical-align:middle;
color:#fff;
background:#002f6f;
font-weight:bold;
border:1px solid #002f6f;
}
#centre h2.recherche {
margin-top:15px;
}
#menuDroite {
margin:5px 0 10px 0;
padding:0;
list-style-type:none;
}
#menuDroite li {
padding:0 0 0 5px;
margin:5px 0 0;
float:left;
clear:left;
}
.synQueryWords {
font-weight:bold;
font-style:italic;
}
#cloud {
clear:both;
}
.affine_search {
border:1px solid #002f6f;
width:740px;
}
.affine_search table {
width:740px;
}
.affine_search table td {
width:50%;
}
a.synLinkCooc {
padding-left:20px;
}

table.browser {
width:740px;
}
table.browser td {
width:50%;
}
table.browser td a {
text-decoration:none;
}
table.browser td a:hover {
text-decoration:underline;
}
table.browser td.suivant {
text-align:left !important;
}
table.browser td.precedent {
text-align:right !important;
}

/* FORMULAIRE CONTACT */
#mailform {
}
#mailform .mailLabel {
width:150px;
text-align:right;
float:left;
padding-right:10px;
}
#mailform input, #mailform textarea {
width:150px;
border:1px solid #003269;
vertical-align:middle;
font-size:0.9em;
padding-left:3px;
font-family:"Trebuchet MS", Verdana, sans-serif;
}
#mailform textarea {
width:300px;
}
#mailform input.submit {
vertical-align:middle;
color:#fff;
background:#002f6f;
font-weight:bold;
border:1px solid #002f6f;
margin-left:160px;
width:auto;
}
div.mailform {
clear:both;
margin:3px 0;
}
h3.mailformH3 {
font-size:1em;
color:#e7002f;
}
/* Mon profil */
#infosFEUSER {
border:1px solid #002f6f;
margin:10px 0 20px;
}
a#modifProfil {
position:absolute;
margin-left:450px;
margin-top:70px;
}

.tx-Oblady-questionnaire-pi1 label.stdLabel, .tx-Oblady-questionnaire-pi1 label.pswLabel, .tx-Oblady-questionnaire-pi1 label.chkLabel {
display:block;
float:left;
width:170px;
text-align:right;
padding-right:10px;
}
.tx-Oblady-questionnaire-pi1 #popCondGen {
display:block;
margin-bottom:10px;
margin-left:180px;
clear:both;
}
.tx-Oblady-questionnaire-pi1 input.next {
margin-left:180px;
vertical-align:middle;
color:#fff;
background:#002f6f;
font-weight:bold;
border:1px solid #002f6f;
}
.tx-Oblady-questionnaire-pi1 input {
border:1px solid #002f6f;
margin-bottom:5px;
}
.tx-Oblady-questionnaire-pi1 input.checkbox {
border:0;
}
.tx-Oblady-questionnaire-pi1 span.erreur {
color:#e7002f;
display:block;
clear:both;
font-weight:bold;
padding-left:150px;
}

/* CONCOURS */
.blocsecondaire {
clear:both;
margin:10px 0 0 0;
}
.ccRadio {
position:absolute;
margin:0;
padding:0;
}
.ccRadio input {
margin:0;
}
.ccContenu {
padding:0 0 0 20px;
}
input.ccSubmit {
color:#fff;
background:#002f6f;
font-weight:bold;
border:1px solid #002f6f;
margin-left:20px;
}

/* PARRAINAGE */
.tabloParrain input {
border:1px solid #002f6f;
width: 180px;
}
input.submitParrain {
color:#fff;
background:#002f6f;
font-weight:bold;
border:0;
margin:2px;
}
.mesFilleuls {
width:720px;
list-style-type:none;
padding:0;
margin:0;
}
.mesFilleuls li {
padding:0;
width:25%;
float:left;
}
.clear10 {clear:both;height:10px;margin:0;padding:0;font-size:0;}