/* FEUILLE DE STYLE */
/* Pour des config efficaces, voir http://css.maxdesign.com.au/listamatic/index.htm */

/* GENERAL */

html {
font-size: 80%;
}

body {
background: #3f3f3f;
margin: 0; /* pour éviter les marges */
padding: 0;
text-align: center; /* pour corriger le bug de centrage IE */
color: #000;
font-size: 1.0em;
line-height: 1.3em;
font-family: Arial, Sans-Regular, Sans-Serif;
/*overflow: -moz-scrollbars-vertical;*/
}

table {
color: #000;
font-size: 1.0em;
font-family: Arial, Sans-Regular, Sans-Serif;
}

img {
border: 0;
}

p {
padding: 0.3em 0;
margin: 0;
}

/*ul, ol {
list-style-position: inside;
}*/

ul {
/*list-style-position:inside;*/
}

li {
/*list-style-position:inside;*/
}

.right {
float:right;
}

.alignright {
text-align: right;
}

.left {
float:left;
}

.leftimg {
float:left;
margin: 5px 10px 5px 0;
}

.rightimg {
float:right;
margin: 5px 0px 5px 10px;
}

a {
text-decoration: underline;
color: #ff8500;
}

a:hover {
text-decoration: none;
}

a:visited {
color: #ff8500;
}

.lirelasuite {
text-align:right;

}
.lirelasuite a {
}
.lirelasuite a:hover {
}

#accueil .lirelasuite {text-align: right;}
#page_interieure .lirelasuite {text-align: right;}


/* fin GENERAL */


/* BLOCS LARGES */ 

#fond {
width: 100%;
margin: 0;
padding: 0;
text-align: left; /* on rétablit l'alignement normal du texte */
}

#conteneur {
width: 960px;
margin: 0 auto;
background: #fff;
}

/* fin BLOCS LARGES */ 


/* EN-TÊTE */

#header {
position: relative;
width: 100%;
height: 110px;
/*min-height: 100px;*/
background-image:url(../../layout/img/skyline.gif);
background-repeat:no-repeat;
background-position: 554px 100%;
}

#header p {
margin: 0px 0 5px 40px;
font-family: Arial, Sans-Regular, Sans-Serif;
font-weight: bold;
color: #3f3f3f;
font-size: 0.9em;
}

.logo {
margin: 15px 0 0 40px;
}

/* fin EN-TÊTE */ 


/* MENU TOP */

.active-menutop {
font-weight: bold;
} 

#menutop {
float: right;
font-size: 0.90em;
text-align: right;
margin: 5px 40px 0 0;
}

#menutop a {
text-decoration: none;
padding: 0 5px;
line-height: 24px;
}

#menutop a:hover {
text-decoration: underline;
}

/* fin MENU TOP */


/* MENU */
 
.rub-active {
font-weight: bold;
} 



#menu {
position: relative;
font-size:0.9em;
/*line-height:normal;*/
background: #fff9d7;
padding: 10px 0 0 0;
margin: 0 0 40px 0;
}

#menu ul {margin:0;padding:0px 0px 0 40px;list-style:none;height: 25px;}
#menu li {display:inline;margin:0;padding:0;text-align:center;}
#menu a {margin:0 2px 0 0;padding:0;text-decoration:none;text-align:center;}
#menu a {
width:132px;
float:left;
display:block;
padding:0;
color:#fff;
height: 25px;
line-height: 25px;
}

#menu #menu-1 a {
width:215px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */


#menu #menu-0 a {background:url("../../layout/img/tab_commune_out.jpg") no-repeat left top;}
#menu #menu-0 a:hover {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}
#menu #menu-0.rub-active a {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}

#menu #menu-1 a {background:url("../../layout/img/tab_entreprendre_out.jpg") no-repeat left top;}
#menu #menu-1 a:hover {background:url("../../layout/img/tab_entreprendre_over.jpg") no-repeat left top;}
#menu #menu-1.rub-active a {background:url("../../layout/img/tab_entreprendre_over.jpg") no-repeat left top;}

#menu #menu-2 a {background:url("../../layout/img/tab_commune_out.jpg") no-repeat left top;}
#menu #menu-2 a:hover {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}
#menu #menu-2.rub-active a {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}

#menu #menu-3 a {background:url("../../layout/img/tab_commune_out.jpg") no-repeat left top;}
#menu #menu-3 a:hover {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}
#menu #menu-3.rub-active a {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}

#menu #menu-4 a {background:url("../../layout/img/tab_commune_out.jpg") no-repeat left top;}
#menu #menu-4 a:hover {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}
#menu #menu-4.rub-active a {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}

#menu #menu-5 a {background:url("../../layout/img/tab_commune_out.jpg") no-repeat left top;}
#menu #menu-5 a:hover {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}
#menu #menu-5.rub-active a {background:url("../../layout/img/tab_commune_over.jpg") no-repeat left top;}

#menu ul li ul { visibility:hidden;position: absolute;left:40px;top:35px;background:#ff8500;margin:0 0 0 0;width: 845px;}
#menu ul li.rub-active ul { visibility:visible;}
#menu #menu-0.rub-active ul li a,
#menu #menu-1.rub-active ul li a,
#menu #menu-2.rub-active ul li a,
#menu #menu-3.rub-active ul li a,
#menu #menu-4.rub-active ul li a,
#menu #menu-5.rub-active ul li a {padding: 0 15px;margin: 0 40px 0 -40px; _margin-left:-20px; /* Pour IE6 */ background-image: none;color: #fff;height: 25px; line-height: 25px;width: auto;}

#menu #menu-0.rub-active ul li a:hover,
#menu #menu-1.rub-active ul li a:hover,
#menu #menu-2.rub-active ul li a:hover,
#menu #menu-3.rub-active ul li a:hover,
#menu #menu-4.rub-active ul li a:hover,
#menu #menu-5.rub-active ul li a:hover {background: #ff6a23;}

#menu #menu-0 ul li a.page-active,
#menu #menu-1 ul li a.page-active,
#menu #menu-2 ul li a.page-active,
#menu #menu-3 ul li a.page-active,
#menu #menu-4 ul li a.page-active,
#menu #menu-5 ul li a.page-active {background: #c9015c;font-weight: bold;}



/* fin MENU */



/* CONTENU SUP */

#contenu-sup {
width: 100%;
margin: 10px 0px 0 0;
/*position: relative;*/
/*min-width: 1020px ;*/
}

/* fin CONTENU SUP */



/* BLOCS LATERAUX */ 

#bloc {
font-size: 0.9em;
/*line-height: 1.3em;*/
width: 245px;
margin: 0px 36px 0 0;
_margin-right : 15px; /* Pour IE6 */
position: relative;
float: right;
border: 0px solid #000;

/* Pour menu vertical */
/*padding: 0;*/

/* Pour menu horizontal */
padding: 0px 0 0 0; 

}

#blocs_accueil .bloc_single {
background: #fff9d7;
margin: 0 0 10px 0;
padding: 5px 15px;
}
#blocs_accueil .bloc_single h1 {
margin: 5px 0;
padding: 0;
}
#blocs_accueil .bloc_single p {
Padding-top: 2px;
}

#blocs_page_interieure .bloc_single {
background: #fff;
margin: 0 0 10px 0;
padding: 5px 5px;
}
#blocs_page_interieure .bloc_single h1 {
background: #fff9d7;
margin: 0 0 5px 0;
padding: 2px 15px;
}
#blocs_page_interieure .bloc_single p {
margin-left: 15px;
margin-right: 15px;
padding-top: 2px;
/*padding-left: 65px;*/
}

#blocs_page_interieure .bloc_single img {
margin-left: 15px;
}


#bloc a {}
#bloc a:hover {}
#bloc a:visited {}

/* fin BLOCS LATERAUX */ 





/* CONTENU */

#contenu {
background: #fff;
padding: 0 305px 10px 40px; 
margin: 0;
}

h1 {
font-size: 1.2em;
font-weight: bold;
color: #c9015c;
margin: 0px;
padding: 10px 0;
}

#accueil p {
text-align: justify;
}

#page_interieure h1 {
font-size: 1.3em;
background: #f5f5f5;
color: #ff8500;
padding: 25px 20px 10px 10px;
margin: 0 0 10px 0;
}
#page_interieure h2 {
font-size: 1.1em;
color: #c9015c;
padding: 10px 20px 10px 40px;
margin: 0;
}
#page_interieure h3 {
font-size: 1.0em;
color: #3f3f3f;
padding: 10px 20px 0px 40px;
margin: 0;
}
#page_interieure p {
padding: 5px 20px 5px 50px;
margin: 0;
text-align: justify;
}
#page_interieure ul {
padding: 5px 20px 5px 80px;
margin: 0;
text-align: justify;
list-style-position: outside;
}
#page_interieure table {
margin: 5px 20px 5px 50px;
border-spacing: 0;
border : 1px solid #ff8500;
}

#page_interieure table.tarifs{
	margin:10px 0;
	width:100%;
	border:none;
}

#page_interieure table th {
font-weight: bold;
color: #fff;
background: #ff8500;
}
#page_interieure table th, td {
text-align: right;
padding: 1px 10px 1px 50px;
}

#page_interieure table.tarifs th, td{
	text-align:left;
	padding:5px 10px;
}

#page_interieure table tr.impair {
background: #f5f5f5;
}



#page_interieure div.tarif{
	width:190px;
	float:left;
	margin:0 0 0 15px;
}
#page_interieure div.tarif .prix{
	display:block;
	background:#C9015C;
	text-align:center;
	color:#fff;
	font-size:16px;
	padding:5px 0;
	margin:0 0 5px;
}
#page_interieure div.tarif ul{
	display:block;
	height:200px;
	padding:10px 10px 10px 20px; 
	border:1px solid #ccc;
	text-align:left;
}




#page_interieure table#formulaire{
	float:right;
	border:1px dashed #bbb;
}
#page_interieure table#formulaire input{ width:96%; }
#page_interieure table#formulaire input.submit{
	cursor:pointer;
	padding:3px 20px;
	background:#FF8500;
	color:#fff;
	width:100px;
	border:none;
	float:right;
	clear:both;
}




#note { font-size: 0.9em; margin: 20px 0 0 0; border-top: 1px solid #3f3f3f;}
#note h1 { padding: 10px 20px 10px 40px; background: none; margin: 0;}

#produit { font-size: 0.9em; margin: 20px 0 0 0; border-top: 1px solid #3f3f3f;background:#f5f5f5;}
#produit h1 {padding: 10px 20px 10px 40px; background: none; margin: 0;}







#contenu-cartouche-ppal {
text-align: justify;
background: #f5f5f5;
padding: 10px 25px;
margin: 0 0 5px 0;
font-size: 0.9em;
}

.bloc_cartouche_accueil {float: left; width: 280px; padding: 0px; margin: 0;text-align: justify;font-size: 0.9em;}
.bloc_cartouche_accueil2 {width: 280px; padding: 0px; margin: 0 0 0 325px;text-align: justify;font-size: 0.9em;}

.ariane {
font-size: 0.9em;
background: #f5f5f5;
color: #3f3f3f;
padding: 5px 10px;
}

.ariane a {
color: #3f3f3f;
}

/* fin CONTENU */





/* PIED DE PAGE */ 

#footer {
width: 100%;
font-size: 0.9em;
padding: 5px 0 5px 0;
margin: 20px 0 0 0;
color: #3f3f3f;
background: #f5f5f5;
clear: both;
text-align: center;
border-top: 0px solid #3f3f3f;
}


#footer a {color: #3f3f3f;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer a:visited {color: #3f3f3f;}


/* fin PIED DE PAGE */ 


/* FORMULAIRE */

form#formulaire { margin: 0px 20px 5px 20px;width: 300px;float: right;}
form#formulaire fieldset	   { border: 1px dashed #3f3f3f; padding: 10px;}
form#formulaire legend		   { padding: 1px 4px; background: #fff;}
form#formulaire label {  margin-top: .2em; cursor: pointer; }
form#formulaire p	   { text-align: right; font-size: 0.9em; margin: 0;padding:2px 0;}
form#formulaire input[type="text"] { font-size: 0.9em; width: 120px; }
form#formulaire textarea { width: 200px; height: 100px;font-size: 1.0em;font-family: Arial, Sans-Regular, Sans-Serif;}
form#formulaire input[type="text"]#antispam {width: 50px;}

/* fin FORMULAIRE */

/* DIVERS */

.clearleft { clear: left;margin:0;padding:0; }
.clearright { clear: right;margin:0;padding:0; }
.clear { clear: both; }

strong {color: #3f3f3f;}

.messageok {
color: #008000;
font-weight: bold;
}

.small {
font-size: 0.9em;}

/* fin DIVERS */