
/* BODY */
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color:  #999999;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
	font-weight: normal;
}

img{ border: none;}

.selected{color: #222222}

a:active , a:link, a:visited{color: #000000; text-decoration: none; font-style:italic;font-weight: normal;}
a:hover{color: #736880; text-decoration: underline;font-weight: normal;}

P{ padding:0; margin: 0;}

INPUT, TEXTAREA{font-size: 11px; font-family: Arial;}


/* tout le contenu (header, nav + contenu) de la page (DIV) 
#tout { 
	width: 885px;
	padding-bottom: 30px; 
	overflow: hidden; 
	margin-top: 0px;
	text-align: left;
	border: 1px solid #AAAAAA;
	border-top: 0px;
}
*/

/* 
------------------------------------------------------
*/
/* header : 
#header{width: 885px; height: 88px; text-align: left; overflow: visible; position: relative;}
*/
/* drapeaux : */
/* div avec la liste des drapeaux 
#header #flag_list{ text-align:left;}*/
/* balise UL 
#header #flag_list ul, #header #flag_list li{ list-style: none; display: inline; text-align:center; padding-left: 5px; padding-right: 5px}
*//* drapeau de la langue utilisée 
#header #flag_list ul li.activeflag{background-color:#CCCCCC; text-align:center; }*/
/* autres drapeaux 
#header #flag_list ul li.nonactiveflag{}
*/

/* partie principale du header 
#header #main{ position: absolute; z-index: 2; left: 0px; top: 0px;}
*/

/* "bonjour" 
#header #bonjour{ position: absolute; z-index: 2; left: 0px; top: 78px; background-color:#EEEEEE; width: 100%; color:#333333; font-size:11px; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #CDCDCD}
#header #bonjour #nom{ text-transform: uppercase}
#header #bonjour #prenom{ text-transform: capitalize}
#header #bonjour UL, #header #bonjour LI{list-style-type: none; display:inline; padding: 0; margin: 0}
#header #bonjour #bonjourTexte { width: 600px; float: left; text-align:left; padding-left: 20px}
#header #bonjour #lienGereCompte { width: 100px; float: left; text-align:right}
#header #bonjour #lienDeconnection { width: 130px; float: left; text-align:right}
*/
/* login 
#header #login{ position: absolute; z-index: 2; left: 0px; top: 78px; background-color:#EEEEEE; width: 100%; color:#333333; font-size:11px; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #CDCDCD; text-align:right}
#header #login FORM{margin: 0; padding: 0}
#header #login UL, #header #login LI{list-style-type: none; display:inline; padding: 0; margin: 0}
#header #login LI{ padding-left: 5px; padding-right: 5px;}
#header #login #lienIdentification{ padding-left: 20px; padding-right: 25px;}
*/
/* barre de nav 
#barre_nav{width: 145px; height: 500px;display: block; text-align:left; float:left; margin-left: 5px; margin-right: 10px;  padding: 0; margin-top: 35px;}
#barre_nav ul{list-style: none; padding: 0 ; margin: 0}
#barre_nav li{list-style: none; padding: 5px; margin: 0; padding-top: 3px; font-size: 14px; padding-bottom: 15px}
#barre_nav li.sep{ height: 1px; padding: 0px}
#barre_nav li.livre{font-size: 16px; padding-left: 20px; }
#barre_nav li a {font-size: 16px; font-weight: normal; font-style:normal}
#barre_nav li a:hover{color: #AAAAAA; text-decoration: none; }
*/
/* sous menus 
#barre_nav ul li ul{list-style: none; padding: 0 ; margin: 0}
#barre_nav ul li ul li{list-style: none; padding: 0 ; margin: 0; margin-top: 3px; margin-left: 15px}
#barre_nav ul li ul li A, #barre_nav ul li ul li .selected{font-size: 13px}
*/
/* 
------------------------------------------------------
*/


/* la partie "contenu" (DIV) 
#contenu { padding: 10px; text-align: left; min-height: 500px; float: right; width: 690px; margin-top: 15px; margin-right: 8px;}
*/
/* espace wysiwyg 
#wysiwygPage{ border: 1px solid #BBBBBB; padding: 10px; }
*/
/* formulaire contact 
#formContactMain{ border: 1px solid #BBBBBB; padding: 10px;}
#formContactMain TD{ font-size: 12px; }
#formContactMain .champsNom{text-align:right; padding-right: 10px; font-weight: bold;}
#formContactMain .champsValeur{text-align:left}
*/
/* chemin de fer 
#cheminFer{ font-size: 10px; padding-bottom: 10px}
*/
/*
Contributions
*/
/* pavé pour un thème 
.contributionTheme{ border: 1px dashed #AAAAAA; margin-top: 10px; padding: 3px}
*/
/* titre du thème (actualités...) 
.contributionTheme .titreTheme{ font-size: 14px; font-weight: 900; display: none}
*/
/* mise en avant d'une contribution (page listant les contribs) 
.contributionTheme .contribMea{ font-size: 13px; padding: 3px;}
*/
/* détail d'une contribution 
.contribDetail{ padding: 5px; font-size: 13px}
.contribDetail .titreContrib{ font-size: 14px}
.contribDetail .dateContrib{ font-style:italic; display: none}
.contribDetail .contentContrib{ padding: 5px}
.pjContrib{ font-size: 12px; border-top: 1px dashed #DDDDDD; padding-top: 5px}
.contribDetail .lienPrecSuiv{ padding:0; margin: 0; border-top: 1px dashed #DDDDDD; display: none}
.contribDetail .lienPrecSuiv TABLE {width: 50%;}
.contribDetail .lienPrecSuiv TD { font-size:11px}
*/
/* liste type "blog"
.blog{ border: none}
.blog .contribMea{ border: 1px solid #CCCCCC; margin-top: 10px; margin-bottom: 5px; padding: 0;}
.blog .contribMea .lienDetail{ border-bottom: 1px solid #DDDDDD; background-color: #EFEFEF; padding-left: 3px;}
.blog .contribMea .contentContrib{ padding: 5px}
.blog .contribMea .comments{border-top: 1px solid #EEEEEE; text-align: right; padding-right: 30px; background-color: #F5F5F5}
 */
/* page détail 
.detail{ border: none;}
.detail .contribDetail{ margin-top: 10px;}
*/
/* 
commentaires
*/
/* commentaires :
.commentaire{ padding: 5px; border-top: 1px dashed #DDDDDD; font-size: 13px}
.commentaire .commTitre{ font-size: 14px; color: #7E7E7E}
.commentaire .commContent{}
.commentaire .commDate{ font-style: italic}
.commentaire .commPseudo{ font-style: italic}
 */
/* formulaire 
#formCommentaire{ padding: 5px;}
#formCommentaire #titreForm{ font-weight:bold; font-size: 13px; padding-top: 5px; margin-top: 5px; border-top: 1px dashed #DDDDDD; }
#formCommentaire .titreCommentaire{ font-size: 12px}
#formCommentaire .contentCommentaire{ font-size: 12px}
#formCommentaire .pjCommentaire{ font-size: 12px}
#formCommentaire .submitCommentaire{ font-size: 12px; padding-left: 325px}
*/

/* perso pour certains blocs ?
#archives { margin-top: 25px;}
#archives .titreTheme{font-size: 13px}
#commentaires .contribMea{}
 */

/*
Textes :

.grostitre {font-size: 18px; font-weight: bold; color: #A9A9A9;}
.titre {font-size: 15px; font-weight: bold; color: #A9A9A9; }
.soustitre {font-size: 14px; font-weight: 600; color: #A9A9A9;}
.texte {font-size: 14px; line-height: 18px;}
.texterouge {font-size: 14px; line-height: 18px; color: #ed1c24;}


.texteGras { font-size: 14px; font-weight: bold; line-height: 18px;}
.texterougegras { font-size: 18px; font-weight: bold; line-height: 18px; color: #ed1c24;}
*/

/* formulaires
#form_contact{}
#form_contact a{font-weight: bold}
 */

/* inscription */
#inscription{}
#inscription .erreurMsg{ padding: 10px; color: #FF0000}
#inscription .formIntro{ padding: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;}
#inscription .formData{ clear: both; font-size:12px;}
#inscription .formData .dataName{ width: 160px; float: left;}
#inscription .formData .dataValue{ width: 200px; float: left;}
#inscription .formData .erreur{ padding-left: 20px; width: 200px; float: left; color:#FF0000; font-weight:bold}
#inscription .formDataSubmit{ padding-left: 150px}

/* footer
.footer{ font-size: 10px; color: #888888}
.footer A:link, .footer A:visited, .footer A:active{text-decoration:underline; color: #888888}
.footer A:hover{color: #555555}
 */



