/****************************


****************************/

.body {
 background-color				: #808080;
 font-family					: Century Gothic,Century, Helvetica,Times New Roman, Times, Arial;
 font-size						: 16px;
 font-style						: normal;
 margin							: 0;
 padding						: 0;
}

a {
	cursor: pointer;
}

a:hover {
	cursor: pointer;
}


.nounderline{
	text-decoration: none;
}

.nounderline:hover{
	text-decoration: underline;
}




/****************************
			Accueil
****************************/

.index {
	background-color			: #ffffff;
	border						: solid 1px #5CA2D8; 
	width						: 958px;
	height						: 678px;
	margin						: 10px auto 10px auto; 
}

.index .logoContainer { 
	width						: 928px;
	height						: 130px;
	margin						: auto;
	border						: 0 solid #ffffff;
}



.index .logo {
	background				  	: url('../images/index/logo.jpg') center center;
	background-repeat			: no-repeat; 
	height						: 120px;
	width						: 278px;
	float						: left;
}


.index .slogan{
	background-color			: #d8d7d2;
	height						: 40px;
	width						: 650px;
	text-align					: center;
	font-size					: 19px;
	color 						: #e35b23;
	line-height 				: 40px;
	margin-top: 45px;
	float						: left;
}




.index .images {
	margin: auto;
	height						: 445.5px;
	width						: 928px;	  
}

.index .image {
	background-color			: #000000;
	height						: 300px;
	width						: 280px;
	float: left;
}


/* BLOC IMAGES */
.index .images .image1 {
	background 					: url("../images/index/accueil/1.jpg") no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image1:hover {
	background 					: url('../images/index/accueil_survol/1.jpg') no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image2 {
	background 					: url("../images/index/accueil/2.jpg") no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image2:hover {
	background 					: url('../images/index/accueil_survol/2.jpg') no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image3 {
	background 					: url("../images/index/accueil/3.jpg") no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image3:hover {
	background 					: url('../images/index/accueil_survol/3.jpg') no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image4 {
	background 					: url("../images/index/accueil/4.jpg") no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image4:hover {
	background 					: url('../images/index/accueil_survol/4.jpg') no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image5 {
	background 					: url("../images/index/accueil/5.jpg") no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image5:hover {
	background 					: url('../images/index/accueil_survol/5.jpg') no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image6 {
	background 					: url("../images/index/accueil/6.jpg") no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}

.index .images .image6:hover {
	background 					: url('../images/index/accueil_survol/6.jpg') no-repeat;
	height						: 203px;
	width						: 303px;
	float						: left;
}



.index .infos {
	background-color			: #d8d7d2;
	height						: 17px;
	margin			            : 37px 16px 0 16px;
	color						: #747372;
	font-family					: Arial;
	font-size					: 11px;
	text-align					: center;
	line-height					: 17px; 	
	
}

.index .infos a {
	color						: #747372;
	font-family					: Arial;
	font-weight					: bold;
	font-size					: 11px;
	text-decoration				: none;
	line-height					: 17px;
}



/****************************
			Pages
****************************/

.content {
	background-color			: #ffffff;
	width						: 958px;
	margin-left 				: auto;
	margin-right				: auto;
	border						: solid 1px #5CA2D8; 
	/*border-left: solid 1px #5CA2D8;
	border-right: solid 1px #5CA2D8;*/
}

.content2 {
	background-color			: #ffffff;
	width						: 900px;
	margin-left: 30px;
	margin-right: 30px;	
	padding-bottom				: 50px;
}

/****************************
		Haut de page
****************************/

.header{
	width						: 100%;
	height						: 190px;
	display						: inline-table;
}

.header .logo {
	background				  	: url('../images/content/logo.jpg') no-repeat center center;
	float						: left;
	width						: 220px;
	height						: 65px;
	margin-top: 70px;
}

.header .imageContainer {
	width						: 680px;
	height						: 100%;
	float						: right;
}

.header .imageContainer .image {
	
	height						: 135px;
	margin						: 30px 0 0 3px;
	
	/*background	     			: url('../images/content/bandeau_degrade_gris.jpg') no-repeat right;*/
	/*font-size					: 30px;
	color 						: #e35b23;
	vertical-align				: middle;
	margin			  			: 55px 0 0 0;
	padding			 			: 10px 0 0 90px;
	text-align: justify;*/
}


/****************************
			MENU
****************************/

.menu {
	display: inline-table;
	width: 920px;
}


.menu .societe {
	background: url('../images/menu/societe_menu.png') no-repeat;
	height: 40px;
	width: 134px;
	float: left;	
}

.menu .societe:hover {
	background: url('../images/menu/societe_over.png') no-repeat;
	height: 40px;
	width: 134px;
	float: left;	
}

.menu .societeSelected {
	background: url('../images/menu/societe_over.png') no-repeat;
	height: 40px;
	width: 134px;
	float: left;	
}

.menu .activite {
	background: url('../images/menu/activite_menu.png') no-repeat;
	height: 40px;
	width: 164px;
	margin-left: -21px;
	float: left;	
}

.menu .activite:hover {
	background: url('../images/menu/activite_over.png') no-repeat;
	height: 40px;
	width: 164px;
	margin-left: -21px;
	float: left;
}

.menu .activiteSelected {
	background: url('../images/menu/activite_over.png') no-repeat;
	height: 40px;
	width: 164px;
	margin-left: -21px;
	float: left;
}

/*Evenements*/
.menu .evenements {
	background: url('../images/menu/evenement_menu.png') no-repeat;
	height: 40px;
	width: 202px;
	margin-left: -21px;
	float: left;	
}

.menu .evenements:hover {
	background: url('../images/menu/evenement_over.png') no-repeat;
	height: 40px;
	width: 202px;
	margin-left: -21px;
	float: left;
}

.menu .evenementsSelected {
	background: url('../images/menu/evenement_over.png') no-repeat;
	height: 40px;
	width: 202px;
	margin-left: -21px;
	float: left;
}

/*Emplois,carrieres*/
.menu .emplois {
	background: url('../images/menu/emplocarriere_menu.png') no-repeat;
	height: 40px;
	width: 302px;
	margin-left: -21px;
	float: left;	
}

.menu .emplois:hover {
	background: url('../images/menu/emplocarriere_over.png') no-repeat;
	height: 40px;
	width: 302px;
	margin-left: -21px;
	float: left;
}

.menu .emploisSelected {
	background: url('../images/menu/emplocarriere_over.png') no-repeat;
	height: 40px;
	width: 302px;
	margin-left: -21px;
	float: left;
}

/*Contact*/
.menu .contact {
	background: url('../images/menu/contact_menu.png') no-repeat top left;
	height: 40px;
	width: 180px;
	margin-left: -22px;
	float: left;
}

.menu .contact:hover {
	background: url('../images/menu/contact_over.png') no-repeat;
	height: 40px;
	width: 180px;
	margin-left: -22px;
	float: left;
}

.menu .contactSelected {
	background: url('../images/menu/contact_over.png') no-repeat;
	height: 40px;
	width: 180px;
	margin-left: -22px;
	float: left;
}



.ancres {
	height: 39px;
	/*width: 900px;*/
}

.ancres a {
	background: url('../images/content/fleche_courbe.jpg') no-repeat left center;		
	font-family: Times New Roman;
	font-size: 16px;
	color: #316598;
	padding-left: 25px;
	text-decoration: none;
	margin-left: 20px;
	line-height: 30px;
}

.ancres a:hover {
	background: url('../images/content/fleche_courbe.jpg') no-repeat left center;
	font-family: Times New Roman;
	font-size: 16px;
	color: #316598;
	padding-left: 25px;
	text-decoration: underline;
	margin-left: 20px;
	line-height: 30px;
}


.ancres .sous {
	background: url('../images/content/fleche.jpg') no-repeat left center;		
	font-family: Times New Roman;
	font-size: 16px;
	color: #316598;
	padding-left: 25px;
	text-decoration: none;
	margin-left: 10px;
	line-height: 30px;
}

.ancres .sous:hover {
	background: url('../images/content/fleche.jpg') no-repeat left center;
	font-family: Times New Roman;
	font-size: 16px;
	color: #316598;
	padding-left: 25px;
	text-decoration: underline;
	margin-left: 10px;
	line-height: 30px;
}


/****************************
	Contenu de la page
****************************/
.page {
	width: 910px;
	display: inline-table;
}

.page .left {
	float : left;
	width: 223px;
	height: 100%;
}

.page .left .eye {
	/*background : url('../images/content/oeil.jpg');*/
	width: 220px;
	height: 141px;
}

.page .right {
	float : left;
	width: 648.5px;
	height: 100%;
	margin-left: 28.5px;
}


/* NEWS */
/**************************************************************************/

.page .left .news {
	width: 219px;
	height: 995px;
	border: 2px solid black;
	margin-top: 17.5px;
}

.page .left .news .title {
	height: 38px;
	color: #316598;
	font-size: 21px;
	padding: 0 0 0 20px;
	line-height: 38px;
}

.page .left .news .title a {
	color: #316598;
	font-size: 21px;
	line-height: 38px;
	text-decoration: none;
}


.page .left .news .title2 {
	background: url('../images/content/titre-news-fond.jpg') repeat-y;
	height: 25px;
	color: #ffffff;
	font-size: 16px;
	padding: 0 0 0 20px;
	line-height: 25px;
}

.page .left .news .title2 a {
	color: #ffffff;
	font-size: 16px;
	line-height: 25px;
	text-decoration: none;
}


.page .left .news .date {
	color: #E35B23;
	font-size: 13px;
	font-style: italic;
	padding: 0 0 0 20px;
	height: 22px;
	line-height: 22px;
}

.page .left .news .date a {
	color: #E35B23;
	font-size: 13px;
	font-style: italic;
	line-height: 22px;
	text-decoration: none;
}


.page .left .news .dots {
	height: 2px;
	background: url('../images/content/dots.jpg') repeat-x top;
}


.page .left .news .newsTitle {
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	padding: 14.5px 10px 0 20px;
}

.page .left .news .newsTitle a{
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	text-decoration: none;
}

.page .left .news .newsContent {
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	padding: 0 0 0 20px;
}

.page .left .news .newsContent a {
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	text-decoration: none;
}

.page .left .news .newsContent2 {
	background: url('../images/content/fleche.jpg') no-repeat left center;
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	padding: 0 0 0 20px;
	margin: 0 0 15px 10px;
}

.page .left .news .newsContent2 a {
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	text-decoration: none;
}


.page .left .news .newsAuthor{
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	padding: 2px 0 22px 20px;
	font-variant: small-caps; 
}

.page .left .news .newsAuthor a{
	font-family: Times New Roman;
	font-size: 16px;
	color :#5CA2D8;
	font-variant: small-caps; 
	text-decoration: none;
}



/**************************************************************************/


.page .left .keywords {
	/*background : url('../images/content/plaque_typo.jpg');*/
	width: 223px;
	height: 460px;
	/*margin-top: 6.75px;*/
	margin-top: 10px;
}


.page .spacer {
	height: 31px;
	width : 100%;
}

.page .titleBig {
	background: url('../images/content/bandeau_bleu_clair.png') no-repeat top left;
	width: 250px;
	height: 30px;
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	padding-left : 20px; 
}


/* Hack ie */
.page .titleMedium {
	margin	: 37.5px 0 0 0;	
	display: block;	
	height: 25px;
}

.page .titleMedium .fleche {
	background: url('../images/content/fleche_courbe.jpg') no-repeat center left;
	width: 25px;
	height: 25px;
	float: left;
}


.page .titleMedium .title {
	background: url('../images/content/bandeau_degrade_bleu.jpg');
	background-repeat: no-repeat;
	width: 591px;
	height: 25px;
	color: #ffffff;
	font-family: Century Gothic;
	font-size: 16px;
	line-height: 25px;
	padding-left: 10px;
	float: left;
}


.page .titleMedium .title a {
	color: #ffffff;
	font-family: Century Gothic;
	font-size: 16px;
	line-height: 25px;
	text-decoration: none;
	float: left;
}


.page .titleMedium .top {
	background: url('../images/content/fleche_double.png') no-repeat center center;
	height: 25px;
	width: 15px;
	text-decoration: none;
	margin-right: 10px;
	float: right;
}




.page .titleSmall {
	background: url('../images/content/fleche.jpg');
	background-position-y: 5px;
	background-repeat: no-repeat;
	width: 601px;
	height: 25px;
	color: #5CA2D8;
	/*color: #E35B23;*/
	font-size: 16px;
	margin	: 0 0 0 30px;
	padding: 0 0 0 20px;
}


.page .titleSmall2 {
	background: url('../images/content/fleche.jpg');
	background-position-y: 5px;
	background-repeat: no-repeat;
	width: 601px;
	height: 25px;
	color: #5CA2D8;
	font-size: 16px;
	margin	: 22px 0 0 30px;
	padding: 0 0 0 20px;
}


.page .presentation {
	font-family: Times New Roman;
	font-size: 16px;
	color: #747372;
	padding: 0 0 0 30px;
	text-align: left;
}


.page .paragraphe {
	font-family: Times New Roman;
	font-style: normal;
	font-size: 16px;
	color: #747372;
	padding: 31px 30px 31px 30px;
	text-align: justify;
}

.page .paragraphe a {
	font-family: Times New Roman;
	font-size: 16px;
	/*color: #5CA2D8;*/
	color: #747372;
	text-align: justify;
}


.page .paragraphe2 {
	font-family: Times New Roman;
	font-style: normal;
	font-size: 16px;
	color: #747372;
	padding: 10px 30px 31px 30px;
	text-align: justify;
}

.page .paragraphe2 a {
	font-family: Times New Roman;
	font-size: 16px;
	/*color: #5CA2D8;*/
	color: #747372;
	text-align: justify;
}


.page .orange {
	/*color: #E35B23;*/
	color: #747372;
	/*color: #000000;*/

}


.page .suite {
	padding: 10px 0 10px 30px;
}

.page .suite a {
	font-family: Arial;
	font-size: 12px;
	color: #5CA2D8;
	text-decoration: none;
}


.page .image {
	padding: 0 0 0 30px;
}



/****************************
		Emplois
****************************/
.page .puce {
	background: url('../images/content/puce.jpg');
	background-repeat: no-repeat;
	width: 601px;
	height: 20px;
	color: #5CA2D8;
	line-height: 20px;
	font-size: 16px;
	margin	: 0 0 20px 28px;
	padding: 0 0 0 25px;
}


/****************************
	formulaire de contact
****************************/

.contactForm {
	margin : 20px 30px 20px 30px;
	width: 588.5px;
	font-family: Times New Roman;
	font-size: 16px;
	color: #747372;
}

.contactForm .message{
	color: #5CA2D8;
	font-size: 18px;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 120px;	
}

.contactForm label {
	float: left;
	width: 110px;
	padding-left: 15px;
	height: 26px;
	line-height: 26px;
}

.contactForm input {
	float: left;
	height: 20px;
}



.contactForm .missing {
	float: left;
	height: 20px;
	background-color: #c8d8e8;
}


.contactForm .missingTextArea {
	background-color: #c8d8e8;
}

.contactForm .etoile {
	color: #5CA2D8;
	text-align: left;
	float: left;
}

.contactForm .submit {
	background: url('../images/content/bouton.jpg') no-repeat;
	width: 142px;
	height: 28px;
	padding : 3px 0 0 47px; 
	margin-left: auto;
	margin-right: auto;
}

.contactForm .submit a {
	color: #ffffff;
	font-size: 20px;
	font-family: Century Gothic;
	text-decoration: none;
}



/****************************
		Bas de page
****************************/
.footer .bloc {
	background-color: #d8d7d2;
	width: 900px;
	height: 20px;
	margin-top: 9px;
	font-family: Arial;
	font-size: 14px;
	color: #747372;
	text-align: center;
}

.footer .bloc a {
	color						: #747372;
	font-family					: Arial;
	font-size					: 14px;
	text-decoration				: none;
	line-height					: 20px;
}