/* class de modele_el : chapitre _ image menu _ list _ nav main _ nav sub _ menu _ mail _ copyright */
/* class de elextraits en + : contenu2 _ contenu3 _ soustitre2 _ note _ citenotenoir2 _ numero_note _ citation_texte3 _ textenoir_italique _ compteur_el _ souligne _ cadretexte _ cadretexte2 _ cadretexte3 */

/* selectionne tout le contenu de la page web */

*{
	margin:0;
	padding:0;
}

/* mise en page */

body {
	text-align: center;
	background-color:#000000;
}

header {
	display:block;
	margin-left: auto;
    margin-right: auto;
	margin:0;
	padding:0;
}

nav { 
	display:inline-block;
	width:800px;
	height:93px;
	margin-left: auto;
    margin-right: auto;
	margin:0;
	padding:0;
}

#section {
	display:block;
	width:800px;
	margin-left: auto;
    margin-right: auto;
}

aside {
	display:inline-block;
	width:99px;
	height:359px;
	vertical-align: top;
}

#article {
	display:inline-block;
	width:602px;
}

footer {
	display:block;
	width:800px;
	margin-left: auto;
    margin-right: auto;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	color: #FFFFFF; 
}

#contenu2 {
	display:block;
	width:565px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images_interface/texture5_1.gif);
	background-color:#000000
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	border-style: double;
	border-color: #666666;
	border-radius: 30px;
}

#contenu3 {
	display:block;
	width:565px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images_interface/texture6_1.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	border-style: double;
	border-color: #666666;
	border-radius: 30px;
}
/* balises textuelles */
  
p {
	width:550px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	color:#000000;
}

#p_droit {
	width:500px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#000000;
}

#p_textenoir {
	width:510px;
	text-align:left;
	margin-left:15px;
	margin-right:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	padding:10px;
}

#p_texte_descriptif {
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border: 1px double #000033;
}

#p_texte_descriptif1 {
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border: 1px double #000033;
}

#p_texte_descriptif2 {
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border: 1px double #000033;
}

#p_texte_descriptif3 {
	width:470px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border: 4px double #000033;
	background: #000000;
}

/* menu horizontal */

#navigation { /*conteneur du menu*/
display:block;
margin-left: auto;
margin-right: auto;
padding: 0;
clear:both;
width:590px;
height:20px;
background: #000000;
border: 1px dotted #ffffff;
vertical-align: top;
}

ul.nav-main li { /*règles générales des items de liste */
list-style: none;
margin: 0;
border-right:1px dotted #ffffff;
}

ul.nav-main { /*règles des items principaux*/
position: relative;
z-index: 597;
}

ul.nav-main li:hover > ul { /*apparition des sous-listes au survol de l'item principal ul*/
visibility: visible;
}

ul.nav-main li:hover { /*design des items de liste au survol*/
position: relative;
z-index: 599;
cursor: pointer;
background: #666;
}

ul.nav-main li { /*positionnement, dimensions, couleurs et textes des items de liste*/
float:left;
display:block;
height: 20px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-transform: uppercase;
}

ul.nav-main li a { /*positionnement, dimensions, couleurs et textes des items de liste intégrant une redirection url*/
display: block;
padding: 5px 5px 5px 5px;
height: 20px;
color: #999;
font: 10px Arial, Helvetica, sans-serif;
text-decoration:none;
}

ul.nav-main li a:hover { /* couleurs des items de liste au survol*/
color:#D6D6D6;
}

ul.nav-main *.list { /*décalage entre chaque items principaux*/
padding-right: 1px;
}

ul.nav-sub { /*règles de la liste ul de sous menus*/
visibility: hidden;
position: absolute;
padding:2px;
top: 25px;
left: 0px;
z-index: 598;
background: #000000;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

ul.nav-sub li { /* regles des items de liste sous menu */
list-style:none;
display:block;
padding:2px;
height: 20px;
float: left;
width:250px;
border-bottom: 1px solid #5a5a5a;
border-right:none;
background: none;
}

ul.nav-sub li a { /* règles des items de liste de sous menus intégrant une redirection url */
list-style:none;
display:block;
padding: 2px 2px 2px 2px;
height: 15px;
float: left;
width:250px;
background: none;
font: 10px Arial, Helvetica, sans-serif;
}

/* polices */

.cadretexte {
	width:550px;
	margin:auto;
	padding:3px;
	font-size: 15px;
	background-color:#;
	border-left:1px solid #000000;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	border-top:1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.cadretexte2 {
	width:550px;
	margin:auto;
	padding:3px;
	font-size: 16px;
	background-color:#;
	border-left:1px solid #000000;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	border-top:1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}

.cadreimage {
	background-color:#;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	border-left: 3px solid #000000;
	border-top: 3px solid #000000;
}

.citation_texte2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #330066;
	text-decoration: none;
	font-weight: normal;
}

.citation_texte3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #003300;
	text-decoration: none;
	font-weight: normal;
}

.citenotenoir2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

.compteur_el {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0099CC;
	text-decoration: none;
	text-transform: uppercase;
}

.image_menu {
	border:0;
}

.numeronote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-transform: uppercase;
}

.souligne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}

.soustitre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#000000;
	vertical-align:top;
}

.numero_note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #660066;
	text-decoration: none;
	vertical-align:top;
	border-right:1px solid #660066;
	border-top:1px solid #660066;
	padding:2px;
}

.titre {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none; 
	font-weight: bold
}

.bigtitre {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 25px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none; 
	font-weight: bold
}

.textenoir {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: right;
	font-style: normal; 
	color: #000000; 
	text-decoration: none
}

.textenoir_italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #000000;
	text-decoration: none;
}

/* liens */

a.cadretexte3:link {
	width:550px;
	margin:auto;
	padding:3px;
	font-size: 14px;


	background-color:#;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #FF9999;
	border: 1px solid #FF0000;
}

a.cadretexte3:hover {
	width:550px;
	margin:auto;
	padding:3px;
	font-size: 14px;


	background-color:#;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #CC0000;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #FF9999;
	border: 1px solid #FF0000;
}

a.cadretexte3:visited {
	width:550px;
	margin:auto;
	padding:3px;
	font-size: 14px;


	background-color:#;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #FF9999;
	border: 1px solid #000000;
}

a.chapitre:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
}

a.chapitre:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
}

a.chapitre:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
}

a.commande_el:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FF0000;
	background-color: #FFFF00;
}

a.commande_el:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #336633;
}

a.commande_el:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
}

a img {
	border:0;
}

a.mail:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}

a.mail:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.mail:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #CCCCCC;
	text-decoration: none;
}

a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CCCCCC;
	text-decoration: underline;
	text-transform: lowercase;
}

a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0099FF;
	text-decoration: none;
	text-transform: lowercase;
}

a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CCCCCC;
	text-decoration: underline;
	text-transform: lowercase;
}

a.note:link {
	font-family: Arial, Helvetica, sans-sersif;
	font-size: 9px;
	font-style: normal;
	color: #006633;
	text-decoration: none;
	text-transform: uppercase;
}

a.note:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #66CC66;
	text-decoration: none;
	text-transform: uppercase;
}

a.note:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #C5CE48;
	text-decoration: none;
	text-transform: uppercase;
}

a.numero_note:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #660066;
	text-decoration: none;
	vertical-align:top;
	border-right:1px solid #660066;
	border-top:1px solid #660066;
}

a.numero_note:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
	vertical-align:top;
	border-right:1px solid #FF0000;
	border-top:1px solid #FF0000;
}

a.numero_note:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF99FF;
	text-decoration: none;
	vertical-align:top;
	border-right:1px solid #FF00FF;
	border-top:1px solid #FF00FF;
}