/* CSS Document */

body{
background-color:#122A07;
margin:0;	
font-family:Arial, Helvetica, sans-serif;
}

.erreur12{
font:12px Arial, Helvetica, sans-serif;
color:#F40000;
text-decoration:none;	
}

.texte12{
font:12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

.texte12 a{
font:12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

.texte12 a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}

.blanc12{
font:normal 12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}

.blanc12 a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;	
}

.blanc12 a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:underline;
}

h4 {
    background-color: #A7D30C;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
	padding-left:4px;
}

h5
{
	color: #ffffff;
	background-color: #78BE21;
	font-size: 10pt;
	font-weight: bold;
}

/******************************************** STRUCTURE ****************************************/

#global {
background:url(../_images/middle/papier.gif);
width: 950px;
margin: 20px auto;
position:relative;
}


/* TETIERE */
#top {
width: 950px;
background-color:#670C55 !important;
color:white;
font-size:12px;
height:95px;
position:relative;
}
#top img {
display: block;
float:left;
}
#top ul {
float:left;
margin:0;
padding:0;
}
#top ul li {
list-style-type:none;
float:left;
margin:2px 0 0 8px;
}
#top ul li.petit {
list-style-type:none;
font-size:10px;
font-style:italic;
margin:3px 0 0 5px;
}

/* COLONNE DE GAUCHE */

#left {
float:left;
color:white;
width:146px;

}
#left .un {
background-image:url(../_images/left/haut.gif) !important;
background-position:top left;
background-repeat:no-repeat;
background-color:#670C55;
font-size:12px;
}
#left .un h2 {
padding:5px 0 5px 15px;
margin:0;
font-size:12px;
border-bottom:1px solid #A46D99;
}
#left .un h2 a:link, #left .un h2 a:active, #left .un h2 a:visited, #left .un h2 a:focus {
font-size:12px;
color:white;
text-decoration:none;
}
#left .un h2 a:hover {
font-size:12px;
color:white;
text-decoration:underline;
}
#left .un h1, #left .deux h1, #left .trois h1, #left .quatre h1, #left .cinq h1,#left .login h1  {
padding:5px 0 5px 15px;
margin:0;
font-size:15px;
font-weight:700;
}
#left .un ul, #left .deux ul, #left .trois ul, #left .quatre ul, #left .cinq ul {
margin:0;
padding:5px 0 13px 13px;
}
#left .un ul {
border-bottom:1px solid #A46D99;
}
#left .deux ul {
border-bottom:1px solid #C480B6;
}
#left .trois ul {
border-bottom:1px solid #D493BE;
}
#left .un ul li, #left .deux ul li, #left .trois ul li, #left .quatre ul li, #left .cinq ul li{
margin:0 0 0 13px;
padding:0;
list-style-type:square;
}
#left .un ul li a:link, #left .un ul li a:active, #left .un ul li a:visited, #left .un ul li a:focus, #left .deux ul li a:link, #left .deux ul li a:active, #left .deux ul li a:visited, #left .deux ul li a:focus, #left .trois ul li a:focus, #left .trois ul li a:link, #left .trois ul li a:active, #left .trois ul li a:visited, #left .trois ul li a:focus, #left .quatre ul li a:focus, #left .quatre ul li a:link, #left .quatre ul li a:active, #left .quatre ul li a:visited, #left .quatre ul li a:focus, #left .cinq ul li a:focus, #left .cinq ul li a:link, #left .cinq ul li a:active, #left .cinq ul li a:visited, #left .cinq ul li a:focus {
color:white;
text-decoration:none;
}
#left .un ul li a:hover, #left .deux ul li a:hover, #left .trois ul li a:hover, #left .quatre ul li a:hover, #left .cinq ul li a:hover {
color:white;
text-decoration:none;
font-weight:700;
}
#left .deux {
background-color:#9C2B86;
font-size:12px;
}
#left .deux h2 {
padding:5px 0 5px 15px;
margin:0;
font-size:12px;
}

/* formulaire colonne gauche */
#left form {
padding:0 0 0 15px;
margin:0;
}
#left .bouton {
color:white;
background-color:#670C55;
border:1px solid white;
padding:1px;
font-weight:700;
}
/**/

/* COLONNE DU MILIEU */

#middle {
float:left;
padding:0 5px 0 10px;
width:780px;
}

/******************************************** CONTENU ***********************************************/

.contenu {
color:#670C55;
font-size:12px;
}
.contenu form {
margin:0 45px;
}

.lien {
padding:0 20px;
color:#670C55;
font-size:12px;
}

.lien a{
padding:0 20px;
color:#670C55;
font-size:12px;
text-decoration:none;
}

.lien a:hover{
padding:0 20px;
color:#670C55;
font-size:12px;
text-decoration:underline;
}


.contenu a:link, .contenu a:active, .contenu a:visited, .contenu a:focus {
color:#474747;
text-decoration:none;
}
.contenu a:hover {
color:#474747;
text-decoration:underline;
}
.contenu img {
padding:0 5px 5px 0;
}
.contenu ul {
margin:5px 20px;
}
.contenu ul li {
list-style-image:url(../_images/puce_raisin.gif);
color:#474747;
padding:5px 0;
font-size:12px;
}
.contenu h1 {
font-size:18px;
border-bottom:1px solid #CBB7C0;
margin:5px 0 5px 0;
}
hr {
border:1px dashed #670C55;
width:625px;
padding:0;
}
.txtpetitadroite, .txtpetitadroite a:link, .txtpetitadroite a:active, .txtpetitadroite a:visited, .txtpetitadroite a:focus {
margin:5px 7px 5px 0;
text-align:right;
font-size:10px;
color:#670C55;
text-decoration:none;
}
.txtpetitadroite a:hover {
margin:5px 7px 5px 0;
text-align:right;
font-size:10px;
color:#670C55;
text-decoration:underline;
}
.infos_legales, .infos_legales a:link, .infos_legales a:active, .infos_legales a:visited, .infos_legales a:focus {
font-size:9px;
font-weight:700;
color:#9C2B86;
text-align:center;
text-decoration:none;
width:950px;
margin-right:auto;
margin-left:auto;
}
.infos_legales a:hover {
font-size:9px;
font-weight:700;
color:#9C2B86;
text-align:center;
margin:0 0 5px 0;
text-decoration:underline;
}


/* pied de page */
#bottom {
	width:950px;
font-size:12px;
font-weight:700;
color:white;
background-image:url(../_images/bottom/pieddepage.gif);
background-position:top left;
background-repeat:no-repeat;
text-align:center;
padding:7px 0 7px 0;
margin-right:auto;
margin-left:auto;
}

/*----pages----*/

.pagination{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
}

.inactive{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
margin-left:4px;	
margin-right:4px;
}

.pagination a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:underline;
margin-left:4px;	
margin-right:4px;	
}

.pagination a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;	
}

.active{
font:bold 12px Arial, Helvetica, sans-serif;
color:#670C55;	
margin-left:4px;	
margin-right:4px;
}

#skyscraper{
position:fixed;
width:120px;
height:600px;
top:20px;
margin-left:970px;	
}