/* balises redéfinies */
#ref {
	display: none;
	visibility: hidden;
	position: absolute;
}

body {
	margin : 0 auto;
	background : #495C82;
	}
body.popup {
	background: #495C82 url(images/logo.gif) no-repeat top center;
	margin-top:60px;
}
body, td, p, blockquote, input, textarea, select, option, ul, li {
	font-family : "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size : 11px;
	color : #553F32;
	}
		
a {
	color: #FF6700;
	text-decoration : none;
	}

a:hover {
	text-decoration : none;
	color : #EC3A17;
	}
	
p {
	margin : 0;
	padding : 0;
	text-align : justify;
	}
	
form {
	margin : 0;
	padding : 0;
	}
	
/* paragraphes */
	
h1 { 
	margin : 5px 10px 0 0px;
	padding : 0 0 0 0px;
	color : #366B7F;
	font-size : 18px;
	font-weight : normal;
	font-family : "Arial", "Helvetica", "sans-serif";
	}

h2 {
	margin : 10px 10px 5px 10px;
	padding : 3px 5px 3px 5px;
	font-size : 16px;
	font-weight : strong;
	color : #38477E;
	background : #98ABD3 url(images/angle.gif) no-repeat right top;
	font-family : "Arial", "Helvetica", "sans-serif";
	}

h2 a { 
	color : #38477E;
	}

h2 a:hover { 
	color : #FFFFFF;
	}

#contenu h2 { 
	margin: 3px 0 10px 3px;
	color: #FFFFFF;
	}

#nav h2 a {
	font-weight : normal;
	color : #38477E;
	}
	
#nav h2 a:hover {
	color : #FFFFFF;
	background : transparent;
	}
	
	
h3 {
	margin : 5px 0 0 0;
	padding : 0;
	color : #366B7F;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	font-family : "Arial", "Helvetica", "sans-serif";
}
body.mailing h3 {
	font-size: 14px;
	margin: 5px 0 10px 0;
}
h4 {
	margin:3px 0px;
	font-size:11px;
}

hr {
	clear: left;
}
/* liens */	
	
#nav.plus {
	margin-left : 0px;
	font-weight : normal;
	color : #FF6700;
	}
	
#nav a.plus:hover {
	color : #EC3A17;
	background : #FFFFFF url(images/plus.gif) no-repeat left center;
	}
#contenu a.plus {
	padding-left : 20px;
	background-position: 3px center;
}
.prix {
	padding : 0;
	margin : 0;
	font-size : 22px;
	font-weight : bold;
	color : #EC3A17;
	font-family : "Arial", "Helvetica", "sans-serif";
	line-height : 0.9em;
	}


.jour {
	display : block;
	padding : 0;
	margin : 0;
	font-size : 18px;
	font-weight : bold;
	color : #366B7F;
	font-family : "Arial", "Helvetica", "sans-serif";
	line-height : 1em;
	}

.ht {
	padding : 0;
	margin : 0;
	font-size : 10px;
	font-weight : normal;
	color : #553F32;
	}
	
.plus, .plus a {
	display : block;
	padding-left : 17px;
	margin : 10px 0;
	font-size : 10px;
	color : #FF6700;
	background : url(images/plus.gif) no-repeat left center;
}
.zoom, .zoom a {
	display : block;
	padding-left : 17px;
	font-size : 10px;
	color : #92B600;
	background : url(images/zoom.gif) no-repeat left center;
	}

.contenu-presentation {width:360px; background:#fff url(../images/bg_presentation.jpg) no-repeat;}	
ul.liste {margin:0; padding-top:75px; padding-left:10px;}
ul.liste li {height:30px; list-style:none; color:#FF6700; font-style:italic;}
span.titre {float:left; width:110px; background:url(../images/bg_li_presentation.jpg)no-repeat bottom left; font-weight:bold; padding-left:35px; text-transform:uppercase; color:#5c7eb5;}
span.texte {float:right; width:205px; text-align:right;}

.logos {width:360px;}
.logos .gauche  {float:left; width:80px; padding-right:35px; margin-bottom:10px;}
.logos a  {border:none;}
.logos img  {border:none;}

	
#copyright {
	text-align : center;
	padding : 0 0 5px 0;
	margin : 0;
	font-size : 10px;
	color : #FFFFFF;
	background : #495C82;
	}
	
#copyright a {
	color : #FFFFFF;
	font-family: "Nadianne";
	font-size: 12px;
	}
	
#copyright a:hover {
	color : #92B600;
	}
	
#nav a.tarif {
	display : block;
	margin :  5px 0 8px 10px;
	padding : 5px 0 5px 40px;
	background : url(images/tarif.gif) no-repeat left center;
	}
	
#nav a.tarif:hover {
	color : #FFFFFF;
	background : #FFFFFF url(images/tarif.gif) no-repeat left center;
	}
			
/* id */
#conteneur {
	margin : 0 0 0 8px;
	padding : 0;
	width : 750px;
	background : #FFFFFF;
	}
	
#ombre {
	margin : 0 auto;
	padding : 0;
	width : 766px;
	background : #FFFFFF url(images/ombre_fond.gif) repeat-y left;
	} 

body.popup #ombre {
	width : 400px;
	text-align: center;
	background-image: #FFFFFF url(images/ombre_fond_popup.gif);
}
body.popup #ombre h3 {
	font-size: 16px;
	margin: 10px;
	text-align: center;
}

#bando {
	margin : 0 auto;
	padding-bottom: 2px;
	width : 766px;
	height : 66px;
	background : #495C82 url(images/ombre_bando.gif) no-repeat left bottom;
	}
		
#nav {
	float : left;
	width : 191px;
	margin : 0;
	padding : 0;
	text-align : left;
	background : url(images/point.gif) repeat-y top right;
	}

#nav a {
	margin : 0 10px 0 10px;
	display : block;
	color : #553F32;
	font-weight : bold;
	line-height : 1.4em;
	}
#nav a.exergue {
	color:#FF6700;
}
#nav a.exergue:hover, #nav a.exergue.selected {
	background : #98ABD3 ;
	color : #FFFFFF;
	}
	
	
#nav a.ftp {
	color: #FFFFFF;
	background : #98ABD3;
}
			
#nav a:hover, #nav a.selected {
	background : #FF6700;
	color : #FFFFFF;
	}

	
#boite, .detail {
	margin : 10px 10px 5px 10px;
	padding : 0 0 5px 0;
	border-bottom : 1px solid #000000;
	text-align : left;
	font-weight : normal;
	}
#boite p {
	text-align : left;
}
p.description {
}
#boite img {
	float : left;
	margin : 2px 7px 0 0;
	padding : 0;
	border: 0;
	}
.detail {
	border: 0;
}
hr {
	border: 0;
	border-bottom : 1px solid #000000;
	width: 90%;
	text-align: center;
}

.detail #boite {
	float: left;
	border: 0;
}
.detail h3 {
	font-size: 15px;
	margin-bottom: 10px;
}
.detail img {
	margin-bottom: 10px !important;
}

table.tarifs {
	border-collapse: collapse;
	border-top: 1px solid #98ABD3;
	background : #98ABD3;
}
table.tarifs caption {
	width: 50%;
	font-weight: bold;
	text-align: left;
	padding: 5px;
}
table.tarifs td, table.tarifs th {
	border: 1px solid #FFF;
	width: 10%;
	text-align: center;
	padding: 5px 0;
}
.tarifs_mentions {
	text-align: right;
	font-style: italic;
}
#azur {
	margin : 0 10px 0 10px;
	font-size : 10px;
	line-height : 1em;
	}
	
#azur a {
	margin : 0;
	}
	
#azur a:hover {
	color : #18516F;
	background : #FFFFFF;
	}
		
#centre {
	float : left;
	width : 384px;
	margin : 0;
	padding : 0;
	background : url(images/pointille.gif) repeat-y;
	text-align : left;
	}
	
#centre p {
	padding : 0 15px 0 15px;
	}
	
#centre p img {
	padding : 0;
	margin : 0;
	}
	
#centre h2 {
	margin : 10px 10px 5px 1px;
	}

#centre a.tarif {
	display : block;
	margin :  5px 0 8px 0px;
	padding : 12px 0 12px 45px;
	background : url(images/index_tarif.gif) no-repeat left center;
	color : #553F32;
	font-weight : bold;
	}
	
#centre a.tarif:hover {
	color : #FFFFFF;
	}

#contenu {
	float: left;
	width: 505px;
	padding : 5px 0 0 10px;
	}
body.mailing #contenu {
	margin-left: 0;
	background: none;
}
#side {
	float : right;
	width : 160px;
	margin : 0;
	padding : 10px;
	text-align : left;
	}
#side h2 {
	margin: 5px 0px 10px 0;
 }

#carte {
	margin : 0;
	padding : 0 5px 5px 5px;
	text-align : center;
	font-weight : bold;
	color : #8D9CC1;
	font-size : 13px;
	}
	
#carte p {
	font-size : 12px;
	text-align : center;
	}
	
#bas_page {
	clear : both;
	margin : 0 auto;
	padding : 0 8px 0 8px;
	background : url(images/ombre_bas.gif) no-repeat center bottom;
	}
body.popup #bas_page {
	background-image: url(images/ombre_bas_popup.gif);
}
#snav {
	clear : both;
	margin : 0 auto;
	padding : 0 8px 13px 8px;
	background : url(images/ombre_bas.gif) no-repeat center bottom;
	font-family : "Arial", "Helvetica", "sans-serif";
	font-size : 10px;
	text-align : center;
	line-height : 1.2em;
	}
	
#snav div {
	margin : 0 auto;
	padding : 5px;
	background : #98ABD3;
	}
		
#snav a {
	color : #553F32;
	}
	
#snav a:hover {
	color : #18516F;
	}

/* formulaires */
input, textarea {
	width: 200px;
	border : 1px solid #3C558D;
	padding: 0px 2px 0px 2px;
	cursor : hand;
	}

input.submit, input.reset {
	width: 100px;
	padding : 5px 0 3px 0;
	background : none url(images/submit.gif) no-repeat;
	border : none;
	cursor : hand;
	font-size : 10px;
	font-weight : bold;
	letter-spacing : 0.1em;
	}
	
.champlettreinfo {
	width: 145px;
	background: #C2CDE4;
	border: 1px solid #7488B3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:2px 3px 5px 3px;
	margin-top:0px;
}

input.m_index {
	width:100px;
	height:174;
	font-size:10px;
	padding-bottom:2px;
	
}
button.m_index {
	border:none;
	background-color:#C2CDE4;
	margin-left:0px;
	padding-left:0px;
}

input.checkbox {
	width:auto;
	border:none;
}



/*** actualites ***/
form.menu_themes select{
	margin:0px;
	padding:0px;
	margin-left:3px;
}

.button {
	background-color:transparent;
	border:none;
	padding-top:5px;
	color:#FF6700;
	font-weight:bold;
	cursor:pointer;
	padding:0px;
	margin:0px;
}

.next {
	text-align:right;
	display:block;
}

.sousnav {
	padding:10px;
}
.sousnav a.prev {
	float:left;
}
.sousnav a.next {
	float:right;
}
img.gauche  {
	float:left;
	padding-right:10px;
}
img.droite  {
	float:right;
	padding-left:10px;
}

fieldset.fichiers  li a.plus#lien {
	margin:0px;
}
fieldset.fichiers legend {
	color:#366B7F;
	margin-bottom:5px;
}
fieldset.fichiers {
	margin-top:10px;
	padding:4px;
	border:1px solid #366B7F;
}
fieldset.fichiers ul, fieldset.fichiers ul li {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}
img.icone {
	padding:2px;
	vertical-align: middle;
}


/*** formulaire de contact ***/
.contact fieldset {
	border: solid 1px #285E84;
	padding: 5px;
	margin-bottom: 15px;
	width:400px;
}
.contact fieldset legend {
	color : #366B7F;
	font-size : 11px;
	font-weight : bold;
	font-family : "Arial", "Helvetica", "sans-serif";
	padding: 2px;
}
div.row {
	clear: both;
	padding-top: 10px;
}
.contact fieldset label {
	float: left;
	text-align: right;
}

.contact fieldset input, .contact fieldset textarea, .contact fieldset select {
	float: right;
	text-align: left;
	background-color: #FFFFFF;
	border: solid 1px #7380A8;
	width: 200px;
	margin-right:50px;
	font-size:10px;
	cursor:default;
}
.contact fieldset input.submit {
	border: solid 1px #7380A8;
	padding:2px;
	color:#FFFFFF;
	background-color:#7380A8;
	text-align:center;
	margin:3px;
	width:auto;
}
.missing {
	border: dashed 1px #CC3300;
}

.bleu {
	color:#7380A8;
}
p.cnil {
	font-size:10px;
	margin-top:10px;
	width:400px;
}

p.erreur {
	color:#CC3300;
	font-weight:bold;
	padding-bottom:10px;
}

/*** page newsletter ***/

.radio {
	float:none;
	width:auto;
	border:none;
	margin:0px;
	padding:0px;
}

.mailing {
	margin-top:0px;
}

.mailing input.submit {
	width:auto;
	padding:1px;	
}	

.mailing fieldset input#inscription, .mailing fieldset input#desinscription {
	width:auto;
	float:none;
	border:none;
	vertical-align:middle;	
}

.mailing fieldset label.inscription, .mailing fieldset label.desinscription {
	float:left;
	text-align:left;
}

.mailing fieldset label.desinscription {
	margin-left:17px;
}


/*** liens ***/
.liens {
	
}
.contact-accueil {
	font-size: 9px;
}
.ligne {
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;

}
.colonne-gauche {
	float: left;
	width: 240px;
	margin-right: 10px;
}
.colonne-droite {
	width: 240px;
	margin-left: 10px;
	float: right;

}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}