/***********
**** liens
************/
a img{
	padding: 0px;
	margin: 0px;
	border: 0;	
}

a:link {
	color: #084894;
	text-decoration: none;
	font-size: 10px;
}
a:visited {
	color: #084894;
	text-decoration: none;
	font-size: 10px;
}
a:active {
	color: #084894;
	text-decoration: none;
	font-size: 10px;
}
a:hover {
	color: #ff9d13;
	text-decoration: none;
	font-size: 10px;
}

p{
	margin:0px;
	padding:0px;
}

strong{
	color:#084894;
}

img {
   margin:0px;
   padding:0px;
}


body{
	margin:0px;
	padding:0px;
	width:100%;
	font-family: Verdana, Arial ,Helvetica, sans-serif;
	color:#000000;
	font-size: 9px;
	background-color: #dedede;
}

/* STRUCTURE */


#divGeneral {
	position:absolute;
	left: 50%; 
	top:5px;
	width: 950px;
	height: 701px;
	margin-left: -477px; /* moitié de la largeur */
	margin-bottom:auto;
}

#divGeneralPage {
	position:absolute;
	left: 50%; 
	top:5px;
	width: 880px;
	min-height: 90%;
	margin-left: -442px; /* moitié de la largeur */
	margin-bottom:auto;
}

#divPage {
	width: 950px;
	height: 701px;
	border: solid #959595 2px;
	background-color:#ffffff;
}

#header{
	background-image: url(../images/bannierePage.jpg);
	background-repeat:no-repeat;
	float:left;
	width:880px;
	height:94px;
}

#conteneur{
	float:left;
	width:825px;
}

#page{
	float:left;
	width:880px;
	height: auto;
	background-color:#ffffff;
	border: solid #959595 2px;
}

#fond_menu{
	float:left;
	background-image: url(../images/bandeauGris.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:40px;
}

#menu_principal{
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
}

#menu_principal ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	text-align:left;
}

#menu_principal li {
	display:inline;
	float:right;
}

#menu_principal a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 12px;
	border-left: solid #d8d8d8 1px;
	padding:13px;
}


#menu_principal a.lien_menu {
	background: url(../images/menu_off.jpg) repeat-x;
}

#menu_principal a:hover {
	background: url(../images/menu_on.jpg) repeat-x;
	color: #fff;
}


#bandeauDroite{
	background-image: url(../images/numeri4D_bandeau.gif);
	background-repeat:no-repeat;
	float:left;
	width:123px;
	height:662px;
	display:inline;
	border-left: solid #959595 2px;
}

#logo{
	float:left;
	width:25%;
	padding-top: 20px;
	padding-right: 33px;
	padding-bottom: 26px;
	padding-left : 40px;
	border-right: 1px solid #dddede;
}

#logoPetit{
	position:relative;
	width:8%;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left : 7px;
}

#introTexte{
	float:left;
	width:60%;
	text-align:left;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	font-weight:normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left : 20px;
}

#contenu{
	float:right;
	width:100%;
	border-top: 1px solid #dddede;
}

/*** ONGLETS ***/

#ongletsMenu{
	float:left;
	width:100%;
	height:432px;
	line-height:432px;
}

#ongletsMenu ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	text-align:left;
}

#ongletsMenu li {
	display:inline;
	float:right;
	margin:5px;
}

#ongletsMenu a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 12px;
	padding-top: 210px;
	padding-right: 130px;
	padding-bottom: 210px;
	padding-left : 130px;
}


#ongletsMenu a.lien_onglet3 {
	background: url(../images/contenus_3D_off.jpg) no-repeat;
}

#ongletsMenu a.lien_onglet3:hover {
	background: url(../images/contenus_3D_on.jpg) no-repeat;
}

#ongletsMenu a.lien_onglet2 {
	background: url(../images/mediatisation_des_cours_off.jpg) no-repeat;
}

#ongletsMenu a.lien_onglet2:hover {
	background: url(../images/mediatisation_des_cours_on.jpg) no-repeat;
}

#ongletsMenu a.lien_onglet1 {
	background: url(../images/formations_multimedia_off.jpg) no-repeat;
}

#ongletsMenu a.lien_onglet1:hover {
	background: url(../images/formations_multimedia_on.jpg) no-repeat;
}

/*****************/
/*** SOUS-MENU ***/
/*****************/

#menu_gauche {
	float:left;
	margin-top: 40px;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	width: 230px;
}

div.menu-noir {
  padding: 0px;
  width: 100%;
  line-height: 40px;
}

div.menu-noir h3 {
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Georgia, Sans-serif;
	color: #ffffff;
	margin: 0px -4px 0px -4px;
	line-height: 40px;
	text-indent: 20px;
	background: transparent;
}

div.menu-noir {
	background: url(../images/round_black_bl.png) bottom left no-repeat;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div.menu-noir div div {
	background: url(../images/round_black_tl02.png) top left no-repeat;
}

div.menu-noir div {
	background: url(../images/round_black_br.png) bottom right no-repeat;
}


div.menu-noir div div div {
	background: url(../images/round_black_tr02.png) top right no-repeat;
	padding: 0px 0px 10px 0px;
	width: auto !important;
	width: 100%;
	text-indent:10px;
}

div.menu-noir div div div div {
	background:none;
	padding:0px;
}

div.menu-noir ul {
	list-style-type:square;
	color:#dbdad9;
	margin:0 0 0 0;
	padding-left:30px;
	text-align:left;
}

div.menu-noir li {
	width:90%;
	background:none;
	border-bottom: solid #d8d8d8 1px;
}

div.menu-noir a.lien_SSmenu  {
	background:none;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Georgia, Sans-serif;
	font-size: 12px;
}
div.menu-noir a.lien_SSmenuA  {
	background:none;
	text-decoration: none;
	color: #084894;
	font-weight: bold;
	font-family: Verdana, Georgia, Sans-serif;
	font-size: 12px;
}
div.menu-noir a:hover {
	color: #ff9d13;
}

/*****************/
/**** CONTENU ****/
/*****************/

.zoneContenu{
	float:right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left : 10px;
	text-align:justify;
	height:auto;
	border:1px dashed #dddede;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 11px;
}
.zoneContenuAdm{
	float:right;
	margin:0px;

}

#cadreContenu{
	width:65%;
}

#cadreContenuSansSSMenu{
	width:85%;
	margin-right:55px;
	margin-top:47px;
}

.lienCatalogue {
	width:50%;
	float:right;
	text-align:right;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.lienCatalogue a {
	background:none;
	text-decoration: none;
	color: #084894;
	font-weight: bold;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 10px;
}

.lienCatalogue a:hover {
	color: #ff9d13;
}

.zoneContenu h3 {
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Georgia, sans-serif;
	color: #ff9d13;
	margin-top : 0px;
	margin-right: -4px;
	margin-bottom: 10px;
	margin-left: -4px;
	line-height: 40px;
	text-indent:20px;
}

.paragraphe{
	border-bottom: solid 1px #dddede;
	margin-bottom:20px;
	padding-bottom:20px;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.paragraphe img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px;
}

.paragraphe a {
	background: transparent; 
	text-decoration: none;
	font-size: 12px;
	text-align: justify;
	vertical-align: middle;
    display: inline-block; 
	line-height: 20px;
	width: 75%;
}

.paragraphe p {
	vertical-align: middle;
	display: inline-block;
	margin-right:10px;
}

.pGauche{
	margin-top : 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 50%;
	padding-right: 20px;
}

.pDroite{
	width: 40%;
}

.paragraphe a:link {
	color: #000000;
}

.paragraphe a:visited {
	color: #000000;
}

.paragraphe a:hover {
	color: #e2870e;
}

.footer{
	float:right;
	width:100%;
	height:13px;
	text-align:center;
	line-height:18px;
	display:block;
}

#footer1{
	background-color:#3f4040;
}

#footer2{
	background-color:#939494;
}

#footer3{
	background-color:#d9d8d7;
}

#copyright{
	width: 100%;
	text-align:center;
	line-height:25px;
}


/**** Plan du site ****/

.plan{
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	line-height: 20px;
}

.plan ul {
	list-style-type: square;
	color: #dbdad9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-left: 30px;
	text-align: left;
}

.plan li {
	width:90%;
	background:none;
}

.plan a.lien_plan  {
	background:none;
	text-decoration: none;
	color: #000000;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 12px;
}

.plan li.sous_liste{
	margin-left: -30px;
}

.plan a:hover {
	color: #ff9d13;
}

/* Formation détaillées */

.progJour{
	color:#084894;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left : 5px;
	background-color:#dddede;
}
.progDescription{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.gdEspace{
	padding-top:15px;
}
.center{
	text-align:center;
	width:100%;
}
.news{
	
	border:1px solid #dddede;
	
	margin-bottom:25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left : 10px;
	text-align:justify;
	border:1px dashed #dddede;
	font-family: Verdana, Georgia, sans-serif;
	font-size: 11px;

	margin-right:55px;
	margin-top:15px;
	margin-left:50px;
	margin-bottom: 15px;
}

.news-contenu{
	min-height: 515px;
}

.news-titre{
	color: #ff9d13;
	margin-bottom:5px;
	font-weight: bold;
	width:90%;
	float:left;	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left : 0px;
}
.news-date{
	margin-bottom:5px;
	width:10%;
	text-align:right;
	float:right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left : 0px;
}
.news-texte{
	margin-left:15px;
	width: 95%;
	height: 55px;
	display: block;
	overflow: hidden; 
}

.news-texte-total{
	margin-left:15px;
	width: 95%;
	display: block;
}

.news-detail{
	text-align: right;
}

.news-nbpage{
	margin-bottom: 10px;
	
	text-align: center;
}

/* FORMULAIRE */

#formulaire{
	width:100%;
	float:left;
	visibility:visible;
	margin-bottom:20px;
	margin-left:180px;
	margin-top: 40px;
}

#formGauche{
	width:17%;
	float:left;
}

.ligneFormGauche{
	text-align:right;
	padding-right:5px;
	line-height:32px;
}

.ligneFormDroite{
	padding:5px;
}

#formDroite{
	width:60%;
	float:left;
}

.formation_detail_session{
	width: 80%;
	margin: 0px auto;
	margin-top: 50px;
	margin-bottom: 20px;
}

.formation_img_session{
	width: 20%;
	float: left;
	margin-left : 40px;
}

.formation_info_session{
	width: 60%;
	float: left;
}

.formation_titre_session{
	width: 60%;
	float: left;
}

.formation_objectif_session{
	clear: left;
	margin-top: 20px;
}

.choix_session{
	text-align: center;
	margin-top: 30px;
}

.liste_session{
	width: 80%;
	text-align: center;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.liste_session p{
	height: 20px;
	font-size: 12px;
	margin-bottom : 6px;
	color: #084894;
	border: 2px;
	border-style : none none groove none;
}	

.liste_date{
	width : 15%;
	height: 25px;
	float: left; 
	font-size: 10px;
	margin-bottom: 5px;
}

.liste_heure{
	width : 15%;
	height: 25px;
	float: left; 
	font-size: 10px;
	margin-bottom: 5px;
}

.liste_nbpart{
	width : 20%;
	height: 25px;
	float: left;  
	font-size: 10px;
	margin-bottom: 5px;
}

.liste_lieu{
	width : 40%;
	height: 25px;
	float: left;  
	font-size: 10px;
	margin-bottom: 5px;
}

.liste_input{
	width: 10%;
	float: left;
}

#newSite{
	font-weight : bold;
}