@import url("/Ressources/css2012/footer_JPGauthier.css");


.ipadmenu {position:relative; z-index:500; width:960px;}

/* for the Safari mobile browser */
div.ipadmenu img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
div.ipadmenu ul:hover + img {display:block;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-drop-everything.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

ul.dropEverything > li {
	margin:0;
	padding:0;
	list-style:0;
}

ul.dropEverything {padding:0; margin:0 auto; list-style:none; font-family:arial, sans-serif !important; position:relative; width:960px; height:33px; z-index:100;}

ul.dropEverything li.top-li {float:left; border-left:1px solid #767676; border-right:1px solid transparent; /*border-bottom:1px solid transparent;*/}

ul.dropEverything li a.top-a {display:block; padding:0 11px; font-weight:bold; font-size:13px; line-height:35px; color:#fff; text-decoration:none;}

/*
 * devenir membre
 */
 
ul.dropEverything li.DevenirMembre a.sel {
    background: #0077BD !important;
}
ul.dropEverything a.top-a img {position:relative; top:2px; width:8px; height:11px; border:none; margin:0; padding:0;}

.dropEverything-page {background:#0077BD; padding:0; position:absolute; top:34px; left:-9999px;
	/*behavior:url(/Ressources/FichiersInclus2012/PIE.htc);
	-webkit-box-shadow: #666 0px 6px 10px;
	-moz-box-shadow: #666 0px 6px 10px;
	box-shadow: #666 0px 6px 10px;
	zoom: 1;
	-webkit-border-radius:0 0 10px 0;
	-moz-border-radius:0 0 10px 0;
	border-radius:0 0 10px 0;*/
}
.dropEverything-row {width:100%; /*border-top:5px solid #ddd; border-bottom:1px solid #888; background:#fff;*/ padding-bottom:10px;}
.dropEverything-col1 {width:100%; /*background:#fff;*/}
.dropEverything-col2 {width:49.9%; padding:10px 0px; float:left; overflow:hidden; /*background:#fff;*/}
/*.dropEverything-page:hover {background:#fff;}*/
/*.dropEverything-col3 {width:33.2%; float:left; background:#fff;}
.dropEverything-col4 {width:24.9%; float:left; background:#fff;}
.dropEverything-col5 {width:19.9%; float:left; background:#fff;}
.dropEverything-col6 {width:16.5%; float:left; background:#fff;}*/
.dropEverything-inner {/*padding:5px;*/}
.dropEverything-inside {
	background:#fff;
	width:740px;
	margin:10px;
	position:relative;
	float:right;
	height:365px!important;
	overflow:visible;
	clear:right;
	padding:2px 5px;
	behavior:url(/Ressources/FichiersInclus2012/PIE.htc);
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	-webkit-box-shadow: #333 0px 0px 10px;
	-moz-box-shadow: #333 0px 0px 10px;
	box-shadow: #333 0px 0px 10px;
	zoom: 1;
}

.dropEverything-inside .colDeGauche {
	width:354px;
	padding:5px 10px 5px 5px;
	margin-right:5px;
	height:355px;
	float:left;
	border-right:1px solid #3477bd;
}
.dropEverything-inside .colDeDroite {
	width:355px;
	padding:5px;
	float:right;
	/*height:100%;*/
} 

.colDeDroite h3 {
	color:#fd0202!important;
}

.dropEverything-inside ul.aBullet {
	list-style-type: none;
	padding: 0px;
	margin: 5px 0 0 0;
}

.dropEverything-inside ul.aBullet li {
	background: url(/ressources/images2012/bullet.png) left center no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	/*margin-right:50px;*/
	margin-bottom: 5px;
	color:#666;
}

.bottom ul.aBullet {
	list-style-type: none;
	padding: 0px;
	margin: 5px 0 0 0;
}

.bottom ul.aBullet li {
	/*background: url(/ressources/images2012/bullet.png) left center no-repeat;*/
	/*background-position: 0px 2px;*/
	/*margin-right:50px;*/
	
	/*padding-left: 20px;*/
	/*margin-bottom: 5px;*/
	color:#0074be;
}
.bottom ul.aBullet li a{
	font-weight:normal;
}

.zeroMarge {
	margin:0!important;
}


.dropEverything-inside .itemBoite {
	padding:10px;
	/*margin-bottom:10px;*/
	border-bottom:1px solid #c0c0c0;
	clear:both;
}

.itemBoite img {
	float:left;
	max-width:100%;
	/*height:75px;*/
	margin:0 10px 0 0;
}

.itemBoite table .employmentListItemContainer {
	background:#fff!important;
}

.itemBoite img.bigBox {
	width:300px;
	height:250px;
	margin:30px 0 10px 15px;
}
.itemBoite img.auCentre {
	margin:0 0 0 17px;
}

.dropEverything h1 {padding:0 0 0 5px !important; margin:0; font:bold 20px/30px arial, sans-serif !important; color:#fff !important;}
.dropEverything h2 {/*padding:0 0 0 5px !important;*/ margin:0; font:bold 14px/34px arial, sans-serif !important; color:#0077BD;}
.dropEverything h3 {padding:0 !important; margin:0; font:bold 13px/15px arial, sans-serif!important; text-transform:uppercase; color:#3376bc;}
.dropEverything p {/*padding:3px 5px;*/ margin:0; font:normal 12px/18px arial, sans-serif !important; color:#666!important;}
.dropEverything-inside a { color:#000; font-weight:bold; text-decoration:none; }
.dropEverything-inside a:hover { text-decoration:underline; }

.dropEverything img.dropEverything-imageLeft {
	border:5px solid #fff;
	float:right;
	margin:10px 0 5px 10px;
	/*behavior:url(/Ressources/FichiersInclus2012/PIE.htc);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	zoom: 1;*/
	position: relative;
}

.dropEverything .clear {clear:both;}

/* Modification 14+0627 - this style was moving everything 1px down when :hover */
/* .dropEverything li.top-li:hover {border-bottom:1px solid #aaa;}  */
.dropEverything li.top-only:hover {border-bottom:1px solid transparent;}
.dropEverything li.top-li:hover > a.top-a  {background:#0077BD!important;}
ul.dropEverything li a.sel { background: url(/ressources/images2010/bgSelectedItem.jpg) #a2a2a2!important }
ul.dropEverything li.menu_devenir_membre a.sel, ul.dropEverything li.DevenirMembre a.sel {background:#0077BD!important;}
/* Modification 14+0627 - add selector .nojQuery - this is removed by jQuery (JS2010/menu.js) on load - so only browser without javascript will access these style */
.nojQuery .dropEverything li.top-li:hover div.dropEverything-page {left:0;}
.nojQuery .dropEverything li.top-li:hover div.dropEverything-page.leftSide {left:auto; right:1%;}


/* Modification 14+0627 - New Class, managed by jQuery in JS2010/menu.js */
.dropEverything-visible {
	left:0;	
}

.dropEverything li.pageOne:hover {position:relative;}
.dropEverything li.pageTwo:hover {position:static;}
/*.dropEverything li.pageThree:hover {position:relative;}
.dropEverything li.pageFour:hover {position:static;}
.dropEverything li.pageFive:hover {position:relative;}
.dropEverything li.pageSix:hover {position:relative;}*/


/************ POUR MODIFIER LA TAILLE DES MENUS DROP-DOWN ************/
.dropEverything li.pageOne div.dropEverything-page {width:960px;}
.dropEverything li.pageTwo div.dropEverything-page {width:960px;}
/*.dropEverything li.pageThree div.dropEverything-page {width:960px;}
.dropEverything li.pageFour div.dropEverything-page {width:960px;}
.dropEverything li.pageFive div.dropEverything-page {width:154px;}
.dropEverything li.pageSix div.dropEverything-page {width:190px;}*/

.dropEverything li.close {position:absolute; left:50%; bottom:37px; width:90px; height:35px; line-height:35px; margin-left:-50px; display:none;}
.dropEverything li.close a {background:#c00; color:#fff; text-align:center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}

/* dropdown menu 
.dropdownMenu {float:left; position:relative;}
.dropdownMenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:#fff;}
.dropdownMenu ul li {margin:0; padding:0; list-style:none; float:left;}
.dropdownMenu ul ul li {margin:0; padding:0; list-style:none; display:inline; float:none;}
.dropdownMenu ul ul {position:absolute; left:-9999px; background:#eee;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.dropdownMenu a {display:block; font:normal 12px/22px arial,sans-serif !important; color:#069; text-decoration:none; padding:0 20px 0 5px;} 
.dropdownMenu li:hover > a {background-color:#09c; color:#fff;}
.dropdownMenu ul li:hover {position:relative;}
.dropdownMenu ul li:hover > ul {left:0; margin-top:0;}
.dropdownMenu ul ul li:hover {position:static;}
.dropdownMenu ul ul li:hover > ul {left:100%; margin-top:-22px;}
.dropdownMenu ul ul li.rgt:hover > ul {left:auto; right:100%; margin-top:-22px;}*/

/* flyout menu */
.flyoutMenu {float:left; position:relative; height:389px; /*margin-right:25px;*/ width:180px;}
.flyoutMenu ul {margin:0; padding:0; list-style:none; /*white-space:nowrap;*/ text-align:left; background:#0077BD;}
.flyoutMenu li {margin:0; padding:0; list-style:none; display:inline;}
/*.flyoutMenu ul ul {position:absolute; left:-9999px; background:#069;
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}*/
.flyoutMenu a {display:block; font:bold 12px arial,sans-serif!important; color:#fff; border-bottom:1px solid #2c8cc5; text-decoration:none; padding:7px 20px 7px 10px;} 
.flyoutMenu li:hover > a {background-color:#a2a2a2; color:#fff;}
.flyoutMenu ul li:hover > ul {left:100%; margin-top:-35px;}

/* gallery
.dropEverything-gallery {width:480px; height:450px; position:relative; margin:0 auto; padding:10px 0;}
.dropEverything-gallery ul {padding:390px 0 0 0; margin:0; list-style:none;}
.dropEverything-gallery ul li {float:left; width:80px; height:75px;}
.dropEverything-gallery ul li img {width:78px; display:block;}
.dropEverything-gallery ul li span {position:absolute; left:0; top:10px; display:none; z-index:10;}
.dropEverything-gallery ul li span.default {display:block; z-index:1;}
.dropEverything-gallery ul li span img {width:480px;}
.dropEverything-gallery ul li span b {display:block; width:480px; font:normal 12px/30px arial,sans-serif; color:#000; background:#fff; text-align:center;}
.dropEverything-gallery ul li:hover span {display:block;}


/* form 
.dropEverything-form {padding:10px; margin:0;}
.dropEverything-form label {clear:left; display:block; font:normal 12px/30px arial, sans-serif; color:#000; float:left; width:70px; padding-right:10px; text-align:right; margin-bottom:5px;}
.dropEverything-form input {width:200px; height:30px; border:1px solid #ddd; font:normal 12px/30px arial, sans-serif; padding:0 5px; float:left;}
.dropEverything-form textarea {width:200px; height:100px; padding:5px; border:1px solid #ddd; float:left;}
.dropEverything-form .submit {display:block; float:right; background:#999; color:#fff; font:normal 12px/30px arial, sans-serif; border:0; margin:10px 18px 5px 0; padding:0 10px; height:30px;}
*/



/*********************************************
******************* FOOTER *******************
*********************************************/