/* Charte coul
color: rgb(105,55,40); => brun sombre
color: rgb(230,170,40); => ocre jaune
color: rgb(163,118,106); => fond brun clair insert
*/

body { background-color: rgb(220,208,199); }
.spacer { clear:both; }

#contenu { margin: 0 auto; width: 97%; min-width: 780px; max-width: 960px; padding : 0; background-color: white;  }

/* Evit */
#evit { margin: 0; padding: 0;  height: 28px; background: rgb(220,208,199) url(../img_index/fond-evit.jpg) top center;  }
#evit p { text-align: right; font-size: .85em; color:white; }
#evit p a { color:white; text-decoration: none; }
#evit p a:hover, #evit p a:focus { color: black; }

/* Entete  */
#entete { height: 95px; background: rgb(220,208,199) url(../img_index/fond_sable.jpg); color: black; border-top: 1px solid #aaa; }
#image { position: relative; height: 154px; background: white url(../img_index/img-fond-1.jpg) top left;   affichage par défaut, corrigé par JS }
#isalan { width: 100%; height: 95px; background: url(../img_index/isalan.jpg) 300px 0 no-repeat; position: relative; top: -10px;}
#logo { float: left; width: 300px; height: 69px; }
#the { float: right; width: 150px; height: 95px; }
#lesite { position: relative; top: 72px; left: -293px; height: 26px; }
#lesite h2 { font-size: 1em !important; font-weight: bold; color: white; }

/* Insert */
#insert { position: absolute; top: 40px; left: -28px; height: 140px; width: 170px; background: rgb(163,118,106) url(../img_index/fond-insert.jpg); text-align: center; }
#insert p.insert { color: white; margin: 15px 0 5px 0; font-size: 1em; background-color: transparent; text-align: center; height: 50px; line-height:1 !important; }
#insert p.insert b.ident  { font-size: 1.2em; } /* nom connection */
#insert p.insert b.alertform { color: white !important; } /* msg alerte */
#insert h3 { background-color: #2e2e2e; color:white; text-align: center; padding: 3px 0; font-size: 1em; }
#insert p.encadre { margin: 15px 10px 5px 10px; padding: 5px;}

/* Insert recherche */
#req { margin: 8px; margin-right: 0; width: 120px; padding: 3px; border:1px solid #aaa; font-size: 1em; }
#okQuest { margin: 8px 0; width: 25px; background: #2e2e2e url(../img_index/bouton-recherche.jpg) 50% 50%; border: 0 none; }

/* Interpages */
#interpages { height: 18px;  background: rgb(220,208,199) url(../img_index/fond-interpages.jpg) top left no-repeat; }

/* Pages */
#pages { padding: 10px 15px 10px 0;  background: rgb(243,241,239) url(../img_index/fond-pages.jpg) top left no-repeat; border:2px solid white; min-height: 800px; }
#pages>h1  { padding-left: 20px; }
#pages>h2  { padding-left: 20px; }

/* Menu */
#menu { position:relative; left: -17px; background: rgb(237,235,234) url(../img_index/fond-menu-gauche.gif); width: 202px; margin-right: 5px; }
#menu h2  { padding-left: 20px; font-size: 1.3em; }
#menu ul { margin:0; margin-top: 5px; background: rgb(230,170,40) url(../img_index/fond-menu-ul.jpg) bottom left; border:0 none; padding: 5px 0; }
#menu ul li { font-size: 1.1em; height: 1.8em; line-height: 1.8em;  }
#menu ul li a { padding-left: 25px;  display: block; text-decoration: none; color: white; }
#menu ul li a:hover, #menu li a:focus { background: rgb(105,55,40) url(../img_index/fond-menu-li.jpg) 0 50%; }
#menubas { background: rgb(237,235,234) url(../img_index/bas-menu-gauche.jpg) bottom left; height: 35px; }
#menu ul li a span { font-size:.8em; color: black; }

/* Info connection */
p.connectid {  margin: 3px 10px 0 20px; color: #aaa; font-size: 1em; line-height:1 !important; border:1px solid #aaa; padding:5px; }
p.connectid b.ident  { font-size: 1.2em; } /* nom connection */
p.connectid b.alertform { color: white !important; } /* msg alerte */
p.encadre { border:0 none; color: white; }

/* Boutons et liens */
p.submit { margin: 20px 0; }
input.submit, p.submit a { background: rgb(230,170,40) url(../IdDesign/fond-boutons-coul.jpg) bottom left; }
input.submit:hover, input.submit:focus, p.submit a:hover, p.submit a:focus  { background:  #2e2e2e url(../img_index/fond-boutons-noir.jpg) bottom left; }
	/* boutons p contenant un lien ou un submit */
	p.larg { background:  rgb(230,170,40) url(../IdDesign/fond-boutons-coul.jpg) bottom left; }
	p.larg a { background-color:  rgb(230,170,40); }
	p.larg:hover, p.larg:focus { background: #2e2e2e url(../img_index/fond-boutons-noir.jpg) bottom left; }
	p.larg a:hover, p.larg a:focus { background-color: #2e2e2e; }
	p.largi { background:  rgb(230,170,40) url(../IdDesign/fond-boutons-coul.jpg) bottom left; }
	p.red, input.red { background:  rgb(175,15,0) url(../img_index/vide.gif) bottom left; } /* Valide identité */
	p.largi:hover, p.largi:focus { background: #2e2e2e url(../img_index/fond-boutons-noir.jpg) bottom left; }
	p.double a { position: relative; top: 5px; }
p.OKform { color: rgb(230,170,40); }

/* Form */
textarea, input.text { border:1px solid #ccc; }
textarea { width: 95%; }

/* Pavés accueil */
#news, #tweets, #liens, #forums, #events, #docs, #chats { background: rgb(238,235,230) url(../img_index/fond-blocs-accueil.jpg) top left no-repeat; border: 1px solid #ddd; margin-bottom: 0; } 
#news h3, #tweets h3, #liens h3, #forums h3, #events h3, #docs h3, #chats h3 { padding-left:20px; background: transparent url(../IdDesign/puce-h3-accueil.jpg) 0 8px no-repeat; color: rgb(163,118,106);  } 
#news p.lienaccueil a, #tweets p.lienaccueil a, #liens p.lienaccueil a, #forums p.lienaccueil a, #events p.lienaccueil a, #docs p.lienaccueil a, #chats  p.OKform { }
div.extrait {  background-color: rgb(165,120,105); }
img.picto-block { vertical-align: middle; }
.entre-blocks { height: 40px; margin:0; padding:0;  background: rgb(243,241,239) url(../img_index/ombre-blocks.jpg) 50% top no-repeat; border-top:1px solid #eee;}
.entre-blocks h2 span { margin-bottom:0; padding: 5px 10px;  line-height: 53px; font-size: .8em; background-color: rgb(163,118,106); color:white; }
.sans { background: rgb(243,241,239) url(../img_index/vide.gif); }

/* Col droite accueil */
#membres, #formlogin, #inscription { background: rgb(238,235,230) url(../img_index/fond-cols-droite.gif) 1px 1px no-repeat; border: 1px solid #ddd; }
.membres a {  } /* items de liste */
#membres table { border: 0 none; }
#membres table td.tdimg { padding: 3px 0; }
#membres table td.tdnom { padding: 3px; }

/* Base */
#base { font-size: .9em; text-align: center !important; background: rgb(220,208,199) url(../img_index/ombre-base.jpg) repeat-x; }
#base p { padding-top: 15px; }
#base a { margin-top: 10px; text-decoration: none; color: black; }
#base a:hover { text-decoration: underline overline; }
#vdn-websites { padding: 15px 0; background-color: rgb(220,208,199); }

/* News */
.news h3 { font-size: 1.2em; font-weight: bold; }

/* Liste */
.boxliste { background: #f2f2f2 url(../IdDesign/fond-gris-degrade.jpg) bottom left; }
.boxliste a {  line-height .9em; }
h3.titreliste { padding: 5px 25px; background: rgb(232,229,223) url(../IdDesign/puce-h3-accueil.jpg) 5px 15px no-repeat; color: rgb(163,118,106);  } 

/* Forums */
.notice { border:1px solid #ccc; border-top:0 none; padding:10px;background-color: rgb(237,232,223); }
input.affichenbre { position:relative; top: -10px; padding: 5px; background:  #aaa url(../img_index/vide.gif) bottom left; }
	/* Liste */
	#messages { padding: 0; background: rgb(237,232,223); border: 1px solid #ccc; border-bottom:0 none; } /* contenant */
	.messages { padding: 10px; border-top: 1px solid white; border-left: 1px solid white; border-bottom:0 none; } /* ferme les msgs */
	.autrespages { background-color: white; }
	a.autrepage { background-color: #aaa; padding: 5px 8px; color: white; }
	a.autrepage:hover, a.autrepage:focus {  }
	.liste0 { border:1px solid #ccc; border-bottom:0 none; padding:10px; color: white; background-color: rgb(163,118,106); } /* msg admin */
	.liste0 a { color: white; } /* msg admin */
	.liste1 { border:1px solid #ccc; padding:10px; background: rgb(200,210,100) url(../IdDesign/fond-coul-degrade2.jpg) 50% 50%; } /* 1er niveau */
	.liste2 { border:1px solid #ccc; border-top:0 none; padding:10px; background-color: white; } /* 2e niveau */
	b.msgaffiche { margin-right: 10px; color:#555; }
	.nouveau { color: rgb(230,170,40); font-weight: bold; }
	/* Lire */
	#pagelire { border:1px solid #ccc; padding:10px; background-color: rgb(237,232,223); }
	#datasmsg  { border:1px solid #aaa; border-bottom:0 none; padding:10px; background: rgb(200,210,100) url(../IdDesign/fond-coul-degrade.jpg) 50% 50%; }
	.msgalire { border:1px solid #aaa; border-bottom:0 none; padding:10px; background-color: white; color: green; }
	.repondre { border:1px solid #aaa; border-top:0 none; padding:10px; background-color: white; }
	/* Post */
	#postmessages { border:1px solid #ccc; padding:10px; background-color: rgb(237,232,223); border-bottom:0 none; }
	.donneespost { border:1px solid #aaa; background-color: white; padding:10px;  }
	.msgreponse { border: 0 none; background-color: white; padding:5px 0; margin: 10px 0; width: 100%; height: 100px; max-height: 100px; color:black; font-weight: bold; overflow: auto; }
	/* Confirm */
	#confirm { border:1px solid #ccc; padding:10px; background-color: rgb(237,232,223); }
	#valider { border: 0 none; padding: 0; }

/* Chat */
#pagechat { margin: 0 20px; background-color: white;  border:1px solid #ccc; padding-bottom: 20px; text-align: center; }
.soustitrechat { margin-left: 20px;}
iframe { width: 750px; height: 450px; margin: 0; padding-top:20px; }
#pagechat p.submit { margin: 25px 0 15px 20px; }
.avertchat { margin: 10px 20px; color: white; font-size: 1.1em; text-align: center;}

/* Titrages pages intérieures */
#page.idcol h1 { color: #aaa; margin: 0; padding: 0; }
#page.idcol h2 { font-size: 2.2em !important; margin: 0; padding: 0; padding-bottom: 10px; }

/* Moteur */
#bloctexteRech p { font-size: .85em; padding: 0 20px; } 
#search { background-color: white;padding: 15px; margin: 0 20px; }
#moteur-result h3 { margin: 10px 0; }
#moteur-result p.affiche-result { background: white url(../IdDesign/fond-gris-degrade.jpg) 0 10px repeat-x; padding: 10px; padding-bottom: 15px; border:1px solid #ccc; border-bottom: 0 none; margin: 0 20px; }
#moteur-suite {  margin: 10px 20px; }


/* Codes couleur */
textarea, input.text, checkbox, p.bouton a:hover, p.bouton a:focus, a:hover, a:focus, a.color, h2#nomuser, p.lienaccueil a, p.newsaccueil b, p.OKform, .OKform, p span b, p.titreeventaccueil a, .notenews p b, #calendrier table th a, .titreevent, #datasmsg  p.nom, .msgalire, .news h3, .liste1 a, .membres a, #questUser, #intertitreforums, .entre-blocks h2, #page.idcol h2 { color: rgb(105,55,40); }
.box2, #calendrier table td div.select, a.autrepage:hover, a.autrepage:focus { background-color: rgb(105,55,40); }

p.alertform, p b.alertform, .alertform, #calendrier table th a:hover, table th a:focus, #calendrier table td span.dimanche { color: rgb(175,15,0); }
#newmsgs, p.encadre, input.red, p.red, .box3, .avertchat { background-color: rgb(175,15,0) !important; }

#newmsgs p a, #newmsgs p a:hover, #newmsgs p a:focus { color: white; } 

b.resultsearch { padding:3px; background-color: rgb(230,170,40); }

/* Pages statiques */
.carto { text-align: center; }

/* Objets */
.id { border: 1px solid #ccc; }

/* Webcast */
iframe#iframeWebcast { width:400px; height:290px;  margin: 50px 150px; border:5px solid black; border-top:8px solid black; border-bottom:10px solid black; margin:0; padding:0; background-color:black; }
object#pictoWebcast { position:relative; top:-271px; left:-104px; z-index:1; }