* {
	margin:0;
	padding:0;
}
.clearer {
	clear:both;
}
.visu_droite{
	float:right;
	margin: 0 0 10px 10px;
}
.visu_gauche{
	float:left;
	margin: 0 10px 10px 0;
}
body {
	/**/background: url(../images/bg.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #020202;
}
#global {
	width: 912px;
	margin: 0px auto 0px auto;
	background: #f1f5b1;
}
#bandeau_home {
	width: 912px;
	height: 160px;
	margin: 0px;
	background: url(../images/bandeau_home.gif) no-repeat 0px 0px;
	border-top: 1px solid #f1f5b1;
}
#bandeau_home .cuicui a {
	width: 190px;
	height: 114px;
	display: block; 
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui.gif) no-repeat 0px -114px;
}
#bandeau_home .cuicui a:hover {
	width: 190px;
	height: 114px;
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui.gif) no-repeat 0px 0px;
}

#center_home {
	width: 734px;
	float: left;
	margin: 0px;
	background: #f1f5b1;
}
/*Menu vertical*/
#menuv {
	width: 178px;
	height: 480px;
	float: left;
	margin: 0px;
	background: #f1f5b1;
}
#menuv span {
	display: none;
}
#menuv ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
#menuv ul li {
	margin: 0px;
	padding: 0px;
}
#menuv #bouton1 a {
	width: 178px;
	height: 136px;
	display: block; 
	background: url(../images/btv_1.gif) no-repeat 0px -136px;
}
#menuv #bouton1 a:hover {
	width: 178px;
	height: 136px;
	display: block; 
	background: url(../images/btv_1.gif) no-repeat 0px 0px;
}
#menuv #bouton2 a {
	width: 178px;
	height: 130px;
	display: block; 
	background: url(../images/btv_2.gif) no-repeat 0px -130px;
}
#menuv #bouton2 a:hover {
	width: 178px;
	height: 130px;
	display: block; 
	background: url(../images/btv_2.gif) no-repeat 0px 0px;
}
#menuv #bouton3 a {
	width: 178px;
	height: 116px;
	display: block; 
	background: url(../images/btv_3.gif) no-repeat 0px -116px;
}
#menuv #bouton3 a:hover {
	width: 178px;
	height: 116px;
	display: block; 
	background: url(../images/btv_3.gif) no-repeat 0px 0px;
}
#menuv #bouton4 a {
	width: 178px;
	height: 98px;
	display: block; 
	background: url(../images/btv_4.gif) no-repeat 0px -98px;
}
#menuv #bouton4 a:hover {
	width: 178px;
	height: 98px;
	display: block; 
	background: url(../images/btv_4.gif) no-repeat 0px 0px;
}
/*Fin Menu vertical*/
#pied {
	width: 724px; /*734*/
	height: 66px;
	padding: 0px 0px 0px 0px;
	/*line-height: 66px;*/
	vertical-align: middle;
	background: url(../images/pied.gif) no-repeat 0px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
}
/*Index2*/
#bandeau {
	width: 912px;
	height: 122px;
	margin: 0px;
	background: url(../images/bandeau.gif) no-repeat 0px 0px;
	border-top: 1px solid #f1f5b1;
}
#bandeau .cuicui1 a {
	width: 190px;
	height: 114px;
	display: block; 
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui1.gif) no-repeat 0px -114px;
}
#bandeau .cuicui1 a:hover {
	width: 190px;
	height: 114px;
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui1.gif) no-repeat 0px 0px;
}
#bandeau .cuicui2 a {
	width: 190px;
	height: 114px;
	display: block; 
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui2.gif) no-repeat 0px -114px;
}
#bandeau .cuicui2 a:hover {
	width: 190px;
	height: 114px;
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui2.gif) no-repeat 0px 0px;
}
#bandeau .cuicui3 a {
	width: 190px;
	height: 114px;
	display: block; 
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui3.gif) no-repeat 0px -114px;
}
#bandeau .cuicui3 a:hover {
	width: 190px;
	height: 114px;
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui3.gif) no-repeat 0px 0px;
}
#bandeau .cuicui4 a {
	width: 190px;
	height: 114px;
	display: block; 
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui4.gif) no-repeat 0px -114px;
}
#bandeau .cuicui4 a:hover {
	width: 190px;
	height: 114px;
	margin: 11px 0px 0px 0px;
	background: url(../images/cuicui4.gif) no-repeat 0px 0px;
}

/*Menu horizontal*/
#menuh {
	width: 912px;
	height: 45px;
	float: left;
	margin: 0px;
	background: #f1f5b1;
}
#menuh span {
	display: none;
}
#menuh ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menuh ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;		
}
#menuh #bouton1 a {
	width: 264px;
	height: 45px;
	display: block; 
	background: url(../images/bth_1.gif) no-repeat 0px -90px;
}
#menuh #bouton1 a:hover {
	width: 264px;
	height: 45px;
	display: block; 
	background: url(../images/bth_1.gif) no-repeat 0px -45px;
}
#menuh #bouton1on {
	width: 264px;
	height: 45px;
	display: block; 
	background: url(../images/bth_1.gif) no-repeat 0px 0px;
}
#menuh #bouton2 a {
	width: 260px;
	height: 45px;
	display: block; 
	background: url(../images/bth_2.gif) no-repeat 0px -90px;
}
#menuh #bouton2 a:hover {
	width: 260px;
	height: 45px;
	display: block; 
	background: url(../images/bth_2.gif) no-repeat 0px -45px;
}
#menuh #bouton2on {
	width: 260px;
	height: 45px;
	display: block; 
	background: url(../images/bth_2.gif) no-repeat 0px 0px;
}
#menuh #bouton3 a {
	width: 214px;
	height: 45px;
	display: block; 
	background: url(../images/bth_3.gif) no-repeat 0px -90px;
}
#menuh #bouton3 a:hover {
	width: 214px;
	height: 45px;
	display: block; 
	background: url(../images/bth_3.gif) no-repeat 0px -45px;
}
#menuh #bouton3on {
	width: 214px;
	height: 45px;
	display: block; 
	background: url(../images/bth_3.gif) no-repeat 0px 0px;
}
#menuh #bouton4 a {
	width: 174px;
	height: 45px;
	display: block; 
	background: url(../images/bth_4.gif) no-repeat 0px -90px;
}
#menuh #bouton4 a:hover {
	width: 174px;
	height: 45px;
	display: block; 
	background: url(../images/bth_4.gif) no-repeat 0px -45px;
}
#menuh #bouton4on {
	width: 174px;
	height: 45px;
	display: block; 
	background: url(../images/bth_4.gif) no-repeat 0px 0px;
}
/*Pages*/
/*couleur textes*/
.violet { color: #a56faf; }
.vert { color: #73c800; }
.orange { color: #f89928; }
.bleu { color: #00b9f2; }
.rose { color: #f0008e; }
.gris { color: #020202; }

span.hide {display: none;}
span.courier13 {	font-family: "Courier New", Courier, monospace; font-size:13px; }

.right { float: right }
.left { float: left }

img.right { 
	float: right;
	margin: 0px 0px 10px 15px;
}
img.left { 
	float: left;
	margin: 0px 15px 10px 0px;
}
#center {
	padding: 30px 0px 0px 0px;
}

/*Page Pédagogie*/

#center_pedagogie {
	width: 740px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #f1f5b1;
}
#colonne_pedagogie {
	width: 172px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #f1f5b1;
}

h1.ped1 {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url(../images/t_ped1.gif) no-repeat 0px -1px;
	padding: 0px 0px 0px 255px;
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	clear: both;
}
h1.ped2 {
	height: 30px;
	background: url(../images/t_ped2.gif) no-repeat 0px -1px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 8px 0px;
	font-size: 20px;
	clear:both;
}

#center_pedagogie div.p {
	margin: 0px 15px 0px 10px;
	font-size: 12px;
	line-height: 18px;
}
#center_pedagogie div.p11 {
	margin: 0px 15px 0px 10px;
	font-size: 11px;
	line-height: 16px;
}
#center_pedagogie h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 30px 14px;
}

#colonne_pedagogie div.p {
	line-height: 16px;
}
.box_ped_haut {
	width: 172px;
	padding: 10px 0px 0px 0px;	
	background: url(../images/box172_haut.gif) no-repeat top;
}
.box_ped_bas {
	width: 172px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: url(../images/box172_bas.gif) no-repeat bottom;
}
.box_ped {
	padding: 0px 5px 10px 8px;
	background: #fff;
}
.box_ped h2.box1 {
	height: 20px;
	padding: 0px 0px 10px 0px;
	background: url(../images/t_boxped1.gif) no-repeat;
	display: block;
}
.box_ped h2.box2 {
	height: 40px;
	padding: 0px 0px 10px 0px;
	background: url(../images/t_boxped2.gif) no-repeat;
	display: block;
}
.box_ped h2.box3 {
	height: 40px;
	padding: 0px 0px 10px 0px;
	background: url(../images/t_boxped3.gif) no-repeat;
	display: block;
}
.signature {
	height: 20px;
	margin: 10px 18px 0px 0px;
	text-align:right;
	background: url(../images/sign_vh.gif) no-repeat right;
	clear: both;
}
/*Page Journée*/
#center_journee {
}
#center_journee #colonne_d {
	width: 470px; /*490px*/
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	background: #f1f5b1;
}
#center_journee #colonne_g {
	width: 402px; /*422px*/
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	background: #f1f5b1;
}
#center_journee h1, #center_infos h1 {
	margin: 0px 0px 25px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	clear: both;
}
#center_journee h2  {
	margin: 0px 0px 25px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-style: italic;
}
#center_journee div.p {
	margin: 0px 0px 30px 0px;
}
#center_journee ul {
	list-style: none;
}
#center_journee ul li {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/puce_rose.gif) no-repeat 0px 5px;
}

#center_journee ul li.li_bleu {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/puce_bleu.gif) no-repeat 0px 5px;
}
#center_journee ul li.li_jaune {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/puce_jaune.gif) no-repeat 0px 5px;
}
#center_journee ul li.li_rose {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/puce_rose.gif) no-repeat 0px 5px;
}
#center_journee ul li.li_violet {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/puce_violet.gif) no-repeat 0px 5px;
}
#center_journee ul li.li_vert {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/puce_vert.gif) no-repeat 0px 5px;
}

/* Page Infos */

#center_infos {
	width: 722px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #f1f5b1;
}
#center_infos h2  {
	margin: 10px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}
#center_infos #col_01 {
	width: 230px; /*250px*/
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background: #f1f5b1;
}

ul.calendrier {
	list-style: none;
}
ul.calendrier li {
	margin: 0px 0px 10px 0px;
}
#center_infos #col_02 {
	width: 452px; /*452px*/
	text-align: center;
	float: left;
	padding: 0px 10px 0px 10px;
}
#center_infos #col_02 img {
	margin: 25px 0px 25px 0px;
}
#center_infos #bas_infos {
	padding: 0px 10px 0px 10px;
}


#colonne_infos {
	width: 190px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #f1f5b1;
}
#colonne_infos div.p {
	line-height: 16px;
}
.box_infos_haut {
	width: 190px;
	padding: 10px 0px 0px 0px;	
	background: url(../images/box190_haut.gif) no-repeat top;
}
.box_infos_bas {
	width: 190px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: url(../images/box190_bas.gif) no-repeat bottom;
}
.box_infos {
	padding: 0px 5px 10px 8px;
	background: #fff;
}
.box_infos h2 {
	margin: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
}
.box_infos h3 {
	margin: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}
h3 {
	margin: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}
.box_infos div.p {
	margin: 0px 0px 18px 0px;
}

/*Galerie Photos*/

#galerie {
	margin: 0px 0px 0px 0px;
	text-align: center;
}
#photo_grande {
}
#photo_grande img {
	border: 5px solid #ec008c;	
}
#bande_thumb_deco {
	width: 426px;
	margin: 35px 0px 0px 0px;
	background: url(../images/thumb_g.gif) no-repeat left;
}
#bande_thumb {
	width: 426px;
	background: url(../images/thumb_d.gif) no-repeat right;
}
#bande_thumb img {
	margin: 0px 5px 0px 5px;
}
#bande_thumb a img  {
	border: 5px solid #ccc;
}
#bande_thumb a:hover img  {
	border: 5px solid #ec008c;
}


/*Galerie Art School*/

#center_art {
	padding: 0px 0px 0px 0px;
}
#center_art p {
}
#center_art a {
	color: #020202;
}
#center_art #col_01 {
	width: 220px; /*230px*/
	float: left;
	padding: 0px 10px 0px 0px;		
}
#center_art #col_02 {
	width: 492px; /*492px*/
	float: left;	
}
#center_art #col_03 {
	width: 180px; /*190px*/
	padding: 0px 0px 0px 10px;
	float: left;	
}
.art_p_box {
	margin: 0px 0px 30px 0px;
}

table.art {
	background: #fff;
	border: 2px solid #f1f5b1;
}
table.art th, table.art tr, table.art td {
	border: 2px solid #f1f5b1;
}
table.art th.ssbordurebottom, table.art td.ssbordurebottom {
	border-bottom: none;
}
table.art td.ssborduretop {
	border-top: none;
}

table.art th.table1 {
	background: url(../images/table1.gif) no-repeat left top;
}
table.art th.table2 {
	background: url(../images/table2.gif) no-repeat right top;
}
table.art td.table3 {
	background: url(../images/table3.gif) no-repeat right bottom;
}
table.art td.table4 {
	background: url(../images/table4.gif) no-repeat left bottom;
}
table.art h1 {
	margin: 0px 0px 20px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	color: #a56faf;
}
table.art th, table.art td {
	padding: 10px 10px 10px 10px;
}
#center_art h1 {
	margin: 0px 0px 25px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;	
}
#center_art h2 {
	margin: 0px 0px 25px 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
}

