/* CSS Document */
.envoyer{color:white;
background-color:#000066;
height:22px;
line-height:20px;
}
.envoyer:hover{
background-color:#FFCC33;
cursor:hand;
}
body {margin:0;

background-color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;

}

hr{color: #FF9900;
background-color:#FF9900;
height: 4px;
border: 0;
padding:0;
margin:0;}
td{font-size:x-small;
color:#666666;
}
input{border:1px solid #ff9900;
background-color:white;
height:20px;
line-height:20px;
color:#999999;
font-size:x-small;}
#site{
width:1000px;
min-height:820px;
background-color: #FFC853;
border:10px solid white;
margin:auto;
}
#site-art{
width:1000px;
background-color:#FFC853;
border:10px solid white;
margin:auto;
}
#tetiere{height:80px;
width:1000px;
background-color:white;
}
/*navigation principale----------------------*/
#nav-principal{height:32px;
width:1000px;
background-color:#000066;
color:white;
text-align:center;
clear:both;}
#nav-principal ul {margin:0;

}
#nav-principal ul li{list-style:none;
display:inline;
line-height:32px;
margin-right:40px;

}
#nav-principal  li a{color:white;
text-decoration:none;
font-size:small;}
#nav-principal  li a:hover{color:white;
text-decoration:underline;
}
#titre-rub{
	position:absolute;
	left: 277px;
	top: 49px;
	width: 723px;
	text-align:right;
}
.titre-rubrique{font-size:50px;
font-style:italic;
font-weight: 100;
color:white;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif

}
#menuhaut{
height:20px;
background-color:white;
width:1000px;}
.menu-haut{color:#000066;
text-decoration:none;
font-size:12px;
font-weight:bold;
line-height:20px;
padding-right:5px;
padding-left:10px;}


/*----------------------*/
#img-accueil{
display:none;}

#info{
height:20px;
background-color:#cc3333;
width:1000px;}
.flash-info{
height:20px;
width:100px;
color:white;
margin:0;
line-height:20px;

background:url(../img/fleche-info.gif) no-repeat 2px #990000;
padding: 0 0 0 25px;
display:block;
font-weight:bold;
font-size:small;
}
.scroll{
height:18px;
width:800px;
color:white;
background-color:#cc3333;
border:0;
line-height:18px;}
/*FORMULAIRE----------------*/


.titre-formulaire{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:24px;
line-height:22px;
color:#999999;
font-weight: 100;
letter-spacing: 1px;
padding:0;
margin:0;

}
#nav-formulaire{height:30px;
width:800px;
background-color:#000066;
color:white;
text-align:center;}
#tetiere-formulaire{height:80px;
width:800px;
background-color:white;
}
#site-formulaire{
width:800px;
background-color:#FFC853;
border:10px solid white;
margin:auto;
}
#formulaire{width:780px;
height:auto;
padding:10px;
clear:both;
background-color:#efefef;}
/*actualite---------------------------------*/
#actu{width:770px;
min-height:420px;
height:420px;
padding:10px;
float:left;
background-color: #efefef;}
#actu-art{width:100%;
height:100%;
padding:10px;
background-color:#FFFFFF;
clear:both;
}
.actu-centre{
	color: #0066cc;
	font-weight: bold;
	font-size: 14px;
	background: url(../img/fleche-actu.gif) no-repeat 2px white;
	padding: 0 0 0 25px;
	/*display: block;
	width: 100px;*/
	margin-bottom: 5px; 
	/*letter-spacing: -1px;*/
	text-transform: uppercase;
}
.actu-haut{color:#0066cc;
font-weight:bold;
font-size:14px;
background:url(../img/fleche-actu.gif) no-repeat 2px ;
padding: 0 0 0 25px;
margin-bottom:5px;
}
.titre-bleu{color:#0066cc;
font-weight:bold;
font-size:14px;
margin-bottom:5px;
}

#news{background-color:#FFFFFF;
width:360px;
height:185px;
padding-top:10px;
padding-left:10px;
border-right:1px solid gray;
border-bottom:1px solid gray;

}
#newsombre{filter:shadow(color:gray, strength:5, direction:135);
padding:5px;
width:375px;
float:left;

}
#news2{background-color:#FFFFFF;
width:745px;
height:185px;
padding-top:10px;
padding-left:10px;
}
#newsombre2{filter:shadow(color:gray, strength:5, direction:135);
padding:5px;
width:760px;
float:left;

}
/*col de droite----------------------------*/
#col-actu{display:none;
}

.col-actu{color:#86060b;
font-weight:bold;
font-size:14px;
background:url(../img/puce-actu.gif) no-repeat 2px ;
padding: 0 0 0 25px;
font-style:italic;}

.menu-droite {
color:#86060b;
font-size:x-small;
font-weight:bold;
text-decoration:none;
padding:10px 5px 5px 0;
border-top:#FF9900 3px solid;}

.tabnormal{color:#86060b;

padding:10px 5px 10px 5px;
border-top:#FF9900 3px solid;}

.tabover{color:#86060b;
background-color: #FFFF88;
padding:10px 5px 10px 5px;
border-top:#FF9900 3px solid;}




.lien-art{
display:block;
margin-bottom:5px;
	text-decoration: none;
	color: black;
	font-size: x-small;
	padding: 0 0 0 15px;
}
.lien-art:hover{
	background: url(../img/puce-menu.gif) no-repeat  left;
	padding: 0 0 0 15px;
}



/***************************************/
#pied{
clear:both;
height:51px;
line-height:51px;
text-align:right;
background-color:white;
}
#pied-art{
/*clear:both;*/
height:0;
text-align:right;
margin-top:0;}
.titre-accueil{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:26px;
color:#CCCCCC;
font-weight: 100;
letter-spacing: 1px;
padding:0;
margin:0;

}
.titreorange {
	font-size: 14px;
	font-style: italic;
	font-weight:bold;
	color: #D2691E;
	letter-spacing: 2px;
}
.derbi {
	font-size: 20px;
	font-style: italic;
	color: #0066CC;
	font-weight:lighter;
	letter-spacing: 1px;
}
.pole {
	font-size: 20px;
	font-style: italic;
	color: #739cc3;
	font-weight:lighter;
	letter-spacing: 1px;
}
.texte {
	font-size: small;
	color:black;
	text-align: justify;
}
.Style1 {color: #FFFFFF}
.infoplus{display:block;
height:20px;
line-height:20px;
color:#6699FF;
width:100px;
background-color: #F1F1F1;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
text-align:center;
font-size:x-small;
text-decoration:none
}
.infoplus:hover{display:block;
height:20px;
line-height:20px;
color:black;
width:100px;
background-color:#F8F8F8;
text-align:center;
font-size:x-small;

}
a{color:#86060b;
text-decoration:none;
}
a:hover{color:#FF9900;}
.champs-menu-haut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #586289;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #586289;
}
