/*
  FCA v1 theme
  by L@urent (informatique@bdsa.fr)
  only to be used on www.fcaweb.fr
  do not distribute or modify without permission
  Couleurs FCA :
	prune = #9c0a7d
	vert  = #b1c800
	gris  = #9c9d9f
*/

body {
	font-family:arial,helvetica;
	font-size:100%;
	text-align:left;
	color:#636363;
	background-color: #ffffff;
/*
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
 */
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #cccccc;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color:  #b1c800;
	scrollbar-track-color: #b1c800;
	scrollbar-darkshadow-color: #b1c800;
	margin:0;
	padding:100px 0 70px 192px;
 }
 
 /* pour header+leftside+footer fixe */
div#header{
	position:absolute;
	top:0;
	left:0;
	width:500%;
	height:100px;
}
div#left-sidebar{
	position:absolute;
	top:100px;
	left:0;
	width:192px;
	height:100%;
}
div#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:70px;
}
div#right-header{
	position:absolute;
	top:0;
	right:0;
	width:300px;
	height:100px;
}
div#right-footer{
	position:absolute;
	bottom:0;
	right:0;
	width:350px;
	height:70px;
}
@media screen{
	body>div#header{
		position:fixed;
	}
	body>div#right-header{
		position:fixed;
	}
	body>div#left-sidebar{
		position:fixed;
	}
	body>div#footer{
		position:fixed;
	}
	body>div#right-footer{
		position:fixed;
	}
}
* html body{
	overflow:hidden;
}
* html div#content{
	height:100%;
	overflow:auto;
}


/* général */
td {font-family:arial,helvetica;font-size:12px;color:#b1c800;}
th {color:#38342e;background-color:#ff8822;text-align:center;display:in-line;}
a:link, a:visited {color:#9c0a7d;text-decoration:none;}
a:hover, a:active {color:#b1c800;text-decoration:none;}

.titre_site {text-align:center;color:#ffffff;background-color:#000000;}
.titre_page {font-size:14px;font-weight:bold;text-align:center;color:#38342e;}
.titre_table {text-align:center;color:#ffffff;background-color:#38342e;}

.over {background-color:#ffffff;}
.over:hover {background-color:#d9d9d1;}

.mini_blanc {font-size:10px;color:#ffffff;}
.mini_gris {font-size:10px;color:#38342e;}
.mini_orange {font-size:10px;color:#ff6611;}
a.mini:link, a.mini:visited {font-size:10px;}
a.mini:hover, a.mini:active {font-size:10px;}

.up {color:#ff6611;}
.down {color:#efefe7;}
.offline {color:#ff6611;}

a.up:link, a.up:visited {color:#ff6611;text-decoration:none;}
a.up:hover, a.up:active {color:#efefe7;text-decoration:none;}
a.down:link, a.down:visited {color:#efefe7;text-decoration:none;}
a.down:hover, a.down:active {color:#efefe7;text-decoration:none;}

acronym {
	border-bottom : 1px dotted;
	border-color: #ff6611;
	cursor : help;
}


/* menu */
.menu			{	font-family:arial,helvetica;
					font-weight:bolder;
					color:#9c0a7d;
					font-size:12px;
					text-align:left;
					border-width:0px;
					border-color:#D1D100;
					border-style:solid;
				}
				
/* menu principal */
.menu     div   {   display:block;
                    cursor:pointer;
					background-color:#ffffff;
					border-top-width:0px;
					border-top-color:#D1D100;
					border-top-style:solid;
					width:172px;
                }
.menu     a:link
                {   color:#9c0a7d;
                    display:block;
                }
.menu     div:hover > div
                {   color:#00ffff;
                    display:block;
                }

/* sous-menu */
.menu     div div
				{   display:none;
					background-color:#ffffff;
					color:#9c0a7d;
					font-size:10px;
					padding-left:15px;
					white-space:nowrap;
					background-image: url("/themes/fca_v1/images/puce2.jpg");
					background-repeat: no-repeat;
					background-position:left center;
}

.menu     a     {
					display:block;
					color:#9c0a7d;
}

/* les boutons de gauche */

.buttonImg {
	font-family:arial,arial narrow,arial black;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:12px;
	text-align:left;
	color:#9c0a7d;
	text-indent:0px;
	white-space:nowrap;
	text-transform:uppercase;
	width: 139px;
	height: 48px;
	border: none;
	cursor: pointer;
	background: url("/themes/fca_v1/images/bouton_off.png") no-repeat left top;
	}
.buttonImg:hover
	{
	margin-top:-1px;
	background: url("/themes/fca_v1/images/bouton_on.png") no-repeat left bottom;
	}

/* contenu */

/* anciennes valeurs fixes :
	width:810px;
	height:330px;

*/
div.scroll
{
	position:relative;
	width:100%;
	height:330px;
	background-color:#FFFFFF;
	overflow:auto;
	resize:vertical;
}

.titre1
	{
	height:30px;
	padding-top:10px;
	font-family:arial black;
	font-size:16px;
	text-align:left;
	line-height:90%;
	color:#618305;
	text-indent:10px;
	white-space:nowrap;
	text-transform:uppercase;
	background-image: url("/themes/fca_v1/images/fnd_titre.jpg");
	background-repeat: repeat-x;
	}

.titre2
	{
	height:15px;
	font-family:arial black;
	font-size:12px;
	text-align:left;
	color:#9c0a7d;
	text-indent:15px;
	white-space:nowrap;
	text-transform:uppercase;
	background-image: url("/themes/fca_v1/images/puce1.jpg");
	background-repeat: no-repeat;
	background-position:left center;
	}

.contenu
	{
	padding-left:12px;
	padding-right:12px;
	font-family:arial,helvetica;
	font-size:12px;
	text-align:left;
	color:#636363;
	background-image: url("/themes/fca_v1/images/puce2.jpg");
	background-repeat: no-repeat;
	background-position:left top;
	}

.contenu1
	{
	padding-left:12px;
	padding-right:12px;
	font-family:arial,helvetica;
	font-size:12px;
	text-align:left;
	color:#636363;
	}

.contenu2
	{
	padding-left:12px;
	padding-right:12px;
	font-family:arial,helvetica;
	font-size:12px;
	text-align:left;
	color:#636363;
	background-image: url("/themes/fca_v1/images/puce3.jpg");
	background-repeat: no-repeat;
	background-position:left top;
	}

.faq
	{
	height:15px;
	font-family:arial black;
	font-size:12px;
	text-align:left;
	color:#9c0a7d;
	text-indent:0px;
	white-space:nowrap;
	background-repeat: no-repeat;
	background-position:left center;
	}

.ombrage
{
  display:block;
  float:left;
  background: url("/themes/fca_v1/images/ombre.png") no-repeat bottom right;
  margin: 0px 0 0 0px;
}
.ombrage img
{
  display: block;
  position: relative;
  background-color: #fffff;
  border: 1px solid #a9a9a9;
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
  /* Marge interne pour la bordure blanche */
  padding: 0px;
}


/* formulaires */
form {margin-bottom:0;}
input {font-family:arial,helvetica;font-size:11px;text-align:center;color:#ff6611;background-color:#efefe7;margin-bottom:1px;
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-color:#38342e;
}
input:disabled {color:#efefe7;background-color:#918F88;text-align:center;}

input.connexion {font-family:arial,helvetica;font-size:10px;text-align:center;color:#ff6611;background-color:#38342e;
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-color:#65625B;
}
input.connexion :hover{background-color:#efefe7;}

/*images border */
.bordered {
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-color:#b1c800;
}

/* Config pour la partie FlowPlayer et l'affichage de multiples vidéos sur la même page */
/* styling of the container. */
a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 10px 0px 10px;
	float:left;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:30px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

/* Utilisé pour le texte défilant */
#cadre_defil_2 {
	position:relative;
	overflow: hidden;
	visibility:hidden;
	height: 22px; 
	width:99.5%;
	margin: 0 auto;
	line-height: normal;
	border: 2px solid #9c588d;
	background:#9C0A7D;	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
/* anciennes valeurs : background=#FFFF66 (fond jaune) color=#003399 (écriture bleue) */
#cadre_defil_2 img {
	border:0;
	vertical-align: middle;
}
#cadre_defil_2 .liens {
	color: #003399;
}

/* Images affichées avec rotation */
div.polaroid
{
width:240px;
padding:10px 10px 10px 10px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
-webkit-box-shadow:2px 2px 3px #aaaaaa; /* Safari */
box-shadow:2px 2px 3px #aaaaaa;
}

div.rotate_left
{
float:left;
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
transform:rotate(7deg);
}

div.rotate_right
{
float:left;
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
transform:rotate(-8deg);
}