/* CSS Document */

/************** général ****************/
body {
background-color:#122A07;
font-family:Arial, Helvetica, sans-serif;
}
/*
.cleaner {
clear:both;
}
*/
.gras {
font-weight:700;
}
#global {
/*background-color:#F2F9E9;*/

background:url(../images/middle/papier.gif);

width: 950px;
margin: 20px auto;
}

h4
{
	color: #ffffff;
	background-color: #a7d30c;
	font-size: 12pt;
	font-weight: bold;
}


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

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

/* TETIERE */
#top {
width: 950px;
background-color:#670C55 !important;
color:white;
font-size:12px;
height:95px;
}
#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;
}
#left .trois {
background-color:#B84B92;
font-size:12px;
}
#left .quatre {
background-color:#78BE21;
font-size:12px;
}
#left .cinq {
background-color:#9C2B86;
font-size:12px;
}

#left .login {
background:url(../images/left/fond6-bis.gif)no-repeat;
width:146px;
height:235px;
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;
}
/**/

#left .six {
height:235px;
background-image:url(../images/left/fond6.gif) !important;
background-position:top left;
background-repeat:no-repeat;
}
#left .six h1 {
text-align:center;
font-size:14px;
font-weight:700;
color:#013B7A;
margin:0;
padding:5px 7px 10px 0;
}
#left .six ul {
margin:0;
padding:5px 0 13px 12px;
}
#left .six ul li {
margin:5px 0 0 12px;
padding:0;
list-style-type:square;
font-size:12px;
font-weight:700;
color:#013B7A;
}
#left .six ul li a:link, #left .six ul li a:active, #left .six ul li a:visited, #left .six ul li a:focus {
font-size:12px;
font-weight:700;
color:#013B7A;
text-decoration:none;
}
#left .six ul li a:hover {
font-size:12px;
font-weight:700;
color:#013B7A;
text-decoration:underline;
}
/* COLONNE DU MILIEU */

#middle {
margin: 0 145px 0 129px;
padding:0;
}



/* COLONNE DE DROITE */
#right {
float:right;
width:129px;
}
#right img {
display:block;
}
#right .un {
background-image:url(../images/right/fond2.gif) !important;
background-position:top right;
background-repeat:repeat-y;
font-size:10px;
font-style:italic;
color:#054E82;
padding:0 0 4px 0;
}
#right .un a {
color:#054E82;
text-decoration:underline;
}
#right .un h2 {
padding:0 15px 5px 20px;
color:#054E82;
margin:0;
font-size:12px;
font-style:normal;
}
/* formulaire de droite */
#right .un form {
padding:0 0 0 10px;
margin:0;
}
#right .bouton {
color:#054E82;
background-color:white;
border:1px solid #054E82;
padding:1px;
font-weight:700;
}
#right .deux {
background-image:url(../images/right/fond3.gif) !important;
background-position:top right;
background-repeat:repeat-y;
text-align:center;
border-bottom:1px solid #3B6DBD;
padding:3px;
}
#right .deux a:link, #right .deux a:active, #right .deux a:visited, #right .deux a:focus {
font-size:10px;
font-style:italic;
color:#054E82;
text-decoration:none;
}
#right .deux a:hover {
font-size:10px;
font-style:italic;
color:#054E82;
text-decoration:underline;
}
#right .trois {
background-image:url(../images/right/fond2.gif) !important;
background-position:top right;
background-repeat:repeat-y;
height:126px;
}
#right .trois img {
padding:3px 0 0 4px;
}
#right .trois .interview {
padding:0 0 0 7px;
width:120px;
height:101px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/right/fd_interview.gif);
background-position:bottom;
background-repeat:no-repeat;
font-size:9px;
font-weight:700;
color:#902020;
text-decoration:none;
}
#right .trois .interview a:link, #right .trois .interview a:active, #right .trois .interview a:visited, #right .trois .interview a:focus {
font-size:9px;
font-weight:700;
color:#902020;
text-decoration:none;
}
#right .trois .interview a:hover {
font-size:9px;
font-weight:700;
color:#902020;
text-decoration:underline;
}

#right .trois .interview img {
padding:7px 7px 0 0;
float:right;
}
#right .quatre {
height:23px;
background-image:url(../images/right/fond4.gif) !important;
background-position:top right;
background-repeat:repeat-y;
border-top:1px solid #9A539C;
border-bottom:1px solid #9A539C;
}
#right .cinq {
background-image:url(../images/right/fond2.gif) !important;
background-position:top right;
background-repeat:repeat-y;
height:129px;
}
#right .cinq img {
padding:7px 0 0 4px;
}
#right .cinq .site {
padding:0 0 0 3px;
width:120px;
height:100px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/right/fd_sitemois.gif);
background-position:bottom;
background-repeat:no-repeat;
font-size:10px;
font-weight:700;
color:#003F77;
text-align:center;
}
#right .cinq .site img {
padding:3px 0 0 3px;
}
#right .six {
height:255px;
background-image:url(../images/right/fd_carte.gif) !important;
background-position:top right;
background-repeat:repeat-y;
}
#right .six ul, #right .six ul.blc {
margin:0;
padding:5px 0 13px 10px;
}
#right .six ul li{
margin:0 0 0 10px;
padding:0;
color:#2B2D76;
font-size:11px;
font-weight:700;
list-style-type:square;
}
#right .six ul.blc li{
margin:5px 0 0 10px;
padding:0;
color:white;
font-size:13px;
font-weight:700;
font-style:italic;
text-align:center;
list-style-type:square;
}
#right .six form {
padding:0 0 0 10px;
margin:0;
font-style:italic;
color:white;
font-size:10px;
font-weight:700;
}
#right .six a {
color:white;
text-decoration:underline;
}
/* pied de page */
#bottom {
clear:both;
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:0;
}
/****************************************************************************************************/

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

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

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

.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;
padding:0 300px 0 0;
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;
margin:100px 0 5px 0;
text-decoration:none;
}
.infos_legales a:hover {
font-size:9px;
font-weight:700;
color:#9C2B86;
text-align:center;
margin:0 0 5px 0;
text-decoration:underline;
}



/********** TOP ****************/

#pub {
	float:right

}

#img-grd {
	/*background:url(../images/middle/fond-img-grd.gif);*/
}

/* BOUTON */
.btn_deconnexion {
	display:block;
	color:#FFFFFF;
	background:#78BE21;
	width:138px;
	text-decoration:none;
}

.btn_deconnexion ul {
	margin:0;
	padding:5px 0 13px 13px;	
}

.btn_deconnexion ul li {
	margin:0 0 0 13px;
	padding:0;
	list-style-type:square;	
}

.btn_deconnexion ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

.btn_deconnexion ul li a:hover {
	text-decoration:underline;
}

.btn_deconnexion:hover {
	font-weight:bold;
}



.btn_connexion {
	color:#FFFFFF;
	background:#78BE21;
	cursor:pointer;
	margin-top:5px;
}

.login {
	border-top:1px solid #A46D99;	
}

.login ul {
	
	padding:0px;
	padding:5px 0 13px 13px;	
}

.login ul li {
	padding:0px;
	margin:0 0 0 13px;
	list-style-type:square;	
}

.login ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

.login ul li a:hover {
	color:#FFFFFF;
	font-weight:bold;
}

h1.contact {
	color:#670C55;
	font-size:16px;
	margin-left:30px;
}