/*  2010 * Fabien Lelu         */
/*  http://www.fabienlelu.fr   */

/* RESET */
BODY											{ border:0; margin:0; padding:0; color:#000000; background-color:#e34a9b; font-family:Georgia, serif; font-size:11px; }
IMG												{ border:0; }
H1, H2, H3, H4, P								{ font-size:11px; font-weight:normal; margin:0; padding:0; border:0; }
A												{ text-decoration:none; color:#a0a0a0; }
A:hover											{ text-decoration:underline; color:#a0a0a0; }


/* SITE */
#site											{ margin:0 auto; width:1024px; height:auto; }


/* HEADER */
#header											{ width:1024px; height:150px; }
#header .logo									{ float:left; width:264px; height:69px; margin:40px 510px 0 125px; }
#header .identification							{ float:left; width:125px; height:40px; margin:25px 0 0 0; }
#header .identification .titre					{ float:right; margin:0 0 10px 0; width:113px; height:18px; background-image:url(http://www.rabeux.fr/images/identifiant-pro-accueil.png); background-repeat:no-repeat; }
#header .identification .champs					{ float:right; margin:0 0 6px 0; width:108px; height:22px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#header .identification .tInput					{ margin-bottom:3px; }
#header .identification .input					{ padding:2px 0 2px 5px; width:102px; height:18px; color:#5240ff; background-image:url(http://www.rabeux.fr/images/bgd-pro-accueil.jpg); background-repeat:repeat-x; }
#header .identification INPUT					{ width:102px; height:14px; border:0; font-size:11px; color:#a0a0a0; }
#header .identification .validation				{ float:right; margin:0; width:19px; height:19px; cursor:pointer; background-image:url(http://www.rabeux.fr/images/ok-accueil.jpg); }


/* NAVIGATION */
#navigation										{ float:left; margin:7px 20px 20px 0; width:230px; height:auto; }
#navigation A									{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#a0a0a0; }
#navigation A:hover								{ text-decoration:none; color:#5d3ee9; }
#navigation A.selected							{ color:#5d3ee9; }
#navigation .partie								{ margin:0 0 0 0; width:230px; }
#navigation .rubrique							{ margin:0 0 0 14px; width:216px; font-weight:bold; font-size:14px; }
#titreRubrique									{ margin:0 0 5px 0; width:216px; }
#titreSSRubrique								{ margin:0 0 4px 0; width:216px; }
#titreSSSRubrique								{ margin:0 0 5px 0; width:216px; }
#ss-rubrique									{ margin:0 0 5px 0; width:216px; font-weight:normal; font-size:11px; }
#ss-ss-rubrique									{ margin:0 0 6px 0; width:216px; }
#navigation .separation							{ width:230px; height:5px; line-height:0; }


/* ACCUEIL */
#accueil										{ float:left; width:774px; height:auto; }
#accueil .photo									{ margin:0 0 10px 0; width:773px; height:auto; line-height:0; }
#accueil .photo .legende						{ padding:12px 0 0 13px; width:760px; height:14px; color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#c1357f; }
#accueil .texte									{ width:760px; height:auto; font-size:14px; font-family:Georgia, serif; }


/* CONTENU */
#contenus										{ float:left; margin:0 20px 0 0; width:392px; height:auto; }
#contenus A										{ text-decoration:underline; color:#000000; }
#contenus A:hover								{ text-decoration:underline; color:#5d3ee9;}
#contenus H1									{ font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#5d3ee9; }
#contenus H2									{ margin:0 0 20px 0; font-size:14px; }
#contenus UL									{ padding:0; margin:20px 0 20px 0; }
#contenus UL LI									{ padding:0; margin:5px 0 5px 0; }
#contenus U.cap									{ text-decoration:none; font-size:13px; font-variant:small-caps; }
#contenus .sstitre								{ margin:0 0 20px 0; font-size:13px; }
#contenus .chapeau								{ margin:0 0 20px 0; font-size:14px; }
#contenus .descriptif							{ margin:0 0 35px 0; font-size:14px; }
#contenus .texte								{ margin:0 0 35px 0; font-size:14px; }
#contenus .texte STRONG U,
#contenus .texte U STRONG						{ color:#5d3ee9 }
#contenus .distrib								{ margin:0 0 35px 0; font-size:14px; }
#contenus .dates								{ margin:0 0 35px 0; font-size:14px; }
#contenus .liste								{ }
#contenus .liste H2								{ margin:0 0 8px 0; text-decoration:underline; font-weight:bold; color:#5d3ee9 }


/* MEDIAS */
#medias											{ float:left; width:362px; height:auto; }
#medias A										{ font-size:12px; text-decoration:underline; color:#5d3ee9; }
#medias A:hover									{ font-size:12px; text-decoration:underline; color:#5d3ee9; }
#medias H3										{ font-size:12px; font-weight:bold; text-decoration:underline; }
#medias .photos									{ margin:30px 0 0 0; width:362px; height:auto; }
#medias .ctPhoto								{ width:362px; height:auto; line-height:0; }
#medias .ctPhoto IMG							{ width:362px; height:auto; }
#medias .ctPhoto .legende						{ padding:12px 0 0 10px; width:352px; height:15px; color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#c1357f; }
#medias .photo									{ margin:0 0 10px 0; width:362px; height:auto; }
#medias .photo .legende							{ margin:-4px 0 10px 0; padding:6px 0 0 10px; width:352px; height:21px; color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#c1357f; }
#medias .videos									{ margin:0 0 0 0; width:362px; height:290px;  }
#medias .ctVideo								{  }
#medias .sons									{ margin:30px 0 0 0; width:362px; height:312px;  }
#medias .ctSon									{  }
#medias .autours								{ margin:30px 0 0 0; width:362px; height:auto;  }
#medias .ctAutour								{ margin-bottom:20px;font-family:Georgia, serif; font-size:12px; }
#medias .ctAutour .titre						{ font-weight:bold; }
#medias .ctAutour .texte						{  }
#medias .presses								{ margin:20px 0 0 0; width:362px; height:auto; font-family:Arial, Helvetica, sans-serif;  }
#medias .ctPresse								{ font-size:12px; }
#medias .dossiers								{ margin:20px 0 0 0; width:362px; height:auto; font-family:Arial, Helvetica, sans-serif;  }
#medias .ctDossier								{ font-size:12px; }
#medias .pros									{ margin:20px 0 0 0; width:362px; height:auto; font-family:Arial, Helvetica, sans-serif;  }
#medias .ctPro									{ font-size:12px; }


/* BX BUILDER */
#medias .bx-window								{ margin:0 0 7px 0; }
#medias .bx-prev								{ margin:0 253px 0 0; color:#000000; font-family:Arial, Helvetica, sans-serif; }
#medias .bx-next								{ margin:0 0 0 0; color:#000000; font-family:Arial, Helvetica, sans-serif; }


/* FOOTER */
#footer											{ clear:both; padding-top:50px; margin:0 0 35px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#footer .texte									{ margin:0 0 0 14px; }
#footer SPAN									{ margin:0 5px 0 5px; }


/* LIGHTBOX */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose { width: 81px; float: right; padding-bottom: 0.7em; }


/* LOGIN */
.messagebox{ position:absolute; width:100px; margin-left:30px; border:1px solid #c93; background:#ffc; padding:3px; }
.messageboxok{ position:absolute; width:auto; margin-left:30px; border:1px solid #349534; background:#C9FFCA; padding:3px; font-weight:bold; color:#008000; }
.messageboxerror{ position:absolute; width:auto; margin-left:30px; border:1px solid #CC0000; background:#F7CBCA; padding:3px; font-weight:bold; color:#CC0000; }
#logged { float:right; margin-top:4px; color:#5d3ee9; }
#logged A { float:right; color:#5d3ee9; }
#logged A:hover { color:#5d3ee9; }