/* generated by csscreator.com */ 
html, body{ 
 background:#C6BFB7 ;
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#71635A;
 /*background: #74655E url(../images/bg2.png) repeat;*/
 background: #FFF url(../images/bg00.png) repeat;
} 
h2 {
 color:#3B2F29;
 font-size:16px ;
 font-weight:bold;
}
#hr {
 background-image:url(../images/hr.gif);
 background-color:#b3a9a5;
 height:2px;
 width:100%;
 margin-top:2px;
 margin-bottom:2px;
}
p {
 margin:0;
}
* {
    margin: 0;
    padding: 0;
}
a,a:visited,a:active { color:#71635A ; text-decoration:none; }
a:hover,a:active { color:#469420 ; text-decoration:none; }
a.vert{color:#469420}
#pagewidth{ 
 width:990px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background:#FFFFFF;
 background:transparent;
} 

#clickFacebook{
	position:relative;
	float:right;
	z-index:50;
	border:solid 0px red;
	margin-top:62px;
	width:79px;
	height:79px;
	background:url(../images/facebook.png) no-repeat top right;
}
#clickFacebook a{
	display:block;
	width:79px;
	height:79px;
}
.rubriqueAct{
	padding:2px;
	margin-left:2px;
	border:solid 0px red;
	display:block;
	width:324px;
	height:444px;
	float:left;
	/*background:url(../images/fd_accueil.jpg) no-repeat top center;*/
}
.rubriqueAct.elearning{
	background:url(../images/fd_accueil01.jpg) no-repeat top center;
}
.rubriqueAct.communication{
	background:url(../images/fd_accueil02.jpg) no-repeat top center;
}
.rubriqueAct.documentation{
	background:url(../images/fd_accueil03.jpg) no-repeat top center;
}
.rubriqueAct .image{
	display:block;
	margin-left:16px;
	margin-top:8px;
	width:290px;
	height:154px;
	float:left;
	border:solid 0px red;
}
.rubriqueAct .image a img{
	border:0;
}
.rubriqueAct .titre{
	display:block;
	margin-left:5px;
	/*margin-top:165px;*/
	margin-top:8px;
	width:310px;
	height:43px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	color:#FFF;
}

.rubriqueAct .titre a:link, .rubriqueAct .titre a:visited{
	color:#FFF;
}
.rubriqueAct .titre a:hover,.rubriqueAct .titre a:active{
	color:#FFF;
}

.rubriqueAct .texte{
	border:solid 0px green;
	display:block;
	margin-left:24px;
	width:276px;
	height:56px;
	float:left;
	text-align:justify;
	font-size:13px;
	color:#74655E;
}
.rubriqueAct .texte.max{
	border:solid 0px green;
	display:block;
	margin-left:24px;
	padding-bottom:10px;
	width:276px;
	min-height:56px;
	float:left;
	text-align:justify;
	font-size:13px;
	color:#74655E;
}
.rubriqueAct .lien{
	border:solid 0px green;
	display:block;
	margin-left:24px;
	width:270px;
	height:75px;
	float:left;
	text-align:left;
	font-size:13px;
	color:#74655E;
}
.rubriqueAct .lien.height{
	height:35px;
	padding-bottom:10px;
}
.rubriqueAct .lien a:link, .rubriqueAct .lien a:visited{
	clear:both;
	margin-left:24px;
	float:left;
	padding-left:16px;
	background:url(../images/puce.png) no-repeat center left;
	text-align:left;
	font-size:13px;
	color:#000;
}
.rubriqueAct .lien a:hover,.rubriqueAct .lien a:active{
	color:#ED7C00;
}
.rubriqueAct .bas{
	border-top:solid 1px #b7b0ac;
	display:block;
	margin-left:36px;
	width:252px;
	min-height:40px;
	float:left;
	font-size:13px;
	color:#74655E;
}
.rubriqueAct .bas.noBorder{
	border-top:solid 0px #b7b0ac;
}
.rubriqueAct .bas a img{
	border:0;
	padding:0;
	margin:0;
	padding-top:8px;
}
.rubriqueAct .bas a img.right{
	float:right;
}
.orange{color:#FF6600}
.bold{font-weight:bold}

#header{
 position:relative; 
 height:161px; 
 background:transparent;
 background-image:url(../images/header2.png);
 width:100%;
} 
#header h1 {
 visibility:hidden;
 margin:0;
 padding:0;
 width:650px;
 float:left;
}

#topheader {
 width:980px;
 height:20px;
 text-align:right;
 line-height:20px;
 font-size:11px;
 color : #ffffff;
 background:transparent;
 padding-right:10px;
 font-family:  Arial;/*Neo Sans Std Light,*/
 /* background-color:#90857f; */
}

#topheader a,
#topheader a:visited,
#topheader a:hover,
#topheader a:active { color:#FFFFFF ; text-decoration:none; }

#mainmenu {
	font-family: Arial; /* Neo Sans Std Light,  Neo Sans Std; */
	height:20px;
	font-size:14px;
	background-color: #a59b96;
	background-image: url(../images/bg-menu-gris.gif);
	z-index: 500;
}
#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%;
 padding-bottom:15px;
 }

#maincol ul{
	padding-left:16px;
	list-style:circle;
}
#ariane {
	padding-left:27px;
	height:32px;
	line-height:32px;
	width:963px;
	color:#90857f;
	font-weight:bold;
	/* background-image:url(../images/vr.gif);
	background-repeat: no-repeat;
	background-position: 767px 8px; */
	font-size:10px;
}
#ariane a,
#ariane a:visited  { color:#90857f; text-decoration: none; } 
#ariane a:active   { color:#90857f; }
#ariane a:hover    { color:#90857f; }

#footer{
 height:71px; 
 background-color:#D3CEC7;
 background: #D3CEC7 url(../images/fd_footer.jpg) no-repeat top left;
 clear:both;
 padding-left:14px;
 padding-top:8px;
 padding-bottom:8px;
 color:#92857B;
 font-size:9px;
 line-height: 14px;
 } 
#footer a,
#footer a:visited  {
	color:#92857B;
	text-decoration: none;
} 
#footer a:active   { color:#92857B; }
#footer a:hover    { color:#92857B; }

#copy{ 
 background-color:#9D9087;
 height:20px;
 float:left;
 width:481px;
 padding-left:14px;
 color:#FFFFFF;
 text-align:left;
 line-height:20px;
}
#mentions{ 
 background-color:#9D9087;
 height:20px;
 float:left;
 width:481px;
 padding-right:14px;
 color:#FFFFFF;
 text-align:right;
 line-height:20px;
}
#mentions a,
#mentions a:visited,
#mentions a:hover,
#mentions a:active { color:#FFFFFF ; text-decoration:none; }

.menu-gauche-off {
	font-family:  Arial;/*Neo Sans Std;*/
	padding-left:12px;
	line-height:24px;
	font-size:11px;
}

.menu-gauche-on-orange {
	font-family:  Arial;/*Neo Sans Std,*/
	padding-left:12px;
	line-height:26px;
	font-size:12px;
	color:#FF6600;
}
.menu-gauche-on-vert {
	font-family:  Arial;/*Neo Sans Std,*/
	padding-left:12px;
	line-height:26px;
	font-size:12px;
	color:#469420;
}
.menu-gauche-on-violet {
	font-family:  Arial; /* Neo Sans Std, */
	padding-left:12px;
	line-height:26px;
	font-size:12px;
	color: #65528E;
}
.bold {
 font-weight:bold;
}
.italic {
 font-style:italic;
}

.rouge {
 color:#FF0000;
}

.vert {
 color:#469420;
}
.vert a,
.vert a:visited,
.vert a:hover,
.vert a:active { color:#469420 ; text-decoration:none; }

.orange {
 color:#FF6600;
}
#newsticker { 
width:150px; 
background:#ffffff; /* #D3CEC7 */
/*padding:5px 5px 0; */
font-family:Verdana,Arial,Sans-Serif;
font-size:11px;
margin:0px auto;
height:400px;
}

#newsticker a,
#newsticker a:hover { color:#FF6600; font-weight:bold;text-decoration:none; }
#newsticker img { border: 0px; }

#newsticker .title {
text-align:center;
font-size:12px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:150px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { width:65px; }
.newsticker-jcarousellite .info { width:150px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
.violet,
.violet a,
.violet a:hover,
.violet a:visited {
	color: #65528E;
}
.orangebold {
	font-weight: bold;
	color: #FF6600;
}

.cadreannonce {
	width:450px;
}
.cadreannonce a,
.cadreannonce a:hover,
.cadreannonce a:visited {
	display:block;
	width:440px;
	color:#000000 ;
	height:14px;
	/* background-color:#D3CEC7; */
	padding:5px;
	border-top:1px #ffffff solid ;
	border-bottom:1px #ffffff solid ;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}
.topannonce {
	background:url(../images/top-annonce.png);
	background-repeat:no-repeat ;
	height:12px;
	width:100%;
}
.corpsannonce {
	background:url(../images/bg-annonce.png);
	background-repeat:repeat-y;
	width:414px;
	padding-left:18px ;
	padding-right:18px ;
}
.bottomannonce {
	background:url(../images/bottom-annonce.png);
	background-repeat:no-repeat ;
	height:12px;
	width:100%;
}