/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#7C0000; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#7C0000; font-size: 2em; }
h2 { color:#7C0000; font-size: 1.3em; }
h3 { color:#7C0000; font-size: 1.17em; }
h4 { color:#7C0000; font-size: 1em; }
h5 { color:#7C0000; font-size: 0.83em; }
h6 { color:#7C0000; font-size: 0.67em; }
p { font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color:#7C0000;}
ul, ol { color:#7C0000; font-size: 1em; }
li {  color:#7C0000; font-size: 1em; }
a { color:#7C0000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#7C0000; }
textarea { border-width:thin; padding:3px; color:#7C0000; }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.diapoAccueil { position:relative; float:right; margin-left:2em; top:-149px; margin-bottom:-149px; }
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }
.imglogo{ position:relative; left:0; padding:0px 0px 0px 110px; width:140px; height:75px; margin-bottom:-75px; }
.imgCenter{padding-left:100px;}
/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }


/*========= Plan du site ==========*/

div#plan_site{
	margin-left:auto;
	margin-right:auto;
	width:702px;
	vertical-align:top;
}

div#plan_site img
{
	vertical-align: top;
}


.padd {
	padding-top:10px;
	padding-left:35px;
	padding-right:40px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#7C0000;
	text-align:justify;
	}

.padd2 {
	padding-top:10px;
	padding-left:60px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#7C0000;
	text-align:justify;
	}

.padd3 {
	padding-top:10px;
	padding-right:60px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#7C0000;
	text-align:justify;
	}

div#clear{
	clear:both;
	}
	
div#basdepage_pl
{
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 702px;
	height: 25px;
}

div#basdepage_pl img
{
	vertical-align: middle;
}

.logo{
	color: #7C0000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
/****************************************/
/*========= Sous menu ==========*/

	#navlist
{
padding: 3px 0;
margin-left: 0;
font: bold 10px Verdana, sans-serif;
text-align:center;
}

#navlist li
{
list-style: none;
margin: 5px;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border-bottom: none;
text-decoration:underline;
color:#7C0000;
}

#navlist li a:link { }
#navlist li a:visited { }

#navlist li a:hover{color:#804000;}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
/*========= fin Sous menu ==========*/
.tab {
	width:80%;
	margin-top:40px;
	}
	
table.tab td { padding:5px; }

.td70 {
	width:70%;
	}
	
.td10{
	width:10%;
	}

.logoColonne {
	padding-left:30px;
}