/************************/
/**  ELEMENTS DE BASE  **/
/************************/

body, img, table { border: 0px; margin: 0px; padding: 0px; outline: none; -moz-outline: none; }

body {
	background-color : #071E39;

	font-family : Arial, Helvetica, Tahoma;
	font-size : 13px;
	color : #071E39;
}

a {
	color : #5E2E7E;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

ul {
	list-style : square;
	color : #071E39;
	padding-left : 15px;
}

li {
	margin-bottom : 10px;
}

h1 {
	margin-top : 0px;

	font-size : 24px;
	font-weight : normal;
	color : #1EA2B7;
}

h2 {
	margin : 0px;
	padding : 0px;
	font-size : 13px;
	color : #189DB3;
}

input[type=checkbox] {
	padding : 0px;
	margin : 0px;
}

input[type=radio] {
	padding : 0px;
	margin : 0px 10px 0px 0px;
}

input[type=text], input[type=password], select, textarea {
	width : 400px;
	padding : 4px 5px 4px 5px;
	border : 1px solid #071E39;
	outline : none;
	-moz-outline : none;
	background-color : #EDF6FA;

	font-family : Arial, Helvetica, Tahoma;
	font-size : 13px;
	color : #071E39;
}

select {
	width : 410px;
	height : 25px;
	padding-top: 3px;
}

input[type=text], input[type=password] {
	resize : none;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	border-color : #071E39;
	-moz-transition-property : all;
	-webkit-transition-property : all;
	-o-transition-property : all;
	transition-property : all;
	-moz-transition-duration : .4s;
	-webkit-transition-duration : .4s;
	-o-transition-duration : .4s;
	transition-duration : .4s;
	-moz-box-shadow : 0px 0px 5px #88DAF3;
	-webkit-box-shadow : 0px 0px 5px #88DAF3;
	-o-box-shadow : 0px 0px 5px #88DAF3;
	box-shadow : 0px 0px 5px #88DAF3;
	outline : none;
	-moz-outline : none;
}

input[type=submit], input[type=button] {
	height : 30px;
	margin-left : 150px;
	padding : 0px 30px 4px 30px;
	background-color : #189DB3;
	border : 0px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	-o-border-radius : 5px;
	-ms-border-radius : 5px;
	-khtml-border-radius : 5px;
	cursor : pointer;

	font-size : 14px;
	color : #FFFFFF;
	text-decoration : none;
}

input[type=submit]:hover, input[type=button]:hover {
	background-color : #071E39;
	text-decoration : none;
}


/************/
/**  PAGE  **/
/************/

#page {
	width : 100%;
}


/***************/
/**  CONTENU  **/
/***************/

#contenu {
	width : 968px;
	padding-top: 8px;
	text-align : left;
	background-color : #FFFFFF;
}

#contenu_bis {
	background-color : #FFFFFF;
}

#contenu #logo {
	float : left;
	padding-left: 20px;
	margin-bottom : 12px;
}

#contenu #titre {
	float : left;
	width : 650px;
	height : 75px;
	padding-top : 7px;

	font-family : Arial, Helvetica, Tahoma;
	font-size : 50px;
	font-weight : bold;
	color : #EEEEEE;
	text-align : center;
}

#contenu #langue {
	float : left;
	height : 40px;
	padding-top : 42px;
}

#contenu #menu {
	float : left;
	width : 174px;
	min-height : 100%;
	padding-left : 15px;
	background-color : #FFFFFF;
}

#contenu #menu a {
	font-size : 12px;
	color : #1EA2B7;
}

#contenu #menu input[type=button] {
	height : 20px;
	padding : 0px 10px 4px 10px;
	background-color : #189DB3;
	border : 0px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	-o-border-radius : 5px;
	-ms-border-radius : 5px;
	-khtml-border-radius : 5px;
	cursor : pointer;

	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
}

#contenu #menu input[type=button]:hover {
	background-color : #071E39;
}

#contenu #formulaire {
	min-height : 500px;
	margin-left : 189px;
	padding : 20px 0px 50px 50px;
	border-left : 1px solid #868686;
	background-color : #FFFFFF;
}

#contenu #formulaire_bis {
	float : left;
	width : 728px;
	min-height : 600px;
	padding : 20px 0px 50px 50px;
	border-left : 1px solid #868686;
	background-color : #FFFFFF;
}

#contenu .colonne_gauche {
	float : left;
	width : 170px;
	height : 35px;
	padding-top : 5px;
}

#contenu .colonne_gauche_obligatoire {
	float : left;
	width : 170px;
	height : 35px;
	padding-top : 5px;

	color : #189DB3;
}

#contenu .colonne_droite {
	float : left;
	width : 420px;
	height : 40px;
}

#contenu ul {
	list-style : square;
	color : #071E39;
	padding-left : 40px;
}

#contenu li {
	margin-bottom : 5px;
}

#contenu #texte {
	width : 660px;
}

#contenu a {
	color : #1EA2B7;
}

#contenu .texte_vert {
	color : #1EA2B7;
}

#contenu .separateur {
	width : 600px;
	margin : 15px 0px 30px 0px;
	border-top : 1px dashed #189DB3;
}

#contenu .separateur_bis {
	width : 160px;
	margin : 30px 0px 30px 0px;
	border-top : 1px dashed #189DB3;
}

#contenu .separateur_ter {
	width : 660px;
	margin : 15px 0px 30px 0px;
	border-top : 1px dashed #189DB3;
}

#contenu .indication {
	margin-left : 20px;
	font-size : 12px;
	font-style : italic;
	color : #AAAAAA;
}

#contenu .inscription_radio {
	float : left;
	padding : 10px 20px 15px 20px;
	margin: 30px 60px 0px 30px;
	border: 1px solid #071E39;
	background-color: #EDF6FA;
	cursor : pointer;
}

#contenu .inscription_radio_checked {
	float : left;
	padding : 10px 20px 15px 20px;
	margin: 30px 60px 0px 30px;
	border: 1px solid #189DB3;
	background-color: #EDF6FA;
	color : #189DB3;
	cursor : pointer;
}

#contenu input.bouton_annuler {
	margin-left : 0px;
	height : 30px;
	padding : 0px 30px 4px 30px;
	background-color : #BBBBBB;
	border : 0px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	-o-border-radius : 5px;
	-ms-border-radius : 5px;
	-khtml-border-radius : 5px;
	cursor : pointer;

	font-size : 14px;
	color : #FFFFFF;
	text-decoration : none;
}

#contenu input.bouton_annuler:hover {
	background-color : #999999;
}

#contenu .erreur {
	float : left;
	margin : 4px 0px 0px 20px;

	font-size : 12px;
	color : #FF0000;
}

#contenu .erreur_bis {
	margin : 4px 0px 0px 20px;

	font-size : 12px;
	color : #FF0000;
}

#contenu .confirmation {
	margin : 0px 0px 30px 200px;
	font-size : 12px;
	color : green;
}

#contenu #package_facture table, #contenu #package_facture td {
	padding : 5px;
	border-collapse : collapse;
	border : 1px solid #071E39;

	font-size : 12px;
}

#contenu #package_facture .entete_colonne {
	background-color : #EDF6FA;

	font-weight : bold;
	text-align : center;
}

#contenu #package_facture .ligne_vide {
	border-left : 1px solid #FFFFFF;
	border-bottom : 1px solid #FFFFFF;
}

#contenu #package_facture .entete_ligne {
	background-color : #EDF6FA;

	font-weight : bold;
	text-align : right;
}


/**  CARTE DE SCORE  **/

#contenu_bis #carte_score {
	border : 1px solid #CCCCCC;
	border-spacing : 0;
	border-collapse : collapse;
	margin-bottom : 5px;
}

#contenu_bis #carte_score td {
	width : 30px;
	height : 25px;
	border : 1px solid #CCCCCC;

	font-size : 12px;
	font-weight : bold;
	text-align : center;
}

#contenu_bis #carte_score .carte_entete {
	background-color : #EEEEEE;
}

#contenu_bis #carte_score .carte_entete_ligne {
	width : 125px;
	padding-left : 10px;
	text-align : left;
}

#contenu_bis #carte_score .carte_entete_ligne_score {
	width : 125px;
	height : 35px;
	padding-left : 10px;

	text-align : left;
}

#contenu_bis #carte_score .carte_entete_ligne_coupsrecus {
	height : 20px;
	padding-left : 0px;
	padding-right : 10px;

	font-size : 10px;
	font-weight : normal;
	text-align : right;
}

#contenu_bis #carte_score .carte_ligne {
	background-color : #FFFFFF;
}

#contenu_bis #carte_score .carte_ligne_score {
	height : 35px;

	font-size : 20px;
	font-weight : normal;
	background-color : #FFFFFF;
}

#contenu_bis #carte_score .carte_ligne_coupsrecus {
	height : 20px;

	font-size : 10px;
	font-weight : normal;
	background-color : #FFFFFF;
}

#contenu_bis #carte_score .carte_ligne_jaune {
	background-color : #FDEB34;
}

#contenu_bis #carte_score .carte_ligne_bleu {
	background-color : #2BB1E1;
}

#contenu_bis #carte_score .carte_ligne_rouge {
	background-color : #E7262B;
}

#contenu_bis #carte_score .carte_ligne_distance {
	font-size : 11px;
	font-weight : normal;
}

#contenu_bis #message_carte_score {
	width : 500px;
	background-color : #FF0000;
	padding : 5px 10px 5px 10px;
	margin-top : 30px;

	font-size : 16px;
	font-weight : bold;
	color : #FFFFFF;
	text-align : center;
}


/********************/
/**  PIED DE PAGE  **/
/********************/

#pied_page {
	width : 100%;
}

#pied_page #pied {
	width : 920px;
	min-height : 220px;
	padding-top : 20px;

	font-family : Arial, Helvetica, Tahoma;
	font-size : 12px;
	color : #00B8E3;
}

#pied_page a {
	font-family : Arial, Helvetica, Tahoma;
	font-size : 12px;
	color : #FFFFFF;
}
