
/* INFOS TEMPLATES :*/
 
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: .8em;
	line-height: 1.25;
	color: black;
	background-color:#5b7f23;
}
 
h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
	color : #637799;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #a4bcdf;
}
 
input {
	font-size: .8em;
	background-color : #f6f6f8;
	border: 1px solid #a4bcdf;
}

select {
	font-size: .8em;
	background-color : #f6f6f8;
	border: 1px solid #a4bcdf;
}

fieldset {
	border: 1px solid #a4bcdf;
	font-size: .85em;
}

#rail {
	height: 21px;
	width: 818px;
	background-color: #639219;
	color:#FFF;
	font-size:.8em;
}

#footer {
	margin: 0;
	font-size: .85em;
	background-color:#454545;
	color:#797a7e;
}

#footer a {
	color:#797a7e;
	font-weight:normal
}

#footer a:hover, a:focus {
	color: #4a72ad;
	font-weight:normal
}

#tab_divertissements {
padding:10px;
background-color : #f3f3f3;
border:1px solid #639219;
}

#td_divertissements {
background-color : #f3f3f3;
}
	
#trtopic_divertissements {
color:#FFF;
background : #639219; 
}

#tabtopic_divertissements  {
width: 100%;
border-collapse:collapse;
border: 1px solid #f3f3f3;
}

#trleft_divertissements {
background : #e9f0ee; 
}

#li_gmenu {
color:#FFF; background-color:#639219; text-align:center;height:18px;padding-top:2px;margin-left:1px
}
/* FIN template */













#login {
	height: 26px;
	width: 818px;
	background-image: url("commons_base/login.png");
	font-size:.8em;
}

#conteneur2 {
width:818px;
background-image: url("commons_base/fond-page.png");
background-repeat: repeat-y;
background-color:#FFF;
}	
	
#recherche {
	height: 45px;
	width: 203px;
	background-image: url("commons_base/recherche.png");
	background-repeat:no-repeat;
	color:#666666;
	font-size:1em;
	padding-left:6px;
}

#gauche{
	width:200px;
	float: left;
	background-image: url("commons_base/fond-page.png");
	background-repeat: repeat-y;
}









/* I - Main =========================*/

* {
margin: 0;
padding: 0;
}

html {
	font-size: 100%;
}

h1, h2 {
	font-family: Verdana, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
}
h1 {
	font-size: 1.8em;
	color:#FFF;
}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
	font-size: .85em;
}

p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

legend {
	color : #637799;
}

a {
	color: #506a8d;
	text-decoration:none;
	font-weight:normal;
}
a:hover, a:focus {
	color: #2e60a5;
	font-weight:normal;
}

a img {
	border: none;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}

/* FIN Main */




/* II - Bloc =====================================*/

#zupper{
width: 818px;
margin: 0 auto; 
background-color: #FFF;
border-left:1px solid #202020;
border-right:1px solid #202020;
border-bottom:1px solid #202020;
}

#pub{
width: 818px;
margin: 0 auto;
text-align:center;
margin-bottom:1px
}


#conteneur {
position: relative;
width: 818px;
margin: 0 auto; 
}

#main {
	margin-left: 220px;
	margin-right: 10px;
	padding-top:15px;
}




	
/* III - TOP ============================================*/

#rail a {
	color:#FFF;
	text-decoration:none;
}

#rail a:hover, a:focus {
	font-weight:normal;
	text-decoration: underline;
}


#inscription {
	color:#666666;
	font-size:.8em;
	padding-left:16px;
	height:20px;
}

/* FIN Top */
	
/* IV - Footer =============================================*/



/* FIN Footer */

/* V - Onglet Fiche ==========================================*/

#onglet li{
background:#ffffff url(commons_base/ongletoffl.png) left top no-repeat;
}
	
#onglet li#active {
background:#ffffff url(commons_base/ongleton.png) left top no-repeat;
}

	#onglet li{
		float:left;
		margin:0 5px 0 0;
		padding: 0 0 0 4px;
		display: inline;
		color: #000;
		
	}
	
#onglet li#active  a {
background:#ffffff url(commons_base/ongleton.png) right top no-repeat;
}

#onglet li a {
float:left;
margin:0;
padding: 5px 8px 3px 5px;
font:bold 12px verdana;
color:#000;
text-decoration:none;
text-align:center;
background:url(commons_base/ongletoff.png) right top no-repeat;
}

/*FIN ONGLET*/














/*===================== GAUCHE ====================*/

#menu ul {
	margin: 0 0 0 0px;
}

#menu ul ul {
	margin: 0 0 0 15px;
}

/*FIN gauche*/
#photos_droite img
{
border: 2px solid black;
}

#photos_droite img:hover {
	border: 2px solid white;
}





/*====================================MODULE ACCUEIL====================================*/
#article_accueil
{
	display:block; float:none; white-space : nowrap; overflow: hidden; width:260px;
}

#article_accueil_l
{
	display:block; float:none; white-space : nowrap; overflow: hidden; width:500px;
}

#article_accueil a,#article_accueil_s a
{
	font-weight:normal;
}

#article_accueil_s
{
	display:block; float:none; white-space : nowrap; overflow: hidden; width:200px;
}


#date_article_accueil
{
	display:block; font-size: 9px; float:left; width:55px; text-align:center;
}

#date_article_accueil_s
{
	display:block; font-size: 9px; float:left; width:55px; text-align:center;
}
/* FIN MODULE ACCUEIL */


/*======================================ACCUEIL====================================*/

.tableauarticle {
	height:136px;
	text-indent:20px;
}

.tableauphoto {
	height:136px;
	text-indent:15px;
}

img.thumbnailphotoaccueil {
	border : 2px solid black;
	height:50px;
	width:50px;
}

a.thumbnailphotoaccueil {
	border : 2px solid black;
}

#accueil_middle {
	width:317px;
	height: 330px;
	float:left;
}

#accueil_middle_large {
	width:575px;
	height: 330px;
	float:left;
}

#accueil_middle_sv {
	width:257px;
	height: 330px;
	float:left;
}

#accueil_middle_p {
	width:257px;
	height: 330px;
	float:left;
	text-align:center
}

#accueil_middle_p2 {
	width:575px;
	height: 330px;
	float:left;
	text-align:center
}

/*FIN ACCUEIL*/


/*======================================== PHOTOS =======================================*/

img.thumbnailphoto {
	border : 2px solid black;
	height:50px;
	width:50px;
}

a.thumbnailphoto {
	border : 2px solid black;
}

.slideshow
{
border: 2px solid black;
}
/*FIN PHOTOS*/



/*======================================== VIDEOS =======================================*/

.tableaulistvideo {
	margin-left:20px;
	font-size:11px;
	width:550px;
}

.p_nextprev {
margin:0; font-size:10px; text-align:right;
}


/*========================================== CONFIG ======================================*/

.table_rubrique {
width: 370px;
}

.table_action {
width: 80px; text-align:center;
}

.table_affichage {
width: 120px;
}

.margin_sous_menu {
margin-left:15px;
}
.margin_sous_menu_2 {
margin-left:40px;
}

.table_sous_menu_2 {
border: 1px solid #aaa;height:25px;vertical-align:middle;
}


.table_contenu_1 {
width:80px;text-align:center;
}

.table_contenu_2 {
width:90px;text-align:center;
}

.table_contenu_3 {
width:100px;text-align:center;
}

.table_contenu_4 {
width:60px;text-align:center;
}

.table_full {
width:100%;
}

/*==============================================ACCUEIL MODIF======================================*/

.table_modif_acc_1 {
border-collapse: collapse; width: 250px;
}

.table_modif_acc_2 {
width: 100px; background-color:#fbf8f8; border:1px solid #d6d6d6; border-bottom:1px solid #888888;
}

.table_modif_acc_3 {
background-color:#fbf8f8; border:1px solid #d6d6d6;
}




/*============ COMMONS ===============*/

.border_collapse {
border-collapse: collapse;
}

.clear_both {
clear:both;
}

.underline {
text-decoration: underline;
}

.top_tableau_menu {
color:#FFF; background : #3676b6;
}

.tableau_menu {
border: 1px solid #aaa; border-collapse: collapse; width: 575px;
}

.tableau_menu_large {
border: 1px solid #aaa; border-collapse: collapse; width: 100%;
}

.tr_tableau_menu {
border: 1px solid #aaa;height:30px;vertical-align:middle;
}

.td_tableau_menu {
text-align:center; font-size:10px;border-top: 1px solid #aaa;
}
.menu_colonne_1 {
width:20px;
text-align:center;
border-top: 1px solid #aaa;
}
.menu_colonne_2 {
width:360px;
border-top: 1px solid #aaa;
}
.menu_colonne_2_5 {
width:20px;
border-top: 1px solid #aaa;
}
.menu_colonne_3 {
text-align:center;
border-top: 1px solid #aaa;
}



#bloc_page
{
	width:575px;
}

.tableau
{
width:576px; border-collapse: collapse;
}

.small_font
{
	font-size:10px;
}

.small_font_2 {
font-size:11px;
}

.small_font_3 {
font-size:12px;
}

.photosminiature
{
	width:50px;
	height:50px;
}

.cartouche
{
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size:1.2em;
	border-bottom: 1px solid #f0f0f0;
}

.align_right
{
	text-align:right;
}

.align_left
{
	text-align:left;
}

.align_center
{
	text-align:center;
}

.color_grey
{
	color:#888888;
}

.color_red
{
	color:#F00;
}

.cartouche
{
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #f0f0f0;
}











#smenu1 li a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}




/*===========================================================================================*/
/* STYLES */ 
img.avatarmin {	
	height : 90px; 
	width : 90px; 
	border : 0; 
}
/*========================== MENU GAUCHE=================== */

.avatars_td {
vertical-align:middle; height:130px;  border-collapse: collapse;
}

img.menugauche {	
	border : 1px solid white;
	height : 60px; 
	width : 60px; 
}

.fondgauche {
	background : #bababa; 
	border : 2px solid white;
	width : 150px; 
	margin : auto; 
	padding : 5px; 
}

.titrefondgauche {
	padding : 0 5px 4px 2px; 
	margin-bottom : 15px; 
	border-bottom : 2px solid white;
}

.centrerelement {
	text-align:center;
}

.alignementdroite {
	text-align:right;
}

.tableaupage {
	width: 576px;
	border-collapse: collapse;
}
.tableaupage2 {
	width: 560px;
	border-collapse: collapse;
}

.cadreclair {
	border-collapse: collapse;
	font-size:12px;
}

.petitepolice {
	font-size:.8em;
}

a.lienborduretableau  {
	color:#FFF;
}

.noborder {
	border:0;
}




/*========================================================================================================================================*/
.tableaunewfolder
{
	width: 576px;
	border: 1px solid #a2a2a2;
	border-collapse: collapse;
	background-color: #fce8f4;
}
/*========================================== ACCUEIL ============================================= */

#menu ul,li {
	list-style-type: none;
}

#menu span{
	font-size:1.4em;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	



/*======================= ZOOM PHOTO =========================*/



#navigation{margin-bottom:1em;}

#navigation,#navigation .c *{background-color:#204a87;}

#navigation .c1{background-color:#6582ac;border-color:#d5dde8;}

#navigation .c2{background-color:#2d558e;border-color:#d5dde8;}

#navigation .c3{border-color:#6582ac;}

#navigation ul{list-style-type:none;padding:0 .2em;margin:0; margin-top:5px;}

#navigation li{float:left;margin-right:2em;}

#navigation a{color:#000;text-decoration:none;padding:0 .4em;}

#navigation a:hover{color:#000;text-decoration:underline;}

#navigation li.first{border-left:none;}

#navigation ul .c{background-color:transparent;}

#navigation ul .c *{background-color:#dce5f3;}

#navigation ul .c1{background-color:#e6edf6;border-color:#f8fafc;}

#navigation ul .c2{background-color:#dee6f3;border-color:#f8fafc;}

#navigation ul .c3{border-color:#e6edf6;}

#navigation ul ul{display:none;position:absolute;float:none;z-index:3;padding:0;border-top:3px solid #204a87;}

#nav-upload:hover ul,#nav-upload.hovered ul{display:block;}

#navigation ul ul li{float:none;margin-right:0;border:none;}

#navigation ul ul a{display:block;color:#000;line-height:1.5em;padding:0;text-indent:.4em;background-image:none;background-color:#daecf2;}

#navigation ul ul a:hover{color:#000;text-decoration:none;background-color:#8c989c;}

#nav-upload{position:relative;}

#nav-upload a{display:block;background:url(/images/darrow-nav.gif) right center no-repeat;}





#nav-upload ul .c,#nav-upload ul a{width:15em;}

#nav-upload ul{left:-2em;top:0.7em}