@charset "utf-8";
body {
	position : absolute;
	left: 50%;
	margin-left: -625px;
	width:1250px;
	background-color: #fbebd2;
}


a {
    color: #3241a0;
	text-decoration : none;
	}
	
a:hover {
	text-decoration : underline;
	}



input {
	border: 1px solid #930223;
	background-color: #fbebd2;
	color: #930223;
	font-weight: bold;
	font-family: calibri;
	font-size: 14px;
}	

textarea {
	border: 1px solid #930223;
	background-color: #fbebd2;
	color: #930223;
	font-weight: bold;
	font-family: calibri;
	font-size: 14px;
}

#rub-trans {
	left: 460px;
	position: absolute; 
	top: 792px;
	z-index:10;

}

#rub-trans a {
    text-decoration:none;
	color: #0c1aa3;
	font-family: calibri;
	font-size: 14px;
}

#rub-trans a:hover {
    text-decoration:underline;
	color: #0c1aa3;
	font-family: calibri;
	font-size: 14px;
}



#div-menu {
	left: 6px;
	position: absolute;
	top: 204px;
	width: 1200px;
	z-index: 95;
	background-color: #930223;
}


/* Menu */

#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 19px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
	font-family : calibri; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	text-transform:uppercase;
}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	color : #930223; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width : 237px; /* largeur */
	background-image: url(../IMG/Fond-menu.jpg);
	border: 1px solid #930223;
	box-shadow : 4px 4px 8px #aaa;
	font-weight: bold;
}

#menu li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	box-shadow : 4px 4px 8px #aaa;
	background: #ffffff;
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 205px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background: #ffffff;
}



#menu li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li		
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
}

#menu li ul ul 
{
	margin		: -22px 0 0 234px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
}

#menu a:hover/* Lorsque la souris passe sur un des liens */	
{
	color: #394bbc; /* On passe le texte en noir ...005aae */
	border-bottom: 2px solid #394bbc;
	box-shadow : 4px 4px 8px #aaa;
}

#menu li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #ffffff; /* On passe le texte en noir ...005aae */
	background: #930223; /* ... et au contraire, le fond en blanc 394bbc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}



#bandeau {
	left: 4px;
	position: absolute;
	top: 2px;
	width: 1200px;
	height: 200px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 2px solid #930223;
    box-shadow : 8px 8px 12px #8c8c8e;

}

#footer {
	left: 2px;
	position: absolute; 
	top: 783px;
	width: 1200px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url(../IMG/bg-top.jpg);
	color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	background-color: #FFFFFF;
	box-shadow : 8px 8px 12px #8c8c8e;
	border: 2px solid #930223;

}


#footer2 {
	position: absolute; 
	top: 792px;
	left:955px;
	font-family: calibri;
	font-size: 14px;

}
#footer2 a {
    text-decoration:none;
	color: #0c1aa3;
	font-family: calibri;
	font-size: 14px;
}

#footer2 a:hover {
    text-decoration:underline;
	color: #0c1aa3;
	font-family: calibri;
	font-size: 14px;
}

#footer3 {
	position: absolute; 
	top: 792px;
	left:10px;
	font-family: calibri;
	font-size: 14px;

}

#div-texte {
	left: 0px;
	position: absolute;
	overflow: auto;
	height: 450px;
	width: 732px;
	padding: 28px;
	top: 255px;
	border: 2px solid #930223;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}

#div-thumbs {
	position: relative;
	left:6%;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
    height: 100px;
	width: 970px;
}

#div-thumbs-small {
	position: relative;
	left:3%;
	overflow-y: hidden;
	overflow-x: hidden;
	white-space: nowrap;
    height: 100px;
	width: 320px;
}

#div-album-view {
	left: 2px;
	position: absolute;
	overflow: auto;
	height: 860px;
	width: 1144px;
	padding: 28px;
	top: 264px;
	border: 2px solid #930223;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}

#div-contact {
	padding: 28px;
	left: 2px;
	position: absolute;
	overflow: auto;
	height: 450px;
	width: 732px;
	top: 204px;
	border: 2px solid #8c8c8e;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #e9ebf8;
}

#div-view {
	left: 180px;
	position: absolute;
	width: 767px;
	padding: 28px;
	overflow: auto;
	height: 450px;
	top: 100px;
	border: 2px solid #930223;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}

#div-view a {
    color: #3241a0;
	text-decoration : none;
	}
	
#div-view a:hover {
	text-decoration : underline;
	}


h1 {
	font-family : calibri; 
	font-size : 16px; 
	text-transform:uppercase;
	color : #930223; 
	text-decoration : none;
}
h1 a{
	text-decoration : none;
	color : #930223;
}
h1 a:hover{
	text-decoration : underline;
}

.bleu {
	font-family : calibri; 
	font-size : 13px; 
	color : #3241a0; 
}

hr {
	
	border-color : #930223;
	box-shadow : 8px 8px 12px #aaa; 
}
	

#div-jobs {
	right: 44px;
	overflow: auto;
	position: absolute;
	width: 344px;
	height: 450px;
	padding: 28px;
	top: 204px;
	background-image: url(../IMG/logo-bg-job.jpg);
	border: 2px solid #8c8c8e;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}
#div-jobs-home {
	right: 44px;
	position: absolute;
	overflow: auto;
	width: 344px;
	height: 250px;
	padding: 28px;
	top: 255px;
	background-image: url(../IMG/logo-bg-job.jpg);
	border: 2px solid #930223;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}

#jobbox { height: 410px; position: relative; }
#joblist { position: absolute; padding: 0 0.5em; width: 334px; }

#div-actu-home {
	right: 44px;
	position: absolute;
	overflow: auto;
	width: 344px;
	height: 450px;
	padding: 28px;
	top: 255px;
	background-image: url(../IMG/logo-bg-job.jpg);
	border: 2px solid #930223;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}

#actubox { height: 410px; position: relative; }
#actulist { position: absolute; padding: 0 0.5em; width: 334px; }

#div-album {
	right: 44px;
	position: absolute;
	width: 344px;
	height: 132px;
	padding: 28px;
	top: 573px;
	background-image: url(../IMG/logo-bg-job.jpg);
	border: 2px solid #930223;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}
#albumbox { height: 132px; position: relative;}
#albumlist { position: absolute; padding: 0 0.5em; }

#header-jobs {
	position: relative;
	left:3px;
	top:3px;
	width:344px;
	background-repeat: no-repeat;
	background-color: #930223;
	color: #ffffff;
	font-family: calibri;
	font-size: 15px;
	text-align: center;
}

#titre-actu {
	position: relative;
	left:3px;
	top:3px;
	width:344px;
	background-repeat: no-repeat;
	background-color: #930223;
	color: #ffffff;
	font-family: calibri;
	font-size: 15px;
	text-align: center;
}

#div-jobs a {
    color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	text-decoration : none;
	}
	
#div-jobs a:hover {
	text-decoration : underline;
	}
	
#div-jobs-home a {
    color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	text-decoration : none;
	}
	
#div-jobs-home a:hover {
	text-decoration : underline;
	}
	
#footer-jobs {
	width: 344px;
	position: absolute;
	right: 44px;
	top: 209px;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	background-color: #FFFFFF;
	border-left: 2px solid #8c8c8e;
	border-right: 2px solid #8c8c8e;
	border-bottom: 2px solid #8c8c8e;
	box-shadow : 8px 8px 12px #aaa;
	z-index: 8;
	padding: 28px;
}

#footer-jobs a {
    color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	text-decoration : none;
	}
	
#footer-jobs a:hover {
	text-decoration : underline;
	}
	
#div-actu {
	right: 44px;
	position: absolute;
	overflow:auto;
	width: 400px;
	top: 512px;
	border: 2px solid #8c8c8e;
	box-shadow : 8px 8px 12px #aaa;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 14px;
	text-align: justify;
	background-color: #FFFFFF;
}

#header-actu {
	position: relative;
	left:3px;
	top:3px;
	width:344px;
	background-repeat: no-repeat;
	background-color: #3241a0;
	color: #ffffff;
	font-family: calibri;
	font-size: 15px;
	text-align: center;
}

#div-actu a {
    color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	text-decoration : none;
	}
	
#div-actu a:hover {
	text-decoration : underline;
	}

#div-menu-actu {
	right: 44px;
	overflow: auto;
	position: absolute;
	width: 344px;
	height: 450px;
	background-image: url(../IMG/logo-bg-job.jpg);
	padding: 28px;
	overflow:auto;
	top: 204px;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	background-color: #FFFFFF;
    border: 2px solid #8c8c8e;
	box-shadow : 8px 8px 12px #aaa;
}

#div-menu-actu a{
    color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	text-decoration : none;
}

#div-menu-actu a:hover {
	text-decoration : underline;
	}
 
#div-menu-actu1 {
	right: 44px;
	position: absolute;
	width: 400px;
	top: 207px;
	color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	background-color: #FFFFFF;
    border: 2px solid #8c8c8e;
	box-shadow : 8px 8px 12px #aaa;
}

#div-menu-actu1 a {
    color: #4e4e4f;
	font-family: calibri;
	font-size: 13px;
	text-align: justify;
	text-decoration : none;
	}
	
#div-menu-actu1 a:hover {
	text-decoration : underline;
	}
	
	
/* Galerie photos*/
div#galerie
{
  width: 1100px ;
  background: #fbebd2 ;
  border: 1px solid #930223 ;
  padding: 15px ;
  margin: 5px 7px ;
  text-align: center ;
  font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
  margin: 0 ;
  padding: 0 ;
  list-style-type: none ;
}

ul#galerie_mini li
{
  float: left ;
}

ul#galerie_mini li a img
{
  margin: 2px 1px ;
  border: 1px solid #930223 ;
}

dl#photo
{
  clear: both ;
  margin: 0 auto ;
}

dl#photo dt
{
  font: italic 2.5em/1.5em Georgia, serif ;
  color: #930223 ;
}

dl#photo dd
{
  margin: 0 ;
}

dl#photo img
{
  border: 1px solid #930223 ;
}

#imageContainer {
	left: 788px;
	position: relative;
	top: -204px;
	width: 412px;
	height: 200px;
	background-repeat: no-repeat;

}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}