/******************************
Auteur : Elie Perrichon

Version : 0.1
Crée le : 22/09/2008
Modifié le : 23/09/2008
******************************
Feuille de style
*******************************/
body {background-color:#000;text-align:center;}
a {color:#D3D197; font-weight:bold; text-decoration:none;}
a:hover {color:#D31A91;}


/* Page
--------------------------- */
#page{
 background-color:#000;

 }

/* En-tete
--------------------------- */
#ie6 {
 font-family:arial, sans-serif;
 background-color:#BFB88A;
 font-weight:bold;
 font-size:0.78em;
}
#ie6 a{color:#D31A91;}
#ie6 a:hover{text-decoration:underline;}
#entete {
 text-align:left;
}
#entete #signe {
 text-align:right;
}
#entete #signe h2 {
 font-family:arial, sans-serif;
 font-size:24px;
 margin:-18px -28px 0 0 !important;
 padding:18px 28px 0 0 !important;
 margin:-18px 36px 0 0;/*bug ie 6.0*/
 padding:18px 28px 0 0;/*bug ie 6.0*/
 float:right;
 width:340px;
 height:48px;
 color:#FFF;
 font-weight:normal;
 background:transparent url(img/AP_rf.gif) top right no-repeat;
}
#entete #signe h2 #signe2{
 font-size:14px;
 color:#BFB88A;
 width:250px;
}
#entete a img {border:none;}
#banniere  {border:2px solid #BFB88A;}

/* Menu
--------------------------- */
#menu {
 position:relative;
 z-index:1;
 border-top:2px solid #D31A91;
 border-bottom:4px solid #000;
}
#menu li {list-style:none;}
#menu a {
 text-decoration:none;
 font-family:Arial, sans-serif;
 font-weight:normal;
 font-size:0.89em;
 color:#FFF;
}
#menu #rub1, #menu #rub2, #menu #rub3, #menu #rub4, #menu #rub5, #menu #rub6 {
 position:absolute;
 padding:10px 26px;
 background:#000;
}
#menu #rub1 a, #menu #rub2 a, #menu #rub3 a, #menu #rub4 a, #menu #rub5 a, #menu #rub6 a {
 position:relative;
 padding-bottom:6px;
 border-bottom:4px solid #BFB88A;
}
#menu #rub1 a:hover, #menu #rub2 a:hover, #menu #rub3 a:hover, #menu #rub4 a:hover, #menu #rub5 a:hover, #menu #rub6 a:hover {
 padding-bottom:4px;
 border-bottom:4px solid #D31A91;
}
#menu #rubcur1, #menu #rubcur2, #menu #rubcur3, #menu #rubcur4, #menu #rubcur5, #menu #rubcur6 {
 position:absolute;
 padding:10px 26px;
 background:#D31A91;
}
#menu #rubcur1 a, #menu #rubcur2 a, #menu #rubcur3 a, #menu #rubcur4 a, #menu #rubcur5 a, #menu #rubcur6 a {
 padding-bottom:2px;
 border-bottom:6px solid #BFB88A;
}

#menu #rub1, #rubcur1 {
 left:38px;
}
#menu #rub2, #rubcur2 {
 position:absolute;
 left:148px;
}
#menu #rub3, #rubcur3 {
 position:absolute;
 left:234px;
}
#menu #rub4, #rubcur4 {
 position:absolute;
 left:374px;
}
#menu #rub5, #rubcur5 {
 position:absolute;
 left:480px;
}
#menu #rub6, #rubcur6 {
 position:absolute;
 left:652px;
}
#menu #cachemenu {
 position:relative;
 clear:both; 
 top:42px;
 width:800px;
 height:18px;
 padding:0 0 0 0;
 font-size:0px; /*bug ie6*/
 z-index:20;
 background:#000;
 border-top:4px solid #BFB88A;
}
#menu #ssrub1, #menu #ssrub2, #menu #ssrub3, #menu #ssrub4, #menu #ssrub5, #menu #ssrub6 {
 position:absolute;
 visibility:hidden;
 overflow: hidden;
 clear: both; 
 top:40px;
 left:0px;
 width:798px;
 height:19px;
 background:#222;
 padding-top:4px;
 border-top:1px solid #D31A91;
 filter:alpha(opacity=80); /*correction prise en charge png pour ie < 7.0*/
 -moz-opacity:0.8;
 opacity:0.8;
 z-index:2;
 text-align:center;
}
#ssrub1 ul,#ssrub2 ul,#ssrub3 ul,#ssrub4 ul,#ssrub5 ul,#ssrub6 ul{

}
#ssrub1 li,#ssrub2 li, #ssrub3 li, #ssrub4 li, #ssrub5 li, #ssrub6 li {
 display:inline;
 font-size:0.83em;
}
#menu #ssrub1 a, #menu #ssrub2 a, #menu #ssrub3 a, #menu #ssrub4 a, #menu #ssrub5 a, #menu #ssrub6 a {
 position:relative;
 top:0px;
 padding:2px 20px;
 margin: 0 46px;
 line-height:1.6em;
 border-bottom:none;
 z-index:60;
}
#menu #ssrub1 a:hover, #menu #ssrub2 a:hover, #menu #ssrub3 a:hover, #menu #ssrub4 a:hover, #menu #ssrub5 a:hover, #menu #ssrub6 a:hover {
 color:#BFB88A;
}

#menu #ssrub1 {
 left:-36px;
}
#menu #ssrub2 {
 left:-146px;
}
#menu #ssrub3 {
 left:-232px;
}
#menu #ssrub4 {
 left:-372px;
}
#menu #ssrub5 {
 left:-478px;
}
#menu #ssrub6 {
 left:-650px;
}

/* Contenu
--------------------------- */
#corps {
 font-family:Arial, sans-serif;
 background:transparent url(img/AP_bg.jpg) center center no-repeat;
 background-position:0 40px; 
}
#corps p{
 color:#FFF;
 font-size:0.82em;
}
#contenu {
 text-align:justify;
 border-bottom:2px solid #D31A91;
}
#contenu h2{
 color:#FFF;
 font-weight:bold;
 font-size:1.15em;
 margin:0 0 15px -30px;
 padding-left:30px;
 background:transparent url(img/AP_rb.gif) center left no-repeat;
 line-height:26px;
}
#contenu h2 strong{
 color:#BFB88A;
}
#contenu h3{
 color:#D3D197;
 font-family:Arial, sans-serif;
 font-weight:bold;
 font-style:italic;
 font-size:0.88em;
 margin:20px 0 5px 0;
 clear:both;
}
#contenu li{
 font-family:Arial, sans-serif;
 font-size:0.82em;
 list-style:disc inside;
 color:#FFF;
}
/* Page Rubrique*/
#contenu .intro {
 clear:both;
 margin:0 0 20px 0;
 border:solid 1px transparent !important;/*correction bug ie 7.0*/
 border:none;
}
#contenu .intro a{
 text-decoration:none;
}
#contenu .intro {
 height:auto !important;
 height:1px;/*correction bug ie 6*/
 filter:alpha(opacity=60);
 -moz-opacity:0.6;
 opacity:0.6;
}
#contenu .intro:hover {
 height:auto !important;
 height:1px;/*correction bug ie 6*/
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;
}
#contenu .intro h2 {
 background:none;
}
*+html .intro {
 min-height : 1px;
 margin:0 -30px 0 0;
 padding:0 30px 0 0;
}
#contenu .intro p a {
 color:#fff;
}
#contenu .intro p a:hover {
 color:#fff;
}
#contenu .intro h2{
 margin:0 0 5px -30px;
}
#contenu .intro h3{
 margin-top:0px;
}
#contenu .intro p {
 font-weight:bold;
 margin:0 0 25px 0;
 border-bottom:solid 2px #D31A91;
}
#contenu #chapo {
 font-weight:bold;
}
#contenu #artimg img{
 float:left;
 margin:0 8px 20px 0;
}
#contenu .intro #artimg img{
 border:solid 2px #D31A91;
}
#contenu #artimg a img{
 border:solid 2px #D3D197;
}
#contenu #artimg a:hover img{
 border:solid 2px #D31A91;
}

/* Formulaire de contact*/
#contact table {
 font-size:0.77em;
 color:#fff;
 width:100%;
}
#contact table .etiquet{
 width:60px;
}
#contact table .champ{
 width:190px;
}
#contact legend {
 font-size:0.92em;
 font-weight:bold;
 margin:10px;
 padding:4px 10px;
 border:solid 2px #E551BE;
}
#contact fieldset {
 border:solid 2px #E551BE;
 color:#fff;
}
#contact fieldset input, #contact fieldset textarea, #contact fieldset select {
 color:#000;
 background:#D3D197;
 filter:alpha(opacity=70); /*correction prise en charge png pour ie < 7.0*/
 -moz-opacity:0.7;
 opacity:0.7;
}
#contact #send {
 text-align:right;
}
#contact #send input {
 color:#fff;
 background:#000;
 border:solid 2px #E551BE;
 padding:4px 40px;
 margin:5px;
}
#contact #send input:hover {
 background:#E551BE;
 border:solid 2px #E551BE;
}
#contact .alert {
 color:#D3D197;
 font-weight:bold;
}
#err {
 margin:5px 10px;
 color:#F36;
 font-weight:bold;
 font-size:0.77em;
}
/* Barre latérale
--------------------------- */
#barre #btncontact a {
 display:block;
 width:100%;
 height:43px;
 border:solid 2px #E551BE;
 background:transparent url(img/AP_ctc.png) top left no-repeat;
 margin:0 0 10px 0;
 background-position:0 -43px;
}
#barre #btncontact a:hover {
 background-position:0 0px;
 border:solid 2px #000;
}

#barre img {
 border:0;
 margin-top:12px;
}
#barre #reals p {
 font-size:0.71em;
 margin:2px 0 2px 0;
 text-align:left;
}
#barre #reals #rvp {
 float:left;
 width:16px;
 height:16px;
 padding:2px 2px 0 0;
 background:transparent url(img/AP_rfp.gif) center left no-repeat;
}
#barre #reals h2 {
 font-size:0.88em;
 text-align:left;
 color:#E551BE;
 border-bottom:solid 2px #E551BE;
 margin-left:20px;
}
#barre #reals h3 {
 padding-top:8px;
 text-align:left;
 font-size:0.77em;
 font-style:normal;
 color:#FFF;
}
#barre #reals .reaurl {
 text-align:right;
}
#barre #reals .reaurl a {
 text-decoration:none;
 color:#D3D197;
 font-weight:bold;
 clear:both;
}
#barre #reals .reaurl a:hover {
 color:#E551BE;
}
#barre #reals img{
 border:solid 1px #000;
}
#barre #reals img:hover {
 border:solid 1px #E551BE;
}
#barre #coord p{
 color:#fff;
 font-size:0.88em;
}
#barre #coord h2{
 color:#D3D197;
}
#barre #coord h3{
 color:#E551BE;
 font-size:1.03em;
}
#barre #menu2{
 margin:0 0 20px 0;
 text-align:left;
}
#barre #menu2 li {
 margin:0 0 0 14px !important;
 margin:0 0 0 15px;
 padding:8px 0 0 0;
 color:#ddd;
 height:24px;
}
#barre #menu2 .m2sscurub {
 color:#E551BE;
}
#barre #menu2 li:hover {
 color:#D3D197;
}
#barre #menu2 .m2sscurub:hover {
 color:#E551BE;
}
#barre #menu2 a{
 display:block;
 width:120px;
 font-family:Arial, sans-serif;
 font-size:0.71em;
 font-weight:bold;
 text-decoration:none;	
}
#barre #menu2 .m2ssrub a{
 color:#ddd;
 /*background:#000 url(img/AP_m2.gif) bottom left no-repeat;*/
}
#barre #menu2 a:hover{
 /*background:#000 url(img/AP_m2.gif) top left no-repeat;*/
 color:#D3D197;
}
#barre #menu2 .m2sscurub a{
 /*background:#000 url(img/AP_m2.gif) top left no-repeat;*/
 color:#E551BE;
}
/* Pied
--------------------------- */
#pied {
 text-align:center;
}
#pied #menupied {
 font-family: arial, sans-serif;
 font-size:0.82em;
 background:#000;
 line-height:28px;
 filter:alpha(opacity=40); /*correction prise en charge png pour ie < 7.0*/
 -moz-opacity:0.4;
 opacity: 0.4;
}
#pied a {
 padding:5px;
 margin:0px 40px;
 text-decoration:none;
 color:#DDD;
}
#pied a:hover {
 padding:5px;
 margin:0px 40px;
 text-decoration:none;
 color:#F447C7;
}