/* border: solid 1px #000000; */

#gauche, #nav {width:302px;}
#centre {width:519px;}
#droite {width:75px;}


/* zone de gauche */

h1 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

#decalH {
	height:12px;
	display:block;
	background:#326966;
}

#langue {
	background: top url(../images/fdLangueP.jpg) repeat-y; 
	display:block;
	width:302px;
	margin:0px;
	padding:10px 0px 10px 0px;
}


#langue ul{
	float:left;
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.7em;
	color:#326966;
	list-style-type: none;
	margin:0px;
	padding:15px 0px 10px 5px;
}

#langue li{
	display:inline;
	padding-right:10px;
}

	/* nav */

#nav ul{margin:0px 15px 0px 164px;}

#cartNavH { 
	background:top url(../images/cartH_menuP.gif) no-repeat; 
	width:302px;
	height:18px;
	display:block;
}

#cartNavB { 
	background:top url(../images/cartB_menuP.gif) no-repeat; 
	width:302px;
	height:18px;
	display:block;
	margin-bottom:5px;
}


	/* bouton training, essay */
	
#TrEs01 {
	background:#326966;
	display:block;
	width:302px;
}

#TrEs {
	background:#326966;
	display:block;
	width:302px;
}

#TrEs  div{
	float:left;
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.7em;
	color:#fff;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 5px;
	width:130px;
	background:#326966;
}

#TrEs   div a{color:#fff; text-decoration:none;}
#TrEs   div a:hover, #TrEs  .on { text-decoration:underline;}

#TrEs .icoT{ 
	background: top left url(../images/picto_training.gif) no-repeat; 
	padding-left:20px;
	display:block;
	width:130px;
}

#TrEs .icoE{ 
	background: top left url(../images/picto_essays.gif) no-repeat; 
	padding-left:22px;
	display:block;
}

#cartTrESH { 
	background:top url(../images/cartH2_menuP.gif) no-repeat; 
	width:302px;
	height:18px;
	display:block;
}

#cartTrESB { 
	background:top url(../images/cartB_menuP.gif) no-repeat; 
	width:302px;
	height:18px;
	display:block;
	margin-bottom:5px;
}

	/* nav utilitaires */
	
#util {width:302px;}

#NavUtil {width:260px; margin-top:0px;}


/* zone du centre */

	/* zone du champs de recherche */

#search { float:left; margin-top:5px; }
#search .recher { 
	width:120px; 
	float:left; 
	margin:0px 7px 0px 20px;
}

#baseH {margin-left:300px;}

#choix{
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.7em;
	display:block;
	margin:5px 0px 10px 105px;
	float:left;  
}

#imprim a img{border: solid 1px #fff;}
#imprim a:hover img{border: solid 1px #A1362E;}

#contenu {
	width:510px;
	margin:20px 60px 0px 60px;
}

#contenu hr{ 
	border: solid 1px #A1362E;
	margin:0px;
	padding:0px;
}

#contenu .chapeau, #contenu p, #contenu ul,
#bloc_gauche p, #bloc_droit p, #contenu .by, #level { 
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.75em;
}

#contenu .chapeau, #contenu p, #contenu ul, #bloc_gauche_centre p, #bloc_droit_centre p ,
#bloc_gauche_centre ul, #bloc_droit_centre ul { text-align:justify;}


#contenu .chapeau{color:#884444;}

#contenu p{ 
	color:#4C4C4C;
	margin-top:5px;
}

#contenu p a, #contenu td  a { color:#37A9A1; text-decoration:none;}
#contenu p a:hover, #contenu td a:hover{ text-decoration:underline;}

#contenu h2 {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 1em;
	color:#326966;
	font-weight:normal;
	padding:0px 8px 10px 35px;
	background:top left url(../images/picto_progH2.gif) no-repeat; 
	display:block;
}

#contenu h3 {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.8em;
	color:#326966;
	font-weight:bold;
}

#contenu h3 a , #contenu h4 a,
#bloc_gauche_centre h3 a, #bloc_droit_centre h3 a{
	color:#27AEAE;
	text-decoration:none;
}

#contenu h3 a:hover , #contenu h4 a:hover,  #contenu .by  a:hover,
#bloc_gauche_centre h3 a:hover, #bloc_droit_centre h3 a:hover{
	text-decoration:underline;
}


#contenu h4 {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.8em;
	color:#4C4C4C;
	font-weight:normal;
}

/* liste ul des types de documents */

 #contenu .by  { 
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-weight:bold;
}

 #contenu .by  li{ 
 	background:left top url(../images/puceLi.gif) no-repeat;
	background-position: 0 0.4em;
	padding:0px 12px 0px 8px;
	display:inline;
}

#contenu .by  a { 
	text-decoration:none;
	color:#326966;
}

/* liste ul des programmes, documents */

 #contenu .prog  { 
	list-style-type: square;
	font-weight:bold;
}

 #contenu .prog  li{ 
	padding:0px 12px 0px 0px;
	margin-bottom:3px;
	color:#37A9A1;
}

#contenu .prog  a { 
	text-decoration:none;
	color:#37A9A1;
}

#contenu .prog  a:hover, #contenu .folio  a:hover { 
	text-decoration:underline;
}

/* liste ul foliotage */

 #contenu .folio  { 
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-weight:bold;
	color:#4C4C4C;
}

 #contenu .folio  li{ 
	display:inline;
	font-weight:normal;
	font-size:0.9em;
}

#contenu .folio  a { 
	text-decoration:none;
	color:#37A9A1;
}



#contenu table { 
	width:520px;
	display:block;
	border-top: solid 1px #884444; 
	border-bottom: solid 1px #884444; 
	padding-top:10px;
}

caption { 
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.8em;
	color:#4C4C4C;
	font-weight:bold;
	margin-bottom:5px; 
	text-align:left;
	}

#contenu th { 
	font-family: Arial, Trebuchet MS,Verdana, Helvetica; 
	font-size: 0.75em;
	font-weight:normal;
}

#contenu th { 
	color:#fff;
	padding:10px 10px 10px 10px;
	background:##37A9A1; 
}

#contenu td {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica;
	vertical-align:top;
	padding-bottom:15px;
	padding-right:5px;
	color:#4C4C4C;
}

.Splus {
	font-size: 0.7em; 
	color:#884444;
}

#contenu .T1 {
	font-size: 0.75em; 
	color:#884444;
	width:30%;
	margin:0px 10px 0px 0px;
}

#contenu .T2 { font-size: 0.75em; margin:0px 10px 0px 0px;}
#contenu .T2 p { font-size: 1em;}

.admin {
	font-family: Arial, Trebuchet MS,Verdana, Helvetica;
	font-weight:bold;
	font-size:0.8em;
	color:#FFF;
	padding:5px;
	display:block;
	text-align:right;
}

.admin span{
	background:#326966;
	padding:5px;
	display:inline;
}

.admin span a{
	color:#FFF;
	text-decoration:none;
	border: solid 1px #326966;
	padding:2px 2px 2px 2px;
}

.admin span a:hover{
	text-decoration:none;
	border: solid 1px #FFF;
	padding:2px 2px 2px 2px;
}

#level {
	color:#4C4C4C;
	margin:20px 0px 20px 0px;
}

#level select  {
	font-size:12px;
	margin:0px 10px 0px 0px;
}

#level input {
	font-size:1em;	
	padding:2px;
}

#level input[type=submit], input[type=reset] {
	border:1px outset #E2C8C0;

	cursor:pointer;
	background:left url(../images/fdBoutValid.jpg) repeat-x; 
	color:#FFF;
 }
#level input[type=submit]:hover, input[type=reset]:hover {
	border:1px outset #884444;
	background:left url(../images/fdBoutValid.jpg) repeat-x; 
	color:#FFF;
 }
#level input[type=submit]:active, input[type=reset]:active {
	border:1px inset #884444;
	background:left url(../images/fdBoutValid.jpg) repeat-x; 
	color:#FFF;
 } 

/* zone de droite, actu */

.decalDroite_haut {
	margin-top:100px;
	display:block;
}