/* CSS Document */


/* --------------- STRUCTURE --------------- */

* { margin: 0; padding: 0; z-index: auto; }

html, body {
	background-color: #D5DDFB;
	color: #51576A;
}
.margeDansTableau {
	padding: 5px;
}

.marge10 { padding: 5px; margin: 10px; }


body {
	color: #666;
	font: 11px Verdana, sans-serif;
}
#popup {
	background:#fff;
	text-align:left;
	width:100%;
	height:100%;
	padding:10px 0px 10px 5px;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size:0,9em;
}
h2 {
	font-size:1,25em;
}
h3 {
	font-size:1,8em;
}




#ctn_page {
	margin: 0 auto;
	min-height: 100%; /* For IE */
	border: 1px solid #0099FF;
	background-color: #FFFFFF;
	width: 900px;
	position: relative;
}

#ctn_page_large {
	margin: 0 auto;
	min-height: 100%; /* For IE */
	border: 1px solid #0099FF;
	background-color: #FFFFFF;
	position: relative;
	width: 930px;
}

#ctn_mdl_mentions_legales {
	margin: 20px;
}

#ctn_mdl_3cols {
  padding: 80 232px 20px 226px;
}
#ctn_mdl_2cols {
  padding: 0 400px 20px 30px;
}
#ctn_mdl_1cols {
	padding: 20 20px 20px;
	vertical-align: middle;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	margin-top: 10px;
}


#ctn_ft {
  clear:both;
  width: 100%;
  position: absolute;
  /*bottom: 0 !important;
  bottom: -1px;  For Certain IE widths */
  height: 75px;
}
#ctn_ft .default {
  bottom: 0 !important;
  bottom: -1px;  /*For Certain IE widths */
}
#home #ctn_ft .logo-contact{
	position:absolute;
	right:50px;
	top:35px;
}
#ctn_top_logo {
	position: relative;
	text-align: center;
}
#ctn_top_logo_animat { position: absolute; text-align: left; left: 1px; top: 4px; }

/* --------------- STRUCTURE --------------- */

/* --------------- STRUCTURE PAGE ADMINISTRATION --------------- */


#ctn_pageAdministration {
	margin: 0 auto;
	min-height: 100%; /* For IE */
	border: 1px solid #0099FF;
	background-color: #FFFFFF;
	width: 899px;
	position: relative;
}
#ctn_pgAdm_top_logo {
	position: relative;
}
#ctn_pgAdm_mdl {
	height: auto;
	padding-top: 30px;
	padding-bottom: 10px;
}
#ctn_pgAdm_mdl_mdl {
	background-color: #E6E9FB;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;

}
#ctn_pgAdm_mdl_mdl_large {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;

}
#ctn_pgAdm_mdl_InfoSejour {
	text-align: center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #E6E9FB;

}
#ctn_pgAdm_mdl_navigation {
	text-align: center;
	background-color: #E6E9FB;
	padding-top: 0px;

}
#ctn_pgAdm_mdl_navigation2 {
	text-align: left;
	padding-top: 0px;

}
#ctn_pgAdm_bot {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #E6E9FB;
}
#table_icones {
	background-color: #FFCC00;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
#icone {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#def_icones {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.margeDansTableau_Txt_rouge {
	padding: 5px;
	color: #FF5A58;

}
.margeDansTableau_Txt_bleu {
	padding: 5px;
}
#majInfoPrat {
}
#listActu {
	width: 896px;
	margin-top: auto;
	margin-bottom: auto;
}

/* --------------- STRUCTURE PAGE ADMINISTRATION --------------- */



/* --------------- TITRE PAGE --------------- */

/* --------------- /TITRE PAGE --------------- */

/* --------------- /TEXTES     --------------- */





.txt_bleu_13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366CC;
}
.txt_gris_11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	line-height: 15px;
}

.txt_gris_14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	line-height: 15px;
}

.txt_gris_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	line-height: 15px;
}


/* --------------- /TEXTES     --------------- */

#ctn_page #login_monsejour {
	padding-left: 0px;
	position: absolute;
	left: 518px;
	top: 108px;
	width: 352px;
	padding-right: 30px;
	height: 80px;
}
#ctn_page #login_parents { padding-left: 0px; position: absolute; left: 498px; top: 146px; width: 352px; padding-right: 30px; height: 80px; }
#ctn_page #login_monsejour #motPasse #table_login_monsejour {
	margin: 2px;
	padding: 8px;
	background-image: url(../images/pave_login_parent.png);
	background-repeat: no-repeat;
}

#ctn_page #Col_Droite {
	padding-left: 0px;
	position: absolute;
	left: 524px;
	top: 168px;
	width: 352px;
	padding-right: 30px;
}
#ctn_page #Col_Droite #motPasse #table_login {
	background-color: #99CCFF;
	margin: 2px;
	padding: 8px;
}
#ctn_home_flash_photos {
	padding: 10px 30px 20px;
	text-align: left;
}
#ctn_quisommesnous {
	text-align: left;
	background-image: url(../images/quisommesnous.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 742px;
}
#ctn_nosliens {
	text-align: left;
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	padding: 20px;
}
#ctn_date_nomColo {
	padding: 2px 20px;
	text-align: left;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4BC0FF;
	width: 639px;
	position: absolute;
	left: 1px;
	top: 261px;
	vertical-align: middle;
}
#ctn_page #menu_home {
	padding-right: 300px;
	position: absolute;
	top: 499px;
	width: 600px;
}
#ctn_page #ctn_top_logo_fixe {
}
#ctn_page #ctn_flash_photos {
}
#ctn_mdl {
}
#ctn_page #ctn_menu {
	height: 100px;
}
#ctn_page #pied_page {
	height: 50px;
	vertical-align: middle;
}
#ctn_page #ctn_mdl {
	height: auto;
}
#ctn_page #ctn_mdl #mdl_gauche_1col {
	width: 655px;
	padding-left: 10px;
}
#ctn_page #ctn_mdl #mdl_centre {
	padding-left: 30%;
	padding-right: 30%;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;

}
#ctn_page #ctn_mdl #mdl_droite_1col {
	width: 210px;
	text-align: right;
	height: 300px;
}
#ctn_page #ctn_mdl #ctn_vignettes {
	text-align: center;
	width: 600px;
}
.vignette {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #0099FF;
	border-right-color: #6699CC;
	border-bottom-color: #6699CC;
	border-left-color: #0099FF;
	margin-right: 3px;
	margin-bottom: 3px;
}
#ctn_page #ctn_mdl #ctn_vignettes2 {
	text-align: center;
}
#ctn_page #ctn_annonce {
	vertical-align: bottom;
	clear: both;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	left: 530px;
	top: 24px;
	width: 436px;
	z-index: 2;
	padding-right: 20px;
}
.annonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0099FF;
	font-weight: bold;
}
#ctn_page #ctn_mdl #mdl_centre #table_login {
	background-color: #E6E9FB;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}
.fondBlanc {
	background-color: #FFFFFF;
	padding: 2px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#ctn_page #ctn_mdl #mdl_centre #nom_du_sejour {
	background-color: #D5DDFB;
	padding: 10px 20px 5px;
}
#ctn_page #ctn_home_flash_photos #pied_de_page {
}
#ctn_page #ctn_home_flash_photos #pied_de_page {
	height: 40px;
	vertical-align: top;
}
#infoIcone {
padding:30px;
background-color: #D5DDFB;
}
#ctn_page #icone1{
	background-color: #C4D0FC;
	padding-right : 15px;
	padding-left : 15px;
	padding-top :10px;
	padding-bottom : 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6666FF;
	
}
#ctn_page #icone{
	background-color: #C4D0FC;
	padding-right : 15px;
	padding-left : 15px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6666FF;
	
}

 #rappelActu {
	background-color: #D5DDFB;
	padding-right : 15px;
	padding-left : 15px;
	padding-top : 15px;
	padding-bottom : 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5DDFB;
	
}
	

#ctn_page #ctn_mdl #navigation {
	width: 350px;	
	padding-left: 20px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-top: 5px;
	float: left;
	clear: both;

}
#ctn_page #ctn_mdl #info {
	width: 470px;	
	padding-left: 5px;
	background-color: #F3F8FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	margin-left :400px;
	margin-top: 25px;
}
#ctn_page #ctn_mdl #sousFlash {
	height : 100px;
	}
#ctn_page_large #listeActu{
	background-position: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;

}
#ctn_pageAdministration #ctn_pgAdm_mdl #ctn_pgAdm_mdl_mdl #ctn_pgAdm_mdl_navigation_table {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
}
#ctn_page #ctn_mdl #mdl_centre #table_login {
}
#ctn_page #ctn_mdl #mdl_centre #table_login #loginAdmin {
}
#ctn_page #ctn_mdl #mdl_centre #table_login #loginAdmin #ctn_form_login_adm {
	background-color: #00CC99;
}
#ctn_form_login_adm {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
#ctn_definition_iconesNav {
	background-color: #D5DDFB;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#Ctn_nouv_actu {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
nouvelleActu {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.centrageFormNouvActu {
}
#ctn_pageAdministration #ctn_pgAdm_bot {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#ctn_Form_NouvActu {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#ctn_Form_MajInfo {
	width: 23%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#nouvelleActu {
}
#ctn_Tabl_ListActu {
	width: 96%;
	margin-right: auto;
	margin-lef	border-top-width: 2px;t: auto;
}
#ctn_ajout_photos {
	background-color: #FFFFFF;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}
.formulaire_case {

	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #90A3DC;
	border-right-color: #EEEEF4;
	border-bottom-color: #EEEEF4;
	border-left-color: #90A3DC;
}
.formulaire_bt_envoyer {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEEEF4;
	border-right-color: #90A3DC;
	border-bottom-color: #90A3DC;
	border-left-color: #EEEEF4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #3366CC;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 3px;
}
.titre_info_organisat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099ff;
	font-size: 13px;
	font-weight: bold;
}
.titre_info_organisat_vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66cc00;
	font-size: 13px;
	font-weight: bold;
}
a:hover.titre_info_organisat_vert {
	color: #66cc00;
	font-size: 13px;
	font-weight: bold;
}

.titre_info_organisat_vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66cc00;
	font-size: 13px;
	font-weight: bold;
}
a:hover.titre_info_organisat_vert {
	color: #66cc00;
	font-size: 13px;
	font-weight: bold;
}
.titre_info_organisat_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6633;
	font-size: 13px;
	font-weight: bold;
}
a:hover.titre_info_organisat_orange {
	color: #FF6633;
	font-size: 13px;
	font-weight: bold;
}

.titre_info_organisat_rose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF66FF;
	font-size: 13px;
	font-weight: bold;
}
a:hover.titre_info_organisat_rose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF66FF;
	font-size: 13px;
	font-weight: bold;
}
.titre_info_organisat_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}
a:hover.titre_info_organisat_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.titre_info_organisat_rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dd500b;
	font-size: 13px;
	font-weight: bold;
}


.table_basse {
	background-image: url(../images/pave_bas.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.titre_page {
	text-align: center;
	background-color: #FFE5C6;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
}

.sous-titre_page {
	text-align: center;
	background-color: #F8F8F8;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #FF9900;
}
.titre_rose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF66FF;
	font-weight: bold;
}
.titre_vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #66cc00;
	font-weight: bold;
}
.titre_bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-weight: bold;
	}
.titre_bleu_14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-weight: bold;
	font-size:14;
}
#pied_de_pg {
	text-align: center;
	clear: both;
	padding: 2px 0px 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0099FF;
	background-color: #EFEFFF;
}
#ctn_page #ctn_entete_index { padding: 5px; margin-top: 110px; }
#ctn_page #ctn_entete_index #diapo_index { width: 450px; margin-left: 20px; }
#ctn_page #ctn_entete_index #ctn_right { width: 400px; float: right; margin-top: 0px; margin-right: 10px; }
#ctn_page #ctn_entete_index #slogan { margin-top: 20px; background-image: url(../images/fond_slogan.jpg); height: 40px; background-repeat: no-repeat; margin-bottom: 20px; }
#texte_slogan { padding: 2px 20px; vertical-align: middle; }
#quiSommesNous { background-image: url(../images/pave_quiSommesNous.png); background-repeat: no-repeat; height: 36px; width: 200px; text-align: left; padding-top: 20px; padding-left: 10px; margin-right: 22px; float: left; }
#liens { background-image: url(../images/pave_liens.png); background-repeat: no-repeat; height: 36px; width: 160px; text-align: left; padding-top: 20px; padding-left: 10px; margin-right: 22px; float: left; 	}

	#contact { background-image: url(../images/pave_contact.png); background-repeat: no-repeat; height: 36px; width: 160px; text-align: left; padding-top: 20px; padding-left: 10px; margin-right: 22px; float: left; 	}
	#administrateur {
	background-image: url(../images/pave_administrateur.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 210px;
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	float: left;
	}
	
	
	

#envie_essayer { height: 80px; width: 250px; }
	
#ctn_page #ctn_centre_index { padding: 5px; margin-top: 10px; }
#ctn_page #ctn_centre_index #ctn_menu_accordion { width: 450px; margin-left: 20px; }
#ctn_center_right_index { width: 390px; float: right; margin-top: 0px; margin-right: 10px; }








.ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #999999 url(images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x; opacity: .45;filter:Alpha(Opacity=45); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-state-default { border: 1px solid #77d5f7; background: #0078ae url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }



.angles_arrondis-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.angles_arrondis-lrb { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top: 0px solid; border-right: 1px solid #a6c9e2; border-bottom: 1px solid #a6c9e2; border-left: 1px solid #a6c9e2; }

.angles_rd_back_jaune { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFCC66; background: #FFCC00 url(../jquery/bundle/themes/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) repeat-x 50% 50%; font-weight: normal; color: #ffffff; }

.angles_rd_back_orange { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FF6600; background: #FF6600 url(../jquery/bundle/themes/ui-lightness/images/ui-bg_gloss-wave_45_e14f1c_500x100.png) repeat-x 50% 50%; font-weight: normal; color: #ffffff; }

.angles_rd_back_bleu { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #77d5f7; background: #0078ae url(../jquery/bundle/themes/start/images/ui-bg_glass_45_0078ae_1x400.png) repeat-x 50% 50%; font-weight: normal; color: #ffffff; }

.angl_rd-back_bleu_blanc { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6c9e2; background: url(../images/pave_bleu_blanc.png) repeat-y; }

.angl_rd-back_bleu_blanc_ombre { margin: 5px 0 0 5px; padding: 0px; background: #999999 url(images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x; opacity: .45;filter:Alpha(Opacity=45); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }



#ctn_actu_index { height: 200px; }
#actu_index_titre { height: 20px; font-weight: bold; color: #FFFFFF; vertical-align: middle; font-size: 12px; padding-top: 5px; padding-left: 5px; }
#actu_index_txt { padding: 5px; height: 98px; margin-bottom: 20px; }

#acces_photos { height: auto; width: auto; }
#acces_photos_txt { margin-bottom: 5px; text-align: right; padding-right: 25px; }
#ctn_form_pass { height: 100px; width: 320px; margin-top: 0px; margin-left: 55px; margin-right: 25px; margin-bottom: 10px; text-align: right; }
#ctn_index_vignettes { height: 113px; width: 113px; position: absolute; left: 494px; top: 108px; }


#ctn_envie_essai { height: auto; width: auto; }
#envie_essai { height: 30px; padding-top: 10px; padding-left: 10px; width: 200px; float: right; }
#ctn_imag_envie_essai { height: auto; width: auto; position: absolute; left: 631px; top: 585px; }
#envie_essai_titre { margin-bottom: 5px; text-align: right; padding-right: 10px; width: 120px; float: left; margin-top: 5px; padding-left: 10px; }

#ctn_demo_photos { height: auto; width: auto; }
#demo_photo { height: 80px; width: 320px; margin-top: 0px; margin-left: 55px; margin-right: 25px; margin-bottom: 10px; text-align: right; }
#demo_photos_titre { margin-bottom: 10px; text-align: left; padding-left: 10px; }
#demo_photos_txt { margin-bottom: 5px; text-align: left; padding-left: 25px; }
#ctn_imag_demo { height: 53px; width: 59px; position: absolute; left: 810px; top: 327px; }




ui-bg_gloss-wave_35_f6a828_500x100.png
ui-bg_gloss-wave_45_e14f1c_500x100.png