/* RRC 2009 - Mathieu Regniez */

@page { size: 21cm 29.7cm; margin: 0.5cm; }

body, p, div
{
	font-size:12px;
	font-family: Arial;
	color:#FFFFFF;
	text-align:justify;
}

blockquote
{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

body
{
	background-color:#FFFFFF;
	margin:0;
}
form
{
 margin:0;
 padding:0;
}
td
{
 font-size:12px;
}

ul, li
{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
/* LES ID */

/* D'abord les id généraux que l'on peut trouver sur plusieurs pages */
#bottom, #bottom a
{
	text-align:center;
	color:#57656E;
}
#container
{
	width:800px;
	margin:auto;
	background-color:#AEB3B6;
	color:#FFFFFF;
}
#container a
{
	color:#FFFFFF;
	text-decoration:none;
}

#main
{
	width:660px;
	margin:auto;
	background-color:#FFFFFF;
}

#main_texte, #main_texte div, #main_texte td
{
	color:#57656E;
	padding-left:10px;
	padding-right:10px;
}
#main_texte div
{
	padding:0;
}
#main_texte a
{
	color:#097BB9;
	text-decoration:underline;
}

#main_top
{
	width:660px;
	height:15px;
	margin:auto;
	margin-top:15px;
	background-image:url(../images/commun/cadre_principal_haut.png);
	background-repeat:no-repeat;	
}

#main_top_texte
{
	width:660px;
	margin:auto;
}
#main_bottom
{
	width:660px;
	height:15px;
	margin:auto;
	padding-bottom:15px;
	background-image:url(../images/commun/cadre_principal_bas.png);
	background-repeat:no-repeat;
}

/* Ensuite les id particuliers que l'on ne trouve que sur une seule page */

#cadre_accueil
{
    width:672px;
	height:82px;
	background-repeat:no-repeat;
	padding-top:35px;
	text-align:left;
	margin:auto;
}
#cadre_accueil_texte
{
	padding-left:15px;
	padding-right:15px;
	color:#57656E;	
}

#points_affiche
{
	text-align:center;
}

#points_liste
{
	margin-left:45%;
	margin-right:44%;
	text-align:left;
}

/* ID SUR LE POPUP DE LA DICTEE */

#popup_texte
{
	font-size:12px;
	font-family: Arial;
	color:#000000;
	text-align:justify;
	padding:15px;
	line-height:17px; 
}

#popup_texte div
{
	color:#000000;
	padding-bottom:5px;
}

#popup_texte h1
{
	font-size:16px;
	font-weight:bold;
	margin-bottom:0px;
	font-family: Arial;
	color:#000000;
}

#popup_bottom
{
	font-size:12px;
	font-family: Arial;
	color:#000000;
	text-align:center;
	margin-top:45px;
	margin-bottom:20px;
}
/* LES CLASSES */

/* D'abord les classes générales que l'on peut trouver sur plusieurs pages */

.bleu
{
	color:#097BB9;
}

.cadre_droite
{
	text-align:left;
	right:0;
	color:#000000;
}

.deco
{
	position:absolute;
	width:800px;
	text-align:right;
	margin:auto;
	top:150px;
}

.deco span
{
	color:#000000;
	background-color:#000000;
}
.fleche
{
	width:100%;
	text-align:right;
}
.form_recherche
{
	display: inline;
}

.hide
{
	color:#000000;
}
.orange, table#orange a
{
	color:#F69E47;
}
.orange_13
{
	color:#F69E47;
	font-size:13px;
}
.orange_i
{
	color:#F69E47;
	font-style:italic;
}
a#orange_clair
{
	color:#FFCD96;
	font-style: italic;
}
.prepa_point_html, .prepa_point_html td, .prepa_point_html table, .prepa_point_html div, .prepa_point_html p
{
	color:#000000;
}

.rouge
{
	color:#FF0000;
}


.table_fond_orange
{
  border-top:2px solid #000000;
  border-left:2px solid #000000;
	text-align:center;
	margin:auto;
}

.table_fond_orange th, .table_fond_orange td 
{
  border-bottom:2px solid #000000;
  border-right:2px solid #000000;
	color:#000000;
	padding:6px;
	text-align:center;
}

.table_fond_orange th 
{
  background-color:#FFAA01;
}

.table_fond_jaune
{
  border-top:2px solid #000000;
  border-left:2px solid #000000;
	text-align:center;
	margin:auto;
}

.table_fond_jaune th, .table_fond_jaune td 
{
  border-bottom:2px solid #000000;
  border-right:2px solid #000000;
	color:#000000;
	padding:6px;
	text-align:left;
}

.table_fond_jaune th 
{
  background-color:#FFFF00;
}
.table_fond_jaune_center
{
	text-align:center;
}

.table_fond_td_gris
{
	background-color:#bfbfbf;
}


/* //////////////////////////////////////////////////////////////////////////////////////
************************************ PANNEAU D'ADMIN ********************************* 
////////////////////////////////////////////////////////////////////////////////////// */

.admin
{
	background-image: url(../admin/images/fond.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #ACD9FC;
	font-size:10px;
}

.admin_demo_table
{
	border-top:1px solid #777777;
	border-left:1px solid #777777;
}

.admin_demo_table td
{
	padding:5px;
	border-bottom:1px solid #777777;
	border-right:1px solid #777777;
}

.admin_demo_titre
{
	font-weight:bold;
	background-color:#DDDDDD;
}

.admin_table
{
	width:90%;
	margin:5%;
	margin-top:5px;
	background-color:#FFFFFF;
	border-left:1px solid #777777;
	border-right:1px solid #777777;
	border-top:1px solid #777777;
	
}

.admin_table td
{
	color:#000000;
}

.admin_menu
{
	border-bottom:1px solid #777777;
	padding:10px;
}

.admin_main
{
	border-left:0;
	border-bottom:1px solid #777777;
	padding:10px;
	padding-bottom:50px;
	text-align:center;
}

.admin_main input, .admin_main textarea, .admin_texte select
{
	width:98%;
	margin:2px;
	padding:3px;
	background-color: #DEE7F4;
	color:#000000;
	font-size:10px;
	font-family:Arial;
}
.admin_main textarea
{
	height:100px;
	font-size:10px;
}
.admin_main .admin_submit
{
	width:auto;
}

.admin_main .admin_submit_img
{
	width:auto;
	background:none;
}

.admin_main .admin_input_auto
{
	width:auto;
}

.admin_point
{
	font-size:9px;
	color:#000000;
}
.admin_table_points 
{
	margin:0;
	padding:0;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.admin_table_points td
{
	padding:3px;
	background-color:#EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
