@charset "utf-8";
/* CSS Document */

/**
 * Balises natives
 */
* {
	margin: 0;
	padding: 0;	
	}
html {
	background: url('images/fond_deg.jpg') repeat-x;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center;
	}
#page {
	width: 1024px;	
	margin: 10px auto 0 auto;
	background-color: #FFFFFF;
	text-align: left;
	background-image: url('images/haut_page.png');
	background-repeat: repeat-x;
	}
h1 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	margin: 20px 0 20px 10px;
	font-size: 2em;
	padding-bottom: 10px;
	letter-spacing: 1px;
	border-bottom: 1px dotted;
	}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 1px;
	margin: 20px 0 10px 10px;
	font-size: 1.6em;
	}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 1px;
	margin: 10px 0 10px 10px;
	font-size: 1.2em;
	}

p {
	margin: 0 0 8px 10px; 
}
a {
	color: #666;
	}
a:hover {
	color: #d0724c;
	}
img {
	border: none;
	}
form {
	margin: 0 0 0 10px; 
}
input {
	padding: 3px 0px 3px 3px;
	letter-spacing: 1px;
	border: 2px solid #bbb;
	}
input:focus {
	background-color: #EEE;
	}

textarea {
	padding: 3px 0px 3px 3px;
	letter-spacing: 1px;
	border: 2px solid #bbb;
	}
textarea:focus {
	background-color: #EEE;
	}
ul {
	margin: 0 0 15px 0;
	}

li {
	margin: 0 0 5px 35px;
	}	
td {
	padding: 10px;
	cursor: pointer;
	}

abbr[title], acronym[title], .help {
	border-bottom: 1px dotted;
	cursor: help;
	}

.spacer {
	line-height: 0;
	clear: both;
	}
.center{
	text-align: center;
	}
.italique {
	font-style: italic;
	}

/**
 * Balise génériques
 */
.h2txt {
	padding: 0 0 5px 10px;
	border-bottom: dotted 1px;
	}

/**
 * Messages
 */
.mess_conf {
	margin: 0 50px 20px 50px;
	padding: 0.2em;
	background-color: #00aa00;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	border: solid 2px #00ff00;
	}

.mess_err {
	margin: 0 50px 20px 50px;
	padding: 0.2em;
	background-color: #aa0000;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	border: solid 2px #ff0000;
	}

/**
 * Balises du logo
 */
#logo {
	display: table;
	margin: 0 0 0 40px;
	padding: 20px 0 0 0;
	text-align: left;
}
#logo p {
	display: table-row;
	} 
#logo p span {
	display: table-cell;
	vertical-align: middle;
	font-size: 2em;
	letter-spacing: 3px;
}
#logo img {
	margin: 0 20px 0 0;
	}

/**
 * Balises centre de page
 */
#contenu {
	margin: 0 40px 0 40px;
	text-align: left;
}
#intro {
	display: table;
	width: 99%;
	margin: 0 0 10px 10px;
	background-color: #eee;
	}
#intro p {
	display: table-row;
	}
#intro p span {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	}
#intro img {
	margin-right: 25px;
	}

/**
 * Balises de la page d'accueil
 */
#acc {
	width: 100%;
	margin: 20px 0 0 0;
	}
#acc h2 {margin-top: 0;}
#acc img {
	float: left;
	margin: 0 15px 0 0;
	}
#acc td {width: 50%;}
#acc td:hover {
	background-color: #eee;
	color: #d0724c;
	}

/**
 * Balises page prestations
 */
#presta, table {
	width: 99%;
	margin: 0 10px 0 10px;
	}
#presta tr {
	vertical-align: middle; cursor: pointer;
	}
#presta tr:hover {
	background-color: #eee; color: #d0724c;
	}
#presta h2 {margin-top: 0;} 

/**
 * Balises page patenaires
 */
.part_cont {
	float: left;
	margin: 0px 0 0px 0;
	/*border-bottom: solid 1px #666;*/
	}
.part_logo {
	float: left;
	width: 250px;	
	}
.part_texte {
	float: left;
	width: 630px;	
	}

/**
 * Balises page réalisation
 */
#real img {
	float: left;
	margin: 0 0 0 10px;
	/* border: solid 1px #ec6e07; */
	
	}
	
.real_conteneur {
	/* float: left; */
	}
.real_image {
/*	float: left; */
	}

.real_texte {
	float: left;
	width: 680px;
	}

/**
 * Balises page contact
 */
#contact {
	width: 650px;
	}
#contact label {
	float: left;
	display: inline;
	width: 180px;
	}
#contact textarea, input {
	width: 400px;
	}
#contact p {
	margin: 0 0 5px 0;
	}
#contact div {
	margin: 0 0 10px 180px;
	color: red;
	font-size: 0.9em;
	}
#contact em {
	margin: 0px 0 0px 10px;
	font-size: 0.9em;
	}
#contact span{
	color: red;
	font-weight: bold;	
	}
#bouton_contact {
	width: 100px;
	margin: 0 0 0 180px;
	}
.erreur {
	border: 2px solid #F00;
	} 


/**
 * Balises du menu secondaire
 */
#menu_bas {
	margin: 30px 0 0 40px;
	font-size: 0.8em;
	}
#menu_bas a {
	text-decoration: none;
	}
	
/**
 * Balise de la page plan de site
 */
.sous_liste {
	margin: 10px 0 10px 0;
	}
#plan_site strong {
	margin-right: 15px;
	}
#plan_site li {
	margin: 0 0 15px 35px;
	}

/**
 * Balises du footer
 */
#footer {
	float: left;
	width: 944px;
	margin: 5px 0px 0 40px;
	padding: 5px 0 0 0;
/*	text-align: center; */
	font-size: 0.8em;
	line-height: 15px;
	vertical-align: middle;
	border-top: 2px solid #ec6e07;
	}
#footer a img {
	float: right;
	margin: 0 0px 10px 5px;
	opacity: 0.5;
	}
#footer a:hover img {
	opacity: 1;
	}
#haut_page {
	margin: 0 40px 0 0;
	text-align: right;
	font-size: 0.8em;
	}
#haut_page a {
	text-decoration: none;
	}

/**
 * Balises du menu
 */
#menu {
	margin: 20px 0 60px 0;	
	}
.menu_ulli {
	margin: 0;	
	} 
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav,
.nav ul{
	list-style-type: none; 
	padding: 0;
	margin: 0;
	}
.nav a {
	text-decoration: none;
	}
.nav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin: 0 0 0 40px;
	}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(images/tab3.png);}


/* style the <b> element so that is does not affect the size of the link */
.nav a strong {
	margin: 0 0px 0 0;
	font-weight:normal; 
	display:block; 
	padding:5px 10px 10px 10px; 
	color:#fff;
	}
.nav a:hover strong {
	color:#000; 
	cursor:pointer;
	}
.nav .fly .main strong {
	/* background:url(ulmultitwo/arrow.gif) no-repeat 105px 9px; */
	}
.nav .down strong {
	/* background:url(ulmultitwo/arrow2.gif) no-repeat 103px 11px; */
	}
.nav .right ul strong {
	text-align:right;
	}
.nav .right ul .main strong {
	background:url(ulmultitwo/arrow3.gif) no-repeat 10px 9px; text-align:right;
	}
/* HEIGHT */
.nav ul ul {top:-30px;} /* position the top of the flyout sub menus */
/* WIDTH change this WITH CARE to suit your requirements */
/*set the link width here*/
.nav .drop,
.nav a {
	margin: 0 10px 0 0;
	width:120px;
	}
.nav ul li {
	margin: 0;
	max-width:120px; /* fix pour IE8 */
	} 
/* set the left flyout position here */
.nav ul ul {left:120px;}
/* set the right flyout position here */
.nav li.right ul ul {left:auto; right:120px;}
/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-119px;}
/* Balises de correction ne pas toucher */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}
.nav a:hover strong,
.nav a:focus strong,
.nav a:active strong {color:#000}
/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */