/* suppression des marges */
html, body, dl, dt, dd, table, th, td, form, fieldset, p { margin: 0; padding: 0; }
img, fieldset, object { border: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* ----- hidden focus borders from mozilla ----- */
:focus { -moz-outline-style: none; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; text-align: center; color: #000000;
	background-color: #006ec7; line-height: 1.5em;
}
body .pop{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; text-align: left; color: #000000;
	background-color: #006ec7; line-height: 1.5em;
}

a { color: #006ec7; }
a:hover { color: #006ec7; text-decoration: none; }

strong { color: #006ec7; }
strong.dark { color: #003b6b; }

.clearboth { display: block; clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; }
.clearboth.height10 { height: 10px; }

ul.noStyle { margin: 0; padding: 0; }
ul.noStyle li { margin: 0; padding: 0; list-style-type: none; }

div.hr {
	height: 1px; font-size: 1px; line-height: 1px; 
  background-color: #cdcecf;
	margin: 10px 18px 10px 0;
}

div.hr hr { display: none; }
.nobr br { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.alignRight { text-align: right; }
.paddingRight { padding-right: 18px; }

/*                                    ***************************************                                    */

* html button { overflow: visible; } /* Hack width button IE */

button, .button {
	color: #fff; font: 9px Verdana, Arial, Helvetica, sans-serif;
	background: #589de0; border: 0;
	padding: 1px; text-align: center;
	border-left: solid 1px #006ec7;
	border-right: solid 1px #006ec7;
	border-top: solid 1px #006ec7;
	border-bottom: solid 1px #006ec7;
	cursor: pointer; padding: 0 5px;
}

.mentions, .credits, .msgAddendum {
	width: 500px;
}
/*
button.gris, button.requerants {
	border:solid 1px #B5B5B5;
	background:url(../images/fnd_btn_gris.gif) top repeat-x;
	height:19px;
	padding:0;
	color:#000;
}
*/

/*                                    ***************************************                                    */

#site { }

.gabarit {
	text-align: left; width: 775px;
	margin-left: auto; margin-right: auto;
}

/*                                    ***************************************                                    */

#siteHeader { }

#siteBandeau {
	background: #0f77cb url("../images/bandeau_bg.jpg") left bottom repeat-x;
	border-bottom: 1px solid #76a0d1;
	height: 160px;
	position: relative;
}

#siteBandeau .gabarit {
	background: transparent url("../images/bandeau.jpg") left top no-repeat;
	height: 160px;
}

#siteMenu {
	background: #ffffff url("../images/menu_bg.gif") left top repeat-x;
	height: 27px;
}

#siteMenu .gabarit {
	background: transparent url("../images/menu_bottom.gif") left bottom no-repeat;
	height: 27px;
}

#headerLogo, #headerAccroche, #headerButton { position: absolute; }
#headerLogo { top: 21px; margin-left: 26px; }
#headerAccroche { top: 53px; margin-left: 107px;}
#headerButton { top: 133px; margin-left: 584px; }

/*                                    ***************************************                                    */

#siteMain { }

#gabaritOmbre {
	background: transparent url("../images/gabarit_ombre_middle.gif") left top repeat-y;
}

#gabaritOmbreBas {
	background: transparent url("../images/gabarit_ombre_bottom.gif") left bottom no-repeat;
	padding: 0 3px 10px 4px;
}

#siteBody {
	background: transparent url("../images/gabarit_ombre_top.png") left top no-repeat;
	_height: 0.01%;
}

#filAriane { float: left; width: 163px; /* background-color: red; */ }

#siteContenuXXL {
	float: right; width: 605px;
	/* fixe une hauteur min sous IE et FF - augmente la hauteur si necessaire en fonction du contenu */
	height: auto !important; height: 400px; min-height: 400px;
	/* background-color: blue; */
	padding-bottom: 15px;
}
#siteContenuXXLPop {
	float: left; width: 605px;
	/* fixe une hauteur min sous IE et FF - augmente la hauteur si necessaire en fonction du contenu */
	height: auto !important; height: 400px; min-height: 400px;
	/* background-color: blue; */
	padding-bottom: 15px;
}

#siteContenu { margin-left: 19px; /* background-color: red; */ }

#siteFooter { color: #ffffff; margin-bottom: 10px; }
#siteFooter a { color: #ffffff; }

#siteFooter .gabarit { padding-left: 10px; padding-bottom: 10px; }

/*                                    ***************************************                                    */

#siteNavigation { margin: 0; padding: 0; padding-top: 1px; }
#siteNavigation li { float: left; list-style-type: none; margin: 0; padding: 0; }

#siteNavigation a { float: left; display: block; height: 18px; text-indent: -3000px; text-decoration: none; /* on cache le texte */ }

#siteNavigation a.bt_accueil { background: transparent url("../images/sitenav_bt_accueil.gif") left top no-repeat; width: 74px; }
#siteNavigation a.bt_preinsc { background: transparent url("../images/sitenav_bt_preinsc.gif") left top no-repeat; width: 144px; }
#siteNavigation a.bt_contact { background: transparent url("../images/sitenav_bt_contact.gif") left top no-repeat; width: 80px; }
#siteNavigation a.bt_faq { background: transparent url("../images/sitenav_bt_faq.gif") left top no-repeat; width: 56px; }

/*                                    ***************************************                                    */

#filAriane { margin-top: 22px; }

#filAriane .titre {
	display: block; width: 163px; height: 27px; text-indent: -3000px; text-decoration: none; 
	background: transparent url("../images/filariane_titre.gif") left top no-repeat;
}

#filAriane ul { margin: 0; padding: 0; }
#filAriane ul li {
	list-style-type: none; margin: 0; padding: 0;
	border-bottom: 1px solid #dddddd;
	padding: 5px 7px 9px 7px;
}

#filAriane ul li.selected { background: transparent url("../images/filariane_selected.gif") left bottom no-repeat; }

#filAriane ul li span { color: #003b6b; font-size: .8em; }

/*                                    ***************************************                                    */

/* Boutons */
a.bt_telechargerPreinsc {
	float: left; display: block; width: 191px; height: 36px;
	background: transparent url("../images/bt_telecharger_preinsc.jpg") left top no-repeat;
	text-indent: -3000px; /* on cache le texte */ text-decoration: none; 
}

a.bt_voir {
	float: left; width: 20px; height: 20px; margin: 4px;
	background: transparent url("../images/bt_voir.gif") left top no-repeat;
	text-indent: -3000px; /* on cache le texte */ text-decoration: none; 
}

a.bt_supprimer {
	float: left; width: 20px; height: 20px; margin: 4px;
	background: transparent url("../images/bt_supprimer.gif") left top no-repeat;
	text-indent: -3000px; /* on cache le texte */ text-decoration: none; 
}

.topTools { padding-bottom: 20px; overflow: hidden; }

.bt_imprimer { float: right; border-bottom: 1px solid #e0e0e0; }

.bt_imprimer a {
	display: block; padding: 4px 0; padding-right: 18px; margin-right: 23px;
	background: transparent url("../images/bt_imprimer.gif") right center no-repeat;
	font-size: .9em; color: #2c85d4;
}

/*                                    ***************************************                                    */

h1.titre, h1.titreAccueil {
	font-size: 1.2em; color: #006ec7; text-transform: uppercase;
	margin-bottom: 15px;
}

h1.titreAccueil {
	background: transparent url("../images/pct_titre_accueil.gif") left top no-repeat;
	padding-left: 26px; padding-bottom: 5px;
}

h1.titreAccueil, .introAccueil { margin-left: -20px; }

.introAccueil {
	margin-right: 42px; padding-bottom: 10px; margin-bottom: 17px;
	border-bottom: 1px solid #cdcecf;
}

.paragraphe { margin: 10px 10px 10px 5px; }

.flecheRougePadding {
	background: transparent url("../images/fleche_rouge.gif") 0px 5px no-repeat;
	padding-left: 10px; margin: 0 18px 15px 0px;
}

.flecheBleueTextindent {
	background: transparent url("../images/fleche_bleue.gif") 0px 5px no-repeat;
	text-indent: 10px; margin: 0 16px 15px 0px;
}

.flecheBleuePadding {
	background: transparent url("../images/fleche_bleue.gif") 0px 5px no-repeat;
	padding-left: 10px; margin: 0 18px 15px 0px;
}
/* JLuc */
.numeroFamille {
	font-weight: bold;
	padding-bottom: 10px;
	color: #006ec7;
}
.adressePrelevement {
	margin-left:200px;
	margin-bottom:12px;
}
.noMargin { margin-bottom: 3px; }

.msgAddendum { color: #999999; font-size: .9em; font-style: italic; margin: 10px 18px 15px 0px; }

.msgInfo { font-style: italic; color: #950d8a; font-size: 0.9em; }

/*                                    ***************************************                                    */

.blocAlert {
	background: transparent url("../images/bloc_alert_bg.gif") left top repeat-y;
	width: 295px; font-size: .9em; margin: 5px 0 10px 0;
}

.blocAlertBottom { background: transparent url("../images/bloc_alert_bottom.gif") left bottom no-repeat; padding-bottom: 7px; }
.blocAlertTop { background: transparent url("../images/bloc_alert_top.gif") left top no-repeat; padding: 7px 5px 0 10px; }

.blocAlert, .blocAlert strong { color: #003b6b; }
.blocAlert big { color: #ff0000; font-weight: bold; font-size: 1em; }

/*                                    ***************************************                                    */

.blocInfo {
	background: transparent url("../images/bloc_info_bgjaune.gif") left top repeat-y;
	border: 2px solid #cdcecf; width: 564px; overflow: hidden;
	font-size: .9em; margin-bottom: 10px;
}

.blocInfo.grisGenBI { background-image: url("../images/bloc_info_bggris.gif"); }
.blocInfo.grisDegTitre { background-image: url("../images/bloc_info_degtitregris_bg.gif"); width: 434px; }
.blocInfo.jauneDegTitre { background-image: url("../images/bloc_info_degtitrejaune_bg.gif"); width: 434px; }
.blocInfo.grisOneCol { background-image: url("../images/bloc_info_onecolgris_bg.gif"); }

.blocInfo .blocInfoTitre { float: left; width: 103px; text-align: center; padding: 20px 0 10px 0; /* background: red;  */}
.blocInfo .blocInfoTitre p { padding: 0 5px; }
.blocInfo .blocInfoTitre strong { color: #003b6b; }

.blocInfo .blocInfoContenu {
	float: left; width: 222px;
	border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; padding: 5px 0;
}
.blocInfo .blocInfoContenu p {
	padding: 5px 0; overflow: hidden; /* background: red; */
	width: 222px; /* pour eviter un bug de hauteur sous IE5.x, il faut remettre la largeur du paragraphe */
}
.blocInfo .blocInfoContenu strong {
	float: left; width: 73px; text-align: right;
	font-weight: normal; color: #999999; /* background: purple; */
}
.blocInfo .blocInfoContenu span { float: right; width: 140px; color: #003b6b; /* background: yellow; */ }
.blocInfo .blocInfoContenu .modernText input { float: right; }
.blocInfo .blocInfoContenu .modernRadio input,
	.blocInfo .blocInfoContenu .modernRadio label { float: left; }

/* grisDegTitre */
.grisDegTitre .blocInfoTitre { padding: 10px 0; }
.grisDegTitre .blocInfoTitre p { text-align: left; padding-left: 12px; }
.grisDegTitre .blocInfoContenu { border: 0px solid #ffffff; padding: 5px 0; }
.grisDegTitre .blocInfoContenu, .grisDegTitre .blocInfoContenu p { width: 310px; }
.grisDegTitre .blocInfoContenu p { padding-left: 12px; }
.grisDegTitre .blocInfoContenu span { float: none; }

/* jauneDegTitre */
.jauneDegTitre .blocInfoTitre { padding: 10px 0; }
.jauneDegTitre .blocInfoTitre p { text-align: left; padding-left: 12px; }
.jauneDegTitre .blocInfoContenu { border: 0px solid #ffffff; padding: 5px 0; }
.jauneDegTitre .blocInfoContenu, .jauneDegTitre .blocInfoContenu p { width: 310px; }
.jauneDegTitre .blocInfoContenu p { padding-left: 12px; }
.jauneDegTitre .blocInfoContenu span { float: none; }

/* grisOneCol */
.grisOneCol .blocInfoTitre { padding: 10px 0; }
.grisOneCol .blocInfoTitre p { text-align: left; padding-left: 12px; }
.grisOneCol .blocInfoContenu { border: 0px solid #ffffff; padding: 5px 0; }
.grisOneCol .blocInfoContenu, .grisOneCol .blocInfoContenu p { width: 440px; color: #003b6b; }
.grisOneCol .blocInfoContenu p { padding-left: 12px; }
.grisOneCol .blocInfoContenu strong {
	float: none; font-weight: bold; color: #003b6b;
	width: auto; /* on doit forcer la largeur a auto pour IE, sinon il garde l'ancienne meme si on a mis l'element en float none */
}


/*                                    ***************************************                                    */

.tableVerticalColored { margin: 5px 0 20px 0; background-color: #ffffff; width: 566px; _width: 563px;  }
.tableVerticalColored table { border-collapse: collapse; font-size: .9em; border: 0px; width: 100%; }
.tableVerticalColored th.colHeader { background-color: #ffc41e; }
.tableVerticalColored td.colHeader { background-color: #bbdcff; }

.tableVerticalColored th,
	.tableVerticalColored td {
		border: 2px solid #cdcecf; font-size: 1em; margin: 0; padding: 0;
		text-align: left;
}

.tableVerticalColored thead td, .tableVerticalColored tfoot td {
	background: transparent url("../images/table_vertical_colored_bg.gif") right top repeat-y;
}

.tableVerticalColored th.colHeader,
	.tableVerticalColored td.colHeader { width: 101px; vertical-align: top; }

.tableVerticalColored th.colHeader strong,
	.tableVerticalColored td.colHeader strong { display: block; }

.tableVerticalColored th.colHeader strong, .tableVerticalColored th p,
	.tableVerticalColored td.colHeader strong, .tableVerticalColored td p { padding: 5px 0 5px 12px; color: #003b6b; }

.tableVerticalColored td p strong { color: #003b6b; }

/*                                    ***************************************                                    */

.tableHorizontalColored { margin: 5px 0; background-color: #ffffff; width: 566px; _width: 563px;  }
.tableHorizontalColored table { border-collapse: collapse; font-size: .9em; border: 0px; width: 100%; }
.tableHorizontalColored th { background-color: #ffc41e; }
.tableHorizontalColored thead td { background-color: #fffaeb; }

.tableHorizontalColored th,
	.tableHorizontalColored td {
		border: 2px solid #cdcecf; font-size: 1em; margin: 0; padding: 0;
		text-align: left;
}

.tableHorizontalColored th p, .tableHorizontalColored td p { padding: 5px; color: #003b6b; }

.tableHorizontalColored.grisGenTable th { background-color: #e3e3e3; }

/*                                    ***************************************                                    */

.alphabetListe { padding-bottom: 5px; }

.alphabetListe a { text-transform: uppercase; color: #006ec7; }

/*                                    ***************************************                                    */

#formSelectActivite .tableHorizontalColored .colOne { text-align: center; }
#formSelectActivite .tableHorizontalColored .colThree { padding-left: 10px; }
#formSelectActivite .tableHorizontalColored .colFour,
	#formSelectActivite .tableHorizontalColored .colFive,
		#formSelectActivite .tableHorizontalColored .colSix,
			#formSelectActivite .tableHorizontalColored .colSeven { text-align: center; }

#formSelectSouhaitHoraire th, #formSelectSouhaitHoraire td { text-align: center; }

#formRecapPreinsc  .tableHorizontalColored .colThree,
	#formRecapPreinsc  .tableHorizontalColored .colFive,
		#formRecapPreinsc  .tableHorizontalColored .colSix { text-align: center; }

/*                                    ***************************************                                    */

/*.formTemplate  legend.nodisplay { text-decoration: none; text-indent:-3000px; height: 0; line-height: 0px; font-size; 0px; }*/
.formTemplate  legend.nodisplay { display: none; }
.formTemplate  legend.flecheBleueTextindent { _margin-left: -15px; } /* a debugger sous Opera et v�rifier sur Mac */
.formTemplate fieldset { margin: 0; padding: 0; }

.formTemplate .displayOneCol label {
	float: left; width: 8em;
	margin: 0; padding: 0 .5em 0 0;
	line-height: 1.9em;
}

.formTemplate .modernText input { font-size: 1em; border: 1px solid #929292; padding: .1em; }
.formTemplate .modernArea textarea { font-size: 1em; border: 1px solid #929292; padding: 2px; }
.formTemplate select.modernSelect { font-size: 1em; color: #848481; height: auto; margin: 0;}
.formTemplate .modernCheck { padding: 0; margin: 0; clear: left; }
.formTemplate .modernCheck label { float: left; margin-top: 3px; }
.formTemplate .modernCheck .simulLabel { float: left; width: 90%; margin-left: 5px; }
.formTemplate .modernCheck input { float: left; }
.formTemplate  .modernRadio input {
	vertical-align: bottom;
	_vertical-align: middle;
}

.formBlocInfo label { line-height: 1.5em; }
.formBlocInfo .modernText input { margin-right: 10px; }
.formBlocInfo select.modernSelect  { margin-left: 10px; }
.formBlocInfo .modernRadio input { margin-left: 10px; }

.formTemplate .errorForm, .formTemplate .errorField label { color: red !important; }
.formTemplate .errorField input { border-color: red; }


input.fieldXSmall, textarea.fieldXSmall { width: 80px !important; } 
select.fieldXSmall { width: 74px !important; } /* largeur input - 6 px pour avoir la m�me largeur apparente */

input.fieldSmall, textarea.fieldSmall { width: 115px !important; } 
select.fieldSmall { width: 109px !important; }

input.fieldMedium, textarea.fieldMedium { width: 125px !important; }
select.fieldMedium { width: 119px !important; }

input.fieldLarge, textarea.fieldLarge { width: 370px !important; }
select.fieldLarge { width: 376px !important; }

input.fieldXXLarge, textarea.fieldXXLarge { width: 560px !important; }
select.fieldXXLarge { width: 554px !important; }


#formIdentification {
	background: transparent url("../images/form_identification_bg_top.jpg") left 20px no-repeat;
	width: 368px; margin-top: 15px; margin-bottom: 23px;
}

.validationHidden { display:none; }

#formIdentification fieldset {
	border-bottom: 5px solid #cdcecf;
	height: auto !important; height: 120px; min-height: 120px;
}
#formIdentification label { font-size: .9em; font-weight: bold; color: #006ec7; }
#formIdentification button { margin-left: 280px; margin-top: 10px; _margin-top: 0; }
#formIdentification  .displayOneCol { padding-top: 25px; padding-left: 43px; }

#formAuthParentale fieldset { margin-bottom: 10px; }

/*                                    ***************************************                                    */

#accueil .msgAddendum { margin: 0 10px 15px 15px; }


#adresseHonneur { color: red; font-style: italic; font-size: .8em; }
#importantRouge { color: red; }
/*                                    ***************************************                                    */


/* Hack sur les largeurs des blocs en float pour IE 5.2 Mac */

/*\*//*/
/**/

/* Overdubs avril 2010 */

.warning{
	background: #e6e6e6 url(../images/pi_warning.png) no-repeat 10px 10px;
	padding: 5px 5px 5px 45px;
	margin-bottom: 20px;
	width: 515px;
}

.info{
	font-size: 0.9em;
	color: #003b6b;
}

.info strong{ color: #ff0000; }

.ajoutPreinsc{
	float: right;
	margin: 2px 20px 0 0;
}

.validDossier{
	margin-top: 30px;
	display: block;
	text-align: center;
}

.informationTxt {
	font-weight: bold;
	font-size: 1.4em;
	color: #006EC7;
	margin-left: 80px;
	padding: 80px 60px 80px 85px;
	background: url(../images/pi_information.png) no-repeat left;
}