
.CommandesCheckIn {
	background-color:#958970;
	padding: 5px;
	color:#FFF;
}


* {
	padding: 0;
	margin: 0;
}

h2,
.componentheading {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 5px 20px 5px 10px;
	margin: -5px 0 5px 0;
	background-color:#f7f3ed;
	line-height: 16px;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 0px 20px 5px 30px;
}

.focus {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 0px 0px 0px 30px;
}

h4 {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	padding: 5px 20px 5px 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	line-height: 16px;
}

h5 {
	font-size: 9px;
	font-weight: normal;
	color: #333;
	padding: 0px 20px 5px 30px;
}

h6 {
	font-size: 9px;
	font-weight: normal;
	color: #333;
	padding: 0px 0px 0px 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	line-height: 16px;
}

#content {
	background: transparent url(../images/BG-MainTexte2.gif) top left repeat-y;
}

#content a,
a.InternLinks {
	color:#36C;
	font-weight:bold;
	text-decoration: none;
}

#content a:hover,
a.InternLinks:hover{
	color:#28448A;
	font-weight:bold;
	text-decoration: none;
}

#content ul {
	list-style-type: none;
	margin-left: 32px;
	font-weight: bold;
	color: #333;
}

#content ul li {
	display: block;
	margin: 0 0 4px 0;
	background: url(../images/BG-puce.gif) 0 5px no-repeat;
	padding: 0 0 0 8px;
}

.img-left{
	margin: 5px 10px 5px 0px;
	border: #fff 10px solid;
	float: left;
}

.img-right{
	margin: 5px -20px 5px 10px;
	border: #fff 10px solid;
	float: right;
}

.img-middletop{
	margin: 5px -20px 5px 10px;
	border: #fff 10px solid;
	float:none;
	vertical-align:bottom;
}

.buttonheading a img {
	border:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 11px;/*    color: #425145;	*/
	background-image: url(../images/BG.jpg);
}

img.cadre-blanc {
	border: 5px;
	background-color:#fff;
	}


/*--------------------------------------------*/
/*--------------------------------------------*/
/*------------STYLE STRUCTURE TD & TABLE--------*/

.cadre_blanc_droit {
	width: 150px;
	padding: 12px;
	border-width: 0px 10px 10px 1px;
	border-style: solid solid solid dotted;
	border-color: #FFF #FFF #FFF #666;
	background-color:#F7F3ED;
}

.cadre_blanc_gauchebas {
/*	width: 370px;
*/	padding: 0px 12px 12px 12px;
	border-width: 0px 0px 10px 10px;
	border-style: solid solid solid solid;
	border-color: #FFF #FFF #FFF #FFF;
	background-color:#F7F3ED;
	vertical-align: top;
}

.cadre_blanc_gauchehaut {
	/*	width: 370px;
*/	padding: 12px 12px 0px 12px;
	border-width: 0px 0px 0px 10px;
	border-style: solid solid solid solid;
	border-color: #FFF #FFF #FFF #FFF;
	background-color:#F7F3ED;
	height: 50px;
	margin: 0 0 10px 0;
}

.cadre_menu {
	width: 250px;
}

.pattern_Blue {
	background-image:url(../images/PatternBlue.jpg);
	height: 13px;
}

.pattern_beige {
	background-image:url(../images/BG_nav.jpg);

}

.pattern_beige_main {
	background-image:url(../images/BG_SepMain.jpg);

}



/*--------------------------------------------*/
/*--------------------------------------------*/
/*------------STYLE STRUCTURE INPUT BOX--------*/

.loggin_box {
	vertical-align:middle;
	display:inline;
	font-size: 9px;
	font-weight: bold;
	margin-top: -10px;
	padding-left: 50px
	background: transparent url(../images/Arrow_Top.jpg) top left no-repeat;
/*	height: 12px;
*/}

.inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin-top: -10px
/*	height: 9px;
*/}

.inputbox_valid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
/*	height: 8px;
*/	margin-top: 3px;
}


/*--------------------------------------------*/
/*--------------------------------------------*/
/*------------STYLE STRUCTURE COLONNE DROITE--------*/

#content_right {
	background-color:#EAE7E1;
	padding: 5px;
}

.titre_right {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	padding: 6px 0px 4px 0px;
}
.txt_right {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
}

.txt_right-Manare {
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding: 0px 5px 5px 5px;
}

.links_right {
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
	padding-left: 25px;
	background: transparent url(../images/Arrow_Right.gif) top left no-repeat;
	line-height: 16px;
}

.links_right_CommandeCheckIn {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	padding-left: 25px;
	background: transparent url(../images/Arrow_Right_CommandeCheckIn.gif) top left no-repeat;
	line-height: 16px;
}


.links_right-Manare a{
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	padding-left: 25px;
	background: transparent url(../images/Arrow_Right-Manare.gif) top left no-repeat;
	line-height: 16px;
}

.right_sep {
	background-color:#CCC;
}

.PictoCommandesCheckIn {
	background-image:url(../images/PICTO/PictoCommandeCheckIn.gif);
	height: 50px;
}

.PictoAgenda {
	background-image:url(../images/PICTO/PictoAgenda.gif);
	height: 36px;
}

.PictoNewsLetter {
	background-image:url(../images/PICTO/PictoNewsLetter.gif);
	height: 55px;
}

.PictoRegardActu {
	background-image:url(../images/PICTO/PictoRegardActu.gif);
	height: 55px;
}

.PictoRegard {
	background-image:url(../images/PICTO/PictoRegard.gif);
	height: 55px;
}

.PictoAdresses {
	background-image:url(../images/PICTO/PictoAdresses.gif);
	height: 42px;
}

.PictoManare {
	background-image:url(../images/PICTO/PictoManare.gif);
	height: 108px;
}



/*--------------------------------------------*/
/*--------------------------------------------*/
/*------------- STYLE TXT INTÉRIEUR ----------*/


.buttonheading {
	border: 0px;
}

.main_sep_vertical {
	width: 15px;
}

.main_titre {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 0px 20px 5px 10px;
}

.main_txt {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 0px 20px 0px 30px;
	background: transparent url(../images/BG-MainTexte.gif) top left no-repeat;
}


/*--------------------------------------------*/
/*--------------------------------------------*/
/*----------------STYLE MENU LEFT-------------*/

#sidebar_left {
	width: 175px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	margin-left: 20px;
}

#sidebar_left li{
	list-style:none;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: transparent url(../images/BG_MenuLeft.gif);
	padding-top: 1px;
}

#sidebar_left li:hover{
	background: transparent url(../images/BG_MenuLeft-Over.gif) top left no-repeat;
	color: #FFF;
	font-weight: bold;
}

#sidebar_left a{
	margin-left: 15px;
	color: #333;
	text-decoration: none;
}

#sidebar_left a:hover{
	margin-left: 15px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.moduletable-Menu-Vivre {
	background: transparent url(../images/MenuLeft-Titre-Vivre.gif) top left no-repeat;
	padding-top: 28px;
	margin-top: 10px;
}

.moduletable-Menu-Pratique {
	background: transparent url(../images/MenuLeft-Titre-Pratique.gif) top left no-repeat;
	padding-top: 28px;
	margin-top: 10px;
}

.moduletable-Menu-Decouvrir {
	background: transparent url(../images/MenuLeft-Titre-Decouvrir.gif) top left no-repeat;
	padding-top: 28px;
	margin-top: 10px;
}

.search {
	padding: 7px 0px 7px 0px;
}

.bgsearch {
	background-image:url(../images/WrapperSearch.gif);
	height: 20px;
}


/*--------------------------------------------*/
/*--------------------------------------------*/
/*-------------STYLE MENU INT-----------------*/

#ssmenu {
	text-align: left;
	color: #333;
	margin-top: -8px;
	width: 410px;
}

#ssmenu a{
	text-align: left;
	font-weight: bold;
	color: #333;
}

#ssmenu a:hover{
	text-align: left;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#ssmenu li {
	list-style:none;
	height: 15px;
	margin-left: 25px;
	background: transparent url(../images/BG_MenuInt.gif) top left no-repeat;
	padding-left: 15px;
}

#MenuInt {
	height: 40px;
}

#MenuInt-Grandir {
	background-image:url(../images/MenuInt-Grandir.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Mairie {
	background-image:url(../images/MenuInt-Mairie.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Social {
	background-image:url(../images/MenuInt-Social.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Travailler {
	background-image:url(../images/MenuInt-Travailler.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Divertir {
	background-image:url(../images/MenuInt-Divertir.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Environnement {
	background-image:url(../images/MenuInt-Environnement.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Installer {
	background-image:url(../images/MenuInt-Installer.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Deplacer {
	background-image:url(../images/MenuInt-Deplacer.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Adresses {
	background-image:url(../images/MenuInt-Adresses.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Demarches {
	background-image:url(../images/MenuInt-Demarches.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Numeros {
	background-image:url(../images/MenuInt-Numeros.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Localisation {
	background-image:url(../images/MenuInt-Localisation.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Cadre {
	background-image:url(../images/MenuInt-Cadre.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Patrimoine {
	background-image:url(../images/MenuInt-Patrimoine.gif);
	height: 40px;
	margin-top: -7px;
}

#MenuInt-Bienvenue {
	background-image:url(../images/MenuInt-Bienvenue.gif);
	height: 40px;
	margin-top: -7px;
}

#edito {
	margin-left: 25px;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*-----------------FIL D'ARIANE---------------*/


.pathway a:hover{
	text-align: left;
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
}

.pathway a:visited{
	text-align: left;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*--------------------------------------------*/

#nav {
	text-align: left;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333;
}

#header-vivre {
	width: 633px;
	height: 148px;
	text-align: left;
	background-image:url(../images/VisuTop-01.jpg);
}

#header-pratique {
	width: 633px;
	height: 148px;
	text-align: left;
	background-image:url(../images/VisuTop-02.jpg);
}

#header-decouvrir {
	width: 633px;
	height: 148px;
	text-align: left;
	background-image:url(../images/VisuTop-03.jpg);
}

#content {
	width: 450px;
    text-align: left;
	vertical-align: top;
	valign: top;
	margin-left: -10px;
}


#footer {
	background-color:#FF33CC;	/*Magenta*/
    text-align:center;
    border-top: 1px solid #e2e2e2;
    border-botom: 1px solid #e2e2e2;
    padding: 5px;
}
#edito {
	width: 360px;
}
.tableactu {
	height: 90px;
	background: transparent url(../images/VisuActu.jpg) top right no-repeat;
	background-color:#f7f3ed;
}
.tablefocus {
	height: 100px;
}
#space {
	height: 12px;
	background-color:#f7f3ed;
}
#ContentFocus {
	display:block;
}
.Focus {
	float:left;
	width: 222px;
}
.FocusTitre {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 0px 20px 5px 10px;
	background-color:#f7f3ed;
}
.FocusTxt {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 0px 5px 5px 30px;
	background: transparent url(../images/BG-MainTexte.gif) top left no-repeat;
}
.TxtPDP {
	font-size: 9px;
	color: #333;
	background: transparent url(../images/Arrow-PDP.gif) top left no-repeat;
	padding: 4px 0px 5px 20px;
}

a.TxtPDP{
	font-size: 9px;
	color: #333;
	padding: 0px 0px 0px 0px;
}