@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#666 url(images/fond-body.jpg) repeat-x ;
	font-family:"Garamond", "Times New Roman", Times, serif;
	color:#666;
	}

#main {
	width:900px;
	margin:auto;
	border:2px solid white;
	background-color:#ccc;
	margin-bottom:100px;
	}

.spacer {
	clear:both;
	width:100%;
	}
a { text-decoration:none;}

/* HEADER ----------------------------------------------------*/
#header{
	width:100%;
	background-color:white;
	}
a #title {
	border:none;
	color:#666;
	}
a #title:hover {
	color:black;
	}
#title{
	float:left;
	margin-top:25px;
	margin-left:25px;
	margin-bottom:5px;
	}
#logo {
	float:left;
	margin-right:12px;
	}
a #title #logo img {
	border:0;
	}
#titre {
	font-size:3em;
	line-height:1em;
	/*letter-spacing:1.2em;*/
	letter-spacing:0.45em;
	}
#sous-titre {
	font-size:1.2em;
	line-height:1.1em;
	letter-spacing:0.25em;
	}
#accroche {
	font-size:0.85em;
	}
#language{
	float:right;
	margin-top:12px;
	margin-right:12px;
	margin-bottom:40px;
	height:21px;
	width:42px;
	background:url(images/langues.gif) 0 0;
	}
#language:hover {
	background-position:bottom;
	cursor:pointer;
	}

#menu {
	float:right;
	clear:right;
	height:48px;
	width:412px;
	}
.menuitem {
	display:table-cell;
	width:130px;
	height:48px;
	float:left;
	border-left:2px solid #CCC;
	padding-left:5px;
	vertical-align:bottom;
	}
a .menuitem  {
	color:#666;
	}
.menuitem:hover{
	cursor:pointer;
	background-color:#999;
	color:white;
	}

a .menuitem:hover  {
	color:white;
	}


/* NEWS ----------------------------------------------------*/
#news {
	height:238px;
	background-color:#333;
	width:900px; 
	}
#newsphoto {
	background-position:0 26px;
	background-repeat:no-repeat;
	width:900px;
	}
#newsfond {
	position:relative;
	z-index:2;
	left:534px;
	width:366px;
	height:238px;
	background-color:#333;
	opacity: 0.70;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8 à placer avant IE7 */
	filter: alpha(opacity=70); /* IE5-7 */
	-moz-opacity:0.70;
	}
#newstexte {
	position:absolute;
	z-index:3;
	width:337px;
	height:185px;
	left:30px;
	top:26px;
	color:white;
	opacity: 1.00;	
	filter:alpha(opacity=100);  
	-moz-opacity:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
#newstexte p {
	margin:0;
	}
.zoomsur {
	}
.newstitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-variant:small-caps;
	}
.newsarticle {
	font-size:1.05em;
	}
#newstexte p.newsfinallink {
	text-align:right;
	margin-top:3px;
	margin-right:20px;
	}
.newsfinallink {
	font-weight:bold;
	}
.newsfinallink a {
	color:white;
	}
.newsfinallink a:hover {
	color:#999;
	}
/*----------------- INDEX METIERS ET INDEX OFFRE-------------- */
#indexmetiers{
	width:100%;
	background-color:#ccc;
	}
#indexoffre{
	width:100%;
	background-color:white;
	padding-top:20px;
	}
#indexmetiers h1, #indexoffre h1 {
	display:block;
	background-color:#666;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	width:180px;
	padding:1px 0 1px 25px;
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	}
#indexoffre h1{
	float:left;
	}
#indexoffre #accroche {
	color:#666;
	background:none;
	width:500px;
	padding-left:10px;
	}

#indexmetiers .colonne {
	float:left;
	width:424px;
	margin-left:25px;
	}
#indexmetiers h2 {
	color:#333;
	font-weight:normal;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	}
#indexmetiers .item {
	padding:5px 0 5px 30px;
	border-bottom:2px solid white;
	width:370px;
	background:url(images/arrowCCC.gif) 345px 10px no-repeat;
	}
#indexmetiers .item:hover {
	background:#999 url(images/arrow999.gif) 345px 10px no-repeat;
	cursor:pointer;
	}
#indexmetiers a .item{
	color:#333;
	}
#indexmetiers h3 {
	color:#333;
	font-weight:normal;
	font-size:1.2em;
	margin:0;
	}
#indexmetiers p {
	margin:0;
	/*font-size:0.9em;*/
	color:#666;
	display:none;
	}
#indexmetiers a:hover .item h3, #indexmetiers a:hover .item p {
	color:white;
	}


#indexoffre .item, #indexoffre .legende {
	margin-left:20px;
	padding:25px 0 0 10px;
	width:186px; /* width:190px; -2x2px à cause marges */
	/* background:#252525 url(images/big_arrow252525.gif) 165px 90px no-repeat;
	height:110px; */
	height:150px;
	/*background:#252525 url(images/big_arrow252525.gif) 165px 130px no-repeat;*/
	background:url(images/fond-item.jpg) repeat-x;
	border:2px solid #CCC;
	float:left;
	}
#indexoffre a .legende {
	display:none;
	}
#indexoffre .legende p.legendetitre  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;	
	}
#indexoffre a:hover .item {
	display:none;
	}
#indexoffre a:hover .legende {
	display:block;
	background:#999 url(images/big_arrow999.gif) 161px 130px no-repeat; /* 165 au lieu de 161 à cause bordures */
	cursor:pointer;
	}
/*#indexoffre .item:hover {
	background:#999 url(images/big_arrow999.gif) 165px 130px no-repeat;
	cursor:pointer;
	}*/
#indexoffre a .item{
	color:#333;
	}
#indexoffre h3 {
	/*color:white;*/
	font-weight:normal;
	font-size:1.2em;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	}
#indexoffre p {
	margin:0;
	font-size:0.9em;
	/*color:#CCC;*/
	color:#666;
	margin-top:4px;
	font-size:1.1em;
	}
#indexoffre a:hover .item h3, #indexoffre a:hover .item p, #indexoffre a:hover .legende p, #indexoffre a:hover .legende h3 {
	color:white;
	}
/* FULLTEXT ----------------------------------------------------*/
#coldroite {
	float:right;
	width:366px;
	margin-top:50px;
	}
#coldroite h1, #coldroite h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:20px;
	}
#coldroite h1 {
	font-weight:bold;
	font-size:1em;
	font-variant:small-caps;
	}
#coldroite h2 {
	font-size:0.9em;
	margin-bottom:0;
	}
#coldroite ul {
	margin-top:0;
	}
#coldroite ul li.retourAccueil a {
	background:url(images/arrow-left.gif) left no-repeat;
	padding-left:20px;
	}
#coldroite ul li.retourAccueil:hover a {
	background: #999 url(images/arrow-left_hover.gif) left no-repeat;
	}
#coldroite ul li {
	list-style:none;
	}
#coldroite ul li a {
	display:block;
	padding:2px;
	color:#666;	
	}
#coldroite ul li a:hover {
	background-color:#999;
	color:white;
	}
#coldroite ul li.current a{
	background-color:#666;
	color:#CCC;
	}

#fulltext {
	width:800px; /* 900-2x50pad */
	padding:50px;
	background:white url(images/fulltext.gif) repeat-y;
	color:#333;
	}
#fulltext h1, #fulltext h2, #fulltext h3{
	font-family:Arial, Helvetica, sans-serif;
	margin-right:366px;
	}
#fulltext h3 {
	font-size:1em;
	line-height:1.4em;
	}
#fulltext a{
	color:#666;
	}
#fulltext a:hover{
	text-decoration:underline;
	}
#fulltext p, #fulltext ul {
	margin-left:20px;
	margin-right:366px;
	line-height:1.3em;
	}
#fulltext p small {
	line-height:1em;
	}
#fulltext ul li ul{
	margin-right:0;
	}
#fulltext p .citation {
	font-style:italic;
	margin-left:20px;
	font-size:1.1em;
	font-family:"Times New Roman", Times, serif;
	}

/* CONTACT ----------------------------------------------------*/
#contactform input, #contactform textarea {
	width:100%;
	background-color:#CCC;
	border:none;
	color:black;
	line-height:1.2em;
	padding:2px;
	font-size:1.1em;
	font-family:"Garamond", "Times New Roman", Times, serif;
	}
.alert p, .alert ul li {
	background-color:#F90;
	padding:2px;
	font-weight:bold;
	}
#contactform .submit {
	background-color:#999;
	}
#contactform .submit:hover {
	background-color:#666;
	color:white;
	cursor:pointer;
	}

/* FORMATIONS ----------------------------------------------------*/
.btn {
	float:left;
	background-color:#CCC;
	width:13%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:4px;
	border-top:3px solid #333;
	margin-bottom:15px;
	margin-left:1px;
	}
.btn:hover {
	background-color:#666;
	color:white;
	cursor:pointer;
	}
.onglet {
	width:434px;
	}
#fulltext .onglet p, #fulltext .onglet h3 {
	margin-right:0;
	}
	
/* FOOTER ----------------------------------------------------*/
#footer {
	width:100%;
	background-color:#333;
	color:#999;
	font-size:0.9em;
	}
#footer a {
	color:#CCC;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}
#footer p {
	margin:0 25px;
	padding:25px 0;
	}
.footermenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
p.credits {
	padding-bottom:40px;
	font-size:0.9em;
	}