#bigSlider{
	
	height :300px;
	width: 860px;
	margin-bottom : 20px;
}

.bloc{
	background-color : rgba(255,255,255,0.5); 
	
	float : left;	
}
.ombre {
	box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.5);
}




/* ----------BLOC 2 ------------*/

#bloc_formation{
	height :175px;
	float : left;
	width : 602px;
	margin-right : 33px;margin-top: 40px;
	background : url('../img/blocs/bloc_formations.jpg') no-repeat ;
position : relative;
overflow:hidden;
}

#bloc_formation ul{
	display : block;
	border : 2px solid #e4e8eb;
	position : absolute;
	top : 0;
	right: 0;
	
}

#bloc_formation ul li{
	display : block;
	background-color :rgba(255,255,255,0.5);
	list-style-type: none;
	
	padding : 0;
}

#bloc_formation ul li a{
	text-decoration : none;
	font : 22px 'stentiga' ,Helvetica, Arial, Sans-serif;
	padding : 17px 22px 16px 24px;
	display: block;
	color : #677cb3;
height :24px;

background: rgba(249,251,250,1);
background: -moz-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: -o-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: linear-gradient(135deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfa', endColorstr='#eeeff3', GradientType=1 );


	 -webkit-box-shadow:inset 0 0 0 4px #e4e8eb;
    -moz-box-shadow:inset 0 0 0 4px #e4e8eb;
    box-shadow:inset 0 0 0 4px #e4e8eb;
}

#bloc_formation ul li a:hover{
	
	color : #213665;
	background: rgba(249,251,250,1);
background: -moz-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(207,213,235,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(207,213,235,1) 100%);
background: -o-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(207,213,235,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(207,213,235,1) 100%);
background: linear-gradient(135deg, rgba(249,251,250,1) 0%, rgba(207,213,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfa', endColorstr='#cfd5eb', GradientType=1 );

	 -webkit-box-shadow:inset 0 0 0 4px #e4e8eb;
    -moz-box-shadow:inset 0 0 0 4px #e4e8eb;
    box-shadow:inset 0 0 0 4px #e4e8eb;
}


#bloc_formation a#choisir_form{
	width : 390px;float : left;
	display :block;
	background-color : inherit;
padding: 124px 0 15px 0 ;

text-decoration : none;
	font : 27px 'stentiga' ,Helvetica, Arial, Sans-serif;

	color : #677cb3;
}

#bloc_formation a#choisir_form span{
	display : block;
	padding : 6px 0 0 28px;
	height : 30px;
	width : 100%;

	color : #677cb3;
	background-color : rgba(255,255,255,.5);
}


#bloc_formation a#choisir_form:hover span{
	display : block;
	padding : 6px 0 0 28px;
	height : 30px;
	width : 100%;

	color : #213665;
	background-color : rgba(255,255,255,.9);
}







/* ----------BLOC 2 ------------*/


#bloc_contact{
height :175px;
	float : left;
	width : 226px;margin-top: 40px;
}
#bloc_contact #border_contact{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );

	 -webkit-box-shadow:inset 0 0 0 4px #fff;
    -moz-box-shadow:inset 0 0 0 4px #fff;
    box-shadow:inset 0 0 0 4px #fff;

	width : 226px;
	height :164px;
}


#bloc_contact #contact{
	font : 30px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : #677cb3;
	color : white;
	text-decoration : none;
	display : block;
	width :206px;

	margin-top : 10px;
	padding : 5px 0 0 20px;
}


#bloc_contact p{
	font : 19px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : inherit;
	text-align : right;
	color : #677cb3;
	margin: 16px 17px 0 0 ;
	line-height : 25px;

}

#bloc_contact #inscrire{
	font : 19px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(255,255,255,.6);
	color : #677cb3;
	text-decoration : none;
	display : block;
	width :207px;
	margin :14px 0 0 0; 
	padding : 11px 0 4px 19px;
}

#bloc_contact #inscrire:hover{
	color : #213665;
	background-color : rgba(255,255,255,.9);
}

#bloc_contact #contact:hover{
	color : white;
	background-color : #3860b8;
}



/* ----------BLOC 3 ------------*/

#bloc_intro{
margin-right : 33px;margin-top: 40px;
	float : left;
	width : 603px;
	padding-bottom : 10px;
}

#bloc_intro span{
	font :27px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : #677cb3;
	color : white;
	text-decoration : none;
	display : block;
	

	
	padding : 8px 0 5px 20px;
}
#bloc_intro #intro{
	padding : 20px 64px;
	font-size : 18px;
	line-height :24px;
	  font-family: 'myriad-pro',  arial, sans-serif;
	  text-align : justify;
	  color : #58585a;
min-height :430px;
	  background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );
}
#bloc_intro a#suite{
	font :18px 'stentiga' ,Helvetica, Arial, Sans-serif;
	color : #677cb3;
	background-color : rgba(255,255,255,.9);
	text-align : right;
	padding :5px 20px 0 0 ; 
	display : block;
	text-decoration : none;
}
#bloc_intro a#suite:hover{
	color : #213665;
	background-color : rgba(255,255,255,.9);
}

/* ----------BLOC 4 ------------*/
#bloc_horaire{
height :166px;
	float : left;
	width : 235px;margin-top: 40px;
	text-decoration: none;
	color : #677cb3;
	background-color : inherit;
}

#bloc_horaire a{
	display : block;
	height :73px;
	float : left;
	width : 235px;
	background : url('../img/blocs/bloc_horaires.png') no-repeat -6px 0;
	text-decoration : none;
	padding-top :90px;
}

#bloc_horaire a span{

	font : 27px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(255,255,255,.8);
	color : #677cb3;
	
		display : block;
	padding : 4px 0 0 12px;
	width:209px;
	margin-left: 3px;
}
#bloc_horaire a:hover span{
	color : #213665;
	background-color : rgba(255,255,255,.95);
}


/* ----------BLOC 5 ------------*/
#bloc_revue{
height :166px;
	float : left;
	width : 235px;margin-top: 30px;
	
}

#bloc_revue a {
	display : block;
	height :73px;
	width : 235px;
	background : url('../img/blocs/bloc_revue.png') no-repeat -2px -2px ;
	text-decoration: none;
	color : #677cb3;
	background-color : inherit;
	padding-top :88px;
}

#bloc_revue a span{

	font : 27px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(255,255,255,.8);
	color : #677cb3;
	text-decoration : none;
	display : block;
	width:98px;
	margin-left: 3px;
	padding : 3px 0 0 125px;
}
#bloc_revue a:hover span{
	color : #213665;
	background-color : rgba(255,255,255,.95);
}



/* ----------BLOC 5 ------------*/
#bloc_video{
height :135px;
	float : left;
	width : 235px;margin-top: 30px;
	
}

#bloc_video a {
	display : block;
	height :73px;
	width : 235px;
	background : url('../img/blocs/bloc_video.png') no-repeat 0 -2px ;
	text-decoration: none;
	color : #677cb3;
	background-color : inherit;
	padding-top :88px;
}

#bloc_video a span{

	font : 27px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(255,255,255,.8);
	color : #677cb3;
	text-decoration : none;
	display : block;
	width:208px;
	margin-left: 3px;
	padding : 3px 0 0 15px;
}
#bloc_video a:hover span{
	color : #213665;
	background-color : rgba(255,255,255,.95);
}


/* ----------BLOC 6 ------------*/



#bloc_titulaire{
	margin : 40px 33px 0 0 ;
	
	height :190px;
	float : left;
	width : 195px;

  /*  background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(19%, rgba(255,255,255,1)), color-stop(100%, rgba(200,205,224,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );
*/
}
.fond0{
	background : url('../img/animations/Voy_index.jpg') no-repeat 0 0 ;
}
.fond1{
	background : url('../img/animations/Spec_index.jpg') no-repeat 0 0 ;
}
.fond2{
	background : url('../img/animations/Conf_index.jpg') no-repeat 0 0 ;
}
.fond3{
	background : url('../img/animations/Prom_index.jpg') no-repeat 0 0 ;
}

#bloc_titulaire a{
	display : block;
	height :173px;
	
	width : 195px;
	
text-decoration : none;
		 -webkit-box-shadow:inset 0 0 0 4px #bbc4d7;
    -moz-box-shadow:inset 0 0 0 4px #bbc4d7;
    box-shadow:inset 0 0 0 4px #bbc4d7;

padding: 17px 0 0 0;


}

#bloc_titulaire a span{ 
	font : 25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(157,170,197,0.8);
	color : white;
	
	display : block;
	
	
	padding : 6px 0 0 12px;

}


#bloc_titulaire a:hover span{
	background-color: #677cb3;
    color: #ffffff;
}


/* ----------BLOC 7 ------------*/

#bloc_animation{
margin-right : 33px;margin-top: 40px;
height :190px;
	float : left;
	width : 375px;

position : relative;

background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );
}

#bloc_animation a#animation{
	display : block;
	height :173px;	
	width : 375px;	
	text-decoration : none;
	-webkit-box-shadow:inset 0 0 0 4px #bbc4d7;
    -moz-box-shadow:inset 0 0 0 4px #bbc4d7;
    box-shadow:inset 0 0 0 4px #bbc4d7;
	padding: 17px 0 0 0;


}

#bloc_animation a span#titre_animation{ 
	font : 25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(157,170,197,0.8);
	color : white;	
	display : block;	
	padding : 6px 0 0 12px;

}


#bloc_animation a:hover span#titre_animation{
	background-color: #677cb3;
    color: #ffffff;
}

#bloc_animation span#anim{
	 color : #58585a;
	margin : 30px 50px 0 140px;
	display : block;
	font-family: 'myriad-pro', arial, sans-serif;
	text-align : justify;
}


#bloc_animation #calendrier{
	position : absolute;
	
	bottom : 15px;
	left : -15px;
	width :125px;
	height : 125px;
	text-decoration : none;
	
}

#an, .an{
	
display : block;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    writing-mode: lr-tb;
position : absolute;
top : 24px;
left : 63px;
color : white;background-color : inherit;
width :25px;
height :12px;
font : 16px 'coolvetica', helvetica, arial, sans-serif;

 text-align : right ;
}

#mois, .mois{
	
display : block;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    writing-mode: lr-tb;
position : absolute;
top : 32px;
left : 18px;
color : white;background-color : inherit;
width :25px;
height :12px;
font : 16px 'coolvetica', helvetica, arial, sans-serif;
	
}


#jour, .jour{
	
display : block;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    writing-mode: lr-tb;
position : absolute;
top : 38px;
letter-spacing : 5px;
left : 15px;
color : black;background-color : inherit;
width :90px;
height :58px; 
text-align : center;
	font : 50px 'coolvetica', helvetica, arial, sans-serif;
}

/* ----------BLOC 8 ------------*/


#bloc_infos{
margin-top: 40px;
height :190px;
	float : left;
	width : 225px;
	background  : url('../img/blocs/bloc_infos.jpg') no-repeat 0,0;
}


#bloc_infos a{
	display : block;
	height :55px;	
	width : 226px;	
	text-decoration : none;
	-webkit-box-shadow:inset 0 0 0 4px #bbc4d7;
    -moz-box-shadow:inset 0 0 0 4px #bbc4d7;
    box-shadow:inset 0 0 0 4px #bbc4d7;
	padding: 135px 0 0 0;


}

#bloc_infos a span{ 
	font : 25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : rgba(255,255,255,.8);
	color : #677cb3;
	display : block;	
	padding : 6px 0 0 12px;

}




#bloc_infos a:hover span{
	color : #213665;
	background-color : rgba(255,255,255,.95);
}

/* -------------------------------------PAGE TITULAIRES ----------------------*/


ul.liste_titulaires,
ul.liste_membres{
	display : block;
}
ul.liste_titulaires li,
ul.liste_membres li  {
	width :112px;
	
	float : left;
/*	border :1px solid #d5c29d;*/
	margin :20px; padding :10px;
	list-style-type: none;


box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
}
ul.liste_titulaires li a{
	display : block;
	width :112px;
	
	text-decoration : none;

	
}

ul.liste_titulaires li img,
ul.liste_membres li img{
	width :110px;
	height :150px;
	
	display : block;
	background : url('../img/blocs/bloc_titulaires.png') no-repeat top left;
	
}

ul.liste_titulaires li span,
ul.liste_membres li span{
display : block;
	width :112px;
	height :45px;
text-align : center;
	
	padding : 5px 0;
    color: #677cb3;

	font : 14px/20px 'stentiga', helvetica, arial, sans-serif;


background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );

}


.lettre{

box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
font : 25px 'stentiga', helvetica, arial, sans-serif;
float : left;
margin : 12px;

}



.letter a:hover{
	color: white;
	background-color : #3860b8;
	text-decoration : none;
	display : block;padding : 10px;
	width : 22px;
height :30px;
text-align : center;
}

.letter a{
	color: #3860b8;
	background-color : white;
	text-decoration : none;
	display : block;padding : 10px;
	width : 22px;
height :30px;
text-align : center;
}


.no_letter{
	color: silver;
	background-color : white;
	padding : 10px;
	width : 22px;
height :30px;
text-align : center;

}


#vignettes{
	margin-top :60px;
}

ul.liste_titulaires li.bloc_prof p.descriptif{
	display : none;
}
ul.liste_titulaires li.bloc_prof img{
	width :112px;
	height :150px;
}



ul.liste_titulaires li.big_prof{
	width: 805px;


	
background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );
}

ul.liste_titulaires li.big_prof a{
	float : left;
	margin : 25px 10px 25px 10px;
	border :8px solid white;
	display : block;
	overflow:hidden;
	width : 160px;

	box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
}


ul.liste_titulaires li.big_prof p.descriptif{
	display :block;
	margin-left : 200px;
	text-align : justify;
	padding :5px 20px 20px 20px;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :#4B4B4D;
}



ul.liste_titulaires li.big_prof p.descriptif b{
	color :#677cb3;
	margin : 30px 0 0 0;
	display : block;
	font-size :22px;
	text-transform : uppercase;
}

ul.liste_titulaires li.big_prof img{
	width :160px;
	height :220px;
}

ul.liste_titulaires li.big_prof span{
	width :160px;
	font-size :20px;
	padding : 15px 0 ;
	line-height : 25px;
}
/*------------------ABSL --*/
.txt {
	width :800px;
	margin :0 auto;
}
.txt p{
	text-align : justify;
	padding :5px 20px 5px 5px;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :#4B4B4D;

}

.txt ul,
.txt ol{
	padding : 5px 20px 5px 20px;
}
.txt ul li{
	list-style-type: square;
	text-align : justify;
	padding :5px 0 0 15px;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :#4B4B4D;
}

.txt ol li{
	
	text-align : justify;
	padding :5px 0 0 15px;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :#4B4B4D;
}

ul.liste_membres li span.membre{
	height :65px;
}


/* -----------ANIMATIONS ---------*/

.bloc_animations{
	
	box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
	width : 500px;
	margin : 70px 25px;

}
.bloc_animations .anim_left{
	width :150px;
	float :  left;
	

	position : relative;
}

.bloc_animations .anim_right{
	

	margin-left :110px;
	padding: 15px
}


.bloc_animations .cal_anim{
	position : absolute;
	
	top : -25px;
	left : -15px;
	width :125px;
	height : 125px;
	text-decoration : none;

}

.bloc_animations .nom_anim{
	min-height :90px;
	
	color : #58585a;
	font : 20px 'stentiga' ,Helvetica, Arial, Sans-serif;

	padding :8px 8px 8px 30px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,b1c0cc+100 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ededed 0%, #b1c0cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ededed 0%,#b1c0cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ededed 0%,#b1c0cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b1c0cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.bloc_animations .descriptif_anim{
	display :block;
	min-height :250px;
	text-align : justify;
	padding :30px 50px ;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :#4B4B4D;
}



.bloc_animations a{
	font :18px 'stentiga' ,Helvetica, Arial, Sans-serif;
	color : #677cb3;
	background-color : rgba(255,255,255,.9);
	text-align : right;
	padding :5px 20px 0 0 ; 
	display : block;
	text-decoration : none;
}
.bloc_animations a:hover{
	color : #213665;
	background-color : rgba(255,255,255,.9);
}

.bloc_animations .img_anim{
	border :1px solid #d5c29d;
	width :150px;
	height :180px;
	margin : 100px 15px 15px 15px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+61,d5c29d+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 61%, rgba(213,194,157,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 61%,rgba(213,194,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 61%,rgba(213,194,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5c29d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.bloc_animations .img_anim img{
	opacity:0.8;
}

a.categorie_anim img {
    display: block;
    height: 130px;
    width: 200px;
}

a.categorie_anim {
   border: 3px solid #ffffff;
    color: #4b4b4d;
    display: block;
    float: left;
    margin: 50px 6px 0 43px;
    text-decoration: none;
}
#categories_anim{
	float :right;
	width : 290px;
	padding-bottom : 50px;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe8ef+0,8ea0b0+100 */
background: rgb(223,232,239); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(223,232,239,1) 0%, rgba(142,160,176,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(223,232,239,1) 0%,rgba(142,160,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(223,232,239,1) 0%,rgba(142,160,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe8ef', endColorstr='#8ea0b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
a.categorie_anim span{
background-color: #ffffff;
    display: block;
    font: 18px "stentiga",Helvetica,Arial,sans-serif;
    padding: 5px 0;
    text-align: center;
    width: 200px;
}




.cat_bleu{
	background : url('../img/calendriers/calendrier_bleu.png');
}

.cat_vertC{
	background : url('../img/calendriers/calendrier_vertC.png');
}

.cat_rouge{
	background : url('../img/calendriers/calendrier_rouge.png');
}

.cat_orange{
	background : url('../img/calendriers/calendrier_orange.png');
}

.cat_violet{
	background : url('../img/calendriers/calendrier_violet.png');
}

.cat_rose{
	background : url('../img/calendriers/calendrier_rose.png');
}

.cat_vertF{
	background : url('../img/calendriers/calendrier_vertF.png');
}

.cat_jaune{
	background : url('../img/calendriers/calendrier_jaune.png');
}

.cat_bleuC{
	background : url('../img/calendriers/calendrier_bleuC.png');
}

.cat_cyan{
	background : url('../img/calendriers/calendrier_cyan.png');
}

/* -----------FORMATIONS ---------*/

ul#recherche_form{
	width : 800px;
	border-bottom:4px silver ; /*#8ea0b0;*/
	height :40px;
	margin : 40px auto 0 auto;
	overflow:hidden;




}

ul#recherche_form  li{
	display : block;
	float :left;
	width :250px;
	list-style-type : none;
	font :21px 'stentiga' ,Helvetica, Arial, Sans-serif;
	
	margin-right :25px;
	height :40px;
	
}
ul#recherche_form  li:last-child{
margin-right :0;
}

ul#recherche_form  li a , ul#recherche_form  li a.off {
	text-decoration : none;
	text-align : center;
	padding :10px 0;
	display : block;
	background-color : #eeeeee;
	color : silver ; /*#8ea0b0;*/
	
	
}
ul#recherche_form  li a:hover,ul#recherche_form  li a.on {
	text-decoration : none;
	text-align : center;
	padding :10px 0;
	display : block;
	
	background-color : silver ; /*#8ea0b0;*/
	
	color: white;
}     


.bloc_rech{
	width : 800px;
	
	min-height:100px;
	margin : 0 auto 40px auto;
	
	background-color : silver ; /*#8ea0b0;*/


}

a.categorie_cours{
	display : block;
	border :3px solid white;
	float : left;
	margin : 50px 6px 0 43px;
	text-decoration : none;
	color:#4B4B4D;
}

a.categorie_cours img{
	width :200px;
	display : block;
	height : 130px;

}

a.categorie_cours span{
	
	display : block;
	
	width :200px;
	padding:5px 0;
	background-color :white;
	font :18px 'stentiga' ,Helvetica, Arial, Sans-serif;
	text-align : center;
}

#form_categorie{
	padding-bottom : 50px;
}

#form_horaire{
	padding: 50px 0;
	
}
#lettres{
	
	margin : 0 auto;
	padding : 60px 0 10px 0;
	width :660px;
}

#sem_jour1{
	background : url('../img/horaires/Hor1.jpg') no-repeat 0 0;
}

#AM_1{
	background : url('../img/horaires/Hor1_AM.jpg') no-repeat ;
}

#PM_1{
	background : url('../img/horaires/Hor1_PM.jpg') no-repeat;
}
#sem_jour2{
	background : url('../img/horaires/Hor2.jpg') no-repeat 0 0;
}

#AM_2{
	background : url('../img/horaires/Hor2_AM.jpg') no-repeat;
}

#PM_2{
	background : url('../img/horaires/Hor2_PM.jpg') no-repeat;
}
#sem_jour3{
	background : url('../img/horaires/Hor3.jpg') no-repeat 0 0;
}

#AM_3{
	background : url('../img/horaires/Hor3_AM.jpg') no-repeat
}

#PM_3{
	background : url('../img/horaires/Hor3_PM.jpg') no-repeat ;
}
#sem_jour4{
	background : url('../img/horaires/Hor4.jpg') no-repeat 0 0 ;
}

#AM_4{
	background : url('../img/horaires/Hor4_AM.jpg') no-repeat ;
}

#PM_4{
	background : url('../img/horaires/Hor4_PM.jpg') no-repeat;
}
#sem_jour5{
	background : url('../img/horaires/Hor5.jpg') no-repeat 0 0 ;
}

#AM_5{
	background : url('../img/horaires/Hor5_AM.jpg') no-repeat;
}

#PM_5{
	background : url('../img/horaires/Hor5_PM.jpg') no-repeat;
}


.sem_jour, .APM{
	 width :204px;
	 display : inline-block;
	
	 margin : 0 0 33px 46px;
	 text-decoration  : none;
	 float : left;
	-webkit-box-shadow:inset 0 0 0 5px #fff;
    -moz-box-shadow:inset 0 0 0 5px #fff;
    box-shadow:inset 0 0 0 5px #fff;
}


.sem_jour{
	height :101px;
}
.APM {
	height :41px;
	padding-top :60px;
	background-position : 0 0;
}

#AM_1:hover, #AM_1:active, #AM_1:focus, #PM_1:hover, #PM_1:active, #PM_1:focus,
#AM_2:hover, #AM_2:active, #AM_2:focus, #PM_2:hover, #PM_2:active, #PM_2:focus,
#AM_3:hover, #AM_3:active, #AM_3:focus, #PM_3:hover, #PM_3:active, #PM_3:focus,
#AM_4:hover, #AM_4:active, #AM_4:focus, #PM_4:hover, #PM_4:active, #PM_4:focus,
#AM_5:hover, #AM_5:active, #AM_5:focus, #PM_5:hover, #PM_5:active, #PM_5:focus,
.APM:hover{
	
	
	/*background-position : 0 20px;*/
}
.sem_jour span{
	font-size : 0;
	line-height :0;
}

.APM span{
	display : block;
	color : white;
	background-color :rgba(0,0,0,0.3);
	
	font : 24px 'stentiga', helvetica, arial, sans-serif;
		text-align : center;
		margin : 0 5px;
}
.APM:hover span{
	color : white;
	background-color :rgba(0,0,0,0.6);
}


.pointRouge{

	background-color : red ;
	width :8px; 
	height:8px; 
	display : block;
	margin: 2px auto;opacity :.1;
}

.pointVert{

	background-color : green ;
	width :8px; 
	height:8px; 
	display : block;
	margin:  2px auto;opacity :.1;
}

#vign{
	
	
	width:680px	;
	margin : 30px auto;
	padding-left : 25px;
}




ul.liste_prof{
	display : none;
	
}
ul.liste_prof li  {
	width :140px;
	
	float : left;
/*	border :1px solid #d5c29d;*/
	margin : 12px 12px 12px 12px; 

	list-style-type: none;


box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
}
ul.liste_prof li a{
	display : block;
	
	border:1px solid #c0c0c0;
	text-decoration : none;
width :100%;
	color: white;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+54,7db9e8+100 */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 54%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 54%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 54%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
min-height :60px;
	
}



ul.liste_prof li span{
display : block;
	width :100%;
min-height: 55px;
text-align : center;
	
	padding : 5px 0;


	font : 18px/25px 'stentiga', helvetica, arial, sans-serif;
}

ul.liste_prof li img{
	margin : 10px;
width : 110px;
height :150px;
	border :5px solid white;
	background:url('../img/blocs/bloc_titulaires.png') white  no-repeat 0 0 ;
	display : block;

}



.wrong_msg{

	color : red;
	
font : 18px/25px 'myriad-pro', helvetica, arial, sans-serif;
	text-align : center;
}






ul.liste_prof li a:hover{
	
	 color: #677cb3;

background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );

}

#download_titre{
padding :0;
	margin : 40px 0;
	width :550px;
	color : #58585a;
	font : 20px 'stentiga' ,Helvetica, Arial, Sans-serif;
	
	float : right;


}

#download_titre a#download{
	
	padding :8px 50px;
	display : block;
	background : url('../img/fond/download.png') #677cb3 no-repeat 15px center ;
	text-decoration : none;
color :white;
}

#download_titre a#download:hover{
	background-color: #58585a;
	color :white;

}
.grille, .conge  {

	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	padding-bottom : 150px;
}

.grille td{
width : 150px;
min-height : 25px;
margin:3px;
padding:15px 5px;
border :1px solid silver;
text-align : center;
position : relative;

background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );


}

.grille td a {
	text-decoration : none;
	display : block;
	color :#4B4D4D;
	background-color: inherit;
}

.grille td a:hover, 
.grille td a:focus, 
.grille td a:active  {
	
	background-color: rgba(200,205,224,1)
}


.conge td{
width : 400px;
min-height : 25px;
margin:3px;
padding:5px;
border :1px solid silver;
text-align : center;

background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );


}
.grille th.first_th,.grille td.first_th{
	width :35px;
	
}

.grille .complet{
	position : absolute;
	top : 0;
	right :0;
	width : 20px;
	height : 20px;
	font-size :30px;
	color :red;
}


.bloc_formations { 	

	margin: 35px  12px  35px  55px ;
	padding: 10px;
	width : 750px;
	background-color: #FFFEFC;
box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
position : relative;
}



.sousTitre_Form{
	margin : 0 0 10px 0;
	width :573px;
	
	font : 20px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background: rgba(0, 0, 0, 0) linear-gradient(135deg, #eeeff3 100%, #f9fbfa 0%) repeat scroll 0 0;
    color: #677cb3;
	padding :8px 135px 8px 30px;


}

.bloc_formations  .form_infos{ 	
text-align : right;
font-style:italic;
		padding: 10px 30px ;
		font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
		
		
}

.form_descr{
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	padding :30px 30px 50px 30px  ;
	text-align : justify;
	width : 500px;
	margin-left : 30px;/*margin : 0 auto;*/
}

.bloc_formations  .lien_detail a{
font :18px 'stentiga' ,Helvetica, Arial, Sans-serif;
	color : white ;
	background-color :#677cb3 ;
	text-align : right;
	padding :9px 20px 8px 20px; 
	display : block;
	text-decoration : none;
	position : absolute;
	top :10px;
	right : 22px;

	
	
}


.bloc_formations .lien_detail a:hover{
	color : white;
	background-color : #58585a;

}

#form_titulaire{

	padding-bottom : 90px;
}
#liste_bus {
	float : left;
	width :300px;
background-color : #eeeeee;
}

#liste_bus a {
	display : block;
	text-decoration : none;
	width :80%;
	font :18px 'stentiga' ,Helvetica, Arial, Sans-serif;
	padding :9px 0 9px 25px ;
	color : #213665;
	background-color : silver;
	margin : 5px;

}

#liste_bus a:hover {

	color : white;
	background-color :  #213665;;
	

}

#tec_logo{
	float:left ;
	width :350px;
	padding : 45px 40px 40px 40px;
	

}

#batiment,#maps, #parks{
margin-left : 40px;
box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
background-color: white;
padding : 8px;
width : 800px;
	height : 360px;
}


#buss{
margin-left : 40px;
box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
background-color: white;
padding : 8px;
width : 800px;
	
}

#batiment img{
	width : 800px;

	
    
}
#buss{
background-color : #eeeeee;

}
#parks{
	height: 565px;
margin-top : 20px ;
margin-bottom : 20px ;
}


#parking_bloc p {
	padding : 10px 15px 20px 45px;
}


#carte {
	overflow : hidden;
	height : 360px;
}
#carte iframe{
	margin-top :-150px;
}

#complet{
font: 20px "myriad-pro",Helvetica,Arial,sans-serif;
}


#complet span{
color: red;font: 25px "myriad-pro",Helvetica,Arial,sans-serif;
}
/* -----------------------------------REVUE ----------------------------*/

#bloc_calameo {
	width:800px;
	height :150px;
	border :5px solid white;

	box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
	padding : 50px 0;
	margin-bottom : 50px;
	overflow:hidden;




background: rgba(255,255,255,1);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 19%, rgba(200,205,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8cde0', GradientType=1 );

}

#bloc_calameo img{
position : absolute;
top :50%;
left :50%;
width :400px;
height :600px;
background-color :white;

margin-top :-180px;

margin-left :-60px;
  -webkit-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    writing-mode: lr-tb;

    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.4);

}
#interne {
	color : white;
	background-color : #677cb3;
	height :150px;
	position : relative;
	display: block;
	text-decoration: none;
	font :25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	line-height :35px;
}

#interne span{
	display : block;
	width :300px;
	
	
	
}

#interne span.font25{
font : 20px 'stentiga' ,Helvetica, Arial, Sans-serif;
padding :30px 30px 10px 30px;
}

#interne span.font35{
font : 30px 'stentiga' ,Helvetica, Arial, Sans-serif;

padding :10px 30px 20px 60px; 
}

.bloc_revue{
width : 150px;
height : 212px;
box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
float : left;
margin :23px;
background-color : inherit;
border :3px solid white;
}

.bloc_revue img{
width : 150px;






}





.env_ext{
	padding:5px;
	background-color :#eee;
	margin : 28px 0 46px 0; 
	border-radius : 7px;
	box-shadow:   1px 1px 2px rgba(0, 0, 0, 0.1) ;
}
.env_int{
	padding : 4px 10px 4px 130px;
	background-color :white;
	position : relative;
	border-radius : 5px;
	box-shadow:   2px 2px 2px rgba(0, 0, 0, 0.3) inset;
}
.env_int label{
	position : absolute ;
	top : -1px;
	left :0;
	background-color : #eee;
	padding :5px 20px;
	border-radius : 0  0 5px 0;
	box-shadow:   2px 2px 2px rgba(0, 0, 0, 0.3) ;
	width :80px;
}
.env_int label span{
	color : red;
	display: inline-block;
	padding-left:6px;
}

.env_int input{
	border :1px solid white;
	height :30px;
	width :450px;
	font : 18px/30px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	
	
}
.env_int textarea{
	border :1px solid white;
	width :450px;
	height :200px;
	font : 18px/30px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	
}
form {
	
	padding :40px 30px;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :#6F6F6F;
	width :600px;
	border-radius :8px;
	min-height :700px;
	margin : 15px auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe8ef+0,8ea0b0+100 */
background: rgb(223,232,239); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(223,232,239,1) 0%, rgba(142,160,176,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(223,232,239,1) 0%,rgba(142,160,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(223,232,239,1) 0%,rgba(142,160,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe8ef', endColorstr='#8ea0b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

form #submit{
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
		background-color : #eee;
	padding :5px 20px;
	border-radius :  5px ;
	box-shadow:   2px 2px 2px rgba(0, 0, 0, 0.3) ;
color :#6F6F6F;
	float : right ;
	
}



.secretariat{
	width : 675px;
	margin : 15px auto;
	position:relative;
}


.secretariat p{
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	margin : 10px;
	color: #6f6f6f;
}

#X, #V{
	position : absolute;
	top : -20px;
	left : -60px;
	width :60px;
	height :60px;
}

#X{
	background : url('../img/fond/wrong.png') no-repeat 0 0;
}
#V{
	background : url('../img/fond/right.png') no-repeat 0 0;
}



#photos{
	float : right ;
	
	width :165px;margin-left:15px;
	
	margin-top : 35px ;
}


.div_prof {
	position : absolute; 
	top : -95px;
	right :-40px;
	
}
.div_prof ul.liste_prof{
	display : block;
}

.horiz{
	
	
	width : 490px;
	min-height :140px;
	margin : 50px 0 0 60px;
}
.carre{
	
	width : 140px;
	height :140px;
	margin : 40px 0;
	
}

.vert{
	
	width : 140px;
	min-height :160px;
	margin-top : 60px ;
	
}

.img img{
	box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
	background-color : #eeeeee;
	border : 5px solid white ;

}


#info_cours{ 	
	text-align : right;
	font-style: oblique;
	padding: 10px 30px ;
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	width :500px;
	margin-left:30px;	
}




#lien_ext, #lien_int{
	margin-left: 60px;
   
    width: 670px;
    margin-bottom : 20px;
}




#lien_int .for_lien{	
	text-align : center;
	float : left;
	

}

#lien_ext .for_lien{	
	text-align : center;
	float : right;
	

}

#lien_ext a , #lien_int a{
	
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	text-decoration : none;
	display : block;
	
	width :100%;
	padding :3px;
	margin :5px 0 ;
	color :#58585a ;
	background-color : inherit;
}


#lien_ext a:hover , #lien_int a:hover ,
#lien_ext a:active , #lien_int a:active ,
#lien_ext a:focus , #lien_int a:focus {
	background: rgba(0, 0, 0, 0) linear-gradient(135deg, #f9fbfa 40%, #eeeff3 100%) repeat scroll 0 0;
    color: #677cb3;
}

#lien_ext a {
	text-align : right;
}
#lien_int a{
	text-align : left;
}
.for_lien{

	
	font : 22px 'stentiga' ,Helvetica, Arial, Sans-serif;
	
	margin :10px 0; padding : 5px;
	width :275px;
	color : white;
	float : right ;

	background: rgb(30,87,153);
background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 54%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 54%,rgba(125,185,232,1) 100%);
background: linear-gradient(135deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 54%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );
}



.promSoc{
	font : 18px 'myriad-pro' ,Helvetica, Arial, Sans-serif;
	color :red;
	margin-left : 20px;
}



form#login{
	height :280px;min-height : 280px;
	padding-top :55px;
	margin-top : 100px;
}


form#login .env_int label{
	width :120px;
}

form#login .env_int {
	padding: 4px 10px 4px 170px;
}

form#login .env_int input{
	width :280px;
}

form#login .env_ext{
	margin: 28px 60px 46px 60px;
}


form#login #submit{
	margin-right : 60px;
	border-radius :7px;
}



#photo_titulaire{
	border :1px solid red;
	position : relative ;
	width :80%;height :200px;
	margin: 50px 0 0 50px;
}


.blue_titre{
	display : block;
	
}
 

.blue_niveau{
	display : block;
	padding : 5px 0 0 25px;
	text-transform : none
	;
}


#cadenas{
	display : block;
	width :127px;
	height : 90px;
	position : absolute;
	bottom : 0;
	right :0;
	background : url('../img/fond/cadenas.png') no-repeat 0 0;
	text-decoration : none;
}
#cadenas:hover ,#cadenas:active ,#cadenas:focus {
	background : url('../img/fond/cadenas.png') no-repeat 0 -90px;
	border : none;
	}



#video{

box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
background-color: white;
padding : 8px;
width : 844px;
	
}

#video a {
	display : block;margin : 0 ; padding : 0;width : 844px;height:475px;
}

#video img{
	width : 844px;
margin : 0 ; padding : 0;
	
    
}


.miniature_Yt{
	box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);
	background-color: white;
	padding : 8px;
	width : 150px;

	margin :40px 0 ;
}