﻿div#forme {
	width:1000px;
	
	background-position:bottom;
	background-repeat:no-repeat;
	font-family:Tahoma, Times New Roman, Helvetica, sans-serif	;
	font-style:normal;
	font-size:12pt;
	margin-left:auto;
	margin-right:auto;
	
	
	}
		
	div.bloc_album
		{
			width:100%;
			height:100%;
			overflow:hidden;
			margin-left:10px;
			margin-right:auto;
			margin-top:10px;
			text-align:justify;
			color:white;
			border : thin solid white;
		  background-color:black;
		vertical-align:top;
			font-size:0.9em;
				filter:alpha(opacity=90);  
		-moz-opacity:0.9;
		opacity: 0.9;
		-khtml-opacity: 0.9;

		}
		div.bloc_album a
		{
			text-decoration:none;
			color:White;
		
			font-size:0.9em;
			font-weight:normal;
			

		}
		
		div#listerecherche
{
	background-color:#E9E6B6;
	color:Black;
	margin-left:auto;
	margin-right:auto;
}

div#listerecherche a
{
	
 text-decoration:none;
 text-transform:uppercase;
 color:Black;
 border-top:thin solid white;

 
}

		
	#headerpub {
  background: #FFFFFF;
  width: 100%;
  text-align:right;
	vertical-align :bottom;
   background-image:url(../images/headerpub.png);
	
   		background-repeat:no-repeat;
			min-height:16px;
}


#TitreRecherche
{
    padding-top:12px;
    padding-left:12px;
    color:black;
}

#RechercheArt
{
    padding-top:12px;
    padding-left:12px;
}
#ContenuRecherche
{
    color:black;
    font-size:10pt;
    width:550px;
}

#titredroit
{
    font-weight:bolder;
    font-size:1em;
    width:220px;
}
#contdroit
{
    font-size:0.9em;
    width:220px;
}

#titregauche
{
    font-family:Times New Roman;
    margin-top:12pt;
    font-weight:bolder;
    width:540px;
    font-size:22px;
}

#header {
  background: #FFFFFF;
  width: 100%;
  text-align:right;
	vertical-align :bottom;
		background-image:url(../images/forcerouge.fr.png);
		background-repeat:no-repeat;
			height:100px;
}

#recherchedate
{
	height:51px;
	width:128px;
	background-image:url(../images/RechercheDate_03.gif);
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding : 4pt 0pt 0pt 0pt;
}
#leftcol {
    
  background: #FFFFFF;
  float: left;
  width: 148px;
  min-height: 500px;
  margin-top:2pt;

}
#rightcol 
{
   
  float: right;
  width: 90px;
  min-height: 500px;
  text-align:center;

}
#content 
{
   
   float: right;
  width: 990px;
  min-height: 500px;
  
}


.genmed { font-size : 12px; color : #e4e4e4;padding:  20pt 20pt 20pt 20pt;}
a.genmed{ color: #e4e4e4; text-decoration: none; }
a.genmed:hover{ color: #efc70a; text-decoration: underline; }

#contacts
{
	margin-left:20px;
	color:Black;
	}
#DFoot
{
	background-image:url(../images/.jpg);
	background-position:bottom,		 right;
	background-repeat:no-repeat;
	background-color:#C3530B;
}

#Une
{
	vertical-align:top;
	padding: 0pt 10pt 0pt 10pt;

}
#Une.Titre
{
	font-weight:bolder;
	font-size:22pt;
	color:White;
}
.UneTitre
{
	color:White;
	font-weight:bolder;
	font-size:12pt;
	}
.UneContenu
	{
	    color:white;
		padding: 10pt 10pt 20pt 10pt;
		font-size:12pt;
		/*background-image:url(../images/entmenuunebas_10.png);*/
		background-position:bottom right;
		background-repeat:no-repeat;
		z-index: 0;
		}
		
.UneContenu a
		{
			color:white;
			text-decoration:none;
			}
.UneContenu a:hover
			{
				text-decoration:underline;
				}



#Deux
{
	
	
	vertical-align:top;
	color:White;
	padding:   5pt 20pt 0pt 0pt;

}
.DeuxEntete
{
	font-weight:bolder;
	text-transform:uppercase;
	color:#F62525;
	width:660px;
	background-color:white;
	background-repeat:no-repeat;
	height:12pt;
	vertical-align:middle;
    padding :  2pt 0 0 24pt;
    margin-left:10pt;
	}
	
.DeuxTitre
{
	font-weight:bolder;
	font-size:14pt;
	padding: -5pt;
	padding: 0 10pt 0 10pt;
	}
#DeuxContenu
	{
		padding:  -10pt 10pt 20pt 10pt;
		margin:  -10pt 0 0 0 ;

		font-weight: normal  ;
		background-image:url();
		
		text-decoration:none;
		margin-left:10pt;
		}
#DeuxContenu a
		{
			border-width:0px;
			color:White;
			text-decoration:none;
			}


#DeuxContenu a:hover
			{
				text-decoration:underline;
				}

#DeuxContenu img
			{
				 border-width:0px;
				text-decoration:none;
				}



#Trois
{
	
	vertical-align:top;
	color:White;
	padding:     5pt 0pt 0pt 0pt;

}
.TroisEntete
{
	font-weight:bolder;
	text-transform:uppercase;
	color:#F62525;
	height:13pt;
	vertical-align:top;
    padding : 0pt 0 0 24pt;
    margin-left:10pt;
    background-color:White;
	}
	
.TroisTitre
{
	font-weight:bolder;
	font-size:14pt;
	padding: 0 10pt 0 10pt;
	
	}
#TroisContenu
	{
		
	
		background-image:url();
		font-weight: normal ;
		padding :   0pt 10pt 0 10pt;
		}
#TroisContenu a
		{
			color:White;
			text-decoration:none;
			font-weight: normal 
			}
#TroisContenu a:hover
			{
				text-decoration:underline;
				}
#Quatre
{
	vertical-align:top;
	color:White;
	padding: 5pt 20pt 0pt 0pt;
	width:450px;
}
.QuatreEntete
{
	font-weight:bolder;
	text-transform:uppercase;
	color:#F62525;
	width:660px;
	background-color:white;
	background-position:bottom right;
	background-repeat:no-repeat;
	height:13pt;
	vertical-align:top;
    padding : 0pt 0 0 24pt;
    margin-left:10pt;
    
	}
	
.QuatreTitre
{
	font-weight:bolder;
	font-size:14pt;
	padding: 0 10pt 0 10pt;
	}
#QuatreContenu
	{
		
		padding:  -10pt 10pt 20pt 10pt;
		margin:  -10pt 0 0 0 ;

		font-weight: normal  ;
		background-image:url();
		
		text-decoration:none;
		margin-left:10pt;
		}
#QuatreContenu a
		{
			color:#ffffff;
			text-decoration:none;
			font-weight: normal 
			}
#QuatreContenu a:hover
			{
				text-decoration:underline;
				}


#Ter
{
	font-family:Times New Roman;
	vertical-align:top;
	color:Black;
	padding:   0pt 0pt 0pt 0pt;
	  width: 840px;
}
.TerEntete
{
	font-weight:bolder;
	text-transform:uppercase;
	color:#FFFFFF;
	background-image:url(../images/entmenus_0x.png);
	background-repeat:no-repeat;
	min-height:12px;
	vertical-align:middle;
	padding:  4.5pt 0 0 0pt;
	width:700px;
	}
	
.TerTitre
{
	font-weight:bolder;
	font-size:14pt;
	}
.TerContenu
	{
		padding:  0pt 0pt 20pt 0pt;
		background-color:#FFFFFF;
		font-size:12pt;
		position:relative;
		}
		
		#Ter td
		{
		    vertical-align:top;
			padding: 0pt 20pt 0pt 10pt;
			}
			#Ter td:hover
			{
				text-decoration:underline;
				}
#Ter a
		{
			color:#000000;
			text-decoration:none;
			}
#Ter a:hover
			{
				text-decoration:underline;
				}

#ArticleRight
{
	border-left : solid thin #000000;
	min-height:700px;
	width:250px;
	margin-top:25px;
	padding-left:5px;
	padding-right:5px;
	font-size:0.8em;
	color:white;
}


#ArticleRight a
{
	font-size:10pt;
	text-decoration:none;
	color:white;
}
	
#ArticleRight b
{

}


#ArticleLeft
{
	
	
	}
	
#ArticleLeft  blockquote {
	background-color:#E1E0DC;
	color:#333;
	padding: 10px;
	margin: 15px 0;
}
#ArticleLeft img
{
    
	
	}
	
#ArticleLeft em 
{
	margin-top:15px;
	margin-bottom:15px;
}
	
#ArticleLeftEntete
{
	font-weight:bolder;
	text-transform:uppercase;
	color:#F62525;
	background-color:White;
	background-repeat:no-repeat;
	height:17pt;
	vertical-align:middle;
    padding :  0pt 0 0 24pt;
	}
	
	
	
	
#contenuCtrl
{
	color:#000000;
	font-family:Times New Roman;
}

div#logo {
float:left;
width:150px;
height:286px;
text-align:center;
background-color:#F70C04;
	}
	
	div#entetepub {
	width:100%;
	border-bottom: thin sold #000000;
	height:67px;
	background-color: #FFFFFF;
	float: right;
		background-image:url(images/animbandeau.gif);

	
	}
div#entete {
	width:100%;
	height:102px;
	background-color: #FFFFFF;
	float: right;
	text-align:right;
	vertical-align :bottom;
		background-image:url(../images/SillonEntete_03.png);
	}
	
div#entetespace {
	width:100%;
	height:20px;
	}
div#login {
	width:761px;
	height:29px;
	background-image:url(images/bandeau_login.jpg);
		float: right;
	}
div#contenu 
{
	width:750px;
	min-height:400px;
	float: right;
	background-color:#FFFFFF;
	margin: 0PX 10PX 0PX 5PX;
	overflow:auto;
	}
	
div#menu {
    min-height:100px;
	width:136px;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	border-right:thin solid #000000;
	margin : 0 0 15 0;
	}
div#lien
	{
    color:#FFFFFF;
    min-height:10px;
	width:133px;
	background-color:#C3530B;
	background-image:url(../images/bg_liens.jpg);	
	background-repeat:repeat-x;

	}
div#lien a
	{
		font-size:8pt;
    color:#ffffff;
    text-decoration:none;
	}
	div#lien a:hover
	{
		text-decoration:underline;
		}
div#tbas
 {
        font-family : Verdana,Times New Roman,Helevetica,sans-serif;
        clear : both;
        font-size:9px;
	height: auto;
	text-align: center;
	color:black;
	width: 1000px;
	
	   margin-left:auto;
        margin-right:auto;
	visibility:hidden;

	}
div#bas
 {
        font-family : Verdana,Times New Roman,Helevetica,sans-serif;
        clear : both;
        font-size:9px;
	height: auto;
	text-align: center;
	color:white;
	width: 1000px;
        border-top:thin solid #000000;
	border-right:thin solid #000000;
	border-bottom:thin solid #000000;
	border-left:thin solid #000000;
	background-color: Transparent;
	margin-left:auto;
        margin-right:auto;

	}

div#bas a{
	
	font-size:9px;
	text-decoration:none;
	color:white;	
}

div#bas a:hover{
	font-family : Verdana,Times New Roman,Helevetica,sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#FF1111;
	
}	
 div#footer
 {
        font-family : Verdana,Times New Roman,Helevetica,sans-serif;
        clear : both;
        font-size:9px;
     
	height: auto;
	text-align: center;
	color:#FF0000;
	width: 1000px;
        border-top:thin solid #000000;
	border-right:thin solid #000000;
	border-bottom:thin solid #000000;
	border-left:thin solid #000000;
	background-color:#c3530B;
	   margin-left:auto;
        margin-right:auto;

	}

div#footer a{
	
	font-size:9px;
	text-decoration:none;
	color:#111111;	
}

div#footer a:hover{
	font-family : Verdana,Times New Roman,Helevetica,sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#FF1111;
	
}


div#Article
{
	color:#000000;
	font-family : Verdana,Times New Roman,Helevetica,sans-serif;
	font-size:12pt;

	}
	.Zone
	{
		text-transform:uppercase;
		
		height:26px;
		font-size:16px;
		text-align:left;
		background-color:#cad940;
		font-weight:bolder;
		color:#FFFFFF;
		padding-left:20pt;
		background-image:url(../images/square.gif);
		background-position:left;
		background-repeat:no-repeat;}
	.Titre
	{
		font-size:14px;
		text-align:left;
		font-weight:bold;
		
		}
		
div#GroupeArticle
{
	color:#000000;
	font-family : Verdana,Times New Roman,Helevetica,sans-serif;
	font-size:12px;
	 
	}
	.AZone
	{
		text-transform:uppercase;
		
		height:26px;
		font-size:16px;
		text-align:left;
		background-color:#cad940;
		font-weight:bolder;
		color:#000000;
		padding-left:20pt;
		background-image:url(../images/square.gif);
		background-position:left;
		background-repeat:no-repeat;}
	.Titre
	{
		font-size:14px;
		text-align:left;
		font-weight:bold;
		color:#000000;
		}
ArticleTitre
	{
		font-size:14px;
		text-align:left;
		font-weight:bold;
		color:#000000;
		}

div#PhotoArticle
 {height:15em;
  padding : 10 10 10 10;
  margin:10 10 10 10;
  } 
  
.imageflottante{float:left;padding:10pt;} 

	.spacer {
  clear: both;
}
.txt_defil {font-size:11px;font-family:Verdana;color:#000000;text-decoration:none}
.txt_defil:link {font-size:11px;font-family:Verdana;color:#FFFFFF;text-decoration:none}
.txt_defil:visited {font-size:11px;font-family:Verdana;color:#FFFFFF;text-decoration:none}
.txt_defil:hover {font-size:11px;font-family:Verdana;color:#FFCCFF;text-decoration:underline}
td#connexion
{
	height:10;
	width:300;
	color:#EEEEEE;
	font-family:Times New Roman, Helvetica, sans-serif	;
	font-style:normal;
	font-size:11px;
	
	}
td#connexion input{
	height : 15px;
	border:thin solid #000000;
	font-family:Times New Roman, Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
	margin-bottom: 0px;
}

td#widget
	{
		border : thin solid #000000;
		background-color:#000000;
		color:#FFFFFF;
		font-size:11px;
	}
	
td#widgetcontenu
	{
		border : thin solid #000000;
		background-color:#FFFFFF;
		color:#000000;
		font-size:11px;
	}
div#comm
{
	text-align:justify;
	font-size:0.9em;
	margin: 0 5px 0 5px;
color:#101010;
}
.commentaire{
	width:300;
	background-color:#DFDFDF;
	border:thin solid #000000;
	font-family:Times New Roman, Helvetica, sans-serif	;
	font-style:normal;
	font-size:11px;
	}
	
	.detailarticle{
	width:700;
	margin : 1em 3%;
	background-color:#EEEEEE;
	border:thin solid #000000;
	}
	.listearticle{
	background-image:url(images/bakart2.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin : 1em 3%;
	font-family:Times New Roman, Helvetica, sans-serif	;
	font-style:normal;
	font-size:13px;
	
	width:700;
	background-color:#FFFF11;
	}
	
	.liendirect{
	font-family:Times New Roman, Helvetica, sans-serif	;
	font-style:normal;
	font-size:12px;
	text-decoration:none;
	}
	.liendirect a{
	font-family:Times New Roman, Helvetica, sans-serif	;
	font-style:normal;
	font-size:12px;
	text-decoration:none;
	
	}
	
	
body {
	font-family : Tahoma,Times New Roman,Helevetica,sans-serif;
	background-color:white;
     
        background-position:top;
	background-repeat:no-repeat;
	
	
}


a {
	color : #039;
}

html*a:hover, html*a:focus {
	text-decoration : none;
}


h1 { font-size: 1.7em; margin: .67em 0; }
h2 { font-size: 1.5em; margin: .83em 0; color : #069;}
h3 { font-size: 1em; margin: 1em 0; color : #EAD67B; }

h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }

h2 { position : relative; }
div>h2 { position : static; }


	 
	 
	 h1 a{
	 	font-family:Times New Roman;
		color : #330066;
	 	
	 }
     #titre{
     	font-family:Times New Roman;
     	font-weight:bolder;
		color:#7f7f7f;
		font-stretch:expanded;
		letter-spacing:3pt;
		margin-left : 30pt;
     }
	  /* rendons notre barre de nav un peu plus belle*/
	  #barre_navigation {
font-family:Times New Roman;
            padding : 0;
	    margin : 0;
	    float : left ;
		width:100px;

	  }
	  
	  #barre_navigation h4{
	  	font-family:Times New Roman;
	    font-size : 16px;
		font-weight: bolder;
		text-transform: uppercase;
		color: #FFFFFF;
		background: #C3530B;
		cursor: pointer;    
		margin : 0 0 0 0 ;
		padding : 0 20 20pt 0; 
		/*background-image:url(../images/square.gif);*/
		background-position:left;
		background-repeat:no-repeat;

	  }
	  
	  #barre_navigation a{
	  	font-family:Times New Roman;
	  	text-decoration : none;
	  }
	  
	  
	  #barre_navigation ul{
	  	font-family:Times New Roman;
	  	font-size: 11px;
		font-weight:bold;
  		color: #C3530B;
  	    margin  : 0;
  	    padding-left:20pt;
	  }
	  
	  #barre_navigation ul li{
		font-family:Times New Roman;
	  	list-style-type : none;
	  	color:#FFFFFF;
	  	text-align : left;


	  }
	  
	  #barre_navigation ul li a {
	  	font-family:Times New Roman;
	    text-decoration: none;
	    color: #000000;
	  }
		
	  #barre_navigation ul li a:hover {
	  	font-family:Times New Roman;
	    text-decoration: none;
	    color: #FFFFFF;

	  }
	 
	 #contenu {
	 	font-family:Times New Roman;
      background-color: black;
   }
   
   #contenu img{
   	font-family:Times New Roman;
      padding : 0px ;
      margin: 0px 0px 0px 10px;
      position : relative;
   }
   
   .infobulle{
      background-color: #FF3366;
      padding : 6px;
      border : 1px solid #000;
      font: lighter 10px/1.3 Verdana,Times New Roman,sans-serif;
      text-decoration: none;
      text-align: center;
   }
   div.table { 
        display:table; 
        /* Joindre les bords des cellules */
        border-collapse:collapse; 
        /* Forcer le tableau à prendre la largeur écran */
        width:100%; 
        border:2px solid red;
}
div.caption { 
        /* Ffox n'affiche pas le caption dans la table
                il faut le déclarer bloc */
        display:block; 
        /* Si déclaré bloc, lui donner la largeur des 
                td cumulés */
        width:400%; /* 100 % x 4 colonnes */
        /* Aligner le titre au centre */
        text-align:center; 
}
        /* tbody optionnel */
div.tbody { 
        display:table-row-group; 
}
div.tr { 
        display:table-row; 
}
div.td { 
			display:table-cell; 
        border:1px solid red; 
        padding:5px; 
        width:24.5%;
}
div.end { 
        width:auto;
}

.articlepub
{
color:#AAA;
background-color:#EEE;
text-align:center;
padding:5px;
border-top: solid 1px #403D1C;
border-bottom: solid 1px #403D1C;
}