/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Normalise les tailles de polices pour les entetes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* supprime list-style pour les listes */
ul {list-style:none;}

/* Normalise les styles et graisses des fonts : font-style et font-weight sont "normal" */
adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* supprime les bordures dans les tableaux */
table {border-collapse:collapse; border-spacing:0;}

/* supprime les bordures des les elements de fieldsest et img */
fieldset, img {border:0;}

/* aligne le texte a gauche dans caption et th */
caption, th {text-align:left;}

/* supprime les apostrophe double (guillement anglais) autour de q */
q:before, q:after {content:'';}

/* affiche le curseur "main" sur tous les liens */
a {cursor:pointer;}


/* ############################################################################
     STRUCTURE
############################################################################ */


/* ############################################################################
     STYLES GENERIQUES
############################################################################ */
body{font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#000; background:#E8F6E3;}

/* TITRES ***************************************************************** */
h1{margin:0 0 4px 0; font-size:24px;}
	h1 strong{}
	h1 span{}
h2{margin:0 0 4px 0; font-size:20px;}
	h2 strong{}
	h2 span{}
h3{font-weight:bold; margin:0 0 10px 0;}
	h3 strong{text-transform:uppercase;}
	h3 span{}
h4{font-weight:bold;}
	h4 strong{text-transform:uppercase;}
	h4 span{}

strong{font-weight:bold;}
p{padding:0 0 10px 0;}

/* LISTES ***************************************************************** */
ul{list-style-type:none;}
ul, dl{margin:0 0 10px 0;}
	ul li{padding:0 5px 0 5px;}
	ol li{}
dt{font-weight:bold;}
dd{}

/* LIENS ****************************************************************** */
a{text-decoration:underline; color: #000000;}
a:hover{text-decoration:none;}

/* FORMULAIRE ************************************************************* */
form{}
fieldset{border:0;margin-top:15px}
fieldset label{display:inline;}
fieldset input{}
fieldset div{padding:2px 2px 2px 2px}
legend{font-weight:bold; padding:0;}
label{ margin:0;float:left;width:100px;}
label span{color:red;}
input, select, textarea{border:1px solid #000; font-size:12px; padding:1px;}
input{border:1px solid #000; font-size:12px; padding:1px;}
select{}
textarea{}

div{text-align:left;}
.clear{height:0; clear:both !important;overflow: hidden;}


/* TABLEAU **************************************************************** */
table{border-collapse:separate; border-spacing:0; margin:0 0 10px 0;}
th{padding:2px 7px;}
td{padding:2px 7px; text-align:center;}
thead th, thead td{background-color:#839F31; color:#FFF; font-weight:bold;}
tbody th, tbody td{border-top:1px solid #C2C2C2;}
/********** Tree of common classes for all the templates ********/
.clear{height:0; clear:both;}
.alert{color:#000000;}
.links{}
.links li{padding:0 5px 0 8px; }
.advert{border:1px solid #DBDBDB;}
.submitForm{border:none;}
.topPng{}
.bottomPng{}
.hide {display: none;}
/******** Tree of specific styles (ID) for each page (group by templates, starting with the homepage) ********/
/* Page */
body {
	background:#000;
	font-family:arial,helvetica,verdana;
	font-size:14px;
}
#main {
	width: 838px;
	margin: 0 auto;
	/*border: 1px solid black;*/
}

#content {
	width: 838px;
	float: left;
	padding: 0;
	height: 1%;
}

a{
	color:#cf3a00;
}

a:hover{
	color:#000;
	text-decoration:none;
}
/*********Header Block*********/
#header {
	background: url('../images/header_pf.jpg') no-repeat right 0;
	overflow: hidden;
	position: relative;
	width: 838px;
	height:160px;

}

#logo{
	position: relative;
	width:239px;
	height:122px;
}


/*********navigation horizontal*************/

#main_menu{
	border-bottom:3px solid #f90;float:left;
	width:100%
}

#main_menu ul {
	margin: 10px 0 0 0 ;
	padding: 5px;
	text-align: left;
	color: #F60;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#main_menu ul li {
    display: inline;
}

#main_menu ul li a {
	text-decoration: none;
	padding: .4em 1em;
	color: #F60;
}

#main_menu ul li a.current {
	text-decoration: none;
	padding: .4em 1em;
	color: #000;
	background:#F90;
	font-weight:bold
}

#header #main_menu ul li a:hover {
	color: #FFF;
}

#at{float:right;padding-top:15px;padding-right:4px}


/********Footer*********/
#footer {
	color: #999;
	text-align:left;
	padding: 16px 0 0 188px;
	font-size: 10px;

}
#footer div{float:right}

/**********home page**************/
#home_left {
	width: 638px;
	float: left;
}

#home_left h1{
display:none
}

#home_right {
	width: 170px;
	float: left;
	padding:10px;
	/*border-left:1px dashed #999;*/
	/*height:618px;*/
}

#home_right h2{
	color:#f60
}

.entry_text{
	color:#f60;
	font-size:12px;
	margin:10px 0px 20px 0px;
	padding:2px;
	border:1px solid black;
	cursor:pointer;text-align:justify
}

.entry_text:hover{border:1px solid #f60}

.entry_text span{
	color: #999;
	font-size:12px;
	clear:both;
	display:block
}
.entry_text span.blanc{
color:white;display:inline;font-size:12px
}

.entry_text div{
font-size:14px
}

.entry_text .news_stitre{
	color: #cf3a00;
	font-size:12px;text-align:justify
}

.entry_text a{
	color:#f60;
	font-size:12px;

}

.entry_text a.more:hover{
	color:#fff;
	font-size:12px;
}
.entry_text a.more{
	float:right;
	color:#f60;
	font-size:12px;
	font-variant:small-caps

}
.entry_text a.more:hover{
	float:right;
	color:#fff;
	font-size:12px;
}

/***********page intérieur**********************/

#left_menu{
	width:185px;
	float:left;
}

#left_menu ul {
	text-align:left;

}

#left_menu li{
	border-bottom:1px solid #F90;
	width:140px;
}

#left_menu li a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FF9900;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 8px 22px;
	text-transform:uppercase;
}

#left_menu li a:hover {
	color:#FFFFCC;
	font-weight:bold;
	background: url("../images/mm_bullet_yellow.gif") 10px 50% no-repeat;
}

#left_menu li a.current,#left_menu li a.current:hover{
	color:#FFFFCC;
	font-weight:bold;
	background: url("../images/mm_bullet_yellow.gif") 10px 50% no-repeat;
}
/* main contenu */
#main_content{
	width:633px;
	background-color:#B6B6B6;
	float:left;
	display:inline;
	padding:0 10px 0 10px;
}

.ecole{
	background:#B6B6B6 /*url('../images/bkg-ecole.jpg') no-repeat  0 0*/;
	width:645px;
}

.equipe{
	background:#B6B6B6 /*url('../images/bkg-equipe.jpg') no-repeat  0 0*/;
	width:645px;
}

.creations{
	background:#B6B6B6 /*url('../images/bkg-creations.jpg') no-repeat  0 0*/;
	width:645px;
}

.actus{
	background:#B6B6B6 /*url('../images/bkg-actualite.jpg') no-repeat  0 0*/;
	width:645px;
}

#main_content h1{
	font-size:32px;
	padding:5px 10px 10px 15px;
	color:#F60;
}

/******* page ecole**********/
#main_content object{
	float:left;
	text-align:justify;
	overflow:hidden;
	display:inline;
	padding:4px;
	color:#1A1313

}
#main_content div ul{
margin:0px 0px 0px 15px}


#main_content div ul li{
background:url(../images/bullet_orange.png) 0px 6px;
background-repeat:no-repeat;
padding:2px 12px
}


/********page formation***********/
#main_content div h2{
	font-size:16px;
	color:#f60;
	text-align:left;
	padding:4px 0px 4px 0px
}

#main_content div h3{
color:#000;
font-size:14px;
width:auto;
margin:0px 0px;
}
#main_content div h3 span,#main_content div  p h3 span{
background-color:#fff;
padding:2px 6px 2px 6px;
margin: 0 0 0 10px;
}
#main_content div #img_container img{
	float:right;
}

#main_content div p{
	padding:5px 10px 5px 10px;
	line-height:16px
}
#main_content div img.img_iner {
position:relative;
float:right;
display:inline
}
/*********** equipe list**************/

.professor_list{
	width:580px;
	display:block;
	clear:both;
}

.prof_text{
	clear:both;
	padding: 5px 5px 5px 5px;
}

.prof_text img{
	float:left;
	margin: 0px 10px 15px 0px;
	border:1px solid #656565
}

.prof_name{
	padding: 0 0 0 0px;
	font-weight:bold;
	color: #F60;
}

.prof_title{
	font-weight:bold;
	color:#000;
}
.equipe  .titre{clear:both;padding-left:10px;font-weight:bold;font-size:17px}


/********comediens******/
ul.comediens_list{
	width:640px;

}

ul.comediens_list li {display:inline;float:left;height:270px}
ul.comediens_list li div {	font-weight:bold;
	font-size:12px}
.comediens_text{

	padding: 5px 5px 5px 5px;
}

.comediens_text img{
	margin: 0px 10px 15px 0px;
	border:1px solid #656565
}

.comediens_name{
	padding: 0 0 0 0px;
	font-weight:bold;
	color: #F60;
}

.comediens_title{
	font-weight:bold;
	color:#000;
}
/*********creation list****************/
#creations_list{
	width:580px;
	display:block;
	clear:both;
}

.crea_text{
	clear:both;
	padding: 5px 5px 5px 5px;
}

.crea_text img{
	float:left;
	padding: 0px 10px 15px 0px;
}

.crea_name{
	padding: 0 0 0 10px;
	font-weight:bold;
	color: #F60;
	font-size:16px;
	text-transform:uppercase;
}

.crea_info{
	color:#000;
}

/*********actualites list****************/
#news_list{
	width:580px;
	display:block;
	clear:both;
}

.news_entry{
	clear:both;
	padding: 5px 5px 5px 5px;
}

.news_entry img{
	float:right;
	padding: 0px 0px 15px 15px;
}

.news_titre{
	padding: 0 0 0 10px;
	font-weight:bold;
	color: #F60;
	font-size:16px;
	text-transform:uppercase;
}
.news_titre span {
	color:#cf3a00;
	font-size:14px;
	padding-right:5px;
}



.news_sous_titre{
	padding: 0 0 0 10px;
	font-weight:normal;
	font-style: italic;
	color: #000;
	font-size:14px;
	text-transform:uppercase;
}

.news_info{
	color:#000;
}