/* CSS Document */

/* -------------------- GRAND BLOC CENTRE -------------------- */

.bloc_grand {
width : 675px;
margin : auto;
padding : 0;
}

.bloc_grand h2 {
height : 25px;
line-height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablehaut_big.gif");
background-repeat : no-repeat;
text-align : center;
font-size: 15px;
font-family: Georgia, Arial, Times, serif;
color: #003399;
}

.bloc_grand p {
margin : 0;
padding : 6px;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
}

.bloc_grand h3 {
height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablebas_big.gif");
background-repeat : no-repeat;

}

/* -------------------- LIGNE 2 BLOCS -------------------- */

.bloc_ligne {
width : 675px;
margin : auto;
padding : 0;
border-collapse: collapse;
}

/* __________ BLOC GAUCHE __________ */

.bloc_left {
width : 330px;
margin-top : 20px;
padding : 0;
}

.bloc_left h2 {
height : 25px;
line-height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablehaut.gif");
background-repeat : no-repeat;
text-align : center;
font-size: 15px;
font-family: Georgia, Arial, Times, serif;
color: #003399;
}

.bloc_left h3 {
height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablebas.gif");
background-repeat : no-repeat;
}

/* __________ BLOC DROITE __________ */

.bloc_right {
width : 330px;
margin-top : 20px;
padding : 0;
}

.bloc_right h2 {
height : 25px;
line-height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablehaut.gif");
background-repeat : no-repeat;
text-align : center;
font-size: 15px;
font-family: Georgia, Arial, Times, serif;
color: #003399;
}

.bloc_right h3 {
height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablebas.gif");
background-repeat : no-repeat;
}

/* _____ CENTRE BLOC _____ */

.centre_bloc {
margin : 0;
padding : 6px;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
text-align : justify;
}

.centre_blocsite {
margin : 0;
padding : 6px;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
}

.centre_bloc_item {
margin : 0;
padding : 6px;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
border-bottom : 1px dashed black;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
}

.centre_bloc_sitemoment {
margin : 0;
padding : 6px 6px 0;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
height : 107px;
font-family: Arial, Times, serif;
font-size : 11px;
text-align : justify;
}

.centre_bloc_sitemoment2 {
margin : 0;
padding : 0px;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
font-family: Arial, Times, serif;
font-size : 11px;
text-align : center;
}

.centre_bloc_jeux {
margin : 0;
padding : 6px;
width : 675px;
background-color : #DDDDDD;
border-right : 1px solid black;
border-left : 1px solid black;
}



/* ---------- DIVERS ---------- */

.float_left_sitemoment {
float : left;
margin : 5px 5px 0;
}

.float_right_pressite {
float : right;
margin : 5px;
}


/* ---------- FORMULAIRES ---------- */

fieldset
{
	margin-bottom : 20px;
	background-color : #DDDDDD;
}

legend
{
	font-family: Georgia, Arial, Times, serif;
	font-size : 12px;
	font-weight : bold;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #DDDDDD;
}

input, textarea
{
   font-family: Arial, Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   font-size : 13px;
}

.normform label
{
   display : block;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 13px;
   width : 170px;
   float : left;
}

.normform
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
}

.connectform
{
	margin : 0;
	padding : 5px 0 0 0;
}

.connectform label
{
	display : block;
	height : 20px;
	margin : 0;
	line-height : 20px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	width : 50px;
	float : left;
	clear : left;
	padding-left : 5px;
  }

/* ---------- PRESENTATION D'UN SITE ---------- */

.bloc_pressite {
width : 675px;
margin : 0 auto 20px;
padding : 0;
}

.bloc_pressite h2 {
height : 35px;
margin : 0;
padding : 0;
background-image : url("../images/tablehaut_bbig.gif");
background-repeat : no-repeat;
text-align : center;
font-size: 15px;
font-family: Georgia, Arial, Times, serif;
color: #003399;
line-height : 35px;
}

.bloc_pressite h3 {
height : 25px;
margin : 0;
padding : 0;
background-image : url("../images/tablebas_big.gif");
background-repeat : no-repeat;
}

.pressite_barrelien
{
	height : 15px;
	line-height : 12px;
	clear : right;
	text-align : center;
	border-top : 1px dashed black;
	margin : 0;
	padding : 0;
	background-color : #DDDDDD;
	border-right : 1px solid black;
	border-left : 1px solid black;
}

.pressite_barrelien a { font-size: 11px; color: #222222; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; text-decoration:underline; }
.pressite_barrelien a:hover {font-size: 11px; color:#CC0000; font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;font-weight : blod;text-decoration:underline;}

/* ---------- AVIS SITE ---------- */

div.avis
{
	background-color : #CCCCCC;
	width : 675px;
	border-left : 1px solid black;
	border-right : 1px solid black;
	border-top : 1px solid black;
	margin : 0;
	padding : 0 5px 0;
}

div.avis2
{
	background-color : #DDDDDD;
	width : 675px;
	border-left : 1px solid black;
	border-right : 1px solid black;
	border-top : 1px solid black;
	margin : 0;
	padding : 0 5px 0;
}

.avis h3 , .avis2 h3
{
	margin : 0;
	padding : 0;
	text-align : left;
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	height : 17px;
	line-height : 17px;
	border-bottom : 1px dashed black;
}

.end_avis
{
	margin : 0;
	padding : 0;
	height : 15px;
	border-top : 1px solid black;
	width : 687px;
}

/* Barre séparatrice */

.barre {
margin : 0;
padding : 0;
width : 675px;
border-top : 1px dashed black;
}

/* Tableau Liste des codes */
#liste-codes
{
	margin : auto;
	border: 3px double #003366;
	border-collapse : collapse;
	width : 420px;
}

#table
{
	margin : auto;
	border: 3px double #003366;
	border-collapse : collapse;
}


#liste-codes th, #table th
{
	background-color : #DDDDDD;
}

#liste-codes th a, #table th a
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-align: center;
	color : #003377;
	text-decoration : none;
}

#liste-codes th a:hover, #table th a:hover
{
	color : #CC0000;
}


#liste-codes td, #table td
{
	border : 1px solid black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-align: center;
}

/* Actualité */
.bloc_news
{
	margin : 10px;
	width : 650px;
	background-color : #DDDDDD;
	border : 1px solid #003366;
	padding : 6px;
}

.entete_news
{
	margin : 0;
	border-bottom : 1px dotted black;
}

.comment_news
{
	margin : 10px 0 0;
}

/* ---------- Liste d'annuaires ---------- */
#liste-annuaires
{
	margin : auto;
	empty-cells : show;
	border-collapse : collapse;
}

#liste-annuaires td
{
	border : 1px solid #CCCCCC;
	padding : 3px;
	text-align : center;
}

/* ---------- Fréquence 3 ---------- */

#f3Display
{
	text-align : center;
	font-family : Arial;
	font-size : 12px;
}

/* ---------- Ticket contact ---------- */
.bloc_mail
{
	margin : 10px;
	width : 650px;
	background-color : #DDDDDD;
	border : 1px solid #003366;
	padding : 6px;
}

.entete_mail
{
	margin : 0;
	border-bottom : 1px dotted black;
}
}