*{border:0; padding:0; margin:0;}
body{background-color:#FFFFFF; background:url('images/background.gif') top left repeat-x; font-family:arial, verdana, sans-serif; color:#000000; text-align:center; font-size:11px; }
#main{width:755px; margin:0 auto; text-align:left;}

/*header*/
#header{background-color:#7C7C7C; clear:both; height:100px;}
#logo{float:left;}
h1{margin-top:10px; font-size:13px; text-transform:uppercase;}


/*menu de navigation*/
#menu{background:url('images/background-menu.gif') top left repeat-x; line-height:18px; font-size:0px; clear:both; height:26px;}
#rubHome{display:block; float:left; margin:3px 15px 0 22px;}
#rubDossiers{display:block; float:left; margin:3px 14px 0 0;}
#rubAnciensNumeros{display:block; float:left; margin:3px 15px 0 0;}
#rubCourrierLecteurs{display:block; float:left; margin-top:3px;}


/*contenu*/

/*colonne de Gauche*/
#colonneGauche{float:left; margin-left:10px; width:216px; margin-bottom:7px;}

#colonneGauche div{margin-top:10px;}

.enKiosque{margin:3px 0; text-align:center; background-color:#EFEFEF; color:#FC773A;}
.enKiosque span{font-weight:bold;}
#reagissez{margin-top:3px;}


/*contenu central*/
#centre{float:left; width:330px; margin-left:18px; margin-bottom:7px;}

#titreUne{margin-top:10px; font-size:13px; text-transform:uppercase;}
#accrocheUne{margin-top:5px; text-align:justify;}

.DernierDossier{margin-top:15px; clear:both;}
.rubriqueDossier_texte{text-transform:uppercase; color:#FF5B10; font-weight:bold; font-size:18px;}
.visuelDossier{float:left; margin-right:10px;}
.descriptifDossier{margin-bottom:20px;}
.categorieDossier{text-transform:uppercase; font-weight:bold;}
.titreDossier{font-size:16px; font-weight:bold;}
.chapeauDossier{font-size:20px; font-weight:bold; text-transform:uppercase;}
.accrocheDossier{text-align:justify;}
a.lienDossier{display:block; text-align:right;}
a.lienDossier:hover{text-decoration:none;}

/*Dossiers Précédents*/
#dossiersPrecedents{clear:left;}
.entreeDossier{clear:both; margin-left:3px;}
.visuelEntreeDossiers{float:left; margin:5px 5px 5px 0;}
.titreEntreeDossiers{padding-top:2px;font-size:14px; text-transform:uppercase; font-weight:bold;}

#dossiersMoi{float:left; width:180px; margin-right:5px;}

#dossiersEux{float:left; width:180px; margin-right:5px;}

#dossiersEcole{float:left; width:180px;}

#sommaire{margin-top:30px;}
#moi{float:left; border-right:1px; border-color:#DADADC; border-style:solid; width:106px;}
#eux{float:left; border-right:1px; border-color:#DADADC; border-style:solid; width:106px; margin-left:5px;}
#ecole{float:left; width:106px; margin-left:5px;}

#sommaire li{list-style-image:url('images/puce-fleche-grise.gif'); margin:5px 0 0 15px;}



/*colonne de Droite*/
#colonneDroite{float:right; width:164px; height:400px; background:url('images/fond-colonne-droite.gif') top left repeat-y; margin-bottom:7px;}

#enKiosqueColonneDroite{text-align:center;}

#quiz{background:url('images/fond-quiz.gif') top left repeat-y; margin:0 12px;}
#quiz .bodytext{width:140px; height:49px; background:url('images/fond-question.gif') top left no-repeat; padding:10px 8px 2px 8px; font-weight:bold;}
#quiz li{list-style-type:none; margin:5px 8px 0 8px;}
.pollsubmit{display:block; margin:10px 0 0 30px; width:75px; height:19px; background:url('images/bouton-submit-quiz.gif') top left no-repeat;}

#filActu{margin-top:10px; padding-left:12px;}
#filActu li{list-style-image:url('images/puce-fleche-grise.gif'); margin-left:15px;}
#filActu a{color:#666666; text-decoration:none;}
#filActu a:hover{text-decoration:underline;}

#articlesConnexes{ margin:0 12px 10px 12px;}
#listeArticlesConnexes{margin:0 12px;}
#listeArticlesConnexes li{list-style-image:url('images/puce-fleche-grise.gif'); margin-left:15px;}
#listeArticlesConnexes a{text-decoration:none; color:#666666;}
#listeArticlesConnexes a:hover{text-decoration:underline;}
#listeArticlesConnexes li.selected{font-weight:bold;}


/*commentaires*/
#formComments{background:url('images/entete_form_comments.gif') top left no-repeat; margin-top:20px; padding:28px 0 10px 17px; background-color:#D9F0F2; border-top:1px solid #666666; border-bottom:1px solid #666666; }
#formComments input, #formComments textarea{border:1px solid #666666; margin-top:5px;}
#formComments textarea{width:524px; height:90px;}
#formComments input{width:150px;}
#formComments #submit{background:url('images/bouton-submit-comments.gif') top left no-repeat; width:76px; height:19px; display:block; margin:5px 0 0 450px; border:0px;}
#formComments span{display:block; float:left; width:150px; clear:left; margin-top:5px;}
.commentaire{margin-top:15px; padding:0 15px; background-color:#D9F0F2; border-top:1px solid #666666; border-bottom:1px solid #666666; }
.commentaire .identite_date{font-style:italic;}
.eluna_pagecomments_count{margin-top:15px; text-transform:uppercase; color:#FFFFFF; font-size:13px; background-color:#FF5B10; padding:5px 0 5px 10px; font-weight:bold;}
.eluna_pagecomments_error{text-align:center; color:#FF0000; font-weight:bold; margin:20px 0;}



/*pied de page*/
#footer{clear:both; line-height:25px; background-color:#757575; font-size:10px; font-weight:bold;}
#copyright{color:#BABABA; float:left; margin-left:15px;}
#mentions{float:left; margin:0 15px 0 435px;}
#publicité{float:left;}
#footer a{color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/*cadre central*/
#cadre{margin-left:10px; width:564px; float:left; margin-bottom:7px;}
#cadre li{list-style-image:url('images/puce-fleche-grise.gif'); margin:15px 0 0 15px;}

/*visuel des articles des dossiers*/
#visuel-article-dossier{margin:10px 0;}

/*formulaire courrier des lecteurs*/
#mailform{margin-top:15px;}
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea{border:1px solid #666666; margin-top:8px;}
#mailformformtype_mail{display:block; margin:10px 0 0 345px; width:75px; height:19px; background:url('images/bouton-submit-quiz.gif') top left no-repeat; border:0px;}
.csc-mailform-field label{display:block; float:left; clear:left; width:150px; margin-top:8px;}