.btnAction {color: white;font-size: 16px;padding: 5px 40px 5px 15px;background: #FF4921 url(../img/Picto-telechargement_B.png) 97% 43% no-repeat;border-radius: 4px;cursor: pointer;}
/*.btnAction2 {color: white;font-size: 16px;padding: 4px 25px 6px 6px;background: #FF4921 url(../img/flecheBlanche.png) 93% 52% no-repeat;border-radius: 4px;display: inline-block;}  */

#siteGroupe{display: none;width: 677px;margin: 0 auto;left: 50%;margin-left: -202px;}
#siteGroupe > div{ float: right;width: 672px;height: 240px;background: white;border-top: 8px solid #707273;border-bottom: 8px solid #707273;border-left: 5px solid #707273;}
#siteGroupe > div > div{ float: left;width: 281px;height: 108px;border-right: 5px solid #707273;padding: 10px 25px 0px 25px;}
#siteGroupe > div > div p{ font-size: 11px;color: black;}
#siteGroupe > div > div img{Height: 22px;cursor: pointer;}

  


/***************************************HEADER***************************************/


                                                                                          
#partirRecherche{background-color: #f5f5f5;height: 235px;}

#contentFilArianne{ width: 950px;margin: 0 auto;padding-left: 5px;padding-right: 5px;}
#contentFilArianne img, #contentFilArianne a, #contentFilArianne p{float: left;margin-right: 8px;color: #808080;font-size: 14px;margin-top: 3px;}
#contentFilArianne a:hover{ text-decoration: underline;}

#zoneRight{width: 660px;float: left;}
#zoneLeft{width: 275px;float: right;}

                                                                                                                                 
.fond_overlay {width: 100%;height: 100%;background: #000000;z-index: 2;opacity: 0.3;display: none;position: fixed;top: 0px;left: 0px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.contentOverlay {display: none;padding:0px !important;background: white;position: fixed;border: 1px solid white;box-shadow: 0px 19px 17px #000;z-index: 1001;left: 50%;top: 23%;border-radius: 8px;cursor: move;}
.contentOverlay .label { height: 20px; padding: 16px 20px 20px 24px; margin-top: 0px; border-radius: 8px 8px 0px 0px; background: #00aeef; }
.contentOverlay .label p { font-size: 20px; font-weight: bold; color: white; float: left; }
.contentOverlay .label a {color: white;float: right;font-size: 23px;position: relative;top: -2px;}



/**************************************************DEBUT HOME********************************************/
.colonne { width: 310px; float: left; margin-left: 15px; }
.title { height: 19px; padding: 11px 10px 12px 10px; background: #00aeef; margin-top: 10px; }
.title p, .title h4, .title h2 { font-size: 19px; font-weight: bold; color: white; float: left; }
.title img { float: right; }


#contacts { background: #ea8b17 url(../img/Aplat_Bulle_Abonnez-vous.png) no-repeat; height: 273px;background-size: 265px;; }
#contacts span:first-child { display: block; font-size: 14px; font-weight: bold; color: #2e353a; width: 190px; padding-top: 15px; margin-left: 35px; }
#contacts p { font-size: 12px; color: #919191; width: 190px; padding-top: 14px; margin-left: 35px; }
#contacts p:nth-child(3) { padding-top: 10px; }
#contacts span { display: block; font-size: 12px; color: #FF4921; font-weight: bold; padding-top: 17px; margin-left: 35px; line-height: 6px;}
#contacts .mailto { font-size: 13px; color: #FF4921; font-weight: bold;  margin-left: 35px;}

#contacts > div {  font-size: 12px; color: #919191; margin: 10px 35px 0px 35px; }
#contacts > div a {  font-size: 12px; color: #919191; }
#contacts p { font-size: 12px; color: #919191; width: 190px; padding-top: 14px; margin-left: 35px; }
#contacts p:first-child{color: #2e353a; font-weight: bold; font-size: 14px;}
#contacts .example{color: #2e353a; font-weight: bold; font-size: 14px;display: block;padding-left: 30px;background:url(../img/fleche-noire.png) 3% 37% no-repeat;background-size: 14px;margin-top: 5px;}



/**************************************************FIN HOME********************************************/





/**************************************************OVERLAY BARRE NAVIGATION********************************************/

.overlayBNavig { position: fixed; width: 900px; padding: 0px 20px 20px 20px; border: 2px solid white; border-top: 0px;/* box-shadow: 0px 19px 17px #555;*/ z-index: 100; left: 50%; margin-left: -472px; top: 70px; display: none; border-radius: 8px;}
.overlayBNavig .titre { height: 40px; clear: both; padding-bottom: 5px; }
.overlayBNavig .titre img { float: left; margin-top: 3px; }
.overlayBNavig .titre span {color: white; font-size: 24px; font-weight: bold; border-bottom: 2px dotted #FF4921; padding-bottom: 10px; margin-left: 10px; float: left; }



/**************************************************OVERLAY BARRE NAVIGATION********************************************/



/**************************************************PAGE RECHERCHER********************************************/



.paginationControl { color: #666; width: 192px; margin-top: 6px;}
.paginationControl span {  display: inline-block; text-align: center; color: white; font-weight: bold; font-size: 11px; width: 22px; height: 18px;  padding-top: 4px; }
.numPageN, .nextA, .previousA, .firstA, .lastA { background: #00aeef; cursor: pointer;} 
.nextA, .previousA, .firstA, .lastA, .nextN, .previousN, .firstN, .lastN { border-radius: 0px; }  
.numPageA { background: #00aeef; border-radius: 11px; }
.numPageN { background: #d2d2d2; border-radius: 11px; }
.nextA, .nextN { background: url(../img/FlecheSimple_RechercheEtude.png) no-repeat; }
.lastA, .lastN { background: url(../img/FlecheDouble_RechercheEtude.png) no-repeat; }
.previousA, .previousN { background: url(../img/FlecheSimple_RechercheEtude-AR.png) no-repeat; }
.firstA, .firstN { background: url(../img/FlecheDouble_RechercheEtude-AR.png) no-repeat; } 
.nextN, .previousN, .firstN, .lastN { cursor: pointer; visibility: hidden; }


/**************************************************FIN PAGE RECHERCHER********************************************/

.etude .videoReport { color: #FF4921 !important;padding-left: 20px; margin-left: 5px; font-weight: bold; background: url(../img/Picto-Play_R.png) no-repeat;}

/* jscrollpane.css */
.scroll-pane { width: 100%; height: 1320px; overflow: auto; }
.jspContainer {overflow: hidden;position: relative;}
.jspPane{	position: absolute;}                             
.jspVerticalBar {	position: absolute;	top: 0;	right: 0;	width: 6px;	height: 100%;	background: red; }
.jspHorizontalBar { position: absolute;	bottom: 0;	left: 0;	width: 100%;	height: 6px;	background: red;}
.jspCap {	display: none;}
.jspHorizontalBar .jspCap {	float: left;}
.jspTrack {	background: #F5F5F5;	position: relative;}
.jspDrag {	background: #AFAFAF;	position: relative;	top: 0;	left: 0;	cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {	float: left;	height: 100%;}
.jspArrow {	background: #50506d;	text-indent: -20000px;	display: block;	cursor: pointer;	padding: 0;	margin: 0; }
.jspArrow.jspDisabled {	cursor: default;	background: #80808d;}
.jspVerticalBar .jspArrow {	height: 16px; }
.jspHorizontalBar .jspArrow {	width: 16px;	float: left;	height: 100%;}
.jspVerticalBar .jspArrow:focus {	outline: none;}
.jspCorner{	background: #eeeef4;	float: left;	height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {	margin: 0 -3px 0 0;}
/* jscrollpane.css */