/* *************************************** */
/* -------- Grafique Design - 2009 ------- */
/* ----------- MAJ - 16/02/2011 ---------- */
/* ----------------- START --------------- */
/* *************************************** */
/*        ATTENTION AUX DOUBLONS CSS       */
/* - - - - - - - - - - - - - - - - - - - - */
/* Les balises suivantes existent en       */
/* double dans la CSS avec des propriétés  */
/* différentes :  - body                   */
/*                - a (déclinaisons)       */
/* --------------------------------------- */
@charset "utf-8";
/* --------------------------------------- */
/*                GENERALITES              */
/* --------------------------------------- */
/* ------- Stabilité des blocs img  ------ */
td img {
	display:block;
	border:none;
	padding:0;
	margin :0;
}
body td img {
	display:block;
	border:none;
	padding:0;
	margin :0;
}
/* --------------------------------------- */
/*                   BASE                  */
/* --------------------------------------- */
/* --- body-wrapper-header-footer,etc. --- */
body {
	padding:0;
	margin:0;
	background-color:#1d1b20;
	border:none;	
}
#center {
	margin:0 auto;
	padding:0;
	width:900px;
	height:auto;
	text-align:center;
}
#wrapper {
	margin:0 auto;
	padding:0 0 15px 0;
	width:900px;
	height:auto;
	text-align:center;
	background-image:url(../img/common_wrapper_bkg.jpg);
	background-repeat:repeat-y;
	background-position:top;
	float:left;
}
/* --------------------------------------- */
/*       GESTION DES POLICES + LIENS       */
/* --------------------------------------- */
/* ------ Communs à toutes les pages ----- */
body {
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 13px;
	color: #FFFFFF;	
}
p {
	margin: 0;
	padding: 0 0 14px 0;
	text-align:justify;
}
.lettrine {
	font-size:18px;
	font-weight:bold;
	color:#ec8d0c;
}
.lettrine2 {
	font-size:28px;
	font-weight:normal;
	color:#FFFFFF;
}
.h1 {
	font-size:15px;
	color:#ec8d0c;
}
.h2 {
	font-size:15px;
	color:#ec8d0c;
	font-weight:normal;
	text-align:center;
}
.important {
	font-size:20px;
	color:#ec8d0c;
	font-weight:bold;
}
.b1 {
}
.b2 {
}
.b3 {
}
.grey_bold {	
	font-weight:bold;
	color:#999999;
	text-align:left;	
}
.grey {	
	color:#999999;
	text-align:left;	
}
.grey_2 {
	color:#999999;
	text-align:left;
	font-size:12px;
}
.grey_italic {
	font-style:italic;
	color:#999999;
	text-align:left;	
}

.grey_italic_bold {
	font-weight:bold;
	font-style:italic;	
	color:#999999;	
}
.orange_bold {
	font-weight:bold;	
	color:#ec8d0c;	
}
.orange {
	color:#ec8d0c;	
}
a {
	color:#ec8d0c;
	text-decoration:none;
	padding:0;
	margin:0;
}
a:hover {
	color:#999999;
	text-decoration:none;
	padding:0;
	margin:0;
}
/* --------------------------------------- */
/*                   HEADER                */
/* --------------------------------------- */
/* -------- header-langue-banner --------- */
#header {
	width: 900px;
	height: auto;
	text-align:left;
	float: left;
	padding: 0;
	margin: 0;
}
#lng {
	width: 900px;
	height: auto;
	float: left;
	margin: 0;
	padding: 13px 0 0 0;
}
.lng_ul{
	margin: 0;
	padding: 0 31px 0 31px;
	width: auto;
	height: 13px;
	float: right;
	list-style: none;
	border: none;	
}
.lng_ul_li{
	margin: 0;
	padding: 0 0 0 12px;
	width: auto;
	height: auto;
	text-align: right;
	float: right;
	list-style: none;
	border: none;		
}
#banner {
	width:900px;
	height: 286px;
	text-align:center;
	float:left;
	margin:0;
	padding:0;
}
/* --------------------------------------- */
/*            TOP MENU v2.0 l 2011         */
/* --------------------------------------- */
/* ----------- bloc menu-FRANCE ---------- */
#menu_top_fr_v2 {
	width:900px;
	height:37px;
	text-align:center;
	float:left;
	padding: 0;
	margin: 0;
	background-image:url(../img/common_menu_top_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.menu_t_tab {
	width:auto;
	height:37px;
	text-align:center;
	padding: 0;
	margin: 0 auto;
}
#td_cell {
	width:auto;
	height:auto;
	text-align:center;
}
#td_cell img {
	width:auto;
	height:auto;
	text-align:center;
}
#td_slice {
	width:auto;
	height:auto;
	text-align:center;
}
#td_slice img {
	padding:0;
	margin:0 8px 0 8px;
	width:auto;
	height:auto;
	text-align:center;
}
/* --------------------------------------- */
/*                 TOP MENU                */
/* --------------------------------------- */
/* ----------- bloc menu-FRANCE ---------- */
#menu_top_fr {
	width:838px;
	height:37px;
	text-align:left;
	float:left;
	padding: 0 31px 0 31px;
	margin: 0;
	background-image:url(../img/common_menu_top_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
/* ----------- bloc menu-ENGLISH ---------- */
#menu_top_en {
	width:838px;
	height:37px;
	text-align:left;
	float:left;
	padding: 0 31px 0 31px;
	margin: 0;
	background-image:url(..img/common_menu_top_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
/* ----------- bloc menu-JAPANESE ---------- */
#menu_top_jp {
	width:838px;
	height:37px;
	text-align:left;
	float:left;
	padding: 0 31px 0 31px;
	margin: 0;
	background-image:url(..img/common_menu_top_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
/* ----------- liste <ul> 3 LANGUES ---------- */
.menu_top_ul {
	margin:0;
	padding: 9px 0 9px 0;
	width:838px;
	height:18px;
	float:left;
	text-align:left;
	list-style:none;
}
/* -------------- <li> 3 LANGUES -------------- */
.menu_top_ul_li {
	margin:0;
	padding:0;
	width:auto;
	height:18px;
	text-align:left;
	float:left;
	list-style:none;	
}
/* ------------ separateur FRANCE ----------- */
.menu_top_ul_li_separator_fr {
	margin:0;
	padding:0 17px 0 16px;
	width:1px;
	height:18px;
	text-align:left;
	float:left;
	list-style:none;	
}
/* ------------ separateur ENGLISH ----------- */
.menu_top_ul_li_separator_en {
	margin:0;
	padding:0 22px 0 22px;
	width:1px;
	height:18px;
	text-align:left;
	float:left;
	list-style:none;	
}
/* ------------ separateur JAPANESE ----------- */
.menu_top_ul_li_separator_jp {
	margin:0;
	padding:0 15px 0 15px;
	width:1px;
	height:18px;
	text-align:left;
	float:left;
	list-style:none;	
}
/* ---------------------------------------- */
/*                MAIN CONTENT              */
/* ---------------------------------------- */
/* ------ contenu principal du site ------- */
#main_content {
	width:900px;
	height:auto;
	text-align:left;
	float:left;
	margin:0;
	padding:25px 0 25px 0;
	-padding:0 0 25px 0;		
}
/* ------ contenu de gauche ------- */
#left {
	width:378px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#bouton_news {
	width:378px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 32px 0;
}
#visuel {
	width:378px;
	height:auto;
	float:left;
	margin:0;
	padding:16px 0 0 0;
}
#visuel_alt {
	width:378px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#legende {
	width:316px;
	height:auto;
	float:left;
	background-image:url(../img/commun_left_legende.jpg);
	background-repeat:repeat-y;
	background-position:top;
	margin:0;
	padding: 10px 31px 10px 31px;
}
/* ------ contenu de droite ------- */
#right {
	width:475px;
	height:auto;
	float:right;
}
#titre {
	width: 475px;
	height: 99px;
	float: left;
}
#article {
	width: 438px;
	height: auto;
	float: left;
	padding: 8px 0 8px 0;
	margin : 0;
}
#article_bis {
	width: 475px;
	height: auto;
	float: left;
	padding: 8px 0 8px 0;
	margin : 0;
}
#article ul {
	width: auto;
	height: auto;
	padding: 0 0 0 50px;
	margin : 0;
	color:#CCCCCC;
}
#colonnes {
	width: 438px;
	height: auto;
	float: left;
	padding: 0;
	margin : 0;
}
#col_left {
	width: 130px;
	height: auto;
	float: left;
	padding: 0;
	margin : 0;
}
#col_right {
	width: 304px;
	height: auto;
	float: right;
	padding: 0;
	margin : 0;
}
#col_right ul {
	padding: 0 0 0 25px;
	margin : 0;
	list-style-type:disc;
	color:#CCCCCC;
}
#volute {
	width: 475px;
	height: auto;
	float:left;
}
#volute_in {
	width: 238px;
	height: auto;
	float:right;
}
/* ------ pour la video ------- */
#video {
	width: 363px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
#video_2 {
	width: 438px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
#video_2 p {
	width: auto;
	height: auto;
	float: left;
	padding: 0 0 0 75px;
	margin: 0;
}
#sound {
	width: 438px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}
#player {
	width: 68px;
	height: 34px;
	float: left;
	padding: 0;
	margin: 0;
}
#ref_sound {
	width: 363px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
#testimo {
	width: auto;
	height: 180px;
	padding: 0 30px 0 30px;
	margin : 0;
	overflow: auto;
}
/* --------- pour le formulaire ---------- */
#contact_content {
	width: 438px;
	height: auto;
	float: left;
	padding: 0 0 0 0;
	margin : 0;
}
#col_left2 {
	width: 130px;
	height: auto;
	float: left;
	padding: 0;
	margin : 0;
	text-align: right;
}
.bloc_01 {
	width:130px;
	height:auto;
	float:left;
	padding: 0 0 18px 0;
}
#col_right2 {
	width: 300px;
	height: auto;
	float: right;
	padding: 0;
	margin : 0;
	text-align: left;
}
#formulaire {
	width: 300px;
	height: auto;
	float: left;
	padding: 0;
	margin : 0;
	text-align: left;	
}
.bloc_02 {
	width:300px;
	height:auto;
	float:left;
	padding: 0 0 14px 0;
}
/* --------------------------------------- */
/*                BOTTOM MENU              */
/* --------------------------------------- */
/* ---------- menu bottom FRANCE --------- */
#menu_bottom_fr {
	width:900px;
	height:52px;
	float:left;
	margin:0;
	padding:22px 0 0 0;
	background-image:url(../img/common_menu_bottom_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;		
}
/* ---------- menu bottom ENGLISH --------- */
#menu_bottom_en {
	width:900px;
	height:52px;
	float:left;
	margin:0;
	padding:22px 0 0 0;
	background-image:url(..img/common_menu_bottom_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;	
}
/* ---------- menu bottom JAPANESE --------- */
#menu_bottom_jp {
	width:900px;
	height:52px;
	float:left;
	margin:0;
	padding:22px 0 0 0;
	background-image:url(../img/common_menu_bottom_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;
}
/* ----------- liste <ul> 3 LANGUES ----------- */
.menu_bottom_ul{
	height:19px;
	width: 545px;
	float:right;
	list-style:none;
	margin:0;
	padding:0;	
}
/* -------------- <li> 3 LANGUES -------------- */
.menu_bottom_ul_li{
	width:auto;
	height:19px;
	float:left;
	margin:0;
	padding:0 15px 0 15px;
}
/* -------- separateur BOTTOM UNIVERSEL -------- */
.menu_bottom_ul_li_separator_univ {
	margin:0;
	padding:0;
	width:1px;
	height:19px;
	text-align:left;
	float:left;
	list-style:none;	
}
/* --------------------------------------- */
/*                 FOOTER GD               */
/* --------------------------------------- */
/* ------- signature site-copyright ------ */
#footer {
	width:900px;
	height: auto;
	float:left;
	text-align:center;
	font-size:11px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display:block;	
}
#footer a {
	color:#ec8d0c;
	text-decoration:none;
	font-weight:bold;
	overflow: hidden;		
}
#footer a:hover {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	overflow: hidden;	
}

/* *************************************** */
/* -------- Grafique Design - 2009 ------- */
/* -------- www.grafiquedesign.com ------- */
/* ------------------ END ---------------- */
/* *************************************** */
/*        ATTENTION AUX DOUBLONS CSS       */
/* - - - - - - - - - - - - - - - - - - - - */
/* Les balises suivantes existent en       */
/* double dans la CSS avec des propriétés  */
/* différentes :  - body                   */
/*                - a (déclinaisons)       */
/*                -                        */
/*                -                        */
/* --------------------------------------- */


/**************************************************************************/
/************ MISE A JOUR PARTIE "l'école" 10 septembre 2011 **************/
/**************************************************************************/
.school {
	margin:0 0 20px 0;
	padding:0;
	border:none;
	display:block;
	border:1px solid #ec8d0c;		
}
#sch_cell,
#sch_cell2 {
	padding:10px;
	border:1px solid #ec8d0c;	
}
#sch_cell {
	text-align:justify;	
}
#sch_cell2{
	text-align:center;
}