/* PROPRIETES BODY ET STYLES GLOBAUX*/
body { margin:0px; padding:5px; background-color:#FFFFFF;}
#fond { margin:0px; background-position:left top; background-attachment:scroll; background-image:url('/images/_vide.gif'); background-repeat:repeat-x; }
/* CADRE */
#cadre { width:960px; cellspacing:0px; cellpadding:0px; }
#cadre td { padding:0px; margin:0px; }
div { font-family:verdana; font-size:11px; }

a { color:#333333; }
a:hover { color:#EE0000; }

.interne { background-color:#FFFFFF; }
.interne2 { background-color:#FFFFFF; padding:2px 0px 8px 8px; }

#corps { width:980px; float:left; }
#gauche { width:155px; float:left; background:#FFFFFF; margin:0px 0px 0px 0px; }
#mag { width:820px; float:left; border:solid 2px #DDDDDD; }
#milieu { width:468px; float:left; padding:0px 15px 15px 15px; }
#droite { width:300px; padding:0px 5px 5px 5px; float:left; }

/* background:#F0EADA; */

#edito_portrait { border:solid 1px #000000; margin:0px 5px 5px 0px; }
#image_gauche { margin:5px 10px 5px 0px; }
#image_droite { margin:5px 0px 5px 10px; }

#zoom { margin-bottom:15px; width:468px; background-color:#FFFFFF;  }
#zoom .present { float:left; width:468px; height:120px; padding-top:5px; border-top:solid 0px #DDDDDD; background:#FFFFFF; margin-bottom:15px; }
#zoom .image { float:left; width:227px; border:solid 1px #BBBBBB; margin-right:10px; }
#zoom .image img { width:225px; height:110px; border:solid 1px #FFFFFF; }
#zoom .contenu {  }
#zoom .categorie { font-family:verdana; font-size:11px; font-weight:bold; }
#zoom .desc { font-family:arial; color:#666666; font-size:12px; }
#zoom .titre { margin:0px; padding:5px 0px 2px 0px; font-family:arial; font-size:12px; font-weight:bold; z-index:614;}
#zoom .titre a { text-decoration:none; color:#000000; }
#zoom .titre a:hover { text-decoration:none; background-color:#333333; color:#FFFFFF; }

#resume { width:468px; margin-bottom:20px; }
#resume .present { float:left; width:468px; height:120px; padding-top:8px; border-top:solid 1px #DDDDDD; margin-bottom:10px; }
#resume .image { float:left; width:122px; border:solid 1px #BBBBBB; margin-right:10px; }
#resume .image img { width:120px; height:100px; border:solid 1px #FFFFFF; }
#resume .contenu { float:left; }
#resume .categorie { font-family:verdana; font-size:11px; color:#FF6600; font-weight:bold; }
#resume .desc { float:left; width:333px; font-family:arial; color:#666666; font-size:13px; }
#resume .titre { margin:0px; padding:5px 0px 2px 0px; font-family:Trebuchet MS; font-size:14px; font-weight:bold; z-index:614;}
#resume .titre a { text-decoration:none; color:#07519A; }
#resume .titre a:hover { text-decoration:underline; color:#07519A; }
#resume .quizz a {color:#333333;}
#resume a.annu { font-family:Verdana; font-size:10px; color:#666666; text-decoration:underline; padding-right:10px; }

#archi { width:476px; }
#archi .present { float:left; width:227px; margin-bottom:12px; margin-right:10px; }
#archi .cadre { cursor:pointer; _cursor:hand; height:60px; border-top:solid 1px #DDDDDD; }
#archi .titre { margin:0px; padding:5px 0px 6px 0px; font-family:Verdana; font-size:10px; z-index:614;}
#archi .thumb { float:left; width:64px; border:0px; }
#archi .thumb img { padding:1px; border-left:solid 1px #BBBBBB; border-right:solid 1px #BBBBBB; border-bottom:solid 1px #BBBBBB; background-color:#FFFFFF; }
#archi .texte { font-family:arial; font-size:10px;  }
#archi .titre a { text-decoration:none; color:#333333; }
#archi .titre a:hover { text-decoration:none; background-color:#333333; color:#FFFFFF; }

#vignette { float:left; width:476px; }
#vignette .thumb { float:left; width:65px; height:65px; margin:0px 30px 10px 0px; }
#vignette .thumb img { padding:4px; border-top:solid 1px #F0F0F0; border-left:solid 1px #F0F0F0; border-bottom:solid 1px #C9C9C9; border-right:solid 1px #C9C9C9; background-color:#FFFFFF; }

#bulle { background-image:url(/images/_interface/bulle.gif); width:234px; height:109px; margin-top:-120px; margin-left:-30px; }
#bulle .contenu { padding:8px; }
#bulle .texte { font-family:arial; font-size:10px; padding-right:5px; }
#bulle .titre { margin:0px; padding:0px 0px 6px 0px; font-family:Verdana; font-size:10px; font-weight:bold; z-index:614;}
#bulle .titre a { text-decoration:none; color:#333333; }
#bulle .titre a:hover { text-decoration:none; background-color:#333333; color:#FFFFFF; }

#forumup { float:left; width:300px; padding-left:15px; }

#pratik { width:135px; margin:0px 0px 0px 0px; padding:0px; }
#pratik ul, #pratik li { list-style-type:none; margin:0px; padding:0px; display:inline; font-style:normal; 	}
#pratik a { width:135px; text-indent:3px; margin-top:0px; display:block; font-size:11px; height:16px; padding-top:2px; padding-bottom:1px; }
#pratik li a { font-family:verdana; font-size:11px; text-decoration:none; color:#07519A; font-weight:normal; }
#pratik li a:hover { background:#F9F9F9; color:#000000; border-bottom:solid 1px #EEEEEE; border-left:solid 1px #EEEEEE; }

#mcat { width:120px; margin:0px 0px 0px 0px; padding:0px; }
#mcat ul, #mcat li { list-style-type:none; margin:0px; padding:0px; display:inline; font-style:normal; 	}
#mcat a { width:120px; text-indent:5px; margin-top:0px; display:block; font-size:13px; height:19px; padding-top:5px; padding-bottom:0px; }
#mcat li a { background:#EEEEEE; font-family:arial; font-size:13px; text-decoration:none; color:#333333; font-weight:normal; border-bottom:solid 1px #DDDDDD; }
#mcat li a:hover { background:#DDDDDD; color:#000000; border-bottom:solid 1px #BBBBBB; text-indent:6px; }

#gnew { width:135px; }
#gnew .nom { text-align:left; padding:8px 0px 8px 0px; border-bottom:dotted 1px #AACBEE; }
#gnew .nom a { font-size:11px; font-family:verdana; text-decoration:none; color:#07519A; }
#gnew .nom a:hover { text-decoration:underline; }
#gnew .tout { text-align:left; padding:8px 0px 0px 0px;}
#gnew .tout a { color:#07519A; text-decoration:none; font-family:arial; font-size:12px; font-weight:bold; }
#gnew .tout a:hover { color:#000000;  }

#newsbottom { margin:5px 0px 15px 0px; }
#newsbottom form { padding:4px; margin:0px; }

#arbo { margin-bottom:10px;  }
#arbo .titre { float:left; font-family:Arial; font-size:14px; font-weight:bold; color:#666666; }
#arbo .titre a { color:#666666; text-decoration:none; }
#arbo .titre a:hover { text-decoration:underline; }

/* HEADER (niveau 1)*/ 
#header { position:relative; width:960px; height:auto; background-repeat:repeat-x; }
/* BANDEAU LOGO ET IMAGE */
#bandeau {width:960px; height:70px; }
#bandeau .logo {float:left; width:318px; height:77px; }
#bandeau .photos {float:left; width:212px; height:85px; background-image:url(/images/_interface/head-hommes.jpg);}

#pub728 { float:left; margin-top:8px; width:737px; height:98px; vertical-align:bottom; text-align:right; }

/* search */
#search { width:241px; padding-top:5px;  }
#search .texte { color:#555555; }
#search table { text-align:left; margin-left:30px; }
#search form { margin:0px; padding:0px; }
#search .caseForm { height:16px; width:140px; background-color:#FFFFFF; border:1px solid #DDDDDD; font-family:Verdana; font-size:11px; color:#666666; _margin-top:2px;}
#search .btEnvoyer { height:19px; background-color:#F6F6F6; font-family:Verdana; font-size:12px; font-weight:bold; color:#777777; cursor:pointer; _cursor:hand;}

/* BOUTONS DE FONCTIONNEMENT */
#extra { float:left; width:80px; height:94px; text-align:right; padding-top:20px; background-repeat:repeat-x; }
#extra a { font-family:Verdana; font-size:10px; color:#666666; text-decoration:none; line-height:18px;}
#extra a:hover { color:#000000; }

/* MENU RUBRIQUES */
/*background:#747F93;*/
#menu { width:960px; height:27px; margin-bottom:18px; }
#menu .boutons { height:24px; background:#3366CC; background-repeat:repeat-x; }
#menu a { font-family:arial; font-size:14px; text-decoration:none; font-weight:bold; float:left; display:block; padding:5px 10px 0px 10px; height:19px; }
#menu a.bt-on { background:#FF6633; text-decoration:none; float:left; display:block; height:22px; color:#FFFFFF; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;}
#menu a.bt-off { color:#FFFFFF; }
#menu a.bt-off:hover { background:#6699CC; color:#FFFFFF; }
#menu .barre { background:#FF6633; width:960px; top:27px; height:3px; }
#menu .vide { float:left; width:19px; }
#menu img { float:left; }
#menu .rechercher{ float:left; height:27px; width:176px; }
#menu .caseForm { height:14px; width:140px; background-color:#999999; border:1px solid #FFFFFF; font-family:Verdana; font-size:10px; color:#FFFFFF; _margin-top:2px;}
#menu .btEnvoyer { background-color:#999999; padding:0px; border:0px; font-family:Verdana; font-size:12px; font-weight:bold; color:#FFFFFF; cursor:pointer; _cursor:hand;}

#minimenu { width:468px; font-family:arial; font-size:11px; text-align:center; margin:15px 0px 10px 0px;}
#minimenu .titre { font-weight:bold; font-size:11px; }
#minimenu a { color:#666666; font-family:arial; font-size:11px; text-decoration:underline; }
#minimenu a:hover { color:#000000; font-family:arial; font-size:11px; text-decoration:none; }

#navig { width:468px; height:30px; padding-top:5px; margin-bottom:0px; }
#navig .nums { text-align:center; line-height:22px; }
#navig a { border:1px solid #999999; background-color:#FFFFFF; font-family:Verdana; font-size:11px; color:#555555; font-weight:normal; padding:3px; text-decoration:none; }
#navig a:hover { border:1px solid #666666; background-color:#888888; font-family:Verdana; font-size:11px; color:#FFFFFF; font-weight:normal; padding:3px; }
#navig .active { border:1px solid #DDDDDD; background-color:#EFEFEF; font-family:Verdana; font-size:11px; color:#000000; font-weight:bold; padding:3px; }

/* ######################### CORPS ######################### */

/* EDITO */	
#edito { height:auto; font-family:Verdana; font-size:11px; color:#333333; text-align:justify; }

#quiz { }
#quiz .all { width:468px; }

/* ARTICLES TEXTE */	
#edit { width:468px; }
#edit .ombre-top { height:5px; background-repeat:repeat-x; background-image:url('/images/_interface/ombre-top.gif'); }
#edit .ombre-bottom { height:6px; background-repeat:repeat-x; background-image:url('/images/_interface/ombre-bottom.gif'); }
#edit .meta { width:468px; margin-bottom:15px;  }
#edit .foot { width:468px; margin-top:15px; border-left:solid 1px #AACBEE; border-right:solid 1px #AACBEE; border-bottom:solid 1px #AACBEE; }
#edit .tool { text-align:center; width:468px; height:20px; }
#edit .tool a { color:#999999; text-decoration:underline; }
#edit .tool a:hover { color:#000000; text-decoration:underline; }
#edit img { border-color:#666666; }
#edit img:hover { border-color:#FF0000; }
#edit .titres1 { width:468px; text-align:center; height:auto; margin-top:5px; }
#edit h1 { font-family:Trebuchet MS, Arial; font-size:20px; color:#333333; font-weight:bold; margin-bottom:10px; }
#edit .titres2 { width:468px; text-align:center; height:auto; margin-top:5px; }
#edit h2 { font-family:verdana; font-size:13px; color:#555555; font-weight:bold; margin:0px; font-style:italic; }
#edit .mypage { font-family:arial; color:#AAAAAA; font-style:normal;}
#edit .contenu { width:468px; text-align:justify; height:auto; font-family:Verdana; font-size:11px; color:#333333; line-height:15px;  }

#util { text-align:center; margin:10px 0px 10px 0px; font-family:Verdana; font-style:italic; font-size:11px; color:#888888; }
#util img { cursor:pointer; _cursor:hand; }

#sommaire { width:468px; color:#999999; font-family:arial; font-size:10px; }
#sommaire a { color:#999999; text-decoration:underline; }
#sommaire a:hover { color:#666666; text-decoration:none; }

#quizz { height:auto; }
#quizz .titre { font-family:Verdana; font-size:14px; color:#333333; font-weight:bold; height:25px; padding-top:15px; }
#quizz .numero { font-family:Verdana; font-size:12px; color:#EE0000; font-weight:bold; margin-bottom:8px; }
#quizz .question { font-family:Verdana; font-size:12px; color:#000000; font-weight:bold; height:30px;}
#quizz .reponse { height:24px; }
#quizz .contenu {height:auto; font-family:Verdana; font-size:11px; color:#333333; }
#quizz .valide { border:1px solid #BDBDBD; background-color:#EFEFEF; width:80px; font-family:Verdana; font-size:11px; color:#666666; font-weight:bold; padding:6px; }

#them {  }
#them .present { width:468px; margin-top:20px; border:solid 1px #EEEEEE; }
#them .titre { margin:0px; padding:3px 0px 0px 6px; z-index:614;}
#them .titre a { font-family:Verdana; font-size:11px; font-weight:bold; color:#EE0000; }
#them .desc { font-family:verdana; font-size:10px; font-weight:normal; color:#666666; }
#them .contenu { font-family:arial; padding:4px 0px 3px 6px; font-size:10px; padding-right:5px; }
#them a.cat { font-family:Verdana; font-size:10px; color:#666666; text-decoration:underline; padding-right:10px; }

#annuaire { width:468px; padding-top:30px; }
#annuaire .site { font-family:Verdana; font-size:11px; color:#000000; }
#annuaire .adresse { font-family:arial; font-size:11px; color:#888888; }
#annuaire a.nom { color:#333333; font-weight:bold; }
#annuaire a.nom:hover { color:#EE0000; }
#annuaire a.ndd { color:#888888; }
#annuaire a.ndd:hover { color:#EE0000; text-decoration:underline; }

#soumission { width:468px; }
#soumission td { font-family:Verdana; font-size:11px; color:#000000; }

#content { width:468px; font-family:Verdana; font-size:11px; }
		
/* CADRE PUB */
#publicite{ width:310px; height:auto; border:1px solid #CCCCCC; padding:6px 0px 6px 6px; margin-top:15px; /*margin-top:10px; _margin-top:20px;*/ }

/* FORMULAIRE SONDAGE */
#sondage { width:280px; }	
#sondage form { margin:0px; padding:0px; }
#sondage .question { z-index:99; font-family:Verdana; font-size:11px; color:#333333; font-weight:bold; padding-bottom:10px; }
#sondage .reponse{ font-family:Verdana; font-size:11px; color:#333333; }
#sondage .rep { margin-bottom:0px; }
#sondage .btForm { height:16px; width:70px; border:1px solid #BDBDBD; background-color:#EFEFEF; font-family:Verdana; font-size:10px; color:#666666; }
#sondage .bouton { text-align:left; padding:5px;}

#blocr { height:auto; border:solid 1px #AACBEE; margin-bottom:15px; }
#blocr .haut { height:22px; line-height:19px; text-indent:10px; background-color:#EBF3FB; border-bottom:solid 1px #AACBEE; }
#blocr .titre { font-family:verdana; font-size:12px; font-weight:bold; color:#666666; }
#blocr .titre a { color:#666666; text-decoration:none; }
#blocr .contenu { background-color:#FFFFFF; height:auto; padding:10px; }

#blocg { height:auto; border:solid 1px #AACBEE; margin-bottom:15px; }
#blocg .haut { height:22px; line-height:19px; text-indent:10px; background-color:#EBF3FB; border-bottom:solid 1px #AACBEE; }
#blocg .titre { font-family:verdana; font-size:12px; font-weight:bold; color:#666666; }
#blocg .titre a { color:#666666; text-decoration:none; }
#blocg .contenu { background-color:#FFFFFF; height:auto; padding:7px; }

#bloco { height:auto; border:solid 1px #FFA080; margin-bottom:15px; }
#bloco .haut { height:22px; line-height:19px; text-indent:10px; background-color:#FFEFE9; border-bottom:solid 1px #FFA080; }
#bloco .titre { font-family:verdana; font-size:12px; font-weight:bold; color:#666666; }
#bloco .titre a { color:#666666; text-decoration:none; }
#bloco .contenu { background-color:#FFFFFF; height:auto; padding:7px; }

#ads_300x250 { width:300px; height:250px; }

#letterform { width:260px; height:70px; margin-bottom:0px; font-family:arial; font-size:11px; }
#letterform form { height:70px; padding:0px; margin:0px;}
#letterform .lettre { float:left; width:85px; }
#letterform .formu { float:left; width:170px; line-height:16px; }


#b_gauche { float:left; width:205px; height:120px; border:solid 1px #CCCCCC; background-color:#F8F8F8; padding:10px; }
#b_gauche .titre { height:25px; font-family:verdana; font-size:12px; font-weight:bold; }
#b_gauche .contenu { height:auto; }
#b_gauche .lien { line-height:13px; font-family:arial; font-size:11px; padding-bottom:6px; }
#b_gauche .lien a { color:#333333; text-decoration:underline; }
#b_gauche .lien a:hover { color:#FFFFFF; background-color:#666666; }

#b_droite { float:right; width:205px; height:120px;  border:solid 1px #CCCCCC; background-color:#F8F8F8; padding:10px; }
#b_droite form { font-family:verdana; font-size:12px; text-align:center; padding:5px; margin:0px; line-height:18px; vertical-align:middle; }


#newsleft { width:140px; text-align:left; line-height:16px; font-size:12px; font-family:arial; color:#444444; }
#newsleft form { padding:2px 0px 5px 0px; margin:0px; }
#newsleft .btEnvoyer { height:19px; background-color:#F6F6F6; font-family:Verdana; font-size:11px; color:#555555; cursor:pointer; _cursor:hand;}

#newsright { width:280px; text-align:center; line-height:28px; font-size:14px; font-family:Trebuchet MS; font-weight:bold; color:#666666; }
#newsright form { padding:10px 0px 20px 0px; margin:0px; }
#newsright .btEnvoyer { height:24px; width:255px; background-color:#FF6633; border:solid 2px #333333; font-family:Trebuchet MS; font-size:14px; color:#FFFFFF; font-weight:bold; cursor:pointer; _cursor:hand;}

/* CONNEXES */	
#connex { float:left; width:500px; height:auto; margin-top:10px; }
#connex .titre { width:498px; height:20px; font-family:verdana; font-size:12px; font-weight:bold; background-color:#F8F8F8; border:solid 1px #BBBBBB; text-indent:10px; line-height:18px;}
#connex .contenu { background-color:#FFFFFF; height:auto; padding:7px; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }
#connex .lien { line-height:17px; padding-bottom:10px; }
#connex .lien a { font-family:verdana; font-size:11px; text-decoration:underline; font-weight:bold; }
#connex .lien a:hover { color:#000000; text-decoration:none; }

#connex2 { float:left; width:500px; height:auto; margin-top:10px; }
#connex2 .titre { width:498px; height:20px; font-family:verdana; font-size:12px; font-weight:bold; line-height:10px;}
#connex2 .contenu { background-color:#FFFFFF; height:auto; }
#connex2 .lien { line-height:7px; font-size:11px; padding-bottom:10px; }
#connex2 .lien a { color:#444444; font-family:verdana; font-size:11px; text-decoration:underline; }
#connex2 .lien a:hover { color:#000000; font-weight:bold; }

/* FOOTER (niveau #)*/ 
#footer { padding-top:5px; text-align:center; font-family:Verdana; font-size:10px; color:#888888; }
#footer .copyrigth {  }
#footer .copyrigth a { font-family:Verdana; font-size:10px; color:#888888; text-decoration:none; }
#footer .rub a { font-family:Verdana; font-size:10px; color:#888888; text-decoration:underline; }
#footer .legal { padding:10px; }
#footer .legal a { font-family:Verdana; font-size:10px; color:#888888; text-decoration:underline; }
#footer .part { padding-top:5px; font-family:Verdana; font-size:10px; color:#888888; }
#footer .part a { font-family:Verdana; font-size:10px; color:#888888; text-decoration:none; }
#footer .part a:hover { text-decoration:underline; }