html{
	
}
body{
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:none;
	font-family:Verdana, Arial;
	font-size:12px;
	color:#1f2325;
	background: #FFFFFF url(../images/bg_body.jpg) repeat-x top left;
}
img{
	border:0px;
}
a{
	text-decoration: none;
}
a:active, a:focus{
      outline:none;
}
dl, ul, ol{
	list-style-type: none;
}
h1, h2, h3, h4, h5, p, dl, dt, dd, ul, li, ol, form, fieldset, legend, input, select, option, label, div{
	margin: 0;
	padding: 0;
}
fieldset{
	border: 0;
}
a span{
	display:block;
}
/**********global dispaly************/
#headerContainer {
	position: relative;
	float: left;
	width:100%;
	height: 70px;
	/*background: transparent url(../images/bg_header.jpg) no-repeat top center;*/
}
#mainContainer {
	position: relative;
	float: left;
	width:100%;
	height: 961px;
	background: transparent url(../images/bg_main.jpg) no-repeat top center;
}
#mainContainer.formationContainer{
	height: 1050px;
}
#footerContainer {
	position: relative;
	float: left;
	width:100%;
	height: 169px;
	background: #FFFFFF url(../images/bg_footer.jpg) repeat-x top left;
}
#header {
	position:relative;
	width:960px;
	height: 70px;
	margin: auto auto;
	background: transparent url(../images/bg_header.jpg) no-repeat top center;
}  
#main {
	position:relative;
	width:960px;
	height: auto;
	margin: auto auto;
}  
#footer {
	position:relative;
	width:960px;
	height: 169px;
	margin: auto auto;
	background: transparent url(../images/bg_footer.jpg) no-repeat top center;
}  
/**********header************/
#header h1{
	float:left;
}  
#header h1 a{
	float:left;
	display:block;
    height: 41px;
    margin-top: 34px;
    width: 564px;
}  
#header h1 a span{
	float:left;
	display:none;
}  
/**********menu************/
ul#menu{
	float:left;
	margin-top:96px;
	width:67px;
	height:269px;
}  
ul#menu li{
	float:left;
	clear:both;
	width:67px;
	height:auto;
}  
ul#menu li a{
	float:left;
	clear:both;
	display:block;
	width:67px;
	height:auto;
	background-image:transparent;
	background-repeat:no-repeat;
	background-position:top left;
} 
ul#menu li a#accueilM{
	height:68px;
	background-image:url(../images/bt_accueil.jpg);
}  
ul#menu li a#presentationM{
	height:66px;
	background-image:url(../images/bt_presentaion.jpg);
}  
ul#menu li a#formationM{
	height:67px;
	background-image:url(../images/bt_formation.jpg);
}  
ul#menu li a#pratiqueM{
	height:68px;
	background-image:url(../images/bt_pratique.jpg);
}  
ul#menu li a:hover, ul#menu li.current a{
	background-position:top right;
}  
ul#menu li a span{
	display:none;
}  
/**********main col************/
div#mainCol{
	position:relative;
	float:left;
	margin-top:23px;
	margin-left:25px;
	width:866px;
}
/**********slider presentation************/
ul#presentations_galerie{
	float:left;
	width:800px;
	height:600px;
}
ul#presentations_galerie li{
	float:left;
	width:800px;
	height:600px;
	background-image:transparent;
	background-repeat:no-repeat;
	background-position:top center;
}
ul#presentations_galerie li#push1{
	background-image:url(../images/galerie_presentations/01.jpg);
}
ul#presentations_galerie li#push2{
	background-image:url(../images/galerie_presentations/02.jpg);
}
ul#presentations_galerie li#push3{
	background-image:url(../images/galerie_presentations/03.jpg);
}
ul#presentations_galerie li#push4{
	background-image:url(../images/galerie_presentations/04.jpg);
}
ul#presentations_galerie li#push5{
	background-image:url(../images/galerie_presentations/05.jpg);
}
ul#presentations_galerie li#push6{
	background-image:url(../images/galerie_presentations/06.jpg);
}
ul#presentations_galerie li#push7{
	background-image:url(../images/galerie_presentations/07.jpg);
}
ul#presentations_galerie li#push8{
	background-image:url(../images/galerie_presentations/08.jpg);
}
ul#presentations_galerie li#push9{
	background-image:url(../images/galerie_presentations/09.jpg);
}
ul#presentations_galerie li#push10{
	background-image:url(../images/galerie_presentations/10.jpg);
}
ul#presentations_galerie li#push11{
	background-image:url(../images/galerie_presentations/11.jpg);
}
ul#presentations_galerie li#push12{
	background-image:url(../images/galerie_presentations/12.jpg);
}
div#mainCol div#nav{
	position:absolute;
	top:580px;
	left:16px;
	z-index:105;
}
div#mainCol div#nav a{
	float: left;
	margin-right:5px;
	width:11px;
	height:11px;
	background-image: url(../images/bt_slider.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:transparent;
}
div#mainCol div#nav a:hover,div#mainCol div#nav a.activeSlide{
	background-position:top left;
}
div#presentations_nav{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	z-index:100;
}
#prevpresentations span, #nextpresentations span{
	display:none;
}
#prevpresentations, #nextpresentations{
	position:absolute;
	top:0;
	width:400px;
	height:600px;
}
#prevpresentations{
	left:0;
	background: none;
}
#prevpresentations:hover{
	background: transparent url(../images/projets_prev.png) no-repeat left top;
}
#nextpresentations{
	right:0;
	background: none;
}
#nextpresentations:hover{
	background: transparent url(../images/projets_next.png) no-repeat right top;
}
/************footer****************/
#footer ul{
	float:left;
	margin-top:42px;
	margin-left:40px;
	width:880px;
}
#footer ul li{
	float:left;
	clear:left;
	margin-bottom:12px;
	width:100%;
	height:9px;
	text-align:left;
	white-space:nowrap;
	font-size:11px;
	color:#2f4a4f;
}
#footer ul li#copyright {
	clear:none;
	float:right;
	width:auto;
}
#footer ul li.autoWidth {
	width:auto;
}
#footer ul li a{
	color:#2f4a4f;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li#copyright a{
	font-weight:normal;
}
/************formation****************/
div#galerieVideos{
	float:left;
	margin:0;
	padding-left:85px;
	padding-right:85px;
	width:640px;
	height:480px;
	background-color:#000000;
}
a.oembed span{
	display:none;
}
div#mainCol ul#bigLink{
	float:left;
	margin:0;
	margin-left:111px;
	width:603px;
}
div#mainCol ul#bigLink li{
	position:relative;
	float:left;
	clear:left;
	width:603px;
	height:78px;
	margin-top:24px;
	text-align:left;
}
div#mainCol ul#bigLink li a{
	position:relative;
	float:left;
	clear:left;
	width:603px;
	height:78px;
	font-size:12px;
	background:none;	
}
div#mainCol ul#bigLink li a:hover{
	text-decoration:none;
	background: transparent url(../images/bg_bt_video_formation.png) repeat-x right bottom;
}
div#mainCol ul#bigLink li a strong, div#mainCol ul#bigLink li a em, div#mainCol ul#bigLink li a span{
	float:left;
	clear:left;
	padding-left:172px;
	width:431px;
	margin-top:4px;
	cursor:pointer;
}
div#mainCol ul#bigLink li a em {
	font-size:15px;
	font-style:none;
	color:#ff6400;
	line-height:15px;
}
div#mainCol ul#bigLink li a strong {
	font-size:15px;
	font-weight:nprmal;
	color:#ff6400;
	line-height:15px;
}
div#mainCol ul#bigLink li a span {
	font-size:13px;
	font-style:none;
	color:#1f2325;
	line-height:15px;
}
div#mainCol ul#bigLink li a strong {
	font-size:16px;
	font-weight:nprmal;
	color:#ff6400;
}
div#mainCol ul#bigLink li a span.imgContainer{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:141px;
	height:78px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
}
div#mainCol #v1 { background-image: url(../images/bt_video1.jpg); }
div#mainCol #v2 { background-image: url(../images/bt_video2.jpg); }
div#mainCol #v3 { background-image: url(../images/bt_video3.jpg); }
div#mainCol #v4 { background-image: url(../images/bt_video4.jpg); }
div#mainCol #v5 { background-image: url(../images/bt_video5.jpg); }
div#mainCol ul#bigLink li a:hover span.imgContainer{
	background-position:left bottom;
}
/************en pratique****************/
div#enPratique{
	position:relative;
    float: left;
    height: 608px;
    width: 809px;
	background: transparent url(../images/bg_pratique.jpg) no-repeat left top;
}
div#enPratique dl{
    position:absolute;
	text-align:left;
	font-size:13px;
	color:#1f2325;
}
div#enPratique dt{
	float:left;
	clear:both;
	margin-bottom:5px;
    color:#7ea931;
	font-size:15px;
	font-weight:bold;
}
div#enPratique dd{
	float:left;
	clear:both;
}
div#enPratique strong{
	font-size:15px;
}
div#enPratique dd ul{
	float:left;
	clear:both;
	margin-left:10px;
}
div#enPratique dd ul li{
	float:left;
	clear:both;
	margin-bottom:3px;
}
div#enPratique dd ul li span{
	float: left;
}
div#enPratique dd ul li span.point{
	color:#7ea931;
	margin-right:3px;
}
div#enPratique dl#p1{
	left: 136px;
    top: 53px;
}
div#enPratique dl#p2{
    top:345px;
    left:41px;
}
div#enPratique dl#p3{
    top:345px;
    left:488px;
}
div#enPratique dl#p1 dt{
    color:#ff6400;
	margin-bottom: 73px;
}
div#enPratique dl#p1 dd p{
	margin-bottom:5px;
	color:#ff6400;
	font-size:16px;
}
div#enPratique dl#p1 dd p strong{
	font-weight:normal;
}
div#enPratique dl#p1 dd p a{
	color:#ff6400;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}
div#enPratique dl#p1 dd p a:hover{
	text-decoration:underline;
}
div#enPratique dl#p1 dd ul li span{
	color:#ff6400;
}
/************accueil****************/
div#mainCol.mainAccueil{
	margin-left:0px;
	width:968px;
	background: transparent url(../images/bg_home.jpg) no-repeat 871px 75px;
}
div#mainCol.mainAccueil p{
	float:left;
	clear:both;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 60px;
	margin-top: 40px;
	width:888px;
	height: 84px;
	font-size:16px;
	text-align:left;
}
div#mainCol.mainAccueil dl{
	float:left;
	clear:both;
}
div#mainCol.mainAccueil dt{
	margin-top: 62px;
	margin-bottom: 15px;
	font-size:15px;
	font-weight:bold;
}
div#mainCol.mainAccueil dd{
	float:left;
	clear:both;
}
div#mainCol.mainAccueil dd h3{
	margin-top: 207px;
	height:45px;
	font-weight:bold;
	font-size:15px;
	color:#ff6400;
}
div#mainCol.mainAccueil ul{
	float:left;
	clear:both;
	width:968px;
	height:345px;
	background: transparent url(../images/bg_menu_home.jpg) no-repeat left top;
}
div#mainCol.mainAccueil ul li{
	float:left;
	width:322px;
	height:310px;
}
div#mainCol.mainAccueil ul p, div#mainCol.mainAccueil ul p a{
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	background: none;
	font-size:14px;
	color:#1f2325;
	text-align:center;
}
div#mainCol.mainAccueil ul p a:hover, div#mainCol.mainAccueil ul li.over p a{
	text-decoration:underline;
}
div#mainCol.mainAccueil ul li.over{
	cursor:pointer;
}
/************login****************/
body.bodyLogin{
	background: #FFFFFF url(../images/bg_body_login.jpg) repeat-x top left;
}
body.bodyLogin div#mainContainer{
	height:868px;
	background: transparent url(../images/bg_login.jpg) no-repeat top center;
}
body.bodyLogin div#mainContainer #mainCol{
	margin:0px;
}
body.bodyLogin div#mainContainer p{
	position:absolute;
	top:293px;
	left:300px;
	font-size:15px;
}
body.bodyLogin div#mainContainer form{
	position:absolute;
	top: 402px;
	left:300px;
}
body.bodyLogin div#mainContainer form label{
    display: block;
    float: left;
    height: 38px;
    margin-right: 23px;
    width: 48px;
}
body.bodyLogin div#mainContainer form input#pass{
    border: medium none;
    display: block;
    float: left;
    height: 26px;
    width: 267px;
}
body.bodyLogin div#mainContainer form input#connecter{
    display: block;
    float: left;
	clear:both;
	margin-left: 166px;
    margin-top: 10px;
    height: 28px;
    width: 83px;
	border: medium none;
}
body.bodyLogin div#mainContainer form label span{
	display:none;
}