@charset "iso-8859-1";
/* IMPORTATION DU FICHIER CSS D'ALTITUDE */
@import url("/client/uploads/css/style.css");

/* IMPORTATION DES STYLES DU CALENDRIER */
@import url("/_css/calendrierActivites.css");

/*************************/
/* SÉLECTEURS UNIVERSELS */
/*************************/

/* PNG FIX */
img, div, a { behavior: url(/_images/iepngfix.htc); }


html,body {
	margin:0;
	padding:0;
	height: 100%;
	width:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	/*background: repeat url(/_images/body_background.gif) center;
	background: no-repeat url(/_images/img_bg_body.gif) center top;
	 min-width: 1030px; */
	 background-image: url('/_images/img_bg_body.gif');
	 background-position:top center;
	 background-repeat:no-repeat;
	 width:100%;

}

.background{
	top: 0; 
	left: 0; 
	z-index: -1; 
	position: absolute; 
	width: 100%; 
	margin: 0 auto;
	height: 573px; 
	/*background: transparent url('/_images/img_bg_body.gif');
	background-repeat: no-repeat;
	background-position: top center;*/
	/*background-attachment: fixed;*/
	/*min-width: 1200px;
	width: 1030px;*/
}

hr.separateurpoitille{
	background: repeat-x url(/_images/separateur.gif) top;
	border: none;
}

hr{

	height: 1px;
	margin: 0;
	padding: 0;
	color: #63879a;
	background-color: #63879a;
	border: 0;
}

table {
	border-collapse: collapse;
}

/********************/
/* BLOCS PRINCIPAUX */
/********************/

div#wrapwebsite {
	position: relative;
	/*width: 1020px;*/
	min-height: 100%;
	margin: 0px auto 0px auto;
	text-align: left;
	/*background: #FFF;*/
	min-width:100%;
}

.header_print{
	display: none;
}

div#wrapwebsite div#wrapwidecontent{
	/*background: no-repeat url(/_images/wrapcontent_background.jpg) bottom left;*/
	*background: none!important;
	padding-bottom: 120px;
	width:1020px;
	margin:0 auto;
}

div#wrapwebsite div#wrapcontent {
	float:left;
	width:500px;
	_width: 500px;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:25px;
	position:relative;
}

div#wrapwebsite div#wrapwidecontent.norightcoloumn div#wrapcontent {
	width:685px;
	min-height:280px;
}

div#wrapwebsite div#wrapwidecontent.norightcoloumn div#wrapcontentlarge {
	width:1000px !important;
	padding:10px;
}

div#wrapwebsite div#wrapwidecontent.norightcoloumn div#wrapcontentlarge #content {
	width:630px;
}

div#wrapwebsite div#wrapcontent_accueil {
	float:left;
	width:520px;
	_width: 499px;
	background-color:#FFFFFF;
	padding:0px;
	margin-bottom:50px;
}

div#wrapwebsite div#wrapcontent_accueil .une_annonce {
	position:relative;
	border:1px solid #C7C7C7;
	margin-bottom:8px;
}

div#wrapwebsite div#wrapcontent_accueil .une_annonce .boutoninscription {
	position:absolute;
	/*right:14px;
	top:21px;*/
	right:5px;
	top:8px;
}

div#wrapwebsite div#wrapcontent_accueil .partagesociaux {
	position:relative;
	padding-bottom:15px;
}

.twitter-share-button {
	/*float:right !important;*/
	margin-top:2px !important;
	position:absolute;
	right:0;
}

div#wrapwebsite div#wrapcontent_accueil img {
	max-width:518px;
}

div#wrapwebsite div#wrapcontentlarge{
	float:left;
	width:810px;
	background-color:#FFFFFF;
	/*padding:5px;*/
	margin-bottom:50px;
	padding:10px;
	min-height:270px;
}

/* WRAP LEFT PANEL */

.wrapleft_box{
	width: 180px;
	background: no-repeat url(/_images/wrapleft_box_footer.jpg) bottom left;
	font-size: 11px;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
}

.wrapleft_box #liste_articles{
	width: 142px;
	margin: 0 10px 0 11px;
	padding:0 9px 0 8px;
	background-color:#fff;
}

.wrapleft_box #liste_articles .box_article{
	padding:9px 0 14px 0 !important;
}

.wrapleft_box #liste_articles .box_article a{
	color:#004990 !important;
}

.wrapleft_box #liste_articles .box_article .article_titre a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

.wrapleft_box #liste_articles .box_article .article_description{
	margin-bottom:6px; !important;
}

.wrapleft_box #liste_articles .box_article .article_suite{
	text-decoration:none;
	font-size:10px;
}


.wrapleft_box_petit{
	width: 302px;
	/*background: no-repeat url(/_images/wrapleft_box_footer.gif) bottom left;*/
	font-size: 11px;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 49px;
}

.wrapleft_box_petit .wrapleft_box_content{ display: none; }
.wrapleft_box_petit .wrapleft_box_image{ display: none; }

.wrapleft_box_large{
	width: 300px;
	/*background: no-repeat url(/_images/wrapleft_box_large_footer.gif) bottom left;*/
	background: no-repeat url(/_images/wrapleft_box_large_footer_2.jpg) bottom left;
	font-size: 11px;
	position: relative;
	padding: 0px;
	margin: 0px;
	padding-bottom:15px;
	margin-bottom:10px;
}

.wrapleft_box_large_metropole{
	width: 300px;
	/*background: no-repeat url(/_images/wrapleft_box_large_footer_metropole.gif) bottom left;*/
	background: no-repeat url(/_images/wrapleft_box_large_footer_metropole_2.jpg) bottom left;
	font-size: 11px;
	position: relative;
	padding: 0px;
	margin: 3px 0 0 0;
	padding-bottom:15px;
	margin-bottom:15px;
}
.wrapleft_box_header{
	height: 33px;
	font-size: 16px;
	padding: 0px 10px 0px 11px;
	margin: 0px 0px 3px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/*background: no-repeat url(/_images/wrapleft_box_header.jpg) top left;*/
	color: #FFF;
	vertical-align: middle;
	overflow: hidden;
	position:relative;
	/*top:-5px;*/
}
.wrapleft_box_header_accueil{
	height: 33px;
	font-size: 16px;
	padding: 0px 10px 0px 11px;
	margin: 0px 0px 3px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: no-repeat url(/_images/wrapleft_box_header_accueil.jpg) top left;
	color: #FFF;
	vertical-align: middle;
	overflow: hidden;
	position:relative;
	/*top:-5px;*/
}

.wrapleft_box_header span{
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
	padding-bottom: 5px;
}
.wrapleft_box_header span.verticalalign{
	display: inline-block;
	height: 33px;
	vertical-align: middle;
	line-height: normal;	
}
.wrapleft_box_header_large{
	height: 33px;
	font-size: 16px;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 3px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
	/*background: no-repeat url(/_images/wrapleft_box_header_bleu_large.gif) top left;*/
	/*background: no-repeat url(/_images/wrapleft_box_header_activite.jpg) top left;*/
	color: #FFF;
	position:relative;
	/*top:-3px;*/
}
.wrapleft_box_content{
	padding: 0 0 5px 0;
}

.wrapleft_box_header_large_metropole{
	height: 35px;
	font-size: 16px;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 3px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 30px;
	/*background: no-repeat url(/_images/wrapleft_box_header_bleu_large_metropole.gif) top left;*/
	/*background: no-repeat url(/_images/wrapleft_box_header_large.jpg) top left;*/
	color: #FFF;
	position:relative;
	top:-4px;
}

.wrapleft_box_header_content_metropole, .wrapleft_box_header_content_activites{
	/*padding: 0 15px 8px 15px;*/
	padding: 5px 5px 8px 4px;
	margin:-3px 10px 0 11px;
	background-color:#FFFFFF;
	width:259px;
}

.wrapleft_box_header_content_metropole {
	width:267px;
}

.wrapleft_box_header_content{
	padding: 0 15px 8px 0;
}

.wrapleft_box_header a {
	color: #FFFFFF;
	text-decoration: none;
}
.wrapleft_box p, .wrapleft_box_petit p{
	margin: 0px;
	padding: 0pc 8px 3px 8px;
	/*color: #174566;*/
	color: #004990;
}
.wrapleft_box ul, .wrapleft_box_petit ul{
	margin: 0px;
	padding: 0px 15px 0px 30px;
}
.wrapleft_box ul li, .wrapleft_box_petit ul li{
	margin: 0px;
	padding: 0px;
	list-style-image: url(/_images/puce_bleue.gif);
}
.wrapleft_box ul a, .wrapleft_box_petit ul a{
	color: #004990;
	text-decoration: none;
}
.wrapleft_box ul a:hover, .wrapleft_box_petit ul a:hover{
	text-decoration: underline;
}
.wrapleft_box_fleche{
	position: absolute;
	width: 19px;
	height: 19px;
	bottom: 4px;
	right: 4px;
}

#boxvert .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_header_vert.gif) top left; }
#boxvert ul li{ list-style-image: url(/_images/puce_verte.gif); }
#boxvert p{ color: #798a41; }
#boxvert ul a{ color: #798a41; }

#boxorang .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_header_orang.gif) top left; }
#boxorang ul li{ list-style-image: url(/_images/puce_orang.gif); }
#boxorang p{ color: #c38322; }
#boxorang ul a{ color: #c38322; }

#boxbleuartic .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_bleuArtic.gif) top left; }
#boxbleuartic ul li{ list-style-image: url(/_images/puce_bleuArtic.gif); }
#boxbleuartic p{ color: #6db8e1; }
#boxbleuartic ul a{ color: #6db8e1; }

#boxgrisbleu.wrapleft_box{ margin-top:10px; }
#boxgrisbleu .wrapleft_box_header{ /*background: no-repeat url(/_images/wrapleft_box_header.jpg) top left;*/ position:relative; }
#boxgrisbleu ul li{ list-style-image: url(/_images/puce_grisBleu.gif); }
#boxgrisbleu p{ color: #535d63; }
#boxgrisbleu ul a{ color: #535d63; }

/*#boxgrisbleu .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_grisBleu.gif) top left; position:relative; top:-3px; }
#boxgrisbleu ul li{ list-style-image: url(/_images/puce_grisBleu.gif); }
#boxgrisbleu p{ color: #535d63; }
#boxgrisbleu ul a{ color: #535d63; }*/

#boxgris .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_header_orang.gif) top left; }
#boxgris ul li{ list-style-image: url(/_images/puce_orang.gif); }
#boxgris p{ color: #c38322; }
#boxgris ul a{ color: #c38322; }




#boxgrisnoir .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_grisNoir_2.jpg) top left; }
#boxgrisnoir ul li{ list-style-image: url(/_images/puce_bleuArtic.gif); }
#boxgrisnoir p{ color: #6db8e1; }
#boxgrisnoir ul a{ color: #6db8e1; }

#boxbleumarine .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_marine_2.jpg) top left; }
#boxbleumarine ul li{ list-style-image: url(/_images/puce_bleuArtic.gif); }
#boxbleumarine p{ color: #6db8e1; }
#boxbleumarine ul a{ color: #6db8e1; }

#boxbleuturquoise .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_turquoise_2.jpg) top left; }
#boxbleuturquoise ul li{ list-style-image: url(/_images/puce_bleuArtic.gif); }
#boxbleuturquoise p{ color: #6db8e1; }
#boxbleuturquoise ul a{ color: #6db8e1; }

#boxbleumarinefonce .wrapleft_box_header{ background: no-repeat url(/_images/wrapleft_box_marineFonce_2.jpg) top left; }
#boxbleumarinefonce ul li{ list-style-image: url(/_images/puce_bleuArtic.gif); }
#boxbleumarinefonce p{ color: #6db8e1; }
#boxbleumarinefonce ul a{ color: #6db8e1; }


#boxmenu ul {
	font-size: 11px;	
	margin:0 10px 0 11px;
	padding: 0 ;
	background-color:#fff;
}

#boxmenu ul li {
	clear: both;
	/*background: no-repeat url(/_images/menuhaut_sousmenu_separateur.gif) top center;*/
	list-style-type:none;
	list-style-image: none;
	margin:0;
	padding: 0 ;
}

#boxmenu ul li.premier{
	background: none;
}
#boxmenu ul li a {
	border: none;
	background: none;
	display:block;
	padding: 3px 10px 3px 15px;
	/*margin: 0px 3px;*/
	line-height: 16px;
	width: 134px;
	height: auto;
	color: #1a435a;
	text-decoration:none;
}
#boxmenu ul li a:hover {
	color: #FFFFFF;
	/*background: url(/_images/menuhaut_sousmenu_a.gif) center;*/
	background-color:#004990;
}

#boxmenu ul li.ssactif a {
	color: #FFFFFF;
	background-color:#004990;
}

div#wrapwebsite div#wrapleftpanel {
	width:180px;
	float:left;
	margin-right: 10px;
	/*margin-top:3px;*/
	margin-bottom:50px;
}

ul.ssmenu{

}

#boxmenu ul.ssmenu div li a{
	line-height: 12px;
	margin:0 0 0 25px;
	padding: 2px 0px 5px 10px;
	background: transparent no-repeat url("/_images/puce_bleue.gif") left 7px;
	width: 110px;
	color:#1A435A;
}

#boxmenu ul.ssmenu div li a:hover {
	text-decoration:underline;
	background: transparent no-repeat url("/_images/puce_bleue.gif") left 7px;
	color: #1a435a;
}

/* WRAP RIGHT PANEL */

div#wrapwebsite div#wraprighttpanel{
	width: 302px;
	float:right;
	margin-left: 8px;
}
#wrapzoneprimeur_autopromo .primeur { margin-bottom: 8px; }
#wrapzoneprimeur_autopromo img{ /*border: 1px solid #c7c7c7;*/ margin-bottom:5px; }
#wrapzoneprimeur_autopromo a { color: #20536f; }
#wrapzoneprimeur_autopromo .titreprimeur { font-size: 16px; }
#wrapzoneprimeur_autopromo .titredescription{ color: #666666; }

#wrapzoneprimeur_socialnetwork{ margin-top: 10px;}
#wrapzoneprimeur_socialnetwork .autre { float: left; margin-left: 15px; }
#wrapzoneprimeur_socialnetwork .premier { float: left; }
#wrapzoneprimeur_socialnetwork .dernier { float: right; }
#wrapzoneprimeur_socialnetwork .titreprimeur{ font-size: 16px; }

/* HEADER */

div#wrapwebsite div#wrapheader { 
	/*padding:10px 0 0 0;*/
	z-index: 1000;
	margin:0 0 -6px 0;
	width:1020px;
	margin:0 auto;
	background: transparent url('/_images/img_bg_body.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

#header_menuutil{
	background: no-repeat url(/_images/img_bg_menuutil.gif) center left;
	margin-bottom: 10px;
	height: 24px;
	/*padding:5px 0;*/
	background-color:#FFFFFF;
	/*background: no-repeat url(/_images/menututilitaire_background.gif) center left;*/
	display:none;
}

#header_banniere{
	position: relative;
	/*background: no-repeat url(/_images/header_background.gif) top left;*/
	height: 282px;
	margin-bottom: 10px;
	z-index: 1000;
}

#header_logo{
	position: absolute;
	top: 30px;
	left: 0px;
	width: 207px;
	height: 124px;
	/*top: 30px;
	left: 12px;
	width: 238px;
	height: 168px;*/
	background: no-repeat url(/_images/img_logo_jccq.gif) top left;
}

#reseausociaux{
	position: absolute;
	top: 145px;/*149*/
	right: 0px;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	padding-right:10px;
}

#reseausociaux ul{
	display:inline;
	margin:0 0 0 2px;
	padding:0;
	position:relative;
	top:2px;
}

#reseausociaux ul li{
	display:inline;
	margin-left:8px;
}

#connection{
	background-image:url(/_images/img_bg_connection.jpg);
	background-repeat:no-repeat;
	width:258px;
	height:62px;
	position:absolute;
	top:187px;
	right:236px;
}

#connection #BoxNomHeader input, #connection #BoxPswHeader input{
	margin-top: 4px; 
	width: 94px !important;
	border:none;
}

#connection #BoxNomHeader {
	width: 96px !important; 
	float: left;
	color:#FFFFFF;
	font-size:9px;
	text-transform:uppercase;
	margin-left:12px;
	margin-top:7px;
}

#connection #BoxNomHeader .input {
	margin-top:7px;
	font-size:9px;
	color:#000;
	text-transform:uppercase;
	padding:4px 0px 4px 2px;
	position:absolute;
	top:19px;
	left:12px;
}

#connection #BoxNomHeader .input.empty {
	margin-top:7px;
	/*font-size:8px;*/
	color:#c3c7c9;
	text-transform:uppercase;
	padding:4px 0px 4px 2px;
	position:absolute;
	top:19px;
	left:12px;
}

#connection #BoxPswHeader {
	width: 130px !important; 
	float: left;
	text-transform:uppercase;
	margin-left:7px;
	color:#FFFFFF;
	font-size:9px;
	margin-top:7px;
}

/*#connection #BoxPswHeader .input {
	margin-top:7px;
	font-size:9px;
	color:#000000;
	text-transform:uppercase;
	padding:4px 0px 4px 2px;
}
*/
#connection #BoxPswHeader .input.empty {
	margin-top:7px;
	/*font-size:8px;*/
	color:#c3c7c9;
	text-transform:uppercase;
	padding:4px 0px 4px 2px;
	position:absolute;
	top:19px;
	left:116px;
}

#connection #BoxPswHeader .input {
	margin-top:7px;
	font-size:9px;
	color:#000;
	text-transform:uppercase;
	padding:4px 0px 4px 2px;
	position:absolute;
	top:19px;
	left:116px;
}

#connection #BoxPswHeader a {
	color:#FFFFFF;
}



#connection #BoutonAuthentificationHeader {
	position:absolute;
	top:26px;
	right:17px;
}

#recherche{
	background-image:url(/_images/img_bg_recherche.jpg);
	background-repeat:no-repeat;
	width:236px;
	height:62px;
	position:absolute;
	right:0;
	top:187px;
}

#recherche #formSearch {
	padding: 0;
	width:225px;
	margin: 7px 0 0 12px;
	background:none;
}

#recherche #formSearch input {
	margin:6px 0 0 0;
	border:none;
	padding:2px 0;
}

#recherche #formSearch label {
	text-transform:uppercase;
	font-size:9px;
	color:#FFFFFF;
}

#recherche #formSearch #txtRechercheSearch_header {
	width:192px;
}

#recherche #formSearch #btnRecherche_header {
	padding: 0;
	/*margin: -10px 0 0 3px;*/
	position:absolute;
	top:18px;
	left:216px;
}

/* PUBLICITES */

#header_publicite{
	position: absolute;
	width: 749px;
	height: 96px;
	right: 0;
	/*top: -10px;*/
	/*background: no-repeat url(/_images/header_publicite_background.gif) top right;*/
	padding-right: 21px; 
	text-align: center;
	overflow: hidden;
}

.btn_pub {
	position:absolute;
	top:0;
	right:0;
}

#wrapright_publicite{
	/*background: no-repeat url(/_images/droite_publicite_background.gif) top right;	
	padding-top: 24px; */
}
#wrapright_publicite_metropole{
	padding-top: 5px; 
}
#wrapright_publicite .banniere_publicitaire{
	width: 300px;
	height: 250px;
	border: 1px solid #c7c7c7;
}
#wrapright_partenaire .banniere_partenaire{
	width: 282px;
	border: 1px solid #c7c7c7;
	color:#9c9c9c;
	text-transform:uppercase;
	font-size:12px;
	margin-top:13px;
	padding:9px;
	height:235px;
	margin-bottom:50px;
}
#wrapright_partenaire .banniere_partenaire span{
	vertical-align:middle;
	display:inline-block !important;
}
#wrapright_partenaire .banniere_partenaire span.valign{
	height:226px;
}
#wrapright_partenaire .banniere_partenaire p{
	/*margin-left:9px;*/
	margin-top:0;
	margin-bottom:0px;
}

#wrapright_partenaire .banniere_partenaire img{
	/*margin-left:9px;*/
	margin-top:auto;
	margin-bottom:auto;
}
#wrapright_publicite .banniere_publicitaire_metropole{
	width: 180px;
	height: 90px;
}

/* MENU UTILITAIRE */

div#wrapheader ul#menuutil {
	width: 60%;
	float: right;
	list-style-type:none;
	height: 24px;
	margin:0;
	padding:0;
	font-size: 11px;
}
div#wrapheader ul#menuutil li {
	position:relative;
	float:right;
	margin-right:15px;
	line-height: 24px;
	vertical-align: middle;	
}

div#wrapheader ul#menuutil li a {
	color:#FFF;
	text-decoration:none;
	vertical-align: middle;		
}

div#wrapheader ul#menuutil li a img {
	margin: 4px -3px 0 -3px;		
}

div#wrapheader ul#menuutil li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapheader ul#menuutil li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapheader ul#menuutil li a:hover, div#wrapheader ul#menuutil li.allume a {
	text-decoration:underline;
}

div#wrapheader ul#menuutil li.onglet_deconnexion, div#wrapheader ul#menuutil li.onglet_connexion{
	padding-left: 20px;
	background: no-repeat url(/_images/calendrier_fleche_suiv.gif) 5px center;
}

/* SOUS MENU UTILITAIRE */

div#wrapheader ul#menuutil li ul.sousmenu {
	list-style-type:none;
	position:absolute;
	top:110%;
	left:5px;
	visibility:hidden;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
	z-index: 700;
}

div#wrapheader ul#menuutil li ul.sousmenu li {
	display:inline;
	float:none;
}

div#wrapheader ul#menuutil li ul.sousmenu li a {
	display:block;
	font-size:1em;
	width:150px;
	padding:5px;
	text-decoration:none;
}

div#wrapheader ul#menuutil li ul.sousmenu li a:hover {
	background-color:#5F7E94;
}

/* MENU HAUT */

div#wrapheader ul#menuhaut {
	position: absolute;
	bottom: 0;
	list-style-type:none;
	width: 1010px;
	height: 47px;
	margin:0;
	padding:0 0 0 10px;
	margin-left: 0px;
	z-index: 200;
	background-image:url(/_images/img_bg_menu.png);
	background-repeat:repeat-x;
	top:242px;
}

div#wrapheader ul#menuhaut li {
	margin:0;
	padding:0;
	display: inline;
	position: relative;
	display: block;
	float: left;
	z-index: 200;

}

div#wrapheader ul#menuhaut li a {
	display: block;
	float: left;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	z-index: 200;
	line-height:31px;
}

div#wrapheader ul#menuhaut li a span {
	padding: 0px 19px;
	border-left: 1px solid #004990;
}

div#wrapheader ul#menuhaut li a.first span {
	border-left: none;
}

div#wrapheader ul#menuhaut li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapheader ul#menuhaut li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapheader ul#menuhaut li a:hover, div#wrapheader ul#menuhaut li.actif a {
	text-decoration:none;
	background: #004990;
}

div#wrapheader ul#menuhaut li span.actif {
	border-left: 1px solid transparent;
}

/* SOUS MENU HAUT */ 

div#wrapheader ul#menuhaut li ul.sousmenu {
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #30556a;
	list-style-type:none;
	position:absolute;
	top:110%;
	left:5px;
	visibility:hidden;
	margin:0;
	padding:0 0 3px 0;
	/*background:  no-repeat url(/_images/menuhaut_sousmenu_ul.gif) bottom left;*/
	width: 169px;
	border: none;
	z-index: 100;
	background-color:#FFFFFF;
	border:1px solid #75b5e7;
	opacity:0.9;
	Filter: Alpha(Opacity=90)
}

div#wrapheader ul#menuhaut .menuhaut_sousmenu_top {
	height: 6px;
	background: #FFF no-repeat url(/_images/menuhaut_sousmenu_lifirst.gif) top left;
}

div#wrapheader ul#menuhaut li ul.sousmenu li {
	clear: both;
	border: none;
	/*background: no-repeat url(/_images/menuhaut_sousmenu_separateur.gif) top center;*/
}

div#wrapheader ul#menuhaut li ul.sousmenu li.premier {
	padding-top: 6px;
	/*background: no-repeat url(/_images/menuhaut_sousmenu_lifirst.gif) top left !important;*/
	color: #1a435a!important;
	position:relative;
	top:-3px;
}

div#wrapheader ul#menuhaut li ul.sousmenu li.premier a{
	border: none;
	background: none;
	display:block;
	padding: 3px 10px 3px 15px;
	margin: 0px 3px;
	line-height: 16px;
	width: 138px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1a435a!important;
	text-decoration:none;
}





div#wrapheader ul#menuhaut li ul.sousmenu li a {
	border: none;
	background: none;
	display:block;
	padding: 3px 10px 3px 15px;
	margin: 0px 3px;
	line-height: 16px;
	width: 138px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1a435a;
	text-decoration:none;
	text-transform:none;
}



div#wrapheader ul#menuhaut li ul.sousmenu li a:hover {
	color: #FFFFFF!important;
	/*background: url(/_images/menuhaut_sousmenu_a.gif) center;*/
	background-color:#004990;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a:visited {
	color: #1a435a;
}

/* MENU BAS */

/*div#wrapfooter ul#menubas {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 11px;
}

div#wrapfooter ul#menubas li {
	width: 150px;
	float: left;
}

div#wrapfooter ul#menubas li a, div#wrapfooter ul#menubas li span {
	color:#FFF;
	text-decoration:none;
	font-weight: bold;
}

div#wrapfooter ul#menubas #menubas_li_11, div#wrapfooter ul#menubas #menubas_li_12, div#wrapfooter ul#menubas #menubas_li_13, div#wrapfooter ul#menubas #menubas_li_81 {
	float: left;
	width: 20px;
	margin-top: 5px;
}

div#wrapfooter ul#menubas li a:link {
	text-decoration: none;
}

div#wrapfooter ul#menubas li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapfooter ul#menubas li a:hover, div#wrapfooter ul#menubas li.allume a {
	text-decoration:underline;
}*/


/* SOUS MENU BAS */
/*div#wrapfooter ul#menubas li ul.sousmenu {
	list-style-type:none;
	margin: 3px 0 0 10px;
	padding:0;
	font-weight: normal;
}

div#wrapfooter ul#menubas li ul.sousmenu li {
	margin:0;
	padding:0;
}

div#wrapfooter ul#menubas li ul.sousmenu li a {
	text-decoration:none;
	font-weight: normal;
}

div#wrapfooter ul#menubas li ul.sousmenu li a:hover {
	text-decoration: underline;
}*/

/* ZONE DE GAUCHE / MENU GAUCHE */

div#wrapleftpanel ul#menugauche {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#wrapleftpanel ul#menugauche li {
	position:relative;
	display:inline;
	z-index:2;
}

div#wrapleftpanel > ul#menugauche li {
	display:block;
}

div#wrapleftpanel ul#menugauche li a {
	display:block;
	background-repeat:repeat-x;
	background-image: url(/_images/background_menu.gif);
	width:auto;
	padding:2px 10px;
	height:17px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:link {
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:visited {
	color:#FFF;
	text-decoration:none;
}

div#wrapleftpanel ul#menugauche li a:hover, div#wrapleftpanel ul#menugauche li.allume a {
	color:#FFF;
	text-decoration:underline;
	background-image: url(/_images/background_menu_over.gif);
}

div#wrapleftpanel ul#menugauche li a:active {
	color:#FFF;
	text-decoration:none;
}

/* SOUS MENU GAUCHE */

div#wrapleftpanel ul#menugauche li ul.sousmenu {
	position:absolute;
	visibility:hidden;
	top:0;
	left:100%;
	margin:0;
	padding:0;
	background-color:#2B4066;
	border:1px solid #6C6C6C;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a {
	width:150px;
	padding:5px;
	background-image:none;
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:link {
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:visited {
	background-color:#2B4066;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:hover {
	background-image:none;
	background-color:#5F7E94;
}

div#wrapleftpanel ul#menugauche li ul.sousmenu li a:active {
	background-color:#5F7E94;
}




/* ZONE DE GAUCHE / MENU GAUCHE MÉTROPOLE */

div#wrapleftpanel ul#menuMetropole a{
	font-size:11px;
	color: #004990;
	text-decoration: none;
}

div#wrapleftpanel ul#menuMetropole ul{
	margin: 0px;
	padding-left: 25px;
}
div#wrapleftpanel ul#menuMetropole ul li{
	line-height: 8px;
	padding: 2px 0px 5px 10px;
	background: transparent no-repeat url("/_images/puce_bleue.gif") left 7px;
}

div#wrapleftpanel ul#menuMetropole ul li {
	display: block;
}

div#wrapleftpanel ul#menuMetropole .actif li {
	display: block;
}

div#wrapleftpanel ul#menuMetropole ul a{
	color: #004990;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	line-height: 11px;
	font-size: 11px;
	width: 120px;
}

#boxmenu ul#menuMetropole a:hover {
	color:#FFFFFF;
}

#boxmenu ul#menuMetropole ul li a:hover {
	color:#004990;
	text-decoration:underline;
	background:none;
}

/* FOOTER */

div#wrapfooter {
	position: absolute;
	/*width: 960px; *//*1000*/
	/*margin: 0px auto;*/
	/*padding: 10px 20px 5px 20px;*/
	/*background: #20536f no-repeat url(/_images/footer_backgroundbottom.gif) bottom left;*/
	/*background-color:#004990;*/
	bottom: 0px;
	width:100%;
	height:184px !important;
	min-width:1020px;
	background-image: url(/_images/bgFooter.gif);
	background-position:bottom left;
	background-repeat:repeat !important;
}

div#contenuFooter {
	/*position: absolute;*/
	width: 960px; /*1000*/
	margin: 0px auto;
	padding: 20px 20px 5px 20px;
	/*background: #20536f no-repeat url(/_images/footer_backgroundbottom.gif) bottom left;*/
	/*background-color:#004990;
	bottom: 0px;*/
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#004990;
}

div#wrapfooter #footer_menu {
	width: 490px;
	float: left;
}

div#wrapfooter #footer_realisation {
	width: 130px;
	float: left;
	border-left: 1px solid #63879a;
	border-right: 1px solid #63879a;
	text-align: center;
}

div#wrapfooter #footer_adresse {
	color: #FFFFFF;
	font-size: 11px;
	width: 315px;
	float: right;
}

div#wrapfooter #footer_adresse a {
	color: #FFFFFF;
}

div#wrapfooter .bloc_sitemap_footer {
	float:left;
	color:#FFFFFF;
	width:150px;
	margin-right:10px;
}

div#wrapfooter .bloc_sitemap_footer a {
	color:#FFFFFF;
	text-decoration:none;
}

div#wrapfooter .bloc_sitemap_footer a:hover {
	text-decoration:underline;
}

div#wrapfooter .bloc_sitemap_footer ul, div#wrapfooter .bloc_sitemap_footer li {
	margin:0;
	padding:0;
	list-style-type:none;
}

div#wrapfooter .bloc_sitemap_footer li.section {
	font-weight:bold;
	text-transform:uppercase;
}

div#wrapfooter .bloc_sitemap_footer li.section ul {
	font-weight:normal;
	text-transform:none;
	margin-top:7px;
}

div#wrapfooter div#menubas {
	margin:18px 0 0 0;
	color:#FFFFFF;
	width:600px;
	float:left;
}

div#wrapfooter div#menubas ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#wrapfooter div#menubas ul li {
	display:inline;
	margin:0;
	padding:0 8px 0 7px;
	border-right:1px solid #fff;
}

div#wrapfooter div#menubas ul li.first {
	padding:0 8px 0 0;
}

div#wrapfooter div#menubas ul li.last {
	border-right:1px solid #004990;
}

div#wrapfooter div#menubas a {
	color:#ffffff;
	text-decoration:none;
}

div#wrapfooter div#menubas a:hover {
	text-decoration:underline;
}

div#wrapfooter div#copyright {
	color:#FFFFFF;
	width:825px;
	float:left;
}

div#wrapfooter div#copyright a {
	color:#FFFFFF;
}

#reseausociaux_footer{
	float:right;
	width:auto;
	text-align:right;
}

#reseausociaux_footer ul{
	display:inline;
	margin:0 0 0 2px;
	padding:0;
	position:relative;
	top:2px;
}

#reseausociaux_footer ul li{
	display:inline;
	margin-left:8px;
}

/***************************/
/* TEXTES, LISTES ET LIENS */
/***************************/

/* GÉNÉRAL */

div#wrapcontent h1, div.wrapcontent h1, div.texte h1{
	/*color:#20536f;*/
	color:#004990;
	font-size: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:10px;
	font-weight: normal;
}

div#wrapcontent h2, div.wrapcontent h2, div.texte h2{
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 3px 0;
	padding-top:5px;
}

div#wrapcontent h3, div.wrapcontent h3{
	font-weight: normal;
	font-size: 14px;
	margin: 10px 0 0 0;
	/*line-height:5px;*/
	padding:5px 0 5px 0;
}

div#wrapcontent ul, div.wrapcontent ul {
	list-style-type:disc;
	list-style-image: url(/_images/ico_bullet.gif);
	margin-top:10px;
	margin-bottom:10px;
}

div#wrapcontent, div.wrapcontent{
	font-size: 11px;
	color: #333333;
}
div#wrapcontent p, div.wrapcontent p {}

div#wrapcontent .texte, div.wrapcontent .texte { 
	/*padding-right: 10px;*/
	font-size: 12px;
	background: #FFF;
	/*padding: 10px;*/
	margin-bottom:30px;
	min-height: 300px;
}

div#wrapcontent #listesoussections li, div#wrapcontent #listefiches li{
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Page securisee */
div#se-connecter-hidden {
	display:none;
	float:left;
	width:590px;
	margin:10px 0px;
}

div#securisee-gauche {
	width:280px;
	float:left;
}

div#securisee-gauche p a, div#membership p a {
	display:block;
	color:#336699;
	text-decoration:underline;
	line-height:20px;
	margin-left:15px;
}
div#membership p a { margin-left:0px; }

div#securisee-gauche p a:hover, div#membership p a:hover {
	text-decoration:none;
}

#TitreNom, #TitrePsw{width: 90px !important; float: left;}
#username, #password{ margin-top: 4px; width: 110px !important; }

#submit.petitbouton{ clear: both; margin-top: 10px; }

.btn_deconnexion{
	float: right;
	text-align: right;
}
div#membership {
	width:280px;
	float:left;
}

.alerte{
	background: #e0eaf4;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 10px 0;
	width: 600px;
}

div#wrapwidecontent .texte p.image-securisee {
	background:url(/_images/page_securisee.jpg) top no-repeat;
	width:200px;
	height:450px;
	float:left;
	padding:0px 5px;
}
div#wrapwidecontent .texte {
	margin-bottom:30px;
}
div#wrapwidecontent .texte p a.page-standalone {
	color:#336699;
	text-decoration:underline;
}
div#wrapwidecontent .texte p a.page-standalone:hover {
	text-decoration:none;
}


/* Page introuvable et page d'erreur */

#notfound, #errorpage {
	/*background: no-repeat url(/_images/page_notfound.jpg) top left;
	padding-left: 150px;*/
}

#errorpage{
	height:350px;
}

#notfound ul.liens-populaires {
	list-style: none;
	margin-left: 0;
	height: 60px;
}
#notfound ul.liens-populaires li {
	float:left;
	line-height:18px;
	background: no-repeat url(/_images/ico_bullet.gif) 0 5px;
	padding-left: 10px;	
}
#notfound .liens-autres, #errorpage .liens-autres {
	list-style: none;
	margin-left: 0;
}
#notfound .liens-autres li, #errorpage .liens-autres li{
	line-height:18px;
	background: no-repeat url(/_images/ico_bullet.gif) 0 5px;
	padding-left: 10px;	
}
#notfound ul.liens-populaires li a {
	display:block;
	width:170px;
}
#notfound #formSearch {
	margin-left:0px;
	clear: both;
}


/* Fin Page introuvable */

div#wrapcontent a, div.wrapcontent a {
	color:#0b7ab1;
	text-decoration:none;
}

div#wrapcontent a:link, div.wrapcontent a:link {
	color:#0b7ab1;
	text-decoration:none;
}

div#wrapcontent a:visited, div.wrapcontent a:visited {
	/*color:#729fd3;*/
	text-decoration:none;
}

div#wrapcontent a:hover, div.wrapcontent a:hover {
	text-decoration:underline;
}

div#wrapcontent a:active, div.wrapcontent a:active {
	text-decoration:none;
}

/***************/
/* ACCUEIL */
/***************/
h1.header_titre, p.header_titre{
	float: left;
	width: 30%;
	font-size: 11px;
	border: none;
	color: #FFF;
	margin: 0px;
	padding: 0 0 0 10px;
	/*background: no-repeat url(/_images/menututilitaire_icon.gif) 5px;*/
	line-height: 24px;
	height: 24px;
}

.header_titre a{
	text-decoration: none;
	color: #fff;
}

div#front_opr {
	width:510px;
	height: 320px;
	overflow: hidden;
	margin: -5px 0 20px -5px;
}

div#front_opr img {
	width:510px;
}

div#front_opr img#btn_plusinfo {
	width:64px;
}

div#front_opr .lienvoirplus {
	position: absolute;
	top: 5px;
	right: 5px;
	font-weight:bold;
}
		
div#front_opr .opr_notes {
	position:absolute;
	top:10px;
	right:10px;
	line-height:normal;
	text-align:right;
	color:#685f50;
}
			
div#front_opr .opr_more {
	position:absolute;
	right:10px;
	bottom:10px;
}

p.justify{
	text-align: justify;
}

/******************/
/* PAGE MÉTROPÔLE */
/******************/
div#liste_articles{
	color:#333333;
}

div#liste_articles .box_article{
	background-color:#009966;
	background: repeat-x url(/_images/separateur.gif) top;
	padding: 20px 0 20px 0 ;
	margin: 0 0 0px 0;
	clear:both;
}

div#liste_articles .premier{
	background-image: none;
	padding: 10px 0 20px 0 ;
	margin: 0 0 0 0;	
}
 
div#liste_articles .article_categorie{
	padding: 4px 0 0 0;
	font-size:11px;
	clear:both;
}

div#liste_articles .article_categorie a{
	color:#5ea7cc;
	text-decoration:none;
}

div#liste_articles .article_categorie a:hover{
	color:#333333;
	text-decoration:underline;
}

div#liste_articles .article_titre{
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 5px 0 4px 0;
	line-height: 17px;
}

div#liste_articles .article_auteur{
	font-style: italic;
}

div#liste_articles .article_date{
	padding: 0px 0 4px 0;
	font-size: 11px;
}

div#liste_articles .article_description{
	clear:both;
}

div#liste_articles .article_description img{
	width: 150px;
	float:left;
	margin: 0px 10px 10px 0;
	border:1px solid #333333;
}

div#liste_articles .article_commentaire{
	padding:5px 0 0 0;
	text-align: right;
	font-weight: bold;
}

	/*********************/
	/* ARTICLE MÉTROPÔLE */
	/*********************/
	
	div#wrapcontent .texte .gallerie{
		/*max-width:250px;*/
		min-width:175px;
		float:left;
		padding: 10px 0px 0 0;
	}
	
	.archivelarge .gallerie{
		width: 100% !important;
		max-width: none !important;
		clear: both;
		padding: 0 10px 0 0;
	}
		
	
	div#wrapcontent .texte .gallerie img{
		position:relative;
		float:left;
		margin:2px 3px 2px 3px;
		border:1px solid #333333;
	}
	
	div#wrapcontent .texte div.pmetropole p{
		clear:none;
	}
	
	div#forum_in_pages_container{
		padding:15px 0 0 0;
		margin-bottom:20px;
	}
	
	div#forum_in_pages_container #forum_in_pages_title{
		padding:3px 0 3px 5px;
		background-color:#e0eaf4;
	}
	
	div#forum_in_pages_container #sousTitreComm{
		font-size:16.5px;
	}
	
	div#forum_in_pages_container #addComments{
		background-color:#f1f7fc;
		padding:3px 5px 3px 5px;
		border:1px solid #cac9c9;
		float:right;
		margin:-1px 2px 0 0;
	}
	
	div#forum_in_pages_container #forum_in_pages_form_container{
		display:none;
		padding:10px 0 10px 10px;
		background-color:#f1f7fc;
		margin:0 0 25px 0;
		width:488px;
		border:1px solid #cac9c9;
		float:right;
	}
	
	div#forum_in_pages_container #forum_in_pages_form_container td{
		padding:2px 0 2px 0;
	}
	
	div#forum_in_pages_container #forum_in_pages_label{
		width:100px;
	}
	
	div#forum_in_pages_container #forum_in_pages_comment_date{
		margin:10px 0 0 0;
		background: repeat-x url(/_images/separateur.gif) top;
		padding:2px 0 2px 0;
		clear:both;
	}
	
	div#forum_in_pages_container #forum_in_pages_comment{
		margin:0 0 0 0;
	}
	
	div#forum_in_pages_container #cmt_name{
		width:175px;
	}
	
	div#forum_in_pages_container #cmt_org{
		width:215px;
	}
	
	div#forum_in_pages_container #Description{
		width:400px;
		height:100px;
	}
	
	div#forum_in_pages_container #security{
		float:left;
		margin:3px 0 0 0;
		padding:0;
	}
	
	div#forum_in_pages_container #securitycode{
		margin:5px 0 0 10px;
		padding:0;
	}
	
	div#forum_in_pages_container #btnEnvoyerComm{
		float:right;
		margin:15px 10px 0 0;
	}
	
/******************/
/* PAGE introuvable */
/******************/	
	
div#wrapcontent div.texte ul form#formSearch {
	margin-left:120px;
}
	
/******************/
/* PAGE RECHERCHE */
/******************/
#formSearch {
	padding: 0;
	width:511px;
	/*margin: 0 0 0 -5px;*/
	margin: 0 0 0 0;
	background: no-repeat url(/_images/wrapleft_box_footer_wide_blanc.gif) bottom left;
}

.texte #formSearch {
	padding: 0;
	width:511px;
	margin: 0 0 0 -2px;
	background: no-repeat url(/_images/wrapleft_box_footer_wide_blanc.gif) bottom left;
}

.formSearch_box {
	background: no-repeat url(/_images/wrapleft_box_header_wide_blanc.gif) top left;
	position:relative;
	/*margin:-4px 0 0 0;*/
	margin:0 0 0 0;
}

.formSearch_content{
	padding: 5px 10px 10px 10px;
}

.formSearch_content input#txtRecherche{
	width:250px;
}

.formSearch_content input#txtRechercheSearch{
	width:200px;
}

form#formSearch select#primarySector{
	width: 465px;
	margin: 5px 0;
}

.sectorlist{
	margin-top: 20px;
}

div#wrapcontent .entreprise_boiteGauche {
	float:left;
	width:250px;
	margin-right:5px;
	clear:right;
}

div#wrapcontent .entreprise_boiteDroite {
	float:right;
	width:250px;
	margin-left:5px;
	clear:left;
}

div#wrapcontent div#contentSearch div{
	margin:0;
	padding: 0;
}

div#wrapcontent div#contentSearch a{
	margin:15px 0 0 0;
}

div#wrapcontent div#contentSearch div#nomEntreprise{
	background: repeat-x url(/_images/separateur.gif) top;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
}

.premierresultat{
	background-image: none !important;
}

div#wrapcontent div#contentSearch div#ensembleUsager{
	width:auto;
	padding:3px 0 10px 10px;
}

div#wrapcontent div#contentSearch div#ensembleUsager div{
	width:200px;
}


	
/*************/
/* MULTIPAGE */
/*************/

.multipage{
	background-color:#e0eaf4;
	display:inline-block;
	width:750px;
	border:1px solid #333333;
	padding:5px 5px 5px 5px;
}

.multipage a{
	color:#e0eaf4;
}

.multipage li{
	float:left;
	margin:0 20px 0 15px;
}

/***************/
/* FORMULAIRES */
/***************/

form fieldset {
	padding:5px;
	margin:10px auto;
}

form fieldset legend {
	font-size:1.5em;
	padding:5px;
}

form label {
	text-align:left;
	margin-top:2px;
	margin-right:10px;
	width:35%;
	font-size:1em;
}

form p {
	margin:10px auto;
	clear:both;
}

form p#soumettre, form p.soumettre {
	margin-top:20px;
	text-align:right;
}


form fieldset div.groupechoix {
	float:left;
	width:350px;
	margin-bottom:10px;
}

form fieldset div.groupechoix p {
	margin:0 0 10px 0;
}

form fieldset div.groupechoix p label {
	display:inline;
	float:none;
	margin-left:5px;
}

/* Message global de formulaire (unique) */
form p#messageerreur {
	display:none;
	background-color:#FFEFEF;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

.messageerreur{
	color:#F00;
	font-style: italic;
}

.erreur {
	color:#F00;
}

/* Erreur de champ */
form p.erreurchamp {
	display:none;
	margin-left:37%;
	margin-right:40px;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

form p.erreurchamplarge {
	display:none;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

	/****************************/
	/*F. PAGE INSCRIPTION MEMBRE*/
	/****************************/

	div#loginDiv table .TitreColonne{
		width:25px;
	}
	
	div#inscrireEntreprise h2{
		margin-top:10px;
	}
	
	/*******************/
	/*F. PAGE COMMANDE */
	/*******************/
	
	form#formAddToCart table {
		border:1px solid #666666;
		margin:10px 0 0 0;
	}
	
	form#formAddToCart .firstLine{
		border-bottom:1px solid #666666;
		background-color:#e0eaf4;
	}
	
	form#formAddToCart td{
		border-left:1px solid #d3d9dd;
		border-right:1px solid #d3d9dd;
	}
	
	form#formAddToCart #qteInput {
		width:40px;
	}
	
	form#formAddToCart #artInput {
		width:65px;
	}
	
	/*******************/
	/*F. PAGE PANIER   */
	/*******************/
	
	#panierContent {
		border:1px solid #d3d9dd;
		font-size: 11px;
	}
	
	#panierContent td {
		text-align:right;
	}
	
	#panierContent #lienModification{
		text-align:left;
	}
	
	#panierContent #lienModification a{
		margin-right:20px;
	}
	
	#panierContent #ligneModification{
		background-color:#f4f9fd;
	}
	
	#panierContent #produitDesc,#panierContent  #descItem{
		width:150px;
		text-align:left;
	}
	
	#panierContent #produitDesc{
		border-bottom:1px solid #666666;
		background-color:#e0eaf4;
	}
	
	#panierContent #produitPrix,#panierContent #produitRabais,#panierContent #produitTotal{
		width:20px;
		border-bottom:1px solid #666666;
		background-color:#e0eaf4;
	}
	
	#panierContent #produitQte,#panierContent #produitSuppr{
		width:20px;
		border-bottom:1px solid #666666;
		background-color:#e0eaf4;
	}
	
	.panier_bouton {
		margin:10px 0 0 0;
	}
	
	/*******************/
	/*F. PAGE IDENTITE */
	/*******************/
	
	form#identifier table{
		background-color:#e0eaf4;
		border:1px solid #333333;
	}
	
	form#identifier table td{
		padding: 10px 10px 0 10px;
	}
	
	form#identifier table #ligneBtn{
		padding: 10px 10px 10px 10px;
	}
	
	form#identifier table #btnPoursuivre{
		margin:0 0 0 35px;
	}
	
	form#identifier table .noPass{
		height:15px;
		padding: 0 0 0 10px;
	}
	
	
/***********************/
/* MOTEUR DE RECHERCHE */
/***********************/

table#moteurrecherche {
	border-collapse:collapse;
	margin-top:15px;
	width:100%;
}


table#moteurrecherche tr.ligne1 {
	background-color:#009966;
	background: repeat-x url(/_images/separateur.gif) top;
	padding: 20px 0 20px 0 ;
	margin: 0 0 0px 0;
	clear:both;
}

table#moteurrecherche tr.ligne1 a{
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 5px 0 4px 0;
	line-height: 17px;
}

table#moteurrecherche tr.ligne2 {
	background-color:#009966;
	background: repeat-x url(/_images/separateur.gif) top;
	padding: 20px 0 20px 0 ;
	margin: 0 0 0px 0;
	clear:both;
}

table#moteurrecherche tr.ligne2 a{
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 5px 0 4px 0;
	line-height: 17px;
}


table#moteurrecherche th {
	width:20px;
	padding:7px 2px 2px 2px;
	vertical-align:top;
}

table#moteurrecherche td {
	padding:2px 2px 7px 2px;
}

table#moteurrecherche td p{
	padding:5px 0 5px 0;
	margin:0;
}
/************/
/* CONTACTS */
/************/

table.departement {
	width:100%;
	margin-bottom:10px;
}

table.departement thead th {
	padding:5px;
	background-color:#F9F9F9;
}

table.departement tbody td, table.departement tbody th {
	padding-left:20px;
}

table.departement tbody th {
	padding-top:10px;
}

form#recherchecontact fieldset {
	padding:5px 30px;
}

form#recherchecontact label {
	display:inline;
	text-align:left;
	float:none;
	margin-left:10px;
}

form#recherchecontact div.groupe {
	float:left;
	width:50%;
}

/****************/
/* PLAN DE SITE */
/****************/

ol#plandesite {
	list-style-type:none;
	margin-left:0;
	padding:0px;
}

ol#plandesite a{
	color:#333333;
}


ol#plandesite li {
	margin:5px 0 0 0;
	font-size: 16px;
}

ol#plandesite li.section {
	margin:10px 0 3px 0;
	/*font-weight:bold;*/
	font-weight: normal;
}

ol#plandesite li.section a{
	color:#333333;
}

ol#plandesite li.section a:hover{
	color:#20536f;
}

ol#plandesite ol {
	list-style-type:none;
	margin-left:0;
}

ol#plandesite ol.soussections {
	list-style-type:none;
	margin-left:0;
	font-size:12px;
}

*+html ol#plandesite ol.soussections {
	list-style-type:none;
	margin-left:25px;
	font-size:12px;
}

ol#plandesite ol.soussections li {
	font-weight:bold;
	font-size:12px;
}

ol#plandesite ol.soussections ol.fiches {
	list-style-type:disc;
	list-style-image: url(/_images/ico_bullet.gif);
	font-weight: normal;
	margin-left:0;
	font-size:12px;
}

*+html ol#plandesite ol.soussections ol.fiches {
	list-style-type:disc;
	list-style-image: url(/_images/ico_bullet.gif);
	font-weight: normal;
	margin-left:40px;
	font-size:12px;
}

ol#plandesite ol.soussections ol.fiches li {
	font-weight:normal;
	font-size:12px;
}
/******************/
/* MODULE SONDAGE */
/******************/


div#sondage {
	background-color:#F5F5F5;
	width:250px;
	margin-top:10px;
	border:1px outset #333;
	text-align:center;
}

div#sondage h2 {
	margin:0;
	padding:5px;
	border:1px inset #333;
}

div#sondage h3 {
	margin:0;
	background-color:#FFF;
	border:1px outset #333;
	padding:5px;
	font-size:1em;
}

div#sondage form p {
	text-align:left;
}

div#sondage label {
	margin-left:30px;
}

div#sondage p.soumettre{
	text-align:center;
}

table#sondage_resultats {
	margin:10px;
	width:225px;
	text-align:left;
}

table#sondage_resultats div.barreresultats_fond {
	height:3px;
	border:1px inset #333;
	font-size:0px;
}

table#sondage_resultats div.barreresultats_dessus {
	height:3px;
	background-color:#00F;
}

.quiz_titre{
	color:#333333;
	font-size: 16.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 2px 3px 3px;
	padding: 5px 5px 5px 5px;
	/*background-color:#eee;*/
}

.quiz_content{
	margin: 0px 10px 0 11px;
	padding: 0 0px 5px 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*background-color:#eee;*/
	background-color:#FFFFFF;
}

.quiz_content table{
	margin-left:8px;
}

.quiz_content label{
	width:85px;
}

.quiz_content .btn_vote{
	margin-left:5px;
}

/***************/
/* FICHE ACTIVITE */
/***************/

.activite_leftcolumn{
	width: 500px;
	_width: 500px;
	float: left;
	padding: 0px 10px 5px 5px;
	margin: 0;
	overflow: hidden;
	background-color:#FFFFFF;
	/*font-size: 12px;*/
	position:relative;
}

.activite_leftcolumn .partagesociaux{
	margin-top:10px;
}

.activite_leftcolumn .imageactivite{
	width: 492px;
}
.activite_nb{
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
	color:#7a7a7a;
	margin: 0;
}
.activite_rightcolumn{
	width: 290px;
	float: right;
	padding: 0;
	/*margin-left: 10px;*/
	/*margin-top:1px;*/
}
.activite_info{
	clear: both;
	padding: 5px 0px;
}

.activite_info h2{
	padding-top:0px !important;
	height:25px;
	line-height:25px;
	background-color:#0080BA;
	color:#fff;
	padding-left:5px;
}
.activite_info_left{
	width: 90px;
	float: left;
	font-weight: bold;
}
.activite_info_right{
	width: 190px;
	float: right;
}
.activite_info_right .prix{
	width: 50px;
	float: left;
}

.activite_infocategorietitre{
	margin-top: 30px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}

.activite_infocategorie{
	margin-top: 5px;
	margin-left: 20px;
}

.activite_inscription{
	/*margin-top: -1px;*/
	margin-top: 25px;
	/*margin-bottom: 5px;*/
	width:113px;
	margin-left:165px;
}

#frm_recherche_activites label{
	width: 40px;
	float: left;
	text-align: left;
}

#frm_recherche_activites .activites_type label{
	width: 100%;
	padding-bottom: 3px;
}

#frm_recherche_activites .activites_type select{
	width: 250px;
	font-size: 11px; 
}

#frm_recherche_articles .articles_type label{
	width: 100%;
	padding-bottom: 3px;
}

#frm_recherche_articles .articles_type select{
	width: 268px;
	font-size: 11px; 
}

#frm_recherche_activites input{
	font-size: 11px; 
}

#frm_recherche_activites p{
	clear: both;
	margin-bottom: 3px;
}

#frm_recherche_articles label{
	width: 40px;
	float: left;
	text-align: left;
	padding:0 0 0 4px;
}

#frm_recherche_articles input{
	font-size: 11px; 
	margin:0 2px 0 2px;
}

#frm_recherche_articles p{
	clear: both;
	margin-bottom: 3px;
}

/***************/
/* BARRE D'OUTILS */
/***************/
.barreoutils{
	/*width: 100%;*/
	/*background: repeat-x url(/_images/separateur.gif) bottom;*/
	/*margin-bottom: 8px;*/
	padding: 5px;
	line-height: 23px;
	font-size: 11px;
	background-color:#FFFFFF;
}
.barreoutils .filariane{
	color: #5ea7cc;
	font-style: italic;
	float: left;
}
.barreoutils .filariane a{
	color: #5ea7cc;
	text-decoration: underline !important;
}

.barreoutils .outils_impression{
	/*clear:both;*/
	float:right;
	/*margin-left:295px;
	margin-top:36px;
	position:absolute;*/
}

.barreoutils .outils_sendtofriend{ float: right; margin-left: 10px;}

/***************/
/* ENVOYER A UN AMI */
/***************/
.sendfriend_box{ display: none; width: 450px; height: 300px; position: absolute; top: 30%; left: 30%; background-color: #FFFFFF; border: 1px solid #000; padding: 20px; z-index: 150; }
.sendfriend_btnClose{ position: absolute; top: 0; right: 0px; }
.sendfriend_titre{ font-size: 16px; }
.sendfriend_note{ font-size: 10px; font-style: italic; }
.sendfriend_vosinfo{ width: 45%; float: left; }
.sendfriend_infoami{ width: 45%; float: right; }
.sendfriend_message{ clear: both; }
.sendfriend_box label{ padding: 0; margin: 0; width: 100%; text-align: left; }
.sendfriend_soumettre{ clear: both; }
.sendfriend_delete{ clear: none; padding: 0; margin: 0; display: block; width: 45%; float: left; }
.sendfriend_submit{ clear: none; padding: 0; margin: 0; display: block; width: 45%; float: right; }	


/********/
/* MISC */
/********/

a img {
	border:none;
}

hr.clear {
	visibility:hidden;
	height:1px;
	clear:both;
}


#liste_activites{
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}
#liste_activites th, #liste_activites td{
	padding: 5px 8px;
	vertical-align: top;
}
#liste_activites th{
	border-bottom: 1px solid #0b7ab1;
	padding: 10px 8px 5px 8px;
	font-size: 12px;
}

.listeactivites_date{
	white-space: nowrap;
}

.listeactivites_endroit{
	width: 150px;
} 


/**************/
/* MAILING LIST */
/**************/

.frm_inscriptionmailing {
	padding: 0;
	margin: 0;
	width: 480px;
}

.frm_inscriptionmailing fieldset{
	border: none;
}

.frm_inscriptionmailing label{
	width: 100px; 
	display: inline-block;
	text-align: right;
}

.frm_inscriptionmailing input.inputcourriel{
	width: 200px; 
}

.frm_inscriptionmailing fieldset legend{
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 3px 0;	
}

/**************/
/* MOT DE PASSE */
/**************/

#frm_inscription {
	padding: 0;
	margin: 0;
	width: 450px;
}

#frm_inscription fieldset{
	border: none;
}

#frm_inscription label{
	width: 160px; 
	display: inline-block;
	text-align: right;
}

#frm_inscription fieldset legend{
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 3px 0;	
}


/**************/
/* PAGINATION */
/**************/

.pagination{
	margin-top: 15px;
	padding: 10px;
	text-align: center;
	clear:both;
}

.pagination a{
	border: 1px solid #cccccc;
	padding: 1px 3px;
	color: #20536f;
	text-decoration: none;
}
.pagination span{
	border: 1px solid #ffffff;
	color: #cccccc;
	padding: 0px 3px;	
}
.pagination .Selected_Link_Pager{
	border: 1px solid #fff;
	padding: 1px 3px;
	color: #004990 !important;
	font-weight: bold;
	text-decoration: none;
}
.pagination .Unselected_Link_Pager{
	border: 1px solid #cccccc;
	padding: 1px 3px;
	color: #20536f !important;
	text-decoration: none;
}
.pagination a:hover{
	background: #cccccc !important;
	text-decoration: none !important;
}

.inactive_next_Link_Pager{ color: #cccccc !important;}
.active_next_Link_Pager{color: #20536f !important;}
.inactive_previous_Link_Pager{ color: #cccccc !important; }
.active_previous_Link_Pager{color: #20536f !important;}

/* Page de connexion */

#Authentification {
	width: 220px; 
	float: left;
	padding-right: 25px;
}

#NouveauUser {
	width: 250px; 
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#PswOublier {
	width: 250px; 
	float: left;
	margin-left:10px;
}

#Authentification label{
	width: 100px;
	display: inline-block;
}

#Authentification #BoxNom, #Authentification #BoxPsw{
	clear: both;
	padding: 2px 0;
}
#Authentification #BoxNom input, #Authentification #BoxPsw input{
	width: 110px;
	font-size: 12px;
	display: inline-block;
	float: right;
}

.boutonfloatright input{
	font-size: 11px;
}

#MessageErreur{
	border: 1px solid #c33f3f;
	padding: 5px;
	color: #c33f3f;
}

#historiquecommande th{
	padding: 5px;
	background-color:#e0eaf4;
	color:#333333;
}
#historiquecommande td{
	padding: 5px;
	border: 1px solid #e0eaf4;
}


/* Elections */
.intro_candidat{
	width: 700px;
}
.box_candidat{
	clear: both;
	border-top: 1px solid #e0eaf4; 
	padding: 10px 0 20px 0;	
}
.box_candidat h2{
	clear: both; 
	padding: 10px 0;
}
.candidat_vote{
	width: 50px;
	float: left;
	text-align: center;
}

.candidat_image{
	float: left;
	width: 200px;
	text-align: center;
	overflow: hidden;
}

.candidat_description{
	float: left;
	width: 500px;
}

/* BG Footer */

#colorFooter{
	background-image: url(/_images/bgFooter.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	height:164px;
	width:100%;
	position:absolute;
	bottom:0px;
	overflow:hidden;
}

/* Mathieu Modif */
.wrapleft_box_large {
	float:left;
}


.wrapleft_box_header_content_activites div span {

display: block;
}

.wrapleft_box_header_content_activites {
float:left;
}

#eventoutput {float:left;}



.wrapleft_box_header_content_activites .itemcal{
text-align: center !important;
width: 70px;
float: left;
margin: 5px 6px 5px 6px;

}