/* #################################################################################################### */
/* STRUCTURE TEMPLATE PORTAIL  */
/* #################################################################################################### */

/* Style par d�faut */
* {
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight:normal;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
}

p {
margin: 0;
margin-top:10px;
margin-bottom:10px;
}

strong {font-weight:bold;}

body.template_portail .containerOnglet  p {margin:0;}

img {
border:none;
}

a, a:link, a:visited, a:active {
text-decoration:none;
cursor:pointer;
}

a:hover {
	color:#CC0000;
}


/* ############### STYLES FCK  ############## */

.template_portail .fckClear {
	margin:0px 0;
}
.template_portail .fckT1 {
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.template_portail .fckT2 {
	color:#C00;
	font-size:13px;
	font-weight:bold;
}
.template_portail .fckT3 {
	color:#000;
	font-size:12px;
	font-weight:bold;
}

/* ############### STRUCTURE ############## */
body.template_portail {
font: 0.6em Arial , Arial, Helvetica, sans-serif;
background: #000;
margin: 0;
padding: 0;
/* MANTIS #7540 - 20120223
/*text-align: center;*/
color: #000000;
}

.template_portail #Page {
width: 100%;
/* MANTIS #7540 - 20120216 background: #000000; */
text-align: left;
width:982px;
position:relative;
margin: 0 auto 0 auto;
/* MANTIS #7540 - 20120216
-moz-box-shadow: 0px 1px 8px #333;
-webkit-box-shadow: 0px 1px 8px #333; */
}

		/* ############### HEADER ############## */
.template_portail #Header {
	/*border:#FF0000 1px dotted;*/
	height: 210px;
	/* background-color: #000000; */
	/* background:url(../../images/jahia/background/bg_produit.jpg) no-repeat;  */
	margin: 0px;
}

/*.template_portail #Header h1 {
margin: 0; 
padding: 10px 0; 
}*/

.template_portail #Header #Logo {
	position:absolute;
	z-index:1;
	top:0px;
	left:35px;
}

.template_portail #Header #Header_links {
	position:absolute;
	z-index:1;
	font-family:Arial, sans-serif;
	font-size:9px;
	color:#666666;
	top:5px;
	left:252px;
	background-color: #FFBB88;
}

.template_portail #Header #Header_links a{
font-size:12px;
}

.template_portail #Header #Header_navigation {
	position:absolute;
	z-index:1;
	height:53px;
	top:135px;
	left: 25px;
}

.template_portail #Header #Header_navigation_pros {
	position:absolute;
	z-index:1;
	width:183px;
	height:40px;
	top:135px;
	right:325px;
}

.template_portail #Header #Header_navigation_reseaux {
	position:absolute;
	z-index:3;
	width:182px;
	height:28px;
	top:175px;
	right:10px;
	background: url(../../images/jahia/template_header_reseau_background.png) no-repeat;
	background-image: url(../../images/jahia/template_header_reseau_background.png);
}

.template_portail #Header #puceEtatReseau {
	width:14px;
	height:14px;
	z-index:20;
	float:right;
	position:relative;
	margin:183px 153px 0 17px;
}

.template_portail .headerEntProImg{
	height: 40px;
	width: 172px;
	background:transparent url(../../images/jahia/template_header_navigation_main_pro.png) no-repeat;
	display: block; 
	position: absolute;
}

.template_portail .headerEntProImg:hover{
	background:transparent url(../../images/jahia/template_header_navigation_main_pro_hover.png) no-repeat;	
}

.template_portail .etatReseauMenuLink {
    color:#FFFFFF;
}

.template_portail #Header .textBlackBackground{
    color:#FFFFFF;
}

.template_portail .separateur{
	display:inline;
	color:#666;
	padding: 0 2px 0 2px;
}

.template_portail #Main .sousMenuOnglets .separateur {
color:#D1D1D1;
padding:0;
}

.template_portail #Header a:hover {
	color:#CC0000;
	text-decoration:none;
}

.template_portail #Header .vert {
background:url(../../images/jahia/template_header_reseau_vert.png) no-repeat;
}

.template_portail #Header .orange {
background:url(../../images/jahia/template_header_reseau_orange.png) no-repeat;
}

.template_portail #Header .rouge {
background:url(../../images/jahia/template_header_reseau_rouge.png) no-repeat;
}
.template_portail #Header .etatReseaux {
text-decoration: none; 
}
.template_portail #Header .etatReseaux:hover {
background: none; /* correction d'un bug IE */
}
.template_portail #Header .etatReseaux span {
display: none;
height:83px;
width:186px;
top:0px;
left:0px;
background:url(../../images/jahia/template_header_reseau_background_hover.png) no-repeat;
z-index:5;
}
.template_portail #Header .etatReseaux:hover span {
display: inline;
position: absolute;
z-index:5;
top:-62px;
left:0px;
}

.template_portail #Header .etatReseaux a:hover {
	color:#CC0000;
	text-decoration:none;
}

.HeaderNavigContent {
padding:20px 0px 0 22px;
display:block;
}

/* Styles LISTE et TYPOS de type "Services en ligne"  ######################### */	
.template_portail #Header #Header_search {
	position:absolute;
	z-index:1;
	top:215px;
	left:14px;
}

.template_portail #Header_search #btn_monacomc {
/* margin-left:5px; DC 20100820 - changement pour le chartage*/ 
background:transparent url(../../images/jahia/template_header_search_btnMonaco.png) no-repeat;
width:71px;
height:22px;
margin-right:1px;
}

.template_portail #Header_search #btn_google {
background:transparent url(../../images/jahia/template_header_search_btnGoogle.png) no-repeat;
width:61px;
height:22px;
}

.template_portail #Header #Header_actions {
	position:absolute;
	z-index:1;
	top:214px;
	right:8px;
	font-size:12px;
	/*width:341px;*/
}

.template_portail #Header #Header_actions a{	
	width:20px;
	height:16px;
}

.template_portail #Header_actions img {
	margin-right:5px;
	margin-bottom:8px;
	vertical-align:middle;
}

.template_portail #Header_actions span {
	margin-top:3px;
}
.template_portail #Header #Accessibility {
}


		/* ############### COLONNE GAUCHE ############## */

/* Styles LISTE et TYPOS de type "Services en ligne"  ######################### */	
.template_portail .boxMenuli {
display:block;
list-style-type:none;
background: url(../../images/jahia/puce_liste.gif) no-repeat 0 0.60em;
padding: 0 0 6px 10px;
text-align:left;
font-family:Arial, sans-serif;
font-size:12px;
letter-spacing:-0.05em;
color:#666666;
}

/* Fleche fermer  Box Menu Gauche  ######################### */
.template_portail #Container .flecheHaut {
top:-17px;
right:3px;
width:13px;
height:13px;
background-image:url(../../images/jahia/portail_home_fleche_haut.png);
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
position:absolute;
z-index:1;
}

/* Styles  formulaires box Menu Gauche  ######################### */
.template_portail #Container .box .inputText {
width:130px;
padding:0 0 0 3px;
}

.template_portail #Container .box .inputButton {
width:100px;
height:22px;
margin:10px 0 0 19px;
background:transparent url(../../images/jahia/input_button_100px.png) no-repeat;
font-family:Arial , sans-serif;
font-size:11px;
color:#FFFFFF;
border:none;
padding-bottom:3px;
display:block;
}

.template_portail #Container .box .inputButton:hover {
background:transparent url(../../images/jahia/input_button_hover_100px.png) no-repeat;
margin:10px 0 0 19px;
}


.template_portail #Container .box .pictoChoix {
position:relative;
margin:-11px 0 0 125px;
}

/* Bordures Jointures Colonnes left et main ######################### */
.template_portail #Container .boxJoin {
position:absolute;
z-index:5000;
background-color:#FFFFFF;
margin-left:146px;
}



		/* ############### CONTAINER ############## */

.template_portail #Container {
	position:relative;
	/* MANTIS #7540 background-color: #C2C1C1; */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
}

/* Bordures ######################### */
.template_portail .btl, .template_portail .bbl, .template_portail .btr, .template_portail .bbr {
position:absolute;
z-index:1;
}

.template_portail #Container .btl {
top:0;
left:0;
width:5px;
height:5px;
background-image:url(../../images/jahia/template_container_border_top_left.png);
background-color: #E8E8E8;
}

.template_portail #Container .btr {
top:0;
right:0;
width:5px;
height:5px;
/* MANTIS #7540 - 20120227 - changement de margin pour box main pour voir le shadow et effacer le width:100%*/
/*background-image:url(../../images/jahia/template_container_border_top_right.png);
background-color: #E8E8E8;*/
}

.template_portail #Container .bbl {
width:5px;
height:5px;
_margin-top:-7px;
/* MANTIS #7540 - 20120227 - changement de margin pour box main pour voir le shadow et effacer le width:100%*/
/*background-image:url(../../images/jahia/template_container_border_bottom_left.png);
background-color: #E8E8E8;*/
}

.template_portail #Container .bbr {
right:0px;
width:5px;
height:5px;
_margin-top:-7px;
/* MANTIS #7540 - 20120227 - changement de margin pour box main pour voir le shadow et effacer le width:100%*/
/*background-image:url(../../images/jahia/template_container_border_bottom_right.png);
background-color: #E8E8E8;*/
}

.template_portail #Container .bt {
width:100%;
height:0px;
background-image:url(../../images/jahia/template_container_border_top.png);
background-repeat:repeat-x;
background-color: #E8E8E8;
}

.template_portail #Container .bl {
width:100%;
/*background-image:url(../../images/jahia/template_container_border_left.png);
background-repeat:repeat-y;*/
}

.template_portail #Container .br {
	/* MANTIS #7540 - hauteur min pour pousser la partie footer plus bas que le fond blanc. */
	min-height: 700px;
	/*padding: 10px 13px 10px 13px;
	width:100%;
	background-image:url(../../images/jahia/template_container_border_right.png);
	background-repeat:repeat-y;
	background-position:right;*/
}

.template_portail #Container .bb {
width:100%;
height:5px;
background-image:url(../../images/jahia/template_container_border_bottom.png);
background-position:bottom;
background-repeat:repeat-x;
background-color: #E8E8E8;
}


/* #################################################################################################### */
/* BOXES */
/* #################################################################################################### */
	
.template_portail #Container .box {
width:153px;
margin:0px 0px 10px 0px;
background:#fff /*url(../../images/jahia/Images/template_container_box_border_leftside.png) repeat-y left bottom;*/
}

.template_portail #Container .boxMain {
	/* MANTIS #7540 - 20120227 - changement de margin pour box main pour voir le shadow et effacer le width:100%*/
	/* width:100%; */		
	margin:0px 0px 10px 0px;
	background:#fff; /*url(../../images/jahia/Images/template_container_box_border_leftside.png) repeat-y left bottom;*/
	width:656px;
}

.template_portail #Container .boxRight {
	width:316px;
	/* MANTIS #7540 - 20120227 - changement de margin pour voir le shadow */
	margin:0px 0px 10px 0px;
	background:#fff; /*url(../../images/jahia/Images/template_container_box_border_leftside.png) repeat-y left bottom;*/
	padding-top:5px;
}


.template_portail #Container .boxTop {
width:100%;
height:21px;
/*background:url(../../images/jahia/Images/template_container_box_border_top.png) no-repeat left top;*/
}

.template_portail #Container .boxTop span {
display:block;
position:relative;
height:21px;
background:/*url(../../images/jahia/Images/template_container_box_border_top-right.png) no-repeat right top;*/
}

.template_portail #Container .boxCenterContent {
position:relative;
/* MANTIS #7540 - 20120227 - changement de padding pour box main pour voir le shadow */
padding:7px;
margin:0px;
}

.template_portail #Container #Main .sousMenuOnglets .boxCenterContent {
	margin-top:0px;
}

.template_portail #Container #Main .boxCenterContent {
	/*height:611px;*/
position:relative;
	margin-top:0px;
}

.template_portail #Container #Right .boxCenterContent {
	position:relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

.template_portail #Container .boxBottom {
width:100%;
height:5px;

}

.template_portail #Container .boxBottom span {
display:block;
position:relative;
height:5px;
}

.template_portail #Container .boxContent {
margin:0px;
padding:0px;
}



.template_portail #Left {
	float: left;
	width: 153px;
	padding: 0;
	position:relative;
}

.template_portail #Right {
	position:relative;
	float:right;
	width: 316px;
	padding: 0;	
}



/* Bordures container central */
.containerBox {
position:relative;
background-color:#ffffff;
margin:-1px 0px 1px 0;
}

.template_portail .containerBox .cctl, .template_portail .containerBox .cctr {
position:absolute;
z-index:1;
}


.template_portail #Container .containerBox .cctl {
top:0;
left:0;
width:11px;
height:23px;
background-repeat:no-repeat;
}

.template_portail #Container .containerBox .cctr {
top:0;
right:0;
width:11px;
height:23px;
background-repeat:no-repeat;
}

.template_portail #Container .containerBox  .cct {
width:100%;
height:23px;
}



		/* ############### BTN AVEC PICTO FLECHE ############## */
a.btn {
float:left;
background:url(../../images/jahia/bouton_general_left_fleche.png) no-repeat left 3px;
padding:0 0px 0 28px;
text-decoration:none;


}
a.btn:hover span {
	color:#CC0000;
}

a.btn span {
float:left;
display:block;
background:url(../../images/jahia/bouton_general_right.png) no-repeat right 3px;
margin-right:-8px;
padding:6px 8px 6px 3px;
line-height:16px;
}


/* MANTIS #7540 - efface overflow */
/*
.template_portail #Main {
min-width: 460px;
margin: 0px 326px 0px 160px; 

overflow:hidden;
}*/
.opera10 #Main {
	margin: 0px 326px 0px 8px !important;
}

.template_portail #Container .boxContentSpry {
margin:0px;
}
.template_portail #Footer {
	clear:both;
	/*border:#FF0000 1px dotted;*/
	padding: 5px;
	text-align: right;	
}

		/* ############### FOOTER ############## */

.template_portail #Footer .copyright {
	float:left;
	color:#FFFFFF;
	font-family:Arial, sans-serif;
	font-size:12px;
}

.template_portail #Footer span {
background-color:#929292;
color:#fff;
padding:0 5px 2px 5px;
}

.template_portail #Footer .separateur{
	display:inline;
	color:#d1d1d1;
	padding: 0 2px 0 2px;	
}

.template_portail #Footer span a {
color:#fff;
}

.template_portail #Footer a {
	color:#FFF;
	font-family:Arial , sans-serif;
	font-size:12px;
}

.template_portail #Footer a:hover {
	color:#CC0000;
}

/* #################################################################################################### */
/* COLONNE GAUCHE  */
/* #################################################################################################### */	


/* Styles LISTE et TYPOS sondage  ######################### */	
.template_portail #Container .box .titreSondage {
font-size:12px;
font-weight:bold;
color:#cc0000;
}

/* Sondage Box Menu Gauche  ######################### */
.template_portail .reponse, .template_portail .reponseValide {
font-size:9px;
color:#666666;
padding-left:3px;
height:14px;
line-height:14px;
margin:6px 0 6px -3px;
padding:0 0 0 3px;
width:139px;
letter-spacing:-0.05em
}

/* Sondage Box Menu Gauche validées ######################### */
.template_portail #Container #boxSondage ul {
margin-top:8px;
}

.template_portail #Container #boxSondage li {
	list-style:none;
	width:140px;
	padding-bottom:4px;
}


.template_portail #Container #boxSondage a{
font-size:12px;
color:#666666;
padding-left:3px;
height:10px;
margin:6px 0 6px -3px;
padding:4px 0 0 3px;
width:110px;
letter-spacing:-0.05em

}

.template_portail #Container #boxSondage a:hover {
text-decoration:none;
}

.template_portail #Container #boxSondage li:hover {
width:140px;
text-decoration:none;
background-image:url(../../images/jahia/portail_home_reponse_sondage.png);
background-repeat:no-repeat;
background-position:right;
}

.template_portail #Container #boxSondage .resultatSondage {
margin-top:8px;
}

.template_portail #Container #boxSondage .pourcentageSondage {
float:left;
margin:0;
position:relative;
width:2px;
}

.template_portail #Container #boxSondage .barreSondage {
height:10px;
margin-top:3px;
margin-left:35px;
background-color:#CC0000;
float:left;
background:url(../../images/jahia/portail_barre_sondage.png);
background-repeat: repeat-x;
}

.template_portail #Container #boxSondage #centPcent{
width:100px;
}

.template_portail #Container #boxSondage #cinquantePcent{
width:50px;
}

.template_portail #Container #boxSondage #vingtPcent{
width:20px;
}

#joinActu{
width:19px;
height:39px;
background:url(../../images/jahia/template_container_bm_join_background.png);
}

/* Box "Monaco Actualités" : positionnement du contenu ######################### */
.template_portail #Container #boxActus .boxContent {
margin: -12px 0 0px -16px;
}

/* Box "Monaco Pratique" : positionnement du contenu ######################### */
.template_portail #Container #boxPratique .boxContent {
margin: -2px 0px -5px -1px;
}


/* Box "Services en ligne" : positionnement du contenu ######################### */
.template_portail #Container #boxServices .boxContentSpry {
margin: -14px 0 4px -22px;
}

.template_portail #Container #boxServices .boxContentSpry .CollapsiblePanelContent {

}

.template_portail #Container #boxServices .boxContentSpry .boxContent {
margin:9px 0 0 15px;
}

/* Box "PagesJaunes" : positionnement du contenu ######################### */
.template_portail #Container #boxAnnuaire .boxContentSpry {
margin: -14px 0 4px -22px;
}

.template_portail #Container #boxAnnuaire .boxContent {
margin: 9px 0 0 6px;
}

/* Box "Sondage" : positionnement du contenu ######################### */
.template_portail #Container #boxSondage .boxContentSpry {
margin: -16px 0 4px -22px;
}

.template_portail #Container #boxSondage .boxContent {
margin: 0 0 0 4px;
}

/* Box "Newsletter" : positionnement du contenu ######################### */
.template_portail #Container #boxNewsletter .boxContentSpry {
margin: -16px 0 4px -22px;
}

.template_portail #Container #boxNewsletter .boxContent {
margin: 9px 6px 0 6px;
}

.template_portail #Container #boxNewsletter .boxContent p {
margin: 10px 0 0 -5px;
text-align:center;
}
.template_portail #Container #boxNewsletter a {
	text-decoration:none;
}

.template_portail #Container #texteLibre .boxCenterContent {
    padding-left:2px;
}

/* #################################################################################################### */
/* FORMULAIRES  */
/* #################################################################################################### */

.template_portail input {
border:solid;
border-width:1px;
border-color:#999;
color:#999;
font-family:Arial , sans-serif;
font-size:11px;
color:#666666;

}

.template_portail .bouton {
border:none;
}
.template_portail .bouton,
.template_portail a.btn,
.template_portail a#Valider,
.template_portail a.annuler
.template_portail input#Valider,
.template_portail input.annuler
.template_portail a.CommandeAnnuler
.template_portail input.CommandeValider   {
	cursor:pointer;
}


/* DC 20101006 - suppression des pieces qui ne marche pas avec ie6 pour le nouveau design */


/* DC 20101006 - FIN de suppression */

/* Diverses classes � r�utiliser */

.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */

float: right;
}

.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
float: left;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:left;
height:0;
font-size: 1px;
line-height: 0px;
}

/* pour mettre le box radio au centre de la home*/ 
.cntrModule{	
width: 180px; 
margin-left: 140px;
}

.colonnes2 {
width:48%;
text-align:justify;
}

h3 {
font-size:11px;
font-weight:bold;
color:#666;
margin:7px 0;
text-align:left;
}

#majPrixPanier {
	font-size:smaller;
	margin-bottom: 10px;
}

#charte {
	margin-top: 10px; 
	margin-left: 20px;
}

#charte a, a:link {
	color: rgb(234, 230, 230);
	text-decoration: underline;
}

#charte a:hover {
	color: #DE0023;
	text-decoration: underline;
}